.sv{--cream:#f1dfc1;--red:#c74431;--amber:#e4b47c;--steel:#26363c;color:var(--cream);background:#101b21;overflow:clip}.sv__intro,.sv__end{background:radial-gradient(at 72% 30%,#33454d,#0000 60%),linear-gradient(135deg,#101d24,#0b141b);flex-direction:column;justify-content:center;align-items:flex-start;min-height:83svh;padding:clamp(45px,8vw,130px) max(24px,6vw);display:flex}.sv__eyebrow,.sv__end>p:first-child{color:#d9be92;letter-spacing:.16em;font:600 13px var(--font-display)}.sv__intro h1,.sv__end h2{font:400 clamp(46px,7.8vw,118px)/.99 var(--font-poster);letter-spacing:-.06em;margin:23px 0 25px}.sv__intro h1 span,.sv__end h2 span{color:#db614b}.sv__intro>p,.sv__end>p:not(:first-child){max-width:650px;font:400 clamp(15px,1.6vw,20px)/1.6 var(--font-body);color:#caccc3}.sv__scrollnote{color:#e9be81;font:600 12px var(--font-display);letter-spacing:.12em;align-items:center;gap:16px;margin-top:56px;display:flex}.sv__scrollnote span{border:1px solid #ae8c63;border-radius:50%;place-items:center;width:46px;height:46px;font-size:25px;display:grid}.sv__journey{height:370svh;position:relative}.sv__sticky{top:var(--header-h,76px);height:calc(100svh - var(--header-h,76px));background:radial-gradient(#2c3c43,#111a21 75%);flex-direction:column;justify-content:center;gap:13px;min-height:400px;padding:clamp(10px,2vh,22px) clamp(12px,3.8vw,60px);display:flex;position:sticky}.sv__mast{width:100%;max-width:1680px;font:600 clamp(11px,1.15vw,17px) var(--font-display);letter-spacing:.08em;justify-content:space-between;align-items:center;gap:20px;margin-inline:auto;display:flex}.sv__mast>span:first-child{align-items:center;gap:10px;display:flex}.sv__mast-led{background:#a9c780;border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:0 0 9px #a9c780}.sv__thin{color:#9babb1;font-weight:400}.sv__mast-status{color:#d7b181;font-size:12px}.sv__frame{aspect-ratio:1280/548;background:#0e1419;border:1px solid #947655;width:100%;max-width:1680px;margin-inline:auto;position:relative;overflow:hidden;box-shadow:0 0 0 5px #28343b,0 24px 55px #0008}.sv__video{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.sv__vignette{pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 90px #0009}.sv__film-label{pointer-events:none;background:linear-gradient(90deg,#111d24e8,#15252bba);border-left:4px solid #cb503d;max-width:450px;padding:19px 25px;transition:opacity .25s,transform .25s;position:absolute;top:10%;left:5%}.sv__film-label h2{font:500 clamp(23px,3vw,46px)/1.1 var(--font-display);color:#f7e8ce;letter-spacing:.015em;margin:10px 0}.sv__film-label p{font:400 14px/1.5 var(--font-body);color:#e4d5bb;margin:0}.sv__film-idx{color:#f1b77e;letter-spacing:.1em;font:600 11px var(--font-display)}.sv__hint{white-space:nowrap;font:600 12px var(--font-display);letter-spacing:.11em;color:#e7ceac;background:#101b24d9;border:1px solid #ac916f;align-items:center;gap:12px;padding:10px 14px;transition:opacity .25s;display:flex;position:absolute;bottom:5%;left:50%;transform:translate(-50%)}.sv__hint-icon{font-size:19px}.sv__markers{pointer-events:none;opacity:0;transition:opacity .36s;position:absolute;inset:0}.sv__markers.is-visible{opacity:1;pointer-events:auto}.sv__marker{left:var(--x);top:var(--y);color:#f9e8ca;white-space:nowrap;cursor:pointer;font:600 clamp(10px,1.2vw,16px) var(--font-display);text-transform:uppercase;background:#182b35ec;border:1px solid #e0bd8a;align-items:center;padding:0;transition:filter .15s;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 7px 22px #000a}.sv__marker:hover,.sv__marker:focus-visible{filter:brightness(1.25);outline-offset:3px;outline:2px solid #f2cf9c}.sv__marker b{color:#fff3db;background:#b43c2b;padding:10px 12px;font-size:clamp(14px,1.8vw,26px)}.sv__marker span{padding:8px 12px}.sv__marker i{color:#ddb889;padding-right:12px;font-style:normal}.sv__marker:after{content:"";background:#efc48a;width:1px;height:16px;position:absolute;top:100%;left:22px}.sv__tablet{opacity:0;pointer-events:none;z-index:5;background:#12262f;border:8px solid #56666b;border-radius:11px;width:min(385px,42%);max-height:91%;transition:transform .4s,opacity .25s;position:absolute;top:50%;right:3%;overflow-y:auto;transform:translate(116%,-50%)rotate(-1deg);box-shadow:0 20px 45px #000c}.sv__tablet.is-open{opacity:1;pointer-events:auto;transform:translateY(-50%)rotate(-1deg)}.sv__tablet-top,.sv__tablet-foot{font:600 11px var(--font-display);color:#efcf9f;letter-spacing:.08em;background:#324650;justify-content:space-between;align-items:center;gap:7px;padding:9px 13px;display:flex}.sv__tablet-top i{background:#b8d093;border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block;box-shadow:0 0 8px #b8d093}.sv__tablet-top button{color:#f2dcbd;cursor:pointer;background:#142530;border:1px solid #758286;width:28px;height:28px;font-size:24px;line-height:23px}.sv__tablet-body{background:repeating-linear-gradient(0deg,#0000 0 3px,#fff1 4px),#152a33;border-top:1px solid #9c815e;padding:17px 20px}.sv__tablet-body small,.sv__tablet-body strong{font:600 10px var(--font-display);letter-spacing:.1em;color:#9eb8b4}.sv__tablet-body h2{font:600 clamp(19px,2.2vw,30px)/1.1 var(--font-display);text-transform:uppercase;color:#f3ddb8;margin:9px 0 11px}.sv__tablet-body p{font:400 13px/1.5 var(--font-body);color:#e9e0cd;margin:0 0 16px}.sv__tablet-body ul{flex-wrap:wrap;gap:6px;margin:12px 0 17px;padding:0;list-style:none;display:flex}.sv__tablet-body li{background:#2f4a52;border:1px solid #61747a;padding:6px 8px;font-size:11px}.sv__tablet-body a{color:#fff;font:600 13px var(--font-display);background:#b43c2b;justify-content:space-between;padding:12px;text-decoration:none;display:flex}.sv__tablet-foot{background:#1b3037;font-size:10px}.sv__tablet-foot span{color:#a9c68d}.sv__control{width:100%;max-width:1680px;margin-inline:auto}.sv__progress{background:#45555a;height:4px;overflow:hidden}.sv__progress>div{background:#edbd81;width:0;height:100%;box-shadow:0 0 12px #edbd81}.sv__control-line{color:#c6b49e;font:500 11px var(--font-display);letter-spacing:.1em;justify-content:space-between;gap:10px;padding-top:8px;display:flex}.sv__clock{color:#f2cd90;white-space:nowrap;font-size:16px}.sv__end a{color:#fff;font:600 15px var(--font-display);letter-spacing:.08em;background:#b64231;gap:25px;margin-top:25px;padding:16px 22px;text-decoration:none;display:flex}@media (width<=800px){.sv__journey{height:310svh}.sv__sticky{gap:9px;padding:12px}.sv__thin{display:none}.sv__frame{aspect-ratio:auto;height:min(61svh,480px)}.sv__video{object-fit:cover;object-position:50%}.sv__film-label{max-width:72%;padding:9px 12px;top:12%;left:6%}.sv__film-label h2{font-size:clamp(16px,4vw,25px)}.sv__film-label p{font-size:11px}.sv__hint{padding:8px;font-size:10px}.sv__marker span{display:none}.sv__marker b{padding:8px 10px;font-size:16px}.sv__marker i{padding:0 7px}.sv__tablet{z-index:100;width:auto;max-height:76svh;position:fixed;inset:auto 12px 14px;transform:translateY(110%)}.sv__tablet.is-open{opacity:1;transform:translateY(0)}.sv__intro,.sv__end{min-height:72svh;padding:55px 22px}.sv__intro h1,.sv__end h2{font-size:clamp(38px,9vw,65px)}}@media (prefers-reduced-motion:reduce){.sv__journey{height:150svh}.sv__film-label,.sv__hint{transition:none}}
