.sosuli-story{--bg:#0b1724;--text:#f7f1e6;--muted:#bfccd5;--line:#365066;--accent:#f0c783;background:#0b1724;color:var(--text)}
.sosuli-story:before{background:radial-gradient(circle at 73% 9%,rgba(112,154,196,.16),transparent 38%),linear-gradient(180deg,rgba(18,44,68,.42),transparent 520px)}
.sosuli-story .site-header{background:rgba(9,22,35,.92);border-color:#385069}
.sosuli-story .nav a:hover,.sosuli-story .nav a:focus-visible,.sosuli-story a:hover{color:#fff0cc}
.story-language{justify-self:end;display:flex;gap:4px;align-items:center;padding:3px;border:1px solid #60768a;border-radius:999px}
.story-language a{min-width:39px;padding:5px 9px;border-radius:999px;text-align:center;color:#b7c8d4;font-size:12px;text-decoration:none}
.story-language a[aria-current=page]{background:#e9c487;color:#152439;font-weight:700}
.story-hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:42px;align-items:center;padding:86px 0 70px}
.story-hero .eyebrow,.story-section .eyebrow{color:#edc78d;margin-bottom:16px}
.story-hero h1,.story-section h2,.scene-copy h3{font-family:Georgia,serif;font-weight:400;letter-spacing:-.035em}
.story-hero h1{font-size:clamp(48px,6.3vw,82px);line-height:1.02;margin-bottom:24px}
.story-hero .lede{font-size:clamp(17px,1.6vw,20px);line-height:1.65;color:#d7e2e8;max-width:590px}
.story-hero-art{position:relative;overflow:hidden;border-radius:22px;border:1px solid #5a6b7c;box-shadow:0 25px 65px #0007;background:#1c3447}
.story-hero-art img{width:100%;height:100%;min-height:420px;object-fit:cover}
.story-hero-art:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#081522b5);pointer-events:none}
.story-hero-art figcaption{position:absolute;left:22px;bottom:20px;z-index:1;font-size:12px;color:#f4e8d3;max-width:80%}
.story-actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}
.sosuli-story .button.primary{background:#efc988;color:#152337;border-color:#efc988}
.sosuli-story .button.secondary{background:#1b344b;color:#f4e7d6;border-color:#567087}
.story-section{border-top:1px solid #3b5468;padding:75px 0}.story-section h2{font-size:clamp(34px,4vw,52px);line-height:1.1;max-width:760px;margin-bottom:26px}
.story-section p,.scene-copy p{font-size:17px;line-height:1.75;color:#cfdae1;max-width:780px}
.story-section a,.scene-copy a{color:#f4d49f;text-underline-offset:3px}
.story-intro{display:grid;grid-template-columns:.7fr 1.3fr;gap:50px}.story-intro .section-side{font-size:13px;color:#9fb5c4;line-height:1.6}
.scene{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center;padding:34px 0 52px}.scene+ .scene{border-top:1px solid #2d4457;padding-top:52px}.scene:nth-of-type(even) .scene-art{order:2}
.scene-art{margin:0;border-radius:16px;overflow:hidden;border:1px solid #486077;background:#172c40}.scene-art img{width:100%;aspect-ratio:16/9;object-fit:cover}.scene-art figcaption{padding:12px 16px;font-size:12px;line-height:1.5;color:#b8c9d4}
.scene-copy .address{font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;color:#efc988;letter-spacing:.1em;text-transform:uppercase}.scene-copy h3{font-size:clamp(28px,3vw,42px);margin:12px 0 18px}.scene-copy p{font-size:16px;line-height:1.7}
.story-duo{display:grid;grid-template-columns:1fr 1fr;gap:54px}.story-duo h2{font-size:clamp(31px,3.2vw,44px)}.story-duo p{font-size:16px}
.story-end{padding-bottom:100px}.story-end .button{margin-top:12px}
.sosuli-story .footer{border-color:#3b5468}
@media(max-width:950px){.story-hero{grid-template-columns:1fr;padding-top:60px}.story-hero-art img{min-height:0;aspect-ratio:16/9}.story-intro,.scene,.story-duo{grid-template-columns:1fr}.scene:nth-of-type(even) .scene-art{order:0}.scene{gap:24px}}
@media(max-width:800px){.sosuli-story .site-header{grid-template-columns:1fr auto;grid-template-rows:64px auto}.story-language{grid-column:2;grid-row:1}.sosuli-story .nav{grid-column:1/-1;grid-row:2}.story-section{padding:60px 0}}
@media(max-width:480px){.story-hero h1{font-size:49px}.story-hero{padding-top:46px;gap:26px}.story-actions{flex-direction:column}.story-actions .button{width:100%}.story-section p,.scene-copy p{font-size:16px}.scene-copy h3{font-size:32px}}
