*{box-sizing:border-box}
:root{--ink:#07090d;--paper:#fff7e2;--red:#ff2d2d;--yellow:#ffd600;--blue:#0047ff;--white:#fff}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,Arial,sans-serif;overflow-x:clip}
a:focus-visible,button:focus-visible{outline:4px solid var(--yellow);outline-offset:4px}
.skip-link{position:fixed;top:8px;left:8px;z-index:2000;padding:12px 18px;color:#fff;background:var(--ink);transform:translateY(-150%)}
.skip-link:focus{transform:none}
.halftone{background-color:var(--ink);background-image:radial-gradient(rgba(255,255,255,.095) 1px,transparent 1px);background-size:10px 10px}

.feature-stage{position:relative;height:180vh;min-height:1120px;color:#fff;border-bottom:7px solid var(--ink)}
.featured-story{position:sticky;top:0;min-height:100svh;display:flex;align-items:center;padding:104px 34px 36px;overflow:hidden}
.featured-story:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,9,13,.98) 0%,rgba(7,9,13,.93) 38%,rgba(7,9,13,.54) 72%,rgba(7,9,13,.82) 100%);pointer-events:none}
.feature-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(360px,.78fr) minmax(560px,1.42fr);gap:46px;align-items:center;width:min(1380px,100%);margin:auto}
.feature-copy{position:relative;z-index:5}
.publication-mark{display:flex;align-items:center;gap:13px;margin-bottom:41px}
.publication-mark h1{display:inline-flex;margin:0;padding:9px 13px;color:var(--ink);background:var(--yellow);border:3px solid #fff;box-shadow:5px 5px 0 var(--red);font:900 11px/1 Inter,sans-serif;letter-spacing:.12em}
.publication-mark b{font:900 10px/1 Inter,sans-serif;letter-spacing:.13em}
.dispatch-kicker{display:flex;align-items:center;gap:10px;margin:0 0 13px;color:var(--yellow);font-size:10px;font-weight:900;letter-spacing:.16em}
.dispatch-kicker:before{content:"";width:34px;height:5px;background:var(--red)}
.feature-copy h2{max-width:680px;margin:0;font:900 clamp(62px,6.5vw,104px)/.79 'Barlow Condensed',sans-serif;letter-spacing:-.055em;text-transform:uppercase;text-wrap:balance}
.feature-copy h2 em{display:block;color:var(--yellow);font-style:normal;text-shadow:5px 5px 0 var(--blue)}
.feature-deck{max-width:620px;margin:22px 0 17px;color:#f3f4f7;font-size:clamp(15px,1.35vw,19px);font-weight:600;line-height:1.52}
.feature-meta,.story-meta{display:flex;gap:27px;align-items:center;font-size:9px;font-weight:900;letter-spacing:.12em}
.feature-meta{margin-bottom:24px;color:#fff}
.feature-meta span+span:before,.story-meta span+span:before{content:"";display:inline-block;width:6px;height:6px;margin-right:20px;background:var(--red)}
.feature-read{display:inline-flex;align-items:center;gap:15px;min-height:51px;padding:12px 18px;color:var(--ink);background:var(--yellow);border:4px solid #fff;box-shadow:6px 6px 0 var(--blue);font-size:11px;font-weight:900;letter-spacing:.05em;text-decoration:none;text-transform:uppercase;transition:transform .16s ease,box-shadow .16s ease}
.feature-read:hover{transform:translate(3px,3px);box-shadow:3px 3px 0 var(--blue)}
.feature-read span{font-size:18px}
.feature-visual{position:relative;min-width:0}
.motion-frame{position:relative;z-index:3;aspect-ratio:16/9;width:100%;background:var(--ink);border:6px solid #fff;box-shadow:13px 13px 0 var(--blue);overflow:hidden;clip-path:polygon(1.4% 0,100% 1.8%,98.7% 100%,0 97.5%)}
.scene-poster,.scene-canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.scene-poster{z-index:0}
.scene-canvas{z-index:1;opacity:0;transition:opacity .15s linear}
.scene-canvas.ready{opacity:1}
.scroll-cue{position:absolute;z-index:4;right:17px;bottom:15px;padding:9px 12px;color:var(--ink);background:var(--yellow);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--red);font-size:8px;font-weight:900;letter-spacing:.12em}
.burst{position:absolute;z-index:1;pointer-events:none}
.burst-red{inset:-16% -7% -18% 17%;background:var(--red);clip-path:polygon(50% 0,58% 30%,80% 8%,72% 35%,100% 29%,77% 50%,98% 69%,68% 65%,77% 100%,52% 72%,32% 96%,35% 65%,0 76%,24% 51%,3% 34%,32% 35%,23% 8%,47% 30%);opacity:.88}
.burst-yellow{inset:-7% 0 -8% 25%;background:var(--yellow);clip-path:polygon(50% 0,58% 34%,78% 11%,71% 39%,100% 33%,76% 51%,95% 73%,66% 64%,73% 100%,52% 71%,30% 94%,36% 63%,5% 72%,25% 50%,0 31%,32% 37%,24% 8%,47% 33%)}

.latest-section{position:relative;padding:100px 34px 112px;background:var(--paper);border-bottom:7px solid var(--ink)}
.latest-inner{max-width:1210px;margin:auto}
.latest-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.42fr);gap:45px;align-items:end;margin-bottom:42px}
.latest-head>div>span,.cta-copy>span{display:block;margin-bottom:12px;color:var(--blue);font-size:10px;font-weight:900;letter-spacing:.14em}
.latest-head h2,.final-cta h2{margin:0;font:900 clamp(58px,7.6vw,102px)/.8 'Barlow Condensed',sans-serif;letter-spacing:-.05em;text-transform:uppercase}
.latest-head h2 em,.final-cta h2 em{color:var(--red);font-style:normal}
.latest-head p{margin:0 0 5px;font-size:16px;font-weight:600;line-height:1.55}
.latest-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.story-card{position:relative;display:grid;grid-template-rows:auto 1fr;color:var(--ink);background:#fff;border:5px solid var(--ink);text-decoration:none;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}
.story-red{box-shadow:10px 10px 0 var(--red)}
.story-blue{box-shadow:10px 10px 0 var(--blue)}
.story-card:hover{transform:translate(-3px,-3px)}
.story-red:hover{box-shadow:14px 14px 0 var(--red)}
.story-blue:hover{box-shadow:14px 14px 0 var(--blue)}
.story-image{position:relative;aspect-ratio:16/8.2;background:var(--ink);overflow:hidden;border-bottom:5px solid var(--ink)}
.story-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.story-card:hover .story-image img{transform:scale(1.025)}
.story-image>span{position:absolute;left:14px;top:14px;padding:8px 11px;color:#fff;background:var(--ink);border:3px solid #fff;font-size:9px;font-weight:900;letter-spacing:.11em}
.story-copy{display:flex;flex-direction:column;align-items:flex-start;padding:27px 28px 30px}
.story-meta{color:var(--blue)}
.story-copy h3{margin:15px 0 12px;font:900 clamp(38px,4.4vw,61px)/.86 'Barlow Condensed',sans-serif;letter-spacing:-.035em;text-transform:uppercase}
.story-copy p{max-width:570px;margin:0 0 20px;font-size:14px;line-height:1.55}
.story-copy b{margin-top:auto;border-bottom:3px solid currentColor;font-size:10px;letter-spacing:.08em;text-transform:uppercase}

.final-cta{position:relative;min-height:540px;display:flex;align-items:center;padding:90px 34px;color:#fff;background:var(--ink);overflow:hidden}
.final-cta:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.1) 1px,transparent 1px);background-size:10px 10px}
.cta-copy{position:relative;z-index:2;width:min(1020px,100%);margin:auto}
.cta-copy>span{color:var(--yellow)}
.final-cta h2{max-width:900px}
.final-cta h2 em{display:block;color:var(--yellow);text-shadow:5px 5px 0 var(--blue)}
.final-cta p{max-width:650px;margin:22px 0 28px;color:#f1f2f5;font-size:17px;line-height:1.55}
.cta-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.button{min-height:51px;display:inline-flex;align-items:center;justify-content:center;padding:12px 21px;color:var(--ink);background:var(--yellow);border:4px solid #fff;box-shadow:6px 6px 0 var(--blue);font-size:11px;font-weight:900;letter-spacing:.05em;text-decoration:none;text-transform:uppercase}
.text-link{color:#fff;font-size:11px;font-weight:900;text-decoration:none;text-transform:uppercase;border-bottom:3px solid currentColor}
.cta-signal{position:absolute;right:-6%;top:50%;width:46%;height:150%;transform:translateY(-50%) rotate(-7deg)}
.cta-signal i{position:absolute;left:50%;top:50%;width:100%;height:10px;background:var(--red);transform-origin:left center}
.cta-signal i:nth-child(1){transform:rotate(-33deg)}.cta-signal i:nth-child(2){transform:rotate(-10deg);background:var(--yellow)}.cta-signal i:nth-child(3){transform:rotate(14deg);background:var(--blue)}.cta-signal i:nth-child(4){transform:rotate(36deg)}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .55s ease,transform .55s ease}
.reveal.in{opacity:1;transform:none}

@media(max-width:1050px){
  .feature-stage{height:170vh}.feature-grid{grid-template-columns:minmax(300px,.75fr) minmax(470px,1.25fr);gap:27px}.feature-copy h2{font-size:clamp(58px,7.6vw,80px)}.publication-mark{margin-bottom:28px}.feature-deck{font-size:15px}.latest-head{grid-template-columns:1fr}.latest-head p{max-width:620px}.story-copy h3{font-size:clamp(39px,5.5vw,55px)}
}
@media(max-width:820px){
  .feature-stage{height:165vh;min-height:1050px}.featured-story{padding:96px 22px 25px}.feature-grid{grid-template-columns:1fr;gap:24px}.feature-copy{max-width:720px}.publication-mark{margin-bottom:22px}.feature-copy h2{max-width:760px;font-size:clamp(54px,10vw,78px)}.feature-copy h2 em{display:inline}.feature-deck{max-width:720px;margin:15px 0 13px}.feature-meta{margin-bottom:17px}.feature-visual{width:min(760px,100%);margin:auto}.motion-frame{box-shadow:9px 9px 0 var(--blue)}.latest-grid{grid-template-columns:1fr}.story-image{aspect-ratio:16/7.2}.story-copy h3{font-size:clamp(42px,8vw,61px)}
}
@media(max-width:640px){
  .feature-stage{height:158vh;min-height:980px}.featured-story{align-items:flex-start;padding:88px 17px 18px}.feature-grid{gap:17px}.publication-mark{gap:9px;margin-bottom:14px}.publication-mark h1{padding:7px 9px;font-size:9px;box-shadow:4px 4px 0 var(--red)}.publication-mark b{font-size:8px}.dispatch-kicker{margin-bottom:8px;font-size:8px}.feature-copy h2{font-size:clamp(47px,14vw,65px);line-height:.8}.feature-copy h2 em{display:block;text-shadow:3px 3px 0 var(--blue)}.feature-deck{margin:12px 0 10px;font-size:13px;line-height:1.4}.feature-meta{gap:17px;margin-bottom:13px;font-size:8px}.feature-meta span+span:before{margin-right:12px}.feature-read{min-height:43px;padding:9px 12px;font-size:9px;box-shadow:4px 4px 0 var(--blue)}.motion-frame{border-width:4px;box-shadow:6px 6px 0 var(--blue)}.scroll-cue{right:8px;bottom:8px;padding:6px 8px;font-size:6px;border-width:2px;box-shadow:3px 3px 0 var(--red)}.latest-section{padding:72px 17px 82px}.latest-head{gap:14px;margin-bottom:27px}.latest-head h2,.final-cta h2{font-size:clamp(54px,16vw,72px)}.latest-head p{font-size:14px}.latest-grid{gap:22px}.story-image{aspect-ratio:16/9}.story-copy{padding:21px 18px 24px}.story-copy h3{font-size:clamp(38px,12vw,50px)}.story-copy p{font-size:13px}.story-red,.story-blue{box-shadow:7px 7px 0 var(--red)}.story-blue{box-shadow:7px 7px 0 var(--blue)}.final-cta{min-height:500px;padding:76px 17px}.final-cta h2 em{display:block;text-shadow:3px 3px 0 var(--blue)}.final-cta p{font-size:15px}.cta-signal{right:-45%;width:90%}
}
@media(max-width:390px){.feature-deck{font-size:12px}.feature-copy h2{font-size:46px}.publication-mark{gap:7px}.publication-mark b{font-size:7px}.scroll-cue{display:none}}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}.feature-stage{height:auto;min-height:0}.featured-story{position:relative;top:auto}.scene-canvas{display:none}.scene-poster{content:url('assets/instagram-escape-end.webp')}.reveal{opacity:1;transform:none;transition:none}.story-card,.story-image img,.feature-read{transition:none}
}