.ow{--ow-bg:#0a1828;--ow-panel:#11283d;--ow-light:#eef6fc;--ow-muted:#c0d3e0;--ow-accent:#76e3d2;--ow-line:#2c4c61;max-width:1460px;margin:32px auto;color:var(--ow-light);background:var(--ow-bg);border-radius:20px;overflow:hidden;font-size:16px}
.ow *{box-sizing:border-box}
.ow h1,.ow h2,.ow h3,.ow p{margin:0;color:inherit}
.ow h1,.ow h2,.ow h3{line-height:1.28}
.ow p,.ow li,.ow dd{line-height:1.7}
.ow a{color:var(--ow-accent)}
.ow a:focus-visible,.ow button:focus-visible,.ow summary:focus-visible{outline:2px solid var(--ow-accent);outline-offset:4px}
.ow-hero{display:grid;padding:clamp(25px,5vw,76px);gap:clamp(22px,4vw,64px);background:linear-gradient(135deg,#0d2033,#174051)}
.ow-with-cover{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}
.ow h1{display:flex;align-items:center;gap:.34em;inline-size:fit-content;padding:.12em .38em .18em .22em;font-size:clamp(36px,4.7vw,62px);font-weight:750;letter-spacing:-.02em;border-block-end:2px solid #55c9c1;background:linear-gradient(105deg,#153146,#173a4c 72%,transparent)}
.ow[dir=rtl] h1{letter-spacing:normal}
.ow[dir=rtl] h1{background:linear-gradient(255deg,#153146,#173a4c 72%,transparent)}
.ow-title-mark{flex:0 0 .27em;inline-size:.27em;block-size:.27em;transform:rotate(45deg);border:1px solid #a9f5e6;background:linear-gradient(150deg,#84eed8,#286b80);box-shadow:0 0 .28em #66e6ce54}
.ow-hero-statement{position:relative;isolation:isolate;max-inline-size:550px;margin-block-start:16px;padding:12px 24px 12px 15px;border-inline-start:3px solid #75e4cd}
.ow-hero-statement::before,.ow-hero-statement::after{content:"";position:absolute;inset:0;z-index:-2;clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%);background:linear-gradient(110deg,#386d81,#44aaac 65%,#3a6379)}
.ow-hero-statement::after{inset:1px;background:linear-gradient(115deg,#19384c,#112b3d 80%);z-index:-1}
.ow[dir=rtl] .ow-hero-statement{padding:12px 15px 12px 24px}
.ow[dir=rtl] .ow-hero-statement::before,.ow[dir=rtl] .ow-hero-statement::after{transform:scaleX(-1)}
.ow .ow-lead{font-size:clamp(19px,2.25vw,28px);font-weight:750;color:var(--ow-accent);line-height:1.35}
.ow .ow-tagline{font-size:16px;font-weight:700;margin-block-start:4px}
.ow-intro>p{max-width:64ch;color:var(--ow-muted);margin-block-start:14px}
.ow-logo{display:block;width:104px;max-height:72px;object-fit:contain;margin-block-end:16px}
.ow-cover img{display:block;width:100%;height:auto;border-radius:12px}
@property --ow-frame-angle{syntax:"<angle>";initial-value:0deg;inherits:false}
.ow-cover,.ow-photo{padding:2px;background:#376b75;background:conic-gradient(from var(--ow-frame-angle,0deg),#30546d,#396579 62%,#2b967f 77%,#83ead2 89%,#30546d);border-radius:14px}
.ow-cover{box-shadow:0 14px 32px #06152070}
@media(prefers-reduced-motion:no-preference){.ow-cover,.ow-photo{animation:ow-frame-orbit 8s linear infinite}}
@keyframes ow-frame-orbit{to{--ow-frame-angle:360deg}}
.ow-nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:23px}
.ow-nav a{display:inline-flex;min-height:44px;align-items:center;gap:.56em;padding:9px 13px;border:1px solid #477487;border-block-end-color:#1c3d51;border-radius:7px;color:var(--ow-light);font-weight:700;background:linear-gradient(180deg,#295970,#17384d);box-shadow:0 3px 0 #0b202f,0 5px 10px #06162450}
.ow-intro .ow-nav a::before{content:"";inline-size:6px;block-size:6px;flex:0 0 6px;transform:rotate(45deg);background:#8ae8d5}
.ow-nav a:hover,.ow-nav a[aria-current]{border-color:var(--ow-accent);color:var(--ow-accent);background:#234d62}
.ow-section{padding:clamp(22px,4vw,54px);border-top:1px solid var(--ow-line);scroll-margin-top:122px}
.ow-section h2{position:relative;isolation:isolate;inline-size:fit-content;max-inline-size:100%;padding:.38em 1.05em .38em .6em;border-block-end:2px solid #52b9b3;font-size:clamp(23px,2.6vw,34px);font-weight:740;margin-bottom:23px}
.ow-section h2::before{content:"";position:absolute;inset:0;z-index:-1;clip-path:polygon(0 0,calc(100% - 20px) 0,100% 42%,calc(100% - 10px) 100%,0 100%);background:linear-gradient(105deg,#183950,#1e4d60)}
.ow[dir=rtl] .ow-section h2{padding:.38em .6em .38em 1.05em}
.ow[dir=rtl] .ow-section h2::before{transform:scaleX(-1)}
.ow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ow-card{min-width:0;border:1px solid var(--ow-line);background:var(--ow-panel);border-radius:13px;overflow:hidden;scroll-margin-top:122px}
.ow-card-copy{padding:19px}
.ow-card h3{font-size:clamp(20px,1.8vw,25px);font-weight:760}
.ow-card h3::after{content:"";display:block;inline-size:34px;block-size:2px;margin-block-start:.55rem;background:linear-gradient(90deg,var(--ow-accent),#418dae)}
.ow-card p:not(.ow-category){margin-top:10px;color:var(--ow-muted);font-size:16px}
.ow-card dd,.ow-card p{white-space:pre-line;overflow-wrap:anywhere}
.ow-category,.ow-card time{display:block;margin:0 0 6px;color:var(--ow-accent);font-size:.9em}
.ow-photo,.ow-card>img{display:block;width:100%;aspect-ratio:4/3}
.ow-photo img,.ow-card>img{object-fit:cover;width:100%;height:100%;display:block}
.ow-photo img{border-radius:12px}
.ow-card>img{height:auto}
.ow-systems ul{list-style:none;display:flex;flex-wrap:wrap;gap:9px;padding:0;margin:0 0 17px}
.ow-systems li{background:var(--ow-panel);border:1px solid var(--ow-line);padding:6px 12px;border-radius:7px}
.ow-systems p,.ow .ow-rights{color:var(--ow-muted);font-size:.93em}
.ow .ow-rights{padding:14px clamp(22px,4vw,54px) 22px;border-top:1px solid var(--ow-line)}
.ow details{margin-top:12px}
.ow summary{cursor:pointer;color:var(--ow-accent)}
.ow dl,.ow ul{margin-block:10px}
.ow dt{font-weight:650}
.ow dd{margin:0 0 8px}
.ow video{display:block;width:100%;max-height:540px;aspect-ratio:16/9;object-fit:contain;background:#040b14}
.ow-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:10px 0}
.ow-thumbs img{width:100%;display:block;aspect-ratio:1;object-fit:cover;border-radius:5px}
.ow-lightbox{color:var(--ow-light);border:1px solid var(--ow-line);background:var(--ow-bg);border-radius:14px;max-width:min(96vw,1100px);max-height:94vh;padding:15px;margin:auto;z-index:10000}
.ow-lightbox:not([open]){display:none}
.ow-lightbox::backdrop{background:rgba(3,9,17,.85)}
.ow-lightbox figure{margin:8px auto;text-align:center}
.ow-lightbox img{display:block;margin:auto;max-width:100%;max-height:72vh}
.ow-lightbox figcaption{margin-top:7px}
.ow-lightbox nav{display:flex;justify-content:space-between;align-items:center;gap:10px;text-align:center}
.ow-lightbox button{background:var(--ow-panel);border:1px solid var(--ow-line);border-radius:6px;color:var(--ow-light);padding:8px 12px;min-height:40px}
@media(max-width:950px){.ow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.ow{margin:8px 12px 24px;border-radius:13px}.ow-with-cover,.ow-grid{grid-template-columns:minmax(0,1fr)}.ow-nav a{padding-inline:10px}}
