:root{--ink:#101015;--paper:#f1eee7;--white:#fffdf7;--orange:#ff671d;--orange-deep:#b93208;--indigo:#30287d;--violet:#6962d8;--muted:#6e6a63;--line:rgba(16,16,21,.18);--mx:0;--my:0;--serif:Georgia,"Times New Roman",serif;--sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;overflow-x:hidden;color:var(--ink);background:var(--paper);font:17px/1.65 var(--sans)}body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 80% 8%,rgba(105,98,216,.2),transparent 32rem),radial-gradient(circle at 10% 48%,rgba(255,103,29,.14),transparent 28rem)}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.19em}a:hover,a:focus-visible{color:var(--indigo)}a:focus-visible{outline:3px solid var(--orange);outline-offset:4px}img{display:block;max-width:100%}
.site-header{position:relative;z-index:20;display:grid;grid-template-columns:minmax(12rem,1fr) auto;align-items:end;gap:1.5rem;padding:1.15rem clamp(1rem,4vw,4.5rem);border-top:7px solid var(--orange);border-bottom:1px solid rgba(255,255,255,.18);color:white;background:rgba(12,12,18,.94);box-shadow:0 18px 50px rgba(13,9,35,.22)}.wordmark{font:900 clamp(2.2rem,5vw,4.8rem)/.8 var(--serif);letter-spacing:-.075em;text-decoration:none;text-shadow:0 0 28px rgba(255,103,29,.2)}.wordmark span{color:var(--orange)}.site-nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.45rem 1.25rem}.site-nav a{position:relative;font-size:.74rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase;text-decoration:none}.site-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:-.4rem;height:2px;background:var(--orange);transition:right .25s ease}.site-nav a:hover::after,.site-nav a:focus-visible::after,.site-nav a[aria-current="page"]::after{right:0}
main{min-height:70vh}.issue-line{display:flex;justify-content:space-between;gap:1rem;padding:.8rem clamp(1rem,4vw,4.5rem);color:white;background:linear-gradient(90deg,#171529,var(--indigo));font-size:.71rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}
.lead-story{position:relative;display:grid;grid-template-columns:minmax(0,1.24fr) minmax(19rem,.76fr);min-height:78vh;color:white;background:#080910;isolation:isolate;perspective:1400px}.lead-story::before{content:"";position:absolute;inset:9% 4% 7% 39%;z-index:-1;border:1px solid rgba(255,255,255,.2);transform:rotateY(-13deg) translateZ(-50px);box-shadow:44px 42px 0 rgba(48,40,125,.18),-24px -20px 0 rgba(255,103,29,.08)}.lead-visual{position:relative;min-height:42rem;overflow:hidden;background:#07090d;transform-style:preserve-3d}.lead-visual::before{content:"";position:absolute;inset:6% 5% 8%;z-index:3;border:1px solid rgba(255,255,255,.28);transform:perspective(900px) rotateY(calc(var(--mx)*2deg)) rotateX(calc(var(--my)*-1.4deg)) translateZ(32px);pointer-events:none}.lead-visual::after{content:"OTTICA / VISORI";position:absolute;left:clamp(1rem,3vw,3rem);bottom:1.5rem;z-index:5;padding:.4rem .65rem;color:white;background:var(--orange);box-shadow:14px 14px 0 rgba(48,40,125,.8);font-size:.68rem;font-weight:900;letter-spacing:.12em}.lead-visual img{width:112%;height:112%;max-width:none;object-fit:cover;transform:translate3d(calc(var(--mx)*-12px),calc(var(--my)*-9px),0) scale(1.02);filter:saturate(1.12) contrast(1.04);transition:transform .18s linear}.optics-canvas{position:absolute;inset:0;z-index:2;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen;opacity:.72}.lead-copy{position:relative;z-index:4;display:flex;flex-direction:column;justify-content:center;padding:clamp(2.5rem,6vw,7rem) clamp(1.4rem,5vw,5rem);background:linear-gradient(145deg,rgba(24,21,51,.94),rgba(8,9,16,.98) 64%);transform-style:preserve-3d}.lead-copy::before{content:"01";position:absolute;right:3%;top:2%;color:rgba(255,255,255,.045);font:900 clamp(8rem,20vw,20rem)/1 var(--serif);letter-spacing:-.1em;pointer-events:none}.kicker{margin:0 0 1rem;color:var(--orange);font-size:.74rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}h1,h2,h3{font-family:var(--serif)}.lead-copy h1{max-width:10ch;margin:0;font-size:clamp(3.6rem,7.3vw,8.2rem);line-height:.84;letter-spacing:-.065em;text-wrap:balance;transform:translateZ(50px);text-shadow:0 22px 55px rgba(0,0,0,.42)}.standfirst{max-width:34rem;margin:2.4rem 0 0;color:#dedbe9;font-size:clamp(1.05rem,1.5vw,1.28rem);line-height:1.5}.byline{margin-top:2rem;color:#aaa5bb;font-size:.82rem}.read-link{display:inline-block;margin-top:1.4rem;color:inherit;font-weight:850}.lead-copy .read-link{color:#ff9864}
.story-grid{position:relative;z-index:3;display:grid;grid-template-columns:.86fr 1.18fr .86fr;gap:clamp(.75rem,2vw,2rem);padding:clamp(4rem,8vw,8rem) clamp(1rem,4vw,4.5rem);background:linear-gradient(180deg,#e9e5dd,var(--paper));perspective:1200px}.story-card{position:relative;min-height:29rem;padding:clamp(1.4rem,3vw,3rem);overflow:hidden;border:1px solid rgba(16,16,21,.18);background:rgba(255,253,247,.82);box-shadow:0 32px 80px rgba(31,25,62,.11);transform:rotateY(calc(var(--card-tilt,0)*1deg)) translateZ(var(--depth,0));transform-style:preserve-3d;transition:transform .4s ease,box-shadow .4s ease}.story-card::before{content:"";position:absolute;inset:auto -10% -22% 40%;height:55%;background:conic-gradient(from 230deg,transparent,rgba(255,103,29,.23),rgba(48,40,125,.16),transparent);transform:skewY(-13deg);pointer-events:none}.story-card:nth-child(1){--card-tilt:2}.story-card:nth-child(2){--card-tilt:-2;--depth:35px;margin-top:-2rem;color:white;border-color:rgba(255,255,255,.2);background:linear-gradient(145deg,#42399c,#1a173e);box-shadow:0 40px 90px rgba(37,28,103,.28)}.story-card:nth-child(3){--card-tilt:2}.story-card:hover{transform:rotateY(0) translateY(-10px) translateZ(45px);box-shadow:0 42px 90px rgba(31,25,62,.2)}.story-card .number{color:var(--orange);font-size:.72rem;font-weight:900;letter-spacing:.13em}.story-card h2{position:relative;margin:3.3rem 0 1.1rem;font-size:clamp(2.3rem,4.1vw,4.8rem);line-height:.91;letter-spacing:-.05em;text-wrap:balance}.story-card p{position:relative;max-width:36rem}
.community-strip{position:relative;display:grid;grid-template-columns:.9fr 1.5fr;gap:clamp(2rem,8vw,9rem);align-items:center;padding:clamp(3.5rem,8vw,8rem) clamp(1rem,6vw,7rem);overflow:hidden;color:white;background:#101015}.community-strip::before,.community-strip::after{content:"";position:absolute;width:24rem;height:24rem;border:1px solid rgba(255,255,255,.16);transform:rotate(35deg) skew(-8deg)}.community-strip::before{right:-8rem;top:-15rem;box-shadow:-35px 35px 0 rgba(48,40,125,.55),-70px 70px 0 rgba(255,103,29,.16)}.community-strip::after{left:-18rem;bottom:-20rem}.community-strip h2{position:relative;z-index:1;margin:0;font-size:clamp(3rem,6.5vw,7rem);line-height:.86;letter-spacing:-.06em}.community-strip p{position:relative;z-index:1;max-width:48rem;margin:0;color:#dedbe9;font-size:1.1rem}.community-strip a{color:#ff9864;font-weight:850}
.article-shell{position:relative;display:grid;grid-template-columns:minmax(10rem,.34fr) minmax(0,1fr);gap:clamp(2rem,7vw,8rem);max-width:1250px;margin:0 auto;padding:clamp(3rem,8vw,8rem) clamp(1rem,4vw,3rem)}.article-shell::before{content:"";position:absolute;top:2rem;right:-8rem;width:22rem;height:22rem;border:1px solid rgba(48,40,125,.2);box-shadow:-28px 28px 0 rgba(255,103,29,.08);transform:rotate(37deg) skew(-8deg);z-index:-1}.article-aside{position:sticky;top:2rem;align-self:start;padding:1.25rem;border-top:5px solid var(--orange);background:rgba(255,255,255,.55);box-shadow:18px 18px 0 rgba(48,40,125,.1);font-size:.78rem;text-transform:uppercase;letter-spacing:.09em}.article-aside strong{display:block;margin-bottom:.7rem;color:var(--orange-deep)}.article-aside p{margin:0 0 1.4rem}.article{max-width:780px}.article h1{margin:0 0 1.5rem;font-size:clamp(3.1rem,7vw,7.2rem);line-height:.88;letter-spacing:-.06em;text-wrap:balance}.article .dek{margin-bottom:3rem;padding:0 0 2rem 1.4rem;border-left:5px solid var(--orange);border-bottom:1px solid var(--ink);font:1.34rem/1.45 var(--serif)}.article h2{margin:3rem 0 .8rem;font-size:clamp(1.9rem,3vw,2.9rem);line-height:1.02}.article p{margin:0 0 1.25rem}.article figure{position:relative;margin:3rem -8vw;padding:clamp(.65rem,1vw,1rem);background:#0a0a11;box-shadow:34px 34px 0 rgba(48,40,125,.18);transform:perspective(1200px) rotateY(-2deg)}.article figure img{width:100%}.article figcaption{margin-top:.65rem;color:#c4c0d1;font-size:.78rem}.source-box{margin-top:3.5rem;padding:1.5rem;border:1px solid var(--ink);background:rgba(255,255,255,.7);box-shadow:14px 14px 0 rgba(255,103,29,.12);font-size:.88rem}.source-box h2{margin-top:0;font:900 .78rem/1 var(--sans);letter-spacing:.12em;text-transform:uppercase}.source-box ul{padding-left:1.2rem}
.editorial-page{position:relative;max-width:1180px;margin:0 auto;padding:clamp(4rem,9vw,9rem) clamp(1rem,5vw,4rem)}.editorial-page::after{content:"";position:absolute;right:2rem;top:7rem;width:15rem;height:15rem;border:1px solid var(--indigo);box-shadow:-28px 28px 0 rgba(255,103,29,.18);transform:rotate(45deg);z-index:-1}.editorial-page h1{max-width:9ch;margin:0 0 3rem;font-size:clamp(4rem,10vw,10rem);line-height:.78;letter-spacing:-.07em}.editorial-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,7vw,7rem);padding:2rem;border:1px solid var(--ink);background:rgba(255,255,255,.52);box-shadow:28px 28px 0 var(--indigo)}.editorial-grid p:first-child{font:1.48rem/1.4 var(--serif)}
.site-footer{display:grid;grid-template-columns:1fr auto;gap:1rem 2rem;padding:2rem clamp(1rem,4vw,4.5rem);color:#d7d3df;background:#080910;font-size:.78rem}.site-footer p{margin:0}.site-footer nav{display:flex;gap:1rem;flex-wrap:wrap;justify-content:flex-end}.site-footer .legal-note{grid-column:1/-1;max-width:70rem;color:#9691a3;font-size:.7rem}
[data-reveal]{opacity:1;transform:none}.js [data-reveal]{opacity:1;transform:translateY(18px);transition:transform .7s cubic-bezier(.2,.8,.2,1)}.js [data-reveal].is-visible{transform:none}
@media(max-width:760px){body{font-size:16px}.site-header{grid-template-columns:1fr;align-items:start}.site-nav{justify-content:flex-start}.issue-line span:last-child{display:none}.lead-story{grid-template-columns:1fr;min-height:auto}.lead-story::before{display:none}.lead-visual{min-height:28rem}.lead-visual img{width:100%;height:100%}.lead-copy{min-height:34rem}.lead-copy h1{font-size:clamp(3.6rem,17vw,5.4rem)}.story-grid{grid-template-columns:1fr;padding-top:3rem;perspective:none}.story-card,.story-card:nth-child(2),.story-card:nth-child(3){min-height:0;margin:0;transform:none}.story-card:hover{transform:none}.community-strip{grid-template-columns:1fr}.article-shell{grid-template-columns:1fr;gap:1.2rem}.article-aside{position:static;display:flex;flex-wrap:wrap;gap:.4rem 1.4rem;box-shadow:10px 10px 0 rgba(48,40,125,.1)}.article h1{font-size:clamp(3rem,15vw,5rem)}.article figure{margin:2.5rem 0;box-shadow:14px 14px 0 rgba(48,40,125,.18);transform:none}.editorial-grid{grid-template-columns:1fr;padding:1.25rem;box-shadow:14px 14px 0 var(--indigo)}.editorial-page::after{opacity:.35}.site-footer{grid-template-columns:1fr}.site-footer nav{justify-content:flex-start}.site-footer .legal-note{grid-column:auto}}
@media(hover:none),(pointer:coarse){.lead-visual img{transform:scale(1.02);transition:none}.lead-visual::before{transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.lead-visual img,.lead-visual::before,.story-card,.story-card:hover{transform:none}.js [data-reveal]{opacity:1;transform:none}}
.lead-visual img{position:absolute;inset:-6%}
@media(max-width:760px){.lead-visual img{inset:0}}