/* Four connected editorial moments. Static first; motion is an enhancement. */
:root{--scene-height:calc(100svh - 96px)}
.motion-control{border:0;background:none;color:#aaa;font:12px Barlow;cursor:pointer;padding:10px;min-height:44px}.nav .menu{min-height:44px}.cinema-scene{position:relative;isolation:isolate;background:#090909;overflow:clip}.scene-shell{position:relative;min-height:var(--scene-height);overflow:hidden;padding:48px 6vw 34px}.scene-kicker{position:relative;z-index:10;display:flex;justify-content:space-between;gap:20px;align-items:start}.scene-kicker .eyebrow{margin:0}.scene-skip{font-size:12px;color:#b7b7b7;letter-spacing:.09em;text-transform:uppercase;border-bottom:1px solid #555;padding:8px 0;position:relative;z-index:11}.poster-background{position:absolute;inset:-5%;width:110%;height:110%;object-fit:cover;filter:blur(15px) grayscale(1);opacity:.13;z-index:-3}.poster-wash{position:absolute;inset:0;background:linear-gradient(0deg,#090909,transparent 50%),linear-gradient(90deg,#090909 0%,transparent 60%);z-index:-2}.poster-word{position:absolute;top:17%;left:4%;font-family:'Barlow Condensed';font-size:clamp(160px,29vw,480px);font-weight:800;line-height:.85;letter-spacing:-.04em;color:#212121;white-space:nowrap;pointer-events:none;z-index:-1}.poster-word span{color:transparent;-webkit-text-stroke:1px #454545}.character-stack{position:absolute;width:min(64vw,950px);height:83%;bottom:0;left:29%;z-index:2;pointer-events:none;transform-origin:center 75%;filter:drop-shadow(10px 20px 22px #0005)}.character-stack img{position:absolute;width:100%;height:100%;object-fit:contain;object-position:center bottom;opacity:0;transform-origin:center bottom}.character-stack .character-real{opacity:1}.character-stack .ink-contour{mix-blend-mode:screen;filter:grayscale(1) contrast(2);opacity:0}.character-stack .character-pose{object-fit:contain;width:80%;left:10%;height:100%}.character-stack .character-photo{object-fit:cover;width:48%;left:32%;height:86%;bottom:0;mask-image:linear-gradient(#000 75%,transparent)}.story-copy{position:relative;z-index:6;margin-top:20vh;width:37%;pointer-events:none}.story-copy h2{font-size:clamp(50px,7.2vw,110px);line-height:.92}.story-copy p{font-size:17px;max-width:360px;margin-top:25px;text-wrap:pretty}.role-nav{display:flex;gap:22px;position:absolute;bottom:30px;left:6vw;right:6vw;z-index:10;border-top:1px solid #555;padding-top:16px;align-items:center}.role-nav button{background:none;border:0;color:#777;font-family:'Barlow Condensed';font-size:clamp(18px,2.1vw,28px);font-weight:600;cursor:pointer;padding:8px 0}.role-nav button[aria-pressed=true]{color:#fff}.role-nav button[aria-pressed=true]:before{content:'';display:inline-block;background:var(--red);width:6px;height:6px;border-radius:50%;margin-right:8px;vertical-align:middle}.scene-index{margin-left:auto;font-size:12px;letter-spacing:.14em;color:#999}.role-caption{position:absolute;right:6vw;top:18%;font-size:12px;letter-spacing:.12em;writing-mode:vertical-rl;text-transform:uppercase;color:#888;z-index:4}.ink-rule{width:1px;height:55%;background:var(--red);position:absolute;left:65%;top:17%;opacity:0;z-index:3}.scene-progress{position:absolute;bottom:0;left:0;height:2px;width:100%;background:var(--red);transform-origin:left;transform:scaleX(0);z-index:12}.scene-vignette{position:absolute;inset:0;background:#050505;opacity:0;z-index:8;pointer-events:none}.connected-ball{position:fixed;left:0;top:0;width:140px;height:140px;object-fit:contain;z-index:9;pointer-events:none;opacity:0;will-change:transform;filter:drop-shadow(10px 14px 12px #0008)}.story-title{position:relative;z-index:12}.section{position:relative}.scene-fallback{position:absolute;bottom:95px;left:6vw;max-width:360px;font-size:13px}.motion-ready .scene-fallback{display:none}
.career-scene{background:#111}.career-scene .scene-shell{padding-bottom:45px}.career-images{position:absolute;inset:0;z-index:-2}.career-images img{position:absolute;width:100%;height:100%;object-fit:cover;opacity:0;filter:grayscale(.5) brightness(.55)}.career-images img:first-child{opacity:1}.career-shade{position:absolute;inset:0;background:linear-gradient(90deg,#080808e8,#08080866 65%,#08080844);z-index:-1}.career-copy{position:relative;margin-top:15vh;max-width:600px}.career-year{font-family:'Barlow Condensed';font-size:clamp(100px,15vw,210px);font-weight:700;line-height:.8;color:var(--red)}.career-copy h2{font-size:clamp(42px,5.2vw,80px);margin:30px 0 20px}.career-copy p{max-width:440px;font-size:17px}.chapter-nav{position:absolute;bottom:35px;left:6vw;right:6vw;display:flex;gap:18px;z-index:10}.chapter-nav button{background:none;border:0;border-top:2px solid #ffffff44;color:#b7b7b7;padding:12px 8px;min-width:60px;flex:1;font-size:13px;cursor:pointer}.chapter-nav button[aria-pressed=true]{color:white;border-color:var(--red)}.career-static{max-width:1300px;margin:0 auto;padding:50px 6vw}.career-static summary{cursor:pointer;font-size:13px;text-transform:uppercase;letter-spacing:.14em;padding:10px 0}.career-static .timeline{margin-top:20px}.career-static h3{font-size:32px}.career-static p{font-size:16px}
.swaag-cinema{color:#080808;background:var(--red)}.swaag-cinema .scene-shell{min-height:760px}.swaag-cinema .eyebrow{color:#351014}.swaag-cinema .eyebrow:before{background:#080808}.swaag-cinema .scene-skip{color:#351014;border-color:#351014}.swaag-letters{display:flex;position:relative;z-index:1;margin-top:30px;justify-content:center;align-items:center}.swaag-letters button{border:0;background:none;font-family:'Barlow Condensed';font-size:clamp(100px,20vw,320px);font-weight:800;line-height:.95;letter-spacing:-.02em;color:#621218;padding:0 1vw;cursor:pointer;transform-origin:center}.swaag-letters button[aria-pressed=true]{color:#080808}.swaag-silhouette{position:absolute;z-index:2;right:6%;bottom:0;width:36%;height:76%;object-fit:contain;object-position:bottom;filter:brightness(0);pointer-events:none;opacity:.95}.swaag-detail{position:relative;z-index:3;max-width:700px;margin-top:35px}.swaag-detail h2{font-size:clamp(44px,5vw,78px);max-width:600px}.swaag-detail p{color:#2c090b;margin-top:20px;font-size:20px;max-width:500px}.swaag-not-acronym{font-size:12px!important;max-width:480px;color:#581115!important;letter-spacing:.02em}.swaag-cinema .textlink{display:inline-block;color:#080808;border-color:#080808;margin-top:20px}.swaag-static{padding:25px 6vw 60px;border-top:1px solid #08080866}.swaag-static p{color:#3d0b0f;font-size:16px}
.book-cinema{position:relative;background:#101010;overflow:clip}.book-stage{min-height:780px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:6vw;position:relative;padding:80px 6vw}.book-stage:before{content:'LEGACY';position:absolute;font-family:'Barlow Condensed';font-size:26vw;line-height:.8;font-weight:800;top:28%;left:2%;color:#191919;pointer-events:none}.book-space{position:relative;perspective:1600px;width:100%;height:570px;display:grid;place-items:center}.book-tilt{width:290px;height:440px;transform-style:preserve-3d;position:relative}.physical-book{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateY(-24deg) rotateX(5deg);filter:drop-shadow(25px 25px 18px #0008)}.book-board{position:absolute;inset:0;background:#242020;transform-style:preserve-3d;backface-visibility:hidden}.book-back{transform:translateZ(-25px);background-image:url('/assets/photo-5.webp');background-size:207% 100%;background-position:left}.book-pageblock{position:absolute;inset:4px 3px 4px 7px;background:#d9d5ca;transform:translateZ(-12px);box-shadow:0 0 0 1px #555}.book-edge{position:absolute;right:0;top:4px;bottom:4px;width:25px;transform:rotateY(90deg);transform-origin:right;background:repeating-linear-gradient(90deg,#d3cfc5 0 1px,#f4efe2 1px 3px)}.book-spine{position:absolute;top:0;bottom:0;left:0;width:25px;background:#131010;transform:rotateY(90deg);transform-origin:left;display:flex;align-items:center;justify-content:center;color:white;writing-mode:vertical-rl;font:700 17px 'Barlow Condensed';letter-spacing:.12em;border:1px solid #333}.book-page{position:absolute;inset:5px 2px 5px 8px;background:#eee9df;transform-origin:left;transform:translateZ(-4px);color:#242020;display:grid;align-content:center;text-align:center;padding:35px;font-family:'Barlow Condensed';font-size:42px;font-weight:700;line-height:1;text-transform:uppercase;backface-visibility:hidden;box-shadow:inset 15px 0 18px #0002}.book-page small{font:11px Barlow;letter-spacing:.1em;margin-top:22px}.book-leaf{position:absolute;inset:5px 2px 5px 8px;background:#f0ece1;transform:translateZ(-7px);transform-origin:left;border:1px solid #c8c3b9}.book-front{transform-origin:left;transform:translateZ(1px);background-image:url('/assets/photo-5.webp');background-size:207% 100%;background-position:right;box-shadow:inset 5px 0 7px #0005}.book-copy{position:relative;z-index:2}.book-copy h2{font-size:clamp(64px,7.5vw,115px);margin-bottom:25px}.book-copy p{margin:20px 0;max-width:400px}.book-copy .book-message{color:#eee;font-family:'Barlow Condensed';font-size:38px;text-transform:uppercase;line-height:1}.book-controls{margin-top:25px;display:flex;gap:15px;align-items:center;flex-wrap:wrap}.book-toggle{background:none;color:#ccc;border:1px solid #555;font-size:12px;text-transform:uppercase;letter-spacing:.1em;padding:12px 20px;cursor:pointer}.book-note{font-size:12px!important;color:#858585;max-width:350px}.book-ground{position:absolute;bottom:35px;width:260px;height:25px;background:#0009;filter:blur(20px);border-radius:50%;transform:scaleX(1.2)}
.portal-section{position:relative;background:#080808;overflow:clip}.portal-shell{min-height:800px;position:relative;display:grid;align-items:center;isolation:isolate;padding:60px 6vw}.portal-window{position:absolute;inset:0;z-index:-1;clip-path:circle(24% at 70% 50%)}.portal-window img{width:100%;height:100%;object-fit:cover;filter:brightness(.42)}.portal-copy{max-width:850px;position:relative;z-index:3}.portal-copy h2{font-size:clamp(75px,12vw,180px);line-height:.85}.portal-copy h2 span{display:block}.portal-play{display:flex;gap:20px;align-items:center;margin-top:35px;background:none;border:0;color:white;padding:0;cursor:pointer;text-align:left}.portal-play .portal-play-icon{width:66px;height:66px;border:1px solid #ffffff88;border-radius:50%;display:grid;place-items:center}.portal-play strong{font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.1em}.portal-copy .textlink{display:inline-block;margin-top:35px}.portal-status{position:absolute;bottom:25px;right:6vw;color:#999;font-size:12px;text-transform:uppercase;letter-spacing:.1em}
.context-cursor{position:fixed;z-index:110;left:0;top:0;width:18px;height:18px;border:1px solid #fff9;border-radius:50%;pointer-events:none;display:grid;place-items:center;color:white;background:#08080822;opacity:0;font:10px Barlow;letter-spacing:.09em;transform:translate(-50%,-50%);transition:width .15s,height .15s,background .15s}.context-cursor.is-action{width:68px;height:68px;background:#080808b8}.brand-intro{position:fixed;right:35px;bottom:25px;z-index:50;pointer-events:none;display:flex;align-items:center;gap:15px;padding:13px 18px;background:#080808ee;border-left:2px solid var(--red);animation:brand-arrive 1.5s both}.brand-intro img{width:32px;height:30px;object-fit:contain}.brand-intro span{font-family:'Barlow Condensed';font-size:25px;letter-spacing:.18em}.brand-intro i{display:inline-block;font-style:normal;animation:letter-arrive .45s both}.brand-intro i:nth-child(2){animation-delay:.06s}.brand-intro i:nth-child(3){animation-delay:.12s}.brand-intro i:nth-child(4){animation-delay:.18s}.brand-intro i:nth-child(5){animation-delay:.24s}.page-wipe{position:fixed;inset:0;z-index:150;pointer-events:none;background:#101010;transform:translateY(101%);display:grid;place-items:center;overflow:hidden}.page-wipe span{font-family:'Barlow Condensed';font-size:20vw;font-weight:800;color:var(--red);line-height:.9}.page-wipe img{width:30vw;max-width:400px;display:none}.page-wipe[data-kind=ball] span{display:none}.page-wipe[data-kind=ball] img{display:block}.page-wipe[data-kind=frame]{clip-path:inset(0);background:#080808}.motion-off .scene-shell,.motion-off .book-stage{min-height:760px}.motion-off .scene-progress{display:none}.character-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:#333}.character-gallery figure{background:#111;margin:0;padding:20px}.character-gallery img{height:320px;width:100%;object-fit:contain}.character-gallery figcaption{font-size:13px;text-transform:uppercase;letter-spacing:.1em;color:#aaa}.illustration-note{font-size:12px;letter-spacing:.05em;color:#666;position:absolute;right:6vw;bottom:88px;z-index:5}.photo[data-depth]{will-change:transform}.hero-photo{will-change:transform}
@keyframes brand-arrive{0%{opacity:0;transform:translateY(10px)}15%,70%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-5px)}}@keyframes letter-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(min-width:901px){.motion-ready .career-static{padding-top:20px;padding-bottom:20px}.motion-ready .swaag-cinema .scene-shell{min-height:var(--scene-height)}.motion-ready .book-stage{min-height:var(--scene-height)}.motion-ready .portal-shell{min-height:var(--scene-height)}.motion-ready .cinema-scene .scene-shell{height:var(--scene-height)}}
@media(max-width:900px){:root{--scene-height:calc(100svh - 78px)}.scene-shell{min-height:800px;padding-top:32px}.story-copy{margin-top:55px;width:55%}.story-copy h2{font-size:clamp(44px,8vw,72px)}.story-copy p{font-size:15px}.character-stack{left:17%;width:87%;height:72%}.role-nav{gap:17px;bottom:22px}.role-nav button{font-size:22px}.scene-index{display:none}.poster-word{top:30%;font-size:35vw;left:0}.role-caption{top:28%}.scene-fallback{bottom:95px;max-width:40%}.career-copy{margin-top:80px}.career-year{font-size:120px}.career-copy h2{font-size:55px}.chapter-nav{gap:5px}.chapter-nav button{min-width:0;font-size:12px;padding:12px 0}.swaag-cinema .scene-shell{min-height:720px}.swaag-detail{max-width:70%}.swaag-silhouette{width:45%;height:50%;right:-7%}.swaag-detail h2{font-size:45px}.swaag-detail p{font-size:17px}.book-stage{grid-template-columns:1fr;gap:20px;padding:65px 8vw}.book-space{height:450px}.book-tilt{width:240px;height:364px}.book-copy h2{font-size:70px}.book-ground{bottom:20px}.book-copy{max-width:550px;margin:auto}.book-stage:before{font-size:30vw;top:15%}.portal-shell{min-height:700px}.portal-window{clip-path:circle(45% at 70% 50%)}.portal-copy h2{font-size:16vw}.context-cursor{display:none}.character-gallery{grid-template-columns:1fr 1fr}.character-gallery img{height:270px}.illustration-note{font-size:10px;max-width:140px;right:4vw;text-align:right}.brand-intro{right:15px;bottom:15px}}
@media(max-width:550px){.scene-shell{min-height:850px}.scene-kicker{gap:15px}.scene-kicker .eyebrow{font-size:10px}.scene-skip{font-size:10px;white-space:nowrap}.story-copy{width:80%;margin-top:42px}.story-copy h2{font-size:15vw;max-width:340px}.story-copy p{max-width:245px;font-size:15px;margin-top:18px}.character-stack{height:55%;width:118%;left:-6%;bottom:72px}.role-nav{gap:13px;flex-wrap:wrap;bottom:22px;padding-top:10px}.role-nav button{font-size:19px}.role-caption{display:none}.poster-word{top:49%;font-size:38vw}.scene-fallback{font-size:11px;top:44%;bottom:auto;left:6vw;max-width:80%}.career-copy{margin-top:100px}.career-copy p{font-size:16px}.career-scene .scene-shell{min-height:820px}.career-images img{object-position:60% center}.career-shade{background:linear-gradient(90deg,#080808ed,#08080877)}.swaag-letters{margin-top:65px}.swaag-letters button{font-size:20vw;padding:0 .6vw}.swaag-detail{max-width:88%;margin-top:45px}.swaag-detail h2{font-size:12vw}.swaag-detail p{max-width:240px}.swaag-silhouette{opacity:.12;right:0;width:60%;height:55%}.swaag-static .principles{grid-template-columns:1fr}.book-stage{padding:50px 6vw}.book-space{height:420px}.book-copy h2{font-size:19vw}.book-page{font-size:34px}.book-note{font-size:11px!important}.portal-shell{min-height:700px}.portal-copy h2{font-size:21vw}.portal-status{left:6vw;right:auto;font-size:10px}.character-gallery img{height:200px}}
@media(prefers-reduced-motion:reduce){.brand-intro,.context-cursor,.connected-ball,.page-wipe{display:none!important}.scene-progress{display:none}.portal-window{clip-path:none}.character-stack,.poster-background,.physical-book,.book-front{will-change:auto}.book-front{transition:none!important}}
.character-stack .character-ink,.character-stack .ink-contour{width:140%;left:-19%;height:96%;bottom:0;object-fit:fill}.character-stack .character-original{opacity:1;mask-image:linear-gradient(#000 82%,transparent);border-radius:2px}.character-stack .character-real{opacity:0}.reverse-portrait{position:relative;aspect-ratio:4/5;overflow:hidden;background:#181818;max-height:620px}.reverse-portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.reverse-portrait .reverse-ink{object-fit:contain;object-position:bottom;background:#111}.motion-off .reverse-ink{display:none}.book-page{transform:translateZ(-1px)}
@media(min-width:901px){.story-copy{margin-top:10vh}.story-copy h2{font-size:clamp(50px,6.4vw,96px)}.story-copy p{font-size:16px;max-width:350px}.character-stack .character-pose{bottom:0}.scene-shell .story-copy{max-height:70%;}.book-stage{gap:8vw}.book-copy h2{font-size:clamp(60px,6.5vw,100px)}}
@media(min-width:901px){.swaag-letters{margin-top:20px}.swaag-letters button{font-size:min(19vw,28vh)}.swaag-detail{margin-top:22px}.swaag-detail h2{font-size:clamp(42px,4.5vw,64px)}.swaag-detail p{margin-top:12px;font-size:18px}.swaag-not-acronym{font-size:11px!important}.swaag-cinema .textlink{margin-top:10px;font-size:12px}.book-stage{height:var(--scene-height);padding:36px 6vw}.book-space{height:calc(var(--scene-height) - 72px)}.book-tilt{max-height:calc(var(--scene-height) - 110px);aspect-ratio:29/44;width:auto;height:440px}.book-copy h2{margin-bottom:18px}.book-copy p{margin:14px 0}}
@media(max-width:550px){.identity-scene .role-nav{top:70px;bottom:auto;padding-top:8px;border-color:#333;gap:13px}.identity-scene .story-copy{margin-top:98px}.identity-scene .character-stack{height:51%;bottom:10px}.identity-scene .illustration-note{bottom:15px;max-width:160px;font-size:9px}.identity-scene .scene-fallback{top:47%;font-size:11px}}
.hero .hero-photo{z-index:-4}.hero-subject{position:absolute;right:-6%;bottom:-8%;width:73%;height:106%;object-fit:contain;object-position:center bottom;z-index:0;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 95%),linear-gradient(#000 80%,transparent);mask-composite:intersect;filter:brightness(.78)}.hero .wrap{position:relative;z-index:2}.hero-depth-word{position:absolute;z-index:-1;right:-3%;top:18%;font-family:'Barlow Condensed';font-weight:800;font-size:19vw;line-height:.8;letter-spacing:-.04em;color:#ffffff1b;pointer-events:none}.hero .hero-caption,.hero .hero-bottom{z-index:3}.hero:after{z-index:1;pointer-events:none;background:linear-gradient(90deg,#080808 0%,#080808aa 30%,transparent 65%),linear-gradient(0deg,#080808,transparent 27%)}
@media(max-width:900px){.hero-subject{right:-30%;width:112%;height:100%;bottom:-2%;opacity:.8}.hero-depth-word{font-size:26vw;top:20%;right:-10%}.hero:after{background:linear-gradient(90deg,#080808c9,#08080811),linear-gradient(0deg,#080808,transparent 60%)}}
@media(max-width:550px){.hero-subject{width:165%;right:-57%;bottom:5%;height:103%;object-fit:contain;opacity:.65}.hero-depth-word{font-size:40vw;top:14%;right:-10%}.hero:after{background:linear-gradient(0deg,#080808,#08080866 65%,transparent)}}
