:root{font-family:Arial,'Microsoft YaHei',sans-serif;color:#eeeee6;background:#101110;font-synthesis:none;--accent:#d9f979;--muted:#90928a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}button{border:0}header{height:88px;position:absolute;z-index:3;top:0;left:0;width:100%;padding:0 max(4vw,calc((100vw - 1700px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff26}.logo{font-size:32px;font-weight:900;letter-spacing:-3px}.logo span{font-size:12px;vertical-align:top;letter-spacing:0;margin-left:5px}nav{display:flex;gap:45px;font-size:11px;letter-spacing:1px}nav a:hover{color:var(--accent)}.nav-contact{font-size:13px;border-bottom:1px solid #92958b;padding:12px 0}.nav-contact span{margin-left:32px}.hero{min-height:820px;height:100svh;max-height:1200px;position:relative;overflow:hidden;padding:130px max(4vw,calc((100vw - 1700px)/2)) 30px;display:flex;flex-direction:column;justify-content:space-between}.hero video{position:absolute;width:100%;height:100%;object-fit:cover;inset:0;opacity:.8}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0b0d0cc9,transparent 85%),linear-gradient(0deg,#0c100dda,transparent 70%)}.hero>*:not(video):not(.hero-shade){position:relative}.hero-top,.hero-foot{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.6px;color:#bfc3b8}.dot{display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:50%;margin-right:9px;box-shadow:0 0 13px #d9f96b70}.hero-title{padding-top:85px}.hero-title>p{font-size:12px;letter-spacing:3px;margin-bottom:28px}h1{font-size:clamp(70px,7.6vw,145px);line-height:.96;letter-spacing:-.065em;margin:0;font-weight:500;position:relative}h1>span{color:var(--accent)}h1 sup{position:absolute;font-size:85px;color:var(--accent);right:6%;top:-10px;font-weight:400}.hero-bottom{display:flex;justify-content:space-between;align-items:end;margin-top:45px;max-width:1100px}.hero-bottom p{line-height:1.9;font-size:16px}.hero-bottom p span{color:#a3a89c;font-size:13px}.pill{display:flex;align-items:center;gap:50px;background:var(--accent);color:#171b10;padding:19px 26px;border-radius:50px;font-size:13px;transition:.25s}.pill:hover{background:#e9ffab;transform:translateY(-3px)}.pill span{font-size:22px}.hero-foot{align-items:center;border-top:1px solid #ffffff26;padding-top:25px}.hero-foot button{background:none;font-size:10px;letter-spacing:1px;color:#c4c8bd}.section{max-width:1700px;margin:auto;padding:110px 4vw}.section-label{display:flex;justify-content:space-between;border-top:1px solid #3a3c35;padding-top:24px;font-size:11px;letter-spacing:1.7px;color:#a0a295;margin-bottom:65px}.about-layout{display:grid;grid-template-columns:.8fr 1.3fr;gap:9%}.portrait{position:relative;align-self:start}.portrait img{display:block;width:100%;aspect-ratio:.82;object-fit:cover;filter:grayscale(1);background:#c7c8c2}.portrait>div{display:flex;justify-content:space-between;font-size:12px;letter-spacing:2px;padding-top:20px}.portrait span{font-size:10px;letter-spacing:0;color:var(--muted)}.eyebrow{color:var(--muted);font-size:10px;letter-spacing:1.5px}h2{font-weight:400;font-size:clamp(40px,4.3vw,70px);letter-spacing:-3px;line-height:1.25;margin:26px 0}.serif{font-family:'SimSun',serif;color:var(--accent)}.bio{color:#adafa5;line-height:2;font-size:14px;max-width:640px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:34px 0;border-bottom:1px solid #36382f}.stats strong{display:block;font-size:31px;font-weight:400;color:var(--accent)}.stats span{display:block;font-size:11px;color:var(--muted);margin-top:13px}.timeline article{display:grid;grid-template-columns:155px 1fr;gap:15px;padding:22px 0;border-bottom:1px solid #30322c}.timeline time{font-size:10px;color:var(--muted);padding-top:4px}.timeline h3{font-size:14px;font-weight:400;margin:0 0 10px}.timeline p{color:var(--muted);font-size:11px;margin:0}.about-contact{display:flex;justify-content:space-between;margin-top:24px;font-size:11px;color:var(--accent)}.works{padding-top:50px}.work-heading{display:flex;align-items:end;justify-content:space-between;margin-top:-20px}.work-heading p,.skills-intro>p{font-size:12px;line-height:1.9;color:var(--muted)}.filters{display:flex;gap:10px;margin:35px 0}.filters button{background:none;border:1px solid #3a3d33;border-radius:30px;padding:10px 20px;font-size:11px;color:#a9ad9e}.filters button.active{background:var(--accent);color:#181d12;border-color:var(--accent)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px 26px}.project:first-child{grid-column:1/-1}.project{padding:0;text-align:left;background:none}.project-image{position:relative;overflow:hidden}.project .art{transition:transform .6s}.project:hover .art{transform:scale(1.025)}.art{height:440px;position:relative;overflow:hidden;isolation:isolate;background:#242723}.project:first-child .art{height:560px}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:70px 70px;z-index:-1}.motion{background:radial-gradient(ellipse at 65% 70%,#464b40,#181c1a 70%)}.chrome{position:absolute;border-radius:50%;border:60px solid #7e8580;background:transparent;box-shadow:inset 10px 10px 25px #e8eddd,inset -15px -18px 25px #171a15,12px 12px 25px #090c08,-10px -10px 18px #b7bdb633;transform:rotate(-30deg) skewY(-15deg);width:440px;height:330px}.one{right:10%;top:4%}.two{right:18%;top:39%;border-color:#c5dd8f;width:370px;height:280px;transform:rotate(35deg) skewY(10deg)}.art-caption{position:absolute;left:5%;top:19%;font-size:clamp(40px,5.5vw,90px);letter-spacing:-5px;line-height:.95;font-weight:600}.art-mini{position:absolute;bottom:8%;left:5%;font-size:9px;letter-spacing:3px;color:#c6d1bb}.nature{background:radial-gradient(ellipse at 65% 60%,#526d43,#18261e 60%,#101913)}.orb{width:340px;height:340px;position:absolute;right:0;top:10%;border-radius:44% 56% 38% 62%;background:repeating-radial-gradient(ellipse at 30% 20%,#c8de9eaa 0,#77955e 2px,#1c3820 5px,#586a3a 9px);box-shadow:inset 35px 10px 45px #e8fac677,inset -35px -25px 45px #061208;transform:rotate(-25deg)}.orb.small{width:170px;height:170px;right:33%;top:60%;filter:brightness(.6)}.nature .art-caption{font-family:SimSun,serif;font-size:60px;letter-spacing:10px;top:20%}.art-caption i{font-family:Arial;font-size:10px;font-style:normal;letter-spacing:2px}.brand{background:#b9c996;color:#232b1b}.brand .art-grid{background-image:linear-gradient(#28311915 1px,transparent 1px),linear-gradient(90deg,#28311915 1px,transparent 1px)}.brandword{position:absolute;font-family:SimSun,serif;left:10%;top:8%;font-size:140px;line-height:.95}.brand-box{position:absolute;right:14%;top:18%;width:170px;height:230px;background:#263522;transform:rotate(12deg);box-shadow:20px 22px 20px #2e361b55;color:#d6e5b9;font-size:63px;padding:20px;line-height:1}.brand-box small{font-size:10px;display:block;letter-spacing:2px;margin-top:45px}.brand .art-mini{color:#2c3a21}.sample{position:absolute;top:20px;left:24px;border:1px solid #ffffff40;background:#11151166;border-radius:20px;padding:7px 12px;font-size:9px;letter-spacing:1px;color:#eee}.project-arrow{position:absolute;right:24px;bottom:24px;background:#efefe8;color:#131811;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;font-size:23px}.project-info{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.project-info p{font-size:9px;letter-spacing:1.5px;color:var(--muted)}.project-info h3{font-size:18px;font-weight:400;margin:12px 0}.project-info>span{font-size:10px;color:var(--muted)}.skills{padding-top:40px;padding-bottom:140px}.skills-intro{display:flex;justify-content:space-between;align-items:end}.skills-intro h2{font-size:50px}.skills-intro h2 span{color:#7f8377}.skill-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:45px}.skill{padding:30px 25px;border:1px solid #34382d;margin-left:-1px;background:linear-gradient(150deg,#1c2018,#121510)}.skill-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:60px;color:var(--accent)}.skill-top span{font-size:10px;color:var(--muted)}.skill-top b{font-size:35px;font-weight:400}.skill h3{font-size:21px;font-weight:400}.skill>p:not(.eyebrow){font-size:12px;line-height:1.9;color:var(--muted)}.skill footer{font-size:9px;color:#b8bfa9;border-top:1px solid #33382b;margin-top:35px;padding-top:19px}.contact{background:#d5ed9a;color:#1e2717;min-height:850px;height:100svh;padding:45px max(4vw,calc((100vw - 1700px)/2)) 25px;display:flex;flex-direction:column;justify-content:space-between}.contact .section-label{border-color:#1a291c44;color:#354028;margin:0}.contact .dot{background:#3e552b;box-shadow:none}.contact-main>p{font-size:15px}.contact h2{font-size:clamp(64px,9.1vw,155px);line-height:.95;letter-spacing:-.065em;margin:40px 0}.contact h2 span{color:#657d46}.contact h2 i{font-style:normal;font-weight:300}.contact-row{display:flex;justify-content:space-between;align-items:center}.contact-row p{font-size:13px;line-height:2}.contact-row p span{color:#5d6c49}.contact .pill{background:#1d2916;color:#e4efcf}.footer{border-top:1px solid #26351f40;padding-top:25px;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1px}.modal-backdrop{position:fixed;inset:0;z-index:10;background:#000c;display:flex;align-items:center;justify-content:center;padding:30px;backdrop-filter:blur(10px)}.modal{position:relative;background:#181d15;width:850px;max-height:90vh;overflow:auto;border:1px solid #4d5940}.modal .art{height:330px}.close{position:absolute;right:15px;top:15px;z-index:2;width:38px;height:38px;border-radius:50%;background:#131a10;color:white;font-size:25px}.modal-copy{padding:30px 40px}.modal h2{font-size:30px;letter-spacing:-1px}.modal-copy>p{font-size:13px;line-height:1.8}.muted,.notice{color:var(--muted)}.notice{border-top:1px solid #3a4430;padding-top:20px;font-size:11px!important}@media(min-width:1800px){.section{padding-left:0;padding-right:0}}@media(max-width:1000px){nav{gap:20px}.about-layout{gap:5%;grid-template-columns:.8fr 1.2fr}.timeline article{grid-template-columns:1fr}.skill-grid{grid-template-columns:1fr 1fr}.hero-title h1 sup{display:none}.hero{min-height:700px}.section{padding-top:80px}.chrome{right:2%}.contact{min-height:750px}.stats strong{font-size:23px}}@media(max-width:650px){header{height:70px}nav{display:none}.hero{padding-top:110px;min-height:740px}.hero-top span:last-child{display:none}h1{font-size:clamp(44px,10.6vw,70px)}.hero-title{padding-top:40px}.hero-title>p{font-size:9px;letter-spacing:1px}.hero-bottom{align-items:start;flex-direction:column;gap:25px}.hero-foot{font-size:8px;letter-spacing:0}.hero-foot>a{display:none}.about-layout{grid-template-columns:1fr;gap:50px}.portrait{max-width:360px}.section-label{margin-bottom:40px;font-size:9px}.about-copy h2{font-size:45px}.stats{gap:10px}.timeline article{grid-template-columns:125px 1fr}.work-heading,.skills-intro{display:block}.work-heading h2{font-size:38px}.project-grid{grid-template-columns:1fr}.project:first-child{grid-column:auto}.project .art,.project:first-child .art{height:350px}.chrome{width:250px;height:200px;border-width:40px}.two{width:220px;height:180px;right:8%;top:50%}.art-caption{font-size:48px;letter-spacing:-3px;top:25%}.project-info h3{font-size:14px}.project-info>span{font-size:8px}.skill-grid{grid-template-columns:1fr}.skill-top{margin-bottom:30px}.skills-intro h2{font-size:36px}.filters{gap:6px}.filters button{padding:10px 13px;font-size:10px}.contact{min-height:700px}.contact h2{font-size:14vw}.contact-row{display:block}.contact-row .pill{margin-top:25px;gap:20px}.contact .section-label{font-size:8px;letter-spacing:0}.footer>span{font-size:7px;letter-spacing:0;max-width:130px;line-height:1.8}.modal-copy{padding:22px}.modal h2{font-size:23px}.modal-backdrop{padding:15px}.orb{width:280px;height:280px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}.hero video{display:none}}

/* Editorial collection / reference-led layout */
:root{--accent:#c0ff8a;--muted:#929292;background:#050505;color:#f4f4f4}body{background:#050505}header{position:relative;height:72px;max-width:1700px;margin:auto;border:0;padding:0 3vw}.logo{font-size:26px}nav{font-size:9px}.hero{margin:0 auto;max-width:1600px;width:94%;height:76vh;min-height:600px;max-height:900px;padding:45px;background:#242424;border:35px solid #242424}.hero video{inset:0;filter:grayscale(1);opacity:.85}.hero-shade{background:linear-gradient(0deg,#000b,transparent 75%)}.hero-top{font-size:9px}.hero-title{padding-top:130px}h1{font-size:clamp(70px,8vw,145px);font-weight:900;line-height:.85;letter-spacing:-.065em}h1>span{color:white}h1 sup{font-size:55px;right:0;top:0;color:var(--accent)}.hero-title>p{font-size:10px}.hero-bottom{margin-top:25px}.hero-bottom p{font-size:12px}.hero-bottom p span{font-size:10px}.pill{border-radius:0;background:white;padding:14px 20px;font-size:10px;gap:32px}.hero-foot{font-size:8px;padding-top:18px}.editorial-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;max-width:1600px;width:94%;margin:32px auto 80px}.editorial-grid .section{padding:0;width:100%;min-width:0}.section-label{border-top:1px solid #555;padding-top:14px;margin-bottom:22px;font-size:9px}.about-layout{display:flex;flex-direction:column;gap:22px}.about-copy{display:contents}.about-copy>h2{order:-3;font-size:clamp(40px,5.1vw,85px);font-weight:900;line-height:.95;margin:0;letter-spacing:-3px}.about-copy>.eyebrow{order:-4;margin:0;font-size:8px}.portrait{width:100%;order:1;display:flex;gap:20px;align-items:center}.portrait img{width:100px;height:100px;border-radius:50%;border:2px solid #fff;aspect-ratio:1}.portrait>div{display:block;font-size:18px;font-weight:bold}.portrait span{display:block;margin-top:10px;font-size:10px}.bio{order:2;margin:0;font-size:12px;max-width:500px}.stats{order:3;padding:20px 0}.stats strong{color:#fff;font-size:28px;font-weight:800}.timeline{order:5}.timeline article{grid-template-columns:125px 1fr;padding:20px 0}.about-contact{order:4;margin:0;color:white;font-size:10px}.about .portrait:after{content:'PERSONAL\A ARCHIVE / 01';white-space:pre;line-height:1.8;color:#888;font-size:8px;margin-left:auto}.work-heading{margin-top:0;align-items:start}.work-heading h2{font-size:30px;line-height:1;letter-spacing:-1px;margin:0}.serif{font-family:Arial,'Microsoft YaHei',sans-serif;color:white}.work-heading p{font-size:9px;max-width:200px;margin:0;text-align:right}.filters{margin:16px 0;gap:7px}.filters button{padding:5px 10px;font-size:8px;border-color:#666;color:white}.filters button.active{background:white;color:black;border-color:white}.project-grid{grid-template-columns:1fr;gap:26px}.project:first-child{grid-column:auto}.project .art,.project:first-child .art{height:360px}.project-info{margin-top:9px}.project-info h3{font-size:14px;font-weight:bold;margin:5px 0}.project-info p{font-size:8px;margin:5px 0}.sample{top:10px;left:12px;font-size:8px;border-radius:0;padding:5px 8px}.project-arrow{width:32px;height:32px;font-size:17px;bottom:14px;right:14px}.motion,.nature,.brand{filter:grayscale(1)}.art-caption{font-size:55px}.chrome{width:300px;height:230px;border-width:45px}.two{width:260px;height:190px}.ticker{overflow:hidden;border-block:1px solid #444;padding:15px 0;transform:rotate(-2deg);margin:70px 0 110px}.ticker>div{font-size:70px;font-weight:900;white-space:nowrap;letter-spacing:-4px;animation:marquee 25s linear infinite}.skills{max-width:1600px;padding:0 0 100px;width:94%}.skills-intro h2{font-size:55px;font-weight:800;line-height:1.1}.skill{background:#101010;border-color:#444;transition:background .3s}.skill:hover{background:#222}.skill-top{margin-bottom:40px}.skill-top b{color:white}.contact{background:#121212;color:white;min-height:800px}.contact .section-label{color:#aaa;border-color:#555}.contact h2{font-weight:900}.contact h2 span{color:#686868}.contact .pill{background:white;color:black}.contact-row p span{color:#aaa}.footer{border-color:#444}.contact .dot{background:var(--accent)}.reveal{opacity:0;transform:translateY(35px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.6,.2,1)}.reveal.visible{opacity:1;transform:translateY(0)}.project-image{transform-style:preserve-3d;transition:transform .2s ease;will-change:transform}.scroll-progress{position:fixed;top:0;left:0;height:3px;background:var(--accent);width:0;z-index:50}.cursor-label{pointer-events:none;position:fixed;z-index:20;padding:14px;background:#c0ff8a;color:#111;font-size:9px;border-radius:50%;opacity:0;transform:translate(-50%,-50%);transition:opacity .2s;mix-blend-mode:normal}.cursor-label.active{opacity:1}@keyframes marquee{to{transform:translateX(-50%)}}@media(max-width:900px){.editorial-grid{grid-template-columns:1fr;gap:60px}.hero{border-width:18px;padding:22px;min-height:640px}.hero-title{padding-top:90px}.about-copy>h2{font-size:65px}.portrait{max-width:none}.project .art,.project:first-child .art{height:400px}.skills{padding-top:0}.ticker>div{font-size:50px}.skill-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.hero{height:85svh;min-height:650px;border-width:12px}.hero-title>p{font-size:8px}h1{font-size:15vw}.hero-bottom{gap:10px}.hero-top{font-size:7px;letter-spacing:1px}.editorial-grid{margin-top:26px}.skills-intro h2{font-size:35px}.skill-grid{grid-template-columns:1fr}.work-heading p{max-width:135px}.project .art,.project:first-child .art{height:330px}.cursor-label{display:none}.contact{min-height:720px}}@media(prefers-reduced-motion:reduce){.ticker>div{animation:none}.reveal{opacity:1;transform:none}.project-image{transform:none!important}}
/* Poster hero / Ziyan Ke */
body:has(.poster-hero){padding-top:16px}header:has(+main .poster-hero){position:absolute;top:16px;left:3%;right:3%;width:94%;max-width:1700px;height:65px;padding:0 24px;color:#191919;z-index:6;border-bottom:1px solid #25252544}header:has(+main .poster-hero) .nav-contact{border:0;font-size:10px}header:has(+main .poster-hero) nav{font-size:9px;gap:35px}header:has(+main .poster-hero) .logo{font-size:25px}.poster-hero{--poster-red:#ed462e;position:relative;background:#dadbd8;color:#131313;width:94%;max-width:1700px;margin:auto;height:calc(100svh - 32px);min-height:760px;max-height:1100px;border:1px solid #777;padding:85px 24px 20px;display:block;isolation:isolate;overflow:hidden}.poster-hero:after{content:'';pointer-events:none;position:absolute;inset:10px;border:1px solid #3334;z-index:5}.poster-index{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;position:relative;z-index:4}.poster-hero .poster-title{position:absolute;top:100px;left:1.2%;width:97%;font-size:clamp(90px,17.4vw,295px);font-family:Arial Black,Arial,sans-serif;font-weight:1000;letter-spacing:-.085em;line-height:.85;color:var(--poster-red);white-space:nowrap;margin:0;z-index:3;transform:scaleY(.85);transform-origin:top left}.poster-title span{font-size:20px;vertical-align:top;letter-spacing:0;position:absolute;right:0;top:10px;color:var(--poster-red)}.poster-photo{position:absolute!important;right:0;top:11%;width:69%;height:91%;z-index:1;mix-blend-mode:multiply;pointer-events:none}.poster-photo img{width:100%;height:100%;object-fit:contain;object-position:right bottom;filter:grayscale(1) contrast(1.25);transform:scale(1.15);transform-origin:bottom right}.poster-note{position:absolute!important;top:40%;left:31%;font-size:9px;line-height:1.7;z-index:4;color:#303030;max-width:230px}.poster-side{position:absolute!important;right:22px;top:45%;writing-mode:vertical-rl;font-size:8px;letter-spacing:2px;z-index:4}.poster-cross{position:absolute!important;font-size:22px;font-weight:300;z-index:4}.cross-a{left:22px;top:42%}.cross-b{right:24px;top:37%}.poster-bottom{position:absolute!important;bottom:80px;left:24px;right:24px;display:flex;align-items:end;justify-content:space-between;z-index:4}.poster-intro{width:32%}.poster-kicker{font-size:8px;letter-spacing:1.5px;display:block;margin-bottom:10px}.poster-intro strong{font-size:clamp(42px,5.8vw,96px);line-height:.85;letter-spacing:-5px;font-weight:900;color:var(--poster-red)}.poster-intro>p{font-size:10px;letter-spacing:1px;margin:18px 0 26px}.poster-intro .pill{background:#fafaf6;color:#111;width:210px;justify-content:space-between;padding:15px 20px;gap:0}.poster-manifesto{width:25%;color:#fff;text-shadow:0 1px 15px #0008}.poster-manifesto p{font-size:clamp(23px,2.7vw,45px);line-height:1.02;letter-spacing:-1.5px;font-weight:800;margin:12px 0}.poster-manifesto em{font-style:normal;color:var(--poster-red)}.poster-manifesto>span{font-size:9px}.poster-arrow{font-size:50px;display:inline-block;transition:transform .3s}.poster-arrow:hover{transform:translate(6px,6px)}.poster-footer{position:absolute!important;bottom:25px;left:24px;right:24px;display:flex;justify-content:space-between;z-index:4;border-top:1px solid #7778;padding-top:14px;font-size:8px;letter-spacing:1px}.poster-footer a{color:white}.poster-title{animation:posterEnter .9s cubic-bezier(.2,.8,.2,1) both}.poster-photo{animation:photoEnter 1.3s ease both}@keyframes posterEnter{from{opacity:0;translate:0 40px}to{opacity:1;translate:0 0}}@keyframes photoEnter{from{opacity:0;translate:40px 0}to{opacity:1;translate:0 0}}@media(min-width:1850px){header:has(+main .poster-hero){left:calc((100vw - 1700px)/2)}}@media(max-width:900px){.poster-hero{min-height:690px}.poster-hero .poster-title{top:110px;font-size:17vw}.poster-photo{width:88%;top:15%;height:85%;right:-12%}.poster-note{top:34%;left:25px;font-size:8px}.poster-manifesto{width:35%}.poster-intro{width:45%}.poster-intro strong{letter-spacing:-3px}.poster-bottom{bottom:85px}}@media(max-width:650px){header:has(+main .poster-hero){height:55px;padding:0 18px}.poster-hero{height:calc(100svh - 32px);min-height:700px;padding:78px 18px 20px}.poster-hero .poster-title{top:115px;left:2%;font-size:17vw}.poster-photo{width:140%;height:76%;top:24%;right:-34%}.poster-note{top:29%;left:20px}.poster-side{right:17px;top:30%;font-size:7px}.poster-bottom{left:20px;right:20px;bottom:78px}.poster-intro strong{font-size:44px}.poster-intro>p{font-size:8px;max-width:130px;line-height:1.8}.poster-intro .pill{width:145px;font-size:9px;padding:11px 14px}.poster-manifesto{width:43%}.poster-manifesto p{font-size:22px;letter-spacing:-.7px}.poster-manifesto>span{font-size:7px}.poster-arrow{font-size:35px}.poster-footer{font-size:6px;left:20px;right:20px}.cross-a{top:36%}.poster-title span{font-size:12px}.poster-index{font-size:6px}.poster-hero .hero-top{display:none}}@media(prefers-reduced-motion:reduce){.poster-title,.poster-photo{animation:none}}
.poster-hero video.poster-motion{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.055;mix-blend-mode:multiply;filter:grayscale(1);z-index:0;pointer-events:none}.poster-pause{background:transparent;padding:0;font-size:8px;letter-spacing:1px;color:#333}.poster-hero .poster-photo{position:absolute}.poster-hero .poster-title{position:absolute}.poster-hero .poster-footer{position:absolute}
/* User-supplied film as the full hero background */
.video-hero{background:#171b21;color:white}.video-hero video.poster-motion{opacity:1;mix-blend-mode:normal;filter:none;object-fit:cover;object-position:center;z-index:0}.video-hero .poster-photo{display:none}.video-hero:before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#0006 0%,#0001 40%,#000a 100%)}.video-hero .poster-index{position:relative;z-index:4}.video-hero .poster-note,.video-hero .poster-side,.video-hero .poster-pause{color:#fff}.video-hero .poster-footer{border-color:#ffffff66}.video-hero:after{border-color:#ffffff55}header:has(+main .video-hero){color:#fff;border-bottom-color:#ffffff55}header:has(+main .video-hero) .nav-contact{color:#fff}.video-hero .poster-manifesto{color:#fff}.video-hero .poster-kicker{color:#eee}@media(prefers-reduced-motion:reduce){.video-hero{background:#171b21 url('public/hero-user-poster.jpg') center/cover}.video-hero video.poster-motion{display:block}}
/* Final palette and interaction pass */
:root{--accent:#ed462e;--poster-red:#ed462e}
body{--accent:#ed462e}
button,a{transition:color .25s ease,background-color .25s ease,border-color .25s ease,transform .25s ease}
nav a:hover,.about-contact a:hover,.footer a:hover,.nav-contact:hover{color:#ed462e}
.pill,.filters button.active{background:#ed462e;color:#fff;border-color:#ed462e}
.pill:hover,.filters button.active:hover{background:#fff;color:#ed462e;border-color:#fff;transform:translateY(-3px)}
.poster-intro .pill{background:#ed462e;color:#fff}
.poster-intro .pill:hover{background:#fff;color:#ed462e}
.contact .pill{background:#ed462e;color:#fff}
.contact .pill:hover{background:#fff;color:#ed462e}
.skill:hover{border-color:#ed462e;box-shadow:inset 0 3px 0 #ed462e}
.skill-top b,.stats strong,.serif{color:#ed462e}
.scroll-progress{background:#ed462e}
.cursor-label{background:#ed462e;color:#fff}
.video-hero .poster-title{left:2.2%;top:25%;width:49%;font-size:clamp(74px,10.8vw,190px);line-height:.82;white-space:normal;z-index:4;text-shadow:0 2px 18px #0006}
.video-hero .poster-title span{right:auto;left:96%;top:2px}
.video-hero .poster-note{left:2.5%;top:52%;color:#fff;z-index:4}
.video-hero .poster-intro strong{color:#ed462e}
@media(max-width:900px){.video-hero .poster-title{top:22%;left:3%;width:58%;font-size:14vw}.video-hero .poster-note{top:48%;left:3%}}
@media(max-width:650px){.video-hero .poster-title{top:19%;left:5%;width:62%;font-size:17vw}.video-hero .poster-title span{left:100%}.video-hero .poster-note{top:43%;left:5%;max-width:160px}}
.contact{background:#ed462e;color:#fff}
.video-archive,.asset-archive{border-top:1px solid #444;padding:80px 0 0}.video-archive-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:52px 24px;margin-top:55px}.video-archive article>span{display:block;color:#ed462e;font-size:9px;letter-spacing:1.6px;margin-top:17px}.video-archive h3{font-size:22px;font-weight:500;margin:10px 0}.video-archive p{font-size:11px;color:#999;line-height:1.7;margin:0}.archive-video{background:#181818;aspect-ratio:16/9;overflow:hidden}.archive-video video{display:block;width:100%;height:100%;object-fit:cover}.asset-archive{margin-top:110px}.asset-archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:55px}.asset-archive figure{margin:0;background:#1c1c1c;min-width:0}.asset-archive img{display:block;width:100%;height:220px;object-fit:cover;filter:saturate(.85);transition:transform .5s,filter .5s}.asset-archive figure:hover img{transform:scale(1.03);filter:saturate(1.2)}.asset-archive figcaption{padding:15px;font-size:9px;letter-spacing:1.4px;color:#aaa}@media(max-width:800px){.video-archive-grid{grid-template-columns:1fr;gap:42px}.asset-archive-grid{grid-template-columns:repeat(2,1fr)}.asset-archive img{height:150px}}@media(max-width:520px){.asset-archive-grid{grid-template-columns:1fr}.asset-archive img{height:210px}}
.project .real-project-art{background-size:cover;background-position:center;filter:saturate(.9);}
.project .real-project-art:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0002,transparent 48%,#0009);z-index:0}
.project-info small{display:block;color:#999;font-size:10px;line-height:1.6;max-width:330px}
.flag-card.real-cover{background-position:center;background-size:cover;background-repeat:no-repeat;text-shadow:0 2px 18px #000b}
.flag-card.real-cover:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0008 0%,transparent 45%,#000b 100%);z-index:0}
.flag-card.real-cover>*{position:relative;z-index:1}
.flag-card.flag-system.real-cover{color:#fff;min-height:330px}
.flag-card.flag-aigc.real-cover{color:#fff;min-height:330px}
.flagship-project{background:#111;color:#f5f5f1;padding:clamp(70px,9vw,150px) max(4vw,calc((100vw - 1700px)/2));overflow:hidden}
.flagship-top{display:flex;justify-content:space-between;border-top:1px solid #444;padding-top:20px;color:#aaa;font-size:10px;letter-spacing:1.8px}
.flagship-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:8%;align-items:center;min-height:720px;padding:80px 0 110px}
.flagship-kicker{font-size:11px;letter-spacing:2.5px;color:#ed462e;margin:0 0 32px}.flagship-hero h2{font-size:clamp(70px,10vw,170px);line-height:.82;letter-spacing:-.08em;font-weight:800;margin:0}.flagship-hero h2 em{font-style:normal;color:#777}.flagship-intro{max-width:390px;color:#aaa;font-size:14px;line-height:1.9;margin:42px 0 32px}.flagship-link{display:inline-block;border-bottom:1px solid #ed462e;padding-bottom:10px;color:#ed462e;font-size:11px;letter-spacing:1.5px}.flagship-orb{justify-self:end;width:min(42vw,590px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 34% 30%,#fff 0 2%,#d9d9d4 3%,#757978 22%,#252726 57%,#0d0f0e 73%);box-shadow:inset 30px 25px 60px #fff9,inset -50px -35px 80px #000,0 30px 100px #ed462e22;display:grid;place-items:center;transform:rotate(-12deg);animation:orbFloat 8s ease-in-out infinite}.flagship-orb:before{content:'';position:absolute;width:74%;aspect-ratio:1;border:1px solid #fff6;border-radius:44% 56% 60% 40%;transform:rotate(38deg)}.flagship-orb span{font-size:clamp(28px,4vw,60px);letter-spacing:-.08em;line-height:.9;text-align:center;transform:rotate(12deg)}.flagship-orb small{font-size:9px;letter-spacing:2px;color:#888}.flagship-meta{display:flex;justify-content:space-between;border-top:1px solid #444;padding:20px 0;color:#999;font-size:9px;letter-spacing:1.5px}.flagship-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:22px;margin-top:80px}.flag-card{min-height:450px;position:relative;overflow:hidden;padding:25px;display:flex;flex-direction:column;justify-content:space-between}.flag-card>span{font-size:9px;letter-spacing:1.7px;position:relative;z-index:2}.flag-poster{grid-row:span 2;background:linear-gradient(135deg,#e94b32,#782217 52%,#141414);min-height:690px}.flag-poster:after{content:'';position:absolute;inset:10%;border:1px solid #fff7;border-radius:50%;transform:scaleY(.45) rotate(-35deg);box-shadow:0 0 0 30px #fff1,0 0 0 80px #fff08}.flag-poster strong{position:relative;z-index:1;font-size:clamp(55px,7vw,110px);line-height:.8;letter-spacing:-.08em}.flag-poster strong i{font-style:normal;color:#161616}.flag-poster small{position:relative;z-index:1;font-size:9px;letter-spacing:1.8px}.flag-system{background:#d8d8d2;color:#111;min-height:330px}.flag-system>b{font-size:220px;line-height:.7;letter-spacing:-.2em;font-weight:900;align-self:center}.flag-system>div{display:flex;justify-content:space-between;align-items:end;border-top:1px solid #222;padding-top:16px}.flag-system strong{font-size:30px;letter-spacing:-.08em}.flag-system small{font-size:8px;letter-spacing:1px}.flag-aigc{background:radial-gradient(circle at 70% 35%,#d7f2ec,#4c8f8b 28%,#182827 67%,#0a0e0d);min-height:330px}.flag-aigc strong{font-size:38px;line-height:.86;letter-spacing:-.06em;position:relative;z-index:1}.aigc-rings{position:absolute;inset:0;background:repeating-radial-gradient(ellipse at 70% 45%,transparent 0 20px,#ffffff55 21px 24px,transparent 25px 45px);mix-blend-mode:screen;transform:rotate(-24deg);animation:ringDrift 9s linear infinite}.flagship-film{display:grid;grid-template-columns:.75fr 1.25fr;gap:7%;align-items:center;border-top:1px solid #444;margin-top:120px;padding:100px 0}.film-copy>span{font-size:9px;letter-spacing:1.7px;color:#ed462e}.film-copy h3{font-size:clamp(44px,5vw,82px);line-height:.9;letter-spacing:-.07em;margin:35px 0}.film-copy h3 em{font-style:normal;color:#777}.film-copy>p{max-width:320px;color:#999;font-size:13px;line-height:1.9}.film-spec{display:flex;gap:18px;margin-top:45px;color:#aaa;font-size:9px;letter-spacing:1px}.film-frame{aspect-ratio:16/9;background:#242424;position:relative;overflow:hidden}.film-frame video{width:100%;height:100%;object-fit:cover;filter:grayscale(.35) contrast(1.1);opacity:.8}.film-frame>span{position:absolute;bottom:18px;left:20px;font-size:9px;letter-spacing:1.5px}.flagship-process{border-top:1px solid #444;padding-top:70px}.flag-process-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:70px}.flag-process-grid>div{padding:0 25px 0 0;border-right:1px solid #333;min-height:190px}.flag-process-grid>div+div{padding-left:25px}.flag-process-grid>div:last-child{border:0}.flag-process-grid b{color:#ed462e;font-size:11px}.flag-process-grid h4{font-size:25px;margin:35px 0 15px}.flag-process-grid p{color:#999;font-size:11px;line-height:1.8;max-width:200px}@keyframes orbFloat{50%{transform:rotate(-4deg) translateY(-14px)}}@keyframes ringDrift{to{transform:rotate(336deg) scale(1.15)}}
@media(max-width:800px){.flagship-hero{grid-template-columns:1fr;min-height:0;padding:70px 0}.flagship-orb{justify-self:center;width:75vw;margin-top:55px}.flagship-meta{display:block;line-height:2.2}.flagship-grid{grid-template-columns:1fr}.flag-poster{grid-row:auto;min-height:520px}.flagship-film{grid-template-columns:1fr;margin-top:80px;padding:70px 0}.flag-process-grid{grid-template-columns:1fr;gap:35px}.flag-process-grid>div,.flag-process-grid>div+div{border-right:0;border-bottom:1px solid #333;padding:0 0 30px}.flag-process-grid>div:last-child{border:0}}
.about-copy h2.luminous-type{position:relative;cursor:crosshair}
.about-copy h2 .luminous-letter{display:inline;opacity:var(--luminous-opacity,.32);filter:brightness(.7);text-shadow:0 0 var(--luminous-glow,0px) #fff8;transition:opacity .22s ease,filter .22s ease,text-shadow .22s ease;animation:luminousSweep 1.1s ease var(--luminous-delay) both}
.about-copy h2:hover .luminous-letter{filter:brightness(calc(.7 + var(--luminous-opacity,.32)*.65))}
@keyframes luminousSweep{0%{opacity:.04;filter:blur(5px) brightness(.4);transform:translateY(8px)}55%{opacity:1;filter:blur(0) brightness(1.25);transform:translateY(-2px)}100%{opacity:var(--luminous-opacity,.32);filter:brightness(.7);transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.about-copy h2 .luminous-letter{animation:none;opacity:1;filter:none;text-shadow:none}}
.video-hero .poster-note{display:none!important}
.about{position:relative;isolation:isolate;overflow:hidden}
.about>*:not(.prismatic-slats){position:relative;z-index:1}
.prismatic-slats{position:absolute;inset:0;z-index:0;display:flex;justify-content:space-between;gap:clamp(4px,1.1vw,18px);padding:0 clamp(2vw,5vw,90px);opacity:.34;pointer-events:none;transform:translate3d(var(--prism-x,0px),var(--prism-y,0px),0) scale(1.04);transition:transform .8s cubic-bezier(.2,.8,.2,1);filter:saturate(1.35) blur(.1px)}
.prismatic-slats:before{content:'';position:absolute;inset:-20%;background:radial-gradient(ellipse at 20% 20%,#ed462e88,transparent 34%),radial-gradient(ellipse at 78% 70%,#6d5cff77,transparent 32%),radial-gradient(ellipse at 46% 38%,#35d9d988,transparent 28%);mix-blend-mode:screen;animation:prismLiquid 12s ease-in-out infinite alternate}
.prismatic-slats i{position:relative;display:block;flex:1;min-width:7px;max-width:42px;height:100%;border-left:1px solid #ffffff20;border-right:1px solid #00000028;background:linear-gradient(105deg,transparent 0%,#ffffff16 29%,#ffffff03 49%,#00000032 52%,transparent 100%);transform:skewX(calc((var(--slat-index) - 9) * -.65deg));animation:slatFloat 7s ease-in-out calc(var(--slat-index) * -.22s) infinite alternate}
.prismatic-slats i:nth-child(3n){background:linear-gradient(105deg,transparent,#ed462e2b 42%,#fff1 54%,transparent)}
.prismatic-slats i:nth-child(4n){background:linear-gradient(105deg,transparent,#5c7dff33 42%,#fff1 54%,transparent)}
@keyframes prismLiquid{0%{transform:translate3d(-4%,2%,0) rotate(-2deg) scale(1)}50%{transform:translate3d(5%,-3%,0) rotate(3deg) scale(1.08)}100%{transform:translate3d(-2%,4%,0) rotate(-1deg) scale(1.03)}}
@keyframes slatFloat{0%{opacity:.45;transform:skewX(calc((var(--slat-index) - 9) * -.65deg)) translateY(-10px)}100%{opacity:1;transform:skewX(calc((var(--slat-index) - 9) * -.65deg)) translateY(10px)}}
@media(prefers-reduced-motion:reduce){.prismatic-slats,.prismatic-slats:before,.prismatic-slats i{animation:none;transition:none}.prismatic-slats{transform:none}}
.poster-manifesto p{perspective:700px}
.poster-manifesto .vapor-word{display:inline-block;white-space:nowrap}
.poster-manifesto .vapor-letter{display:inline-block;opacity:0;filter:blur(9px);transform:translate3d(calc((var(--vapor-drift, 0) * 1px)),14px,0) scale(.72);animation:vaporCondense 1.45s cubic-bezier(.2,.75,.25,1) var(--vapor-delay) forwards;will-change:transform,opacity,filter}
.poster-manifesto .vapor-word:nth-of-type(2) .vapor-letter{--vapor-drift:-8}
.poster-manifesto .vapor-word:nth-of-type(3) .vapor-letter{--vapor-drift:10}
.poster-manifesto .vapor-refresh .vapor-letter{animation:vaporCondense 1.15s cubic-bezier(.2,.75,.25,1) var(--vapor-delay) both}
.poster-manifesto .vapor-letter:hover{animation:vaporFloat .8s ease both!important;color:#ed462e}
@keyframes vaporCondense{0%{opacity:0;filter:blur(12px);transform:translate3d(calc(var(--vapor-drift,0) * 1px),18px,0) scale(.65) rotate(4deg)}42%{opacity:.58;filter:blur(4px);transform:translate3d(calc(var(--vapor-drift,0) * .45px),-2px,0) scale(1.06) rotate(-1deg)}72%{opacity:1;filter:blur(0);transform:translate3d(0,0,0) scale(1.01)}100%{opacity:1;filter:blur(0);transform:translate3d(0,0,0) scale(1)}}
@keyframes vaporFloat{0%{opacity:1;filter:blur(0);transform:translateY(0)}45%{opacity:.45;filter:blur(4px);transform:translateY(-8px) rotate(-3deg)}100%{opacity:1;filter:blur(0);transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.poster-manifesto .vapor-letter{opacity:1;filter:none;transform:none;animation:none}.poster-manifesto .vapor-refresh .vapor-letter{animation:none}}
.poster-title,.video-hero .poster-title,.poster-intro strong{touch-action:none;cursor:grab;transform:translate3d(var(--elastic-x,0px),var(--elastic-y,0px),0) skewX(var(--elastic-skew,0deg)) scaleX(var(--elastic-scale,1));transform-origin:20% 55%;transition:transform .58s cubic-bezier(.16,1.25,.32,1),filter .35s ease;will-change:transform}
.poster-title.elastic-dragging,.video-hero .poster-title.elastic-dragging,.poster-intro strong.elastic-dragging{cursor:grabbing;transition:none;filter:drop-shadow(0 10px 22px #0005)}
.poster-title.elastic-dragging .gravity-letter,.poster-intro strong.elastic-dragging .gravity-letter{animation:none!important}
@media(prefers-reduced-motion:reduce){.poster-title,.poster-intro strong{transition:none}.poster-title.elastic-dragging,.poster-intro strong.elastic-dragging{filter:none}}
.contact{background:#080808;color:#fff}
.contact .section-label{border-color:#3d3d3d;color:#aaa}
.contact .section-label .dot{background:#fff;box-shadow:none}
.contact h2 span{color:#6b6b6b}
.contact-row p span{color:#aaa}
.contact .pill{background:#fff;color:#111;border-color:#fff}
.contact .pill:hover{background:#3d3d3d;color:#fff;border-color:#3d3d3d}
.contact .footer{border-color:#3d3d3d}
.contact{background:#050505 !important;color:#fff !important}
.contact .section-label{background:transparent !important;color:#aaa !important;border-color:#3d3d3d !important}
.contact h2 span{color:#6b6b6b !important}
.contact .pill{background:#f4f4f4 !important;color:#111 !important;border-color:#f4f4f4 !important}
.contact .pill:hover{background:#3d3d3d !important;color:#fff !important;border-color:#3d3d3d !important}
.contact .footer{border-color:#3d3d3d !important}
.portfolio-depth{background:#080808;color:#f4f4f4;padding:0 max(3vw,calc((100vw - 1700px)/2));}
.depth-section{padding:110px 0;border-top:1px solid #333}
.depth-section .section-label{margin-bottom:55px}
.depth-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:55px}
.depth-heading h2{font-size:clamp(42px,6vw,92px);font-weight:800;line-height:.95;margin:0;letter-spacing:-.06em}
.depth-heading h2 em{font-style:normal;color:#777}
.depth-heading p{max-width:280px;color:#999;font-size:12px;line-height:1.8}
.case-list{border-top:1px solid #333}
.case-row{display:grid;grid-template-columns:50px minmax(260px,.9fr) 1fr;gap:28px;padding:28px 0;border-bottom:1px solid #333;align-items:center}
.case-no{font-size:11px;color:#999;align-self:start;padding-top:8px}
.case-visual{height:270px;display:flex;flex-direction:column;justify-content:space-between;padding:24px;background:#242424;overflow:hidden;position:relative}
.case-visual:before{content:'';position:absolute;inset:16px;border:1px solid #ffffff35;transform:rotate(-7deg)}
.case-visual b{font-size:clamp(32px,4vw,64px);line-height:.84;letter-spacing:-.08em;z-index:1}
.case-visual small{font-size:9px;letter-spacing:1px;z-index:1;color:#bbb}
.case-visual-a{background:linear-gradient(135deg,#2b2b2b,#101010 55%,#535353)}
.case-visual-a b{color:#efefef}
.case-visual-b{background:linear-gradient(135deg,#222,#555 50%,#171717)}
.case-visual-b b{color:#ed462e}
.case-copy>p:first-child{font-size:9px;color:#999;letter-spacing:1.5px}
.case-copy h3{font-size:24px;margin:14px 0;font-weight:500}
.case-copy p{font-size:12px;color:#aaa;line-height:1.9;max-width:440px}
.case-copy a{display:inline-block;margin-top:18px;color:#ed462e;font-size:11px}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #333}
.service-grid article{padding:28px 24px 12px;border-right:1px solid #333;min-height:230px}
.service-grid article:last-child{border-right:0}
.service-grid span,.process-grid b{font-size:10px;color:#ed462e}
.service-grid h3{font-size:28px;margin:48px 0 18px}
.service-grid p,.process-grid p{font-size:12px;line-height:1.9;color:#999;max-width:300px}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #333}
.process-grid>div{padding:28px 22px 12px;border-right:1px solid #333;min-height:190px}
.process-grid>div:last-child{border-right:0}
.process-grid h3{font-size:22px;margin:32px 0 14px}
@media(max-width:800px){.portfolio-depth{padding:0 5vw}.depth-heading{display:block}.depth-heading p{margin-top:26px}.case-row{grid-template-columns:30px 1fr;gap:14px}.case-visual{grid-column:2;height:230px}.case-copy{grid-column:2}.service-grid,.process-grid{grid-template-columns:1fr}.service-grid article,.process-grid>div{border-right:0;border-bottom:1px solid #333;min-height:0;padding:24px 0}.service-grid h3{margin:25px 0 12px}.depth-section{padding:75px 0}}
.services{padding-top:140px;padding-bottom:140px;display:grid;grid-template-columns:.72fr 1.28fr;column-gap:9%;border-top:0}
.services>.section-label{grid-column:1/-1}
.services:before{content:'WHAT I\A BRING TO\A THE TABLE.';white-space:pre;grid-column:1;font-size:clamp(42px,5vw,82px);font-weight:800;line-height:.88;letter-spacing:-.06em;color:#f4f4f4;align-self:start}
.services .service-grid{grid-column:2;display:block;border-top:0;margin-top:-10px}
.services .service-grid article{display:grid;grid-template-columns:45px 1fr 1.25fr;gap:18px;align-items:baseline;min-height:0;padding:23px 0;border:0;border-top:1px solid #333}
.services .service-grid article:last-child{border-bottom:1px solid #333}
.services .service-grid span{font-size:10px;color:#ed462e}
.services .service-grid h3{font-size:24px;margin:0;font-weight:500;white-space:nowrap}
.services .service-grid p{font-size:11px;margin:0;line-height:1.7;color:#999}
.process{padding-top:125px;padding-bottom:160px}
.process .section-label{margin-bottom:75px}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:0;position:relative;gap:0}
.process-grid:before{content:'';position:absolute;left:2%;right:2%;top:16px;border-top:1px solid #555}
.process-grid>div{position:relative;border:0;padding:0 25px 0 0;min-height:260px}
.process-grid>div:not(:last-child){border-right:1px solid #333;padding-right:28px;margin-right:28px}
.process-grid b{display:grid;place-items:center;width:33px;height:33px;background:#080808;border:1px solid #ed462e;border-radius:50%;position:relative;z-index:1}
.process-grid h3{font-size:35px;margin:43px 0 17px;letter-spacing:-.04em}
.process-grid p{font-size:11px;line-height:1.8;margin:0;max-width:190px}
@media(max-width:800px){.services{display:block;padding-top:80px;padding-bottom:80px}.services:before{display:block;font-size:48px;margin-bottom:50px}.services .service-grid{margin:0}.services .service-grid article{grid-template-columns:35px 1fr;gap:10px}.services .service-grid h3{font-size:22px}.services .service-grid p{grid-column:2}.process{padding-top:80px;padding-bottom:90px}.process .section-label{margin-bottom:50px}.process-grid{display:block}.process-grid:before{left:16px;right:auto;top:0;bottom:0;border-top:0;border-left:1px solid #555}.process-grid>div,.process-grid>div:not(:last-child){min-height:180px;margin:0;padding:0 0 0 55px;border:0}.process-grid b{position:absolute;left:0;top:0}.process-grid h3{font-size:30px;margin:0 0 12px;padding-top:3px}.process-grid p{max-width:280px}}
.video-hero.is-sticky~.editorial-grid{padding-top:0}
header.is-sticky{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;max-width:none!important;height:68px!important;padding-left:max(3vw,calc((100vw - 1700px)/2))!important;padding-right:max(3vw,calc((100vw - 1700px)/2))!important;background:rgba(5,5,5,.9)!important;border-bottom:1px solid #ffffff2b!important;color:#fff!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:navDrop .35s ease both}
header.is-sticky .nav-contact{color:#fff!important;border-color:#ffffff88!important}
header.is-sticky nav a:hover,header.is-sticky .nav-contact:hover{color:#ed462e!important}
@keyframes navDrop{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:650px){header.is-sticky{height:58px!important;padding-left:18px!important;padding-right:18px!important}}
.video-hero{background:#171b21 url('public/hero-user-poster.jpg') center/cover no-repeat!important}
.video-hero video.poster-motion{display:block!important;visibility:visible!important;opacity:1!important;background:transparent;z-index:0}
.poster-title .signal-letter{display:inline-block!important;position:relative!important;right:auto!important;left:auto!important;top:auto!important;font-size:inherit!important;color:inherit!important;opacity:0;filter:blur(3px);transform:translateY(10px);animation:signalIgnite .72s cubic-bezier(.2,.8,.2,1) var(--signal-delay) forwards;text-shadow:0 0 0 transparent}
.poster-title .signal-letter:nth-child(5){margin-right:.18em}
.poster-title.signal-cycle .signal-letter{animation:signalCycle .52s steps(2,end) var(--signal-delay) both}
@keyframes signalIgnite{0%{opacity:0;filter:blur(5px);text-shadow:0 0 0 transparent;transform:translateY(10px)}35%{opacity:.35;filter:blur(2px);text-shadow:0 0 22px #ed462e;transform:translateY(2px)}58%{opacity:.08;filter:blur(3px);text-shadow:0 0 0 transparent}100%{opacity:1;filter:blur(0);text-shadow:0 0 16px #ed462e55;transform:translateY(0)}}
@keyframes signalCycle{0%,100%{opacity:1;filter:blur(0);text-shadow:0 0 16px #ed462e55}35%{opacity:.08;filter:blur(4px);text-shadow:0 0 0 transparent}65%{opacity:.8;filter:blur(1px);text-shadow:0 0 25px #ed462e}}
@media(prefers-reduced-motion:reduce){.poster-title .signal-letter{opacity:1;filter:none;transform:none;animation:none;text-shadow:none}.poster-title.signal-cycle .signal-letter{animation:none}}
.poster-title .gravity-letter{display:inline-block!important;position:relative!important;right:auto!important;left:auto!important;top:auto!important;font-size:inherit!important;color:inherit!important;opacity:0;transform:translate3d(var(--gravity-x),-42px,0) rotate(var(--gravity-rotate));animation:gravitySettle .9s cubic-bezier(.16,.86,.28,1.12) var(--gravity-delay) forwards;will-change:transform,opacity}
.poster-title .gravity-letter:nth-child(3n){--gravity-rotate:-4deg}.poster-title .gravity-letter:nth-child(3n+1){--gravity-rotate:3deg}.poster-title .gravity-letter:nth-child(5){margin-right:.18em}
.poster-title.gravity-collapse .gravity-letter{animation:gravityCollapse .75s cubic-bezier(.45,.02,.7,.2) var(--gravity-delay) both}
@keyframes gravitySettle{0%{opacity:0;transform:translate3d(var(--gravity-x),-70px,0) rotate(var(--gravity-rotate)) scale(.82)}55%{opacity:1;transform:translate3d(calc(var(--gravity-pointer,0px) + var(--gravity-x)),8px,0) rotate(0) scale(1.04)}78%{transform:translate3d(calc(var(--gravity-pointer,0px) + var(--gravity-x)), -3px,0) rotate(0) scale(.99)}100%{opacity:1;transform:translate3d(var(--gravity-pointer,0px),0,0) rotate(0) scale(1)}}
@keyframes gravityCollapse{0%{opacity:1;transform:translate3d(0,0,0) rotate(0)}42%{opacity:.85;transform:translate3d(calc(var(--gravity-x) * 2),90px,0) rotate(var(--gravity-rotate)) scale(.75)}100%{opacity:1;transform:translate3d(0,0,0) rotate(0) scale(1)}}
@media(prefers-reduced-motion:reduce){.poster-title .gravity-letter{opacity:1;transform:none;animation:none}.poster-title.gravity-collapse .gravity-letter{animation:none}}
.poster-intro strong .gravity-letter{display:inline-block!important;position:relative!important;right:auto!important;left:auto!important;top:auto!important;font-size:inherit!important;color:inherit!important;opacity:0;transform:translate3d(var(--gravity-x),-42px,0) rotate(var(--gravity-rotate));animation:gravitySettle .9s cubic-bezier(.16,.86,.28,1.12) var(--gravity-delay) forwards;will-change:transform,opacity}
.poster-intro strong.gravity-collapse .gravity-letter{animation:gravityCollapse .75s cubic-bezier(.45,.02,.7,.2) var(--gravity-delay) both}
.poster-intro strong .gravity-letter:nth-child(3n){--gravity-rotate:-4deg}.poster-intro strong .gravity-letter:nth-child(3n+1){--gravity-rotate:3deg}.poster-intro strong .gravity-letter:nth-child(5){margin-right:.18em}
@media(prefers-reduced-motion:reduce){.poster-intro strong .gravity-letter{opacity:1;filter:none;transform:none;animation:none}.poster-intro strong.gravity-collapse .gravity-letter{animation:none}}
.contact{background:#080808;color:#fff}
.contact .section-label{border-color:#3d3d3d;color:#aaa}
.contact h2 span{color:#6b6b6b}
.contact-row p span{color:#aaa}
.contact .pill{background:#ed462e;color:#fff}
.contact .pill:hover{background:#fff;color:#ed462e}
.contact .section-label{border-color:#ffffff66;color:#fff}
.contact .section-label .dot{background:#fff}
.contact h2 span{color:#64150d}
.contact-row p span{color:#fff9}
.contact .pill{background:#fff;color:#ed462e}
.contact .pill:hover{background:#151515;color:#fff}
.header .logo span,header .logo span,.poster-title span{display:none}
.video-hero .poster-title{top:18%;left:3%;width:44%;font-size:clamp(68px,9.2vw,166px);letter-spacing:-.045em;line-height:.9;transform:none}
.video-hero .poster-note{top:43%;left:3%;max-width:220px}
@media(max-width:900px){.video-hero .poster-title{top:17%;left:4%;width:52%;font-size:13vw;letter-spacing:-.035em}.video-hero .poster-note{top:42%;left:4%}}
@media(max-width:650px){.video-hero .poster-title{top:16%;left:6%;width:58%;font-size:15.5vw;letter-spacing:-.025em}.video-hero .poster-note{top:39%;left:6%;max-width:170px}}
.editorial-grid{background:#1357e8;color:#fff}
.editorial-grid .section{background:transparent}
.editorial-grid .section-label,.editorial-grid .timeline article{border-color:#ffffff55;color:#dce7ff}
.editorial-grid .eyebrow,.editorial-grid .bio,.editorial-grid .timeline time,.editorial-grid .timeline p,.editorial-grid .stats span,.editorial-grid .work-heading p{color:#c9d8ff}
.editorial-grid .about-contact a{color:#fff}
.editorial-grid .portrait img{border-color:#fff;background:#275ecf}
.editorial-grid .filters button{border-color:#ffffff88;color:#fff}
.editorial-grid .filters button.active{background:#fff;color:#1357e8;border-color:#fff}
.editorial-grid .project-info p,.editorial-grid .project-info>span{color:#d0ddff}
.ticker{background:#0d3bb0;border-color:#ffffff55;color:#fff}
.skills{background:#0d3bb0;color:#fff}
.skills .section-label,.skills .skill{border-color:#ffffff55}
.skills .section-label,.skills .skill-top span,.skills .skill>p:not(.eyebrow),.skills .skill footer{color:#d5e1ff}
.skills .skill{background:#164ac9}
.skills .skill:hover{background:#2460e7;border-color:#fff;box-shadow:inset 0 3px 0 #fff}
.contact{background:#082d91;color:#fff}
.contact .section-label{border-color:#ffffff55}
.editorial-grid{background:transparent;color:#fff}
.editorial-grid .section-label,.editorial-grid .timeline article{border-color:#444;color:#aaa}
.editorial-grid .eyebrow,.editorial-grid .bio,.editorial-grid .timeline time,.editorial-grid .timeline p,.editorial-grid .stats span,.editorial-grid .work-heading p{color:#929292}
.editorial-grid .about-contact a{color:#ed462e}
.editorial-grid .portrait img{border-color:#fff;background:#c7c8c2}
.editorial-grid .filters button{border-color:#666;color:#fff}
.editorial-grid .filters button.active{background:#ed462e;color:#fff;border-color:#ed462e}
.editorial-grid .project-info p,.editorial-grid .project-info>span{color:#929292}
.ticker{background:transparent;border-color:#444;color:#fff}
.skills{background:transparent;color:#fff}
.skills .section-label,.skills .skill{border-color:#34382d}
.skills .section-label,.skills .skill-top span,.skills .skill>p:not(.eyebrow),.skills .skill footer{color:#929292}
.skills .skill{background:#101010}
.skills .skill:hover{background:#222;border-color:#ed462e;box-shadow:inset 0 3px 0 #ed462e}
.contact{background:#ed462e;color:#fff}



/* Keep the original headline in flow; particles only overlay during interaction. */
.flagship-hero h2.sand-headline{position:relative;cursor:crosshair}
.headline-sand{display:none;position:absolute;left:-140px;top:-140px;pointer-events:none;max-width:none!important;z-index:2}
.flagship-hero h2.sand-active,.flagship-hero h2.sand-active em{color:transparent!important}
@media(prefers-reduced-motion:reduce){.headline-sand{display:none!important}}
/* Early studies: a curved gallery, keeping the established black / warm-white palette. */
.development-gallery{border-top:1px solid #444;padding:60px 0 55px;margin:55px 0;min-width:0;scroll-margin-top:90px}
.development-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:35px 0}
.development-intro h3{font-size:clamp(30px,4vw,62px);line-height:1.08;letter-spacing:-.06em;margin:0;font-weight:700}
.development-intro h3 em{font-style:normal;color:#777}.development-intro p{font-size:12px;line-height:1.9;color:#999;margin:0;max-width:245px}
.development-tabs{display:flex;border-bottom:1px solid #333;gap:24px;margin-bottom:26px}.development-tabs button{border:0;border-bottom:2px solid transparent;background:none;color:#888;font:inherit;font-size:12px;padding:14px 0;cursor:pointer}.development-tabs button[aria-selected=true]{color:#f3f2ed;border-color:#ed462e}.development-tabs small{font-size:9px;margin-left:6px;color:#999}
.concave-gallery{height:clamp(280px,33vw,470px);overflow:hidden;position:relative;touch-action:pan-y;isolation:isolate;background:radial-gradient(ellipse at center,#242321 0,transparent 68%)}
.concave-stage{position:absolute;inset:0;perspective:850px;transform-style:preserve-3d}
.concave-card{position:absolute;left:15%;top:12%;width:70%;height:73%;padding:0;border:1px solid #444;background:#181818;cursor:zoom-in;transform:translateX(calc(var(--offset)*91%)) translateZ(calc(var(--distance)*50px)) rotateY(calc(var(--offset)*-25deg));transform-origin:center;box-shadow:0 16px 35px #0008;z-index:calc(5 - var(--distance));opacity:calc(1 - var(--distance)*.18);overflow:hidden}
.concave-card img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}
.development-controls{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid #333;padding-top:20px}.development-count{color:#ed462e;font-size:10px;letter-spacing:2px}.development-caption{font-size:14px;color:#ddd;margin:8px 0 0}.development-controls>div:last-child{display:flex;gap:8px}.development-controls button{width:40px;height:40px;border:1px solid #444;background:none;color:#eee;font-size:20px;cursor:pointer}.development-controls button:hover{background:#ed462e;border-color:#ed462e}
.development-hint{color:#777;font-size:10px;letter-spacing:1px;margin:18px 0 22px}.development-index{display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin;padding-bottom:12px}.development-index button{flex:0 0 72px;height:48px;background:#191919;padding:2px;border:1px solid #333;cursor:pointer;opacity:.55}.development-index button[aria-current=true]{border-color:#ed462e;opacity:1}.development-index img{width:100%;height:100%;object-fit:contain;display:block}
.development-lightbox{max-width:96vw;width:1300px;max-height:94vh;padding:24px;background:#121212;color:#eee;border:1px solid #444;box-sizing:border-box}.development-lightbox::backdrop{background:#000e}.development-lightbox form{text-align:right;margin-bottom:18px}.development-lightbox button{background:none;color:#eee;border:1px solid #555;padding:10px 16px;cursor:pointer}.development-lightbox img{display:block;max-width:100%;max-height:75vh;margin:auto;object-fit:contain}.development-lightbox p{font-size:12px;text-align:center;color:#aaa}
.development-gallery button:focus-visible{outline:2px solid #ed462e;outline-offset:4px}.timeline-project-heading{margin:70px 0 0;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #444;padding-top:24px;color:#aaa;font-size:10px;letter-spacing:1px}.timeline-project-heading span:first-child{color:#ed462e}
@media(max-width:650px){.development-intro{display:block}.development-intro p{margin-top:20px}.development-tabs{gap:18px}.development-gallery{padding-top:35px;margin-top:35px}.concave-gallery{height:300px}.concave-card{left:12%;width:76%}.development-intro h3{font-size:38px}}

/* Click-selected light uses an inset outline, preserving all card geometry. */
.flagship-grid > .flag-card[data-light-ready]{cursor:pointer;outline:2px solid transparent;outline-offset:-2px;transition:outline-color .25s ease,box-shadow .25s ease}
.flagship-grid > .flag-card.card-light-on{outline-color:#fff;box-shadow:inset 0 0 22px #ffffff45,0 0 12px #ffffff80,0 0 32px #ffffff36}
.flagship-grid > .flag-card[data-light-ready]:focus-visible{outline:2px solid #fff;outline-offset:4px}
@media(prefers-reduced-motion:reduce){.flagship-grid > .flag-card[data-light-ready]{transition:none}}

.video-archive-grid > .archive-portrait .archive-video{aspect-ratio:9/16}
.video-archive-grid > .archive-portrait .archive-video video{object-fit:contain}


.video-archive .oushang-landscape{width:100%;aspect-ratio:16/9}
.video-archive .oushang-landscape video{width:100%;height:100%;object-fit:cover;object-position:center}


/* Center the title artwork inside the landscape poster without moving video content. */
.video-archive .oushang-landscape{position:relative;background:#080808;isolation:isolate}
.video-archive .oushang-landscape:before{content:'';position:absolute;inset:0;background:url('public/oushang-title-cover.png') center/cover no-repeat;transform:translateY(-9%);pointer-events:none}
.video-archive .oushang-landscape video{position:relative;z-index:1;background:transparent}


/* Project process: a scoped editorial case study. */
.production-process{margin-top:100px;border-top:1px solid #444;padding-top:45px;min-width:0}
.process-opening{padding:45px 0 35px}.process-overline{font-size:9px;letter-spacing:2px;color:#ed462e}.process-opening h2{font-size:clamp(34px,4vw,62px);line-height:1.12;letter-spacing:-.05em;margin:25px 0}.process-opening h2 em{font-style:normal;color:#888}.process-opening>p:last-child{color:#aaa;font-size:13px;line-height:1.9}
.process-navigation{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #333;border-bottom:1px solid #333}.process-navigation a{padding:18px 8px;color:#bbb;font-size:11px}.process-navigation b{display:block;color:#ed462e;font-size:10px;margin-bottom:10px}
.process-chapter{padding:65px 0 50px;border-bottom:1px solid #333;scroll-margin-top:90px}.process-chapter-heading>span{font-size:9px;letter-spacing:1.5px;color:#ed462e}.process-chapter-heading h3{font-size:clamp(28px,3.2vw,45px);letter-spacing:-.04em;line-height:1.15;margin:20px 0}.process-chapter-heading>p{color:#aaa;font-size:12px;line-height:1.9;max-width:430px;margin:0 0 30px}
.process-photo{position:relative;display:block;width:100%;padding:0;background:#181818;border:1px solid #333;color:#eee;cursor:zoom-in;overflow:hidden}.process-photo img{display:block;width:100%;height:auto;object-fit:contain;filter:none}.process-photo>span{position:absolute;right:9px;bottom:9px;padding:6px 9px;font-size:9px;background:#000b;color:#eee;opacity:0;transition:opacity .2s}.process-photo:hover>span,.process-photo:focus-visible>span{opacity:1}.process-photo:hover{border-color:#aaa}.process-caption{display:flex;justify-content:space-between;gap:15px;font-size:8px;letter-spacing:1px;color:#888;padding:13px 0 22px}.process-character-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.process-character-grid>.process-photo:first-child:nth-last-child(3){grid-column:1/-1}.process-more{margin-top:18px}.process-more summary{cursor:pointer;font-size:11px;color:#aaa;padding:15px 0;border-top:1px solid #333}.process-more summary span{float:right}.process-more[open] summary{margin-bottom:12px}
.process-storyboard-bar{display:flex;justify-content:space-between;align-items:center;padding:15px 0;font-size:9px;letter-spacing:1px;color:#999}.process-storyboard-bar button{background:none;color:#eee;border:1px solid #444;width:34px;height:32px;cursor:pointer;margin-left:5px}.process-storyboard-thumbs{display:flex;gap:8px;overflow-x:auto;padding-bottom:14px;scrollbar-width:thin}.process-storyboard-thumbs button{position:relative;flex:0 0 85px;padding:0;border:1px solid #333;background:#181818;cursor:pointer}.process-storyboard-thumbs img{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;opacity:.6}.process-storyboard-thumbs span{display:block;padding:5px;color:#aaa;font-size:9px}.process-storyboard-thumbs button[aria-current=true]{border-color:#eee}.process-storyboard-thumbs button[aria-current=true] img{opacity:1}
.process-workflow-detail{margin-top:28px}.process-workflow-detail p{font-size:12px;line-height:1.8;color:#888}.process-workflow-detail b{font-weight:500;color:#ddd}.process-post-notes{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:20px 0 50px}.process-post-notes>div{border-top:1px solid #444;padding-top:15px}.process-post-notes span{font-size:9px;letter-spacing:1px;color:#ed462e}.process-post-notes h4{font-size:18px;font-weight:500;margin:12px 0}.process-post-notes p{color:#999;font-size:12px;line-height:1.7}.process-finish{padding:25px;background:#191919}.process-finish span{font-size:9px;letter-spacing:1px;color:#999}.process-finish h3{font-size:28px;line-height:1.2;letter-spacing:-.03em}.process-finish p{font-size:11px;color:#999}.process-finish video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#000;margin-top:25px}
.process-inspector{box-sizing:border-box;width:96vw;max-width:1600px;height:94vh;max-height:94vh;padding:16px;background:#111;border:1px solid #555;color:#eee}.process-inspector::backdrop{background:#000e}.process-inspector-bar{display:flex;align-items:center;gap:12px;padding-bottom:14px}.process-inspector-bar span{font-size:12px;flex:1}.process-inspector-bar button{border:1px solid #555;background:#191919;color:#eee;padding:9px 12px;cursor:pointer;white-space:nowrap}.process-inspector-viewport{height:calc(100% - 58px);overflow:auto;display:grid;align-items:start}.process-inspector-viewport img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;margin:auto}.process-inspector-zoom .process-inspector-viewport{display:block}.process-inspector-zoom .process-inspector-viewport img{max-width:none;max-height:none;margin:0}
.production-process button:focus-visible,.production-process a:focus-visible,.process-inspector button:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(max-width:600px){.process-navigation{grid-template-columns:repeat(2,1fr)}.process-opening h2{font-size:36px}.process-chapter{padding:45px 0}.process-caption{flex-wrap:wrap}.process-photo>span{opacity:1}.process-finish{padding:16px}.process-inspector-bar{flex-wrap:wrap}.process-inspector-bar span{flex-basis:100%}.process-inspector-viewport{height:calc(100% - 95px)}}
@media(prefers-reduced-motion:reduce){.process-photo>span{transition:none}}

/* Center the landscape short beside the portrait beauty film. */
.video-archive-grid > .archive-narrative{align-self:center}
@media(max-width:800px){.video-archive-grid > .archive-narrative{align-self:start}}
.flag-process-grid>div[data-selection-ready]{cursor:pointer;outline:2px solid transparent;outline-offset:-2px;transition:outline-color .35s ease,box-shadow .45s ease,background-color .45s ease}
.flag-process-grid>div.workflow-selected{outline-color:transparent;box-shadow:inset 0 0 22px #ed462e18,0 0 16px #ed462e45,0 0 42px #ed462e26,0 0 75px #ed462e14;background-color:#ed462e08;position:relative;z-index:1}
.flag-process-grid>div[data-selection-ready]:focus-visible{outline:2px solid #ed462e;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.flag-process-grid>div[data-selection-ready]{transition:none}}
/* These rules affect only the two redesigned study sections. */
#work.study-showcase,#case-studies.study-showcase{min-width:0;padding-top:55px;padding-bottom:75px}
.study-showcase .study-opening{padding:38px 0}.study-opening>p{font-size:10px;color:#ed462e;letter-spacing:2px}.study-opening h2{font-size:clamp(38px,5.3vw,86px);line-height:1.08;letter-spacing:-.06em;margin:28px 0}.study-opening h2 em{font-style:normal;color:#888}.study-opening>div{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start;margin-top:35px}.study-opening h3{font-size:22px;line-height:1.4;font-weight:500;margin:0}.study-opening>div>p{font-size:13px;line-height:1.9;color:#aaa;margin:0}
.go-image-stage button{display:block;position:relative;width:100%;padding:0;border:0;background:#151515;cursor:zoom-in}.go-image-stage img{width:100%;max-height:650px;aspect-ratio:16/9;object-fit:contain;display:block}.go-image-stage button>span{position:absolute;bottom:16px;right:16px;background:#000a;padding:9px 12px;color:#eee;font-size:10px}.go-stage-meta{display:flex;justify-content:space-between;align-items:center;padding:20px 0;font-size:10px;color:#999;letter-spacing:1px}.go-stage-meta b{font-weight:400;color:#eee}.go-stage-meta button{background:transparent;color:#eee;border:1px solid #444;width:38px;height:36px;margin-left:8px;cursor:pointer}.go-thumbnails{display:flex;overflow-x:auto;gap:10px;padding:4px 3px 15px;scrollbar-width:thin}.go-thumbnails button{flex:0 0 95px;background:#171717;padding:0;border:1px solid #333;cursor:pointer;color:#aaa}.go-thumbnails img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;opacity:.55}.go-thumbnails span{display:block;padding:6px;font-size:9px}.go-thumbnails button[aria-current=true]{border-color:#ed462e;box-shadow:0 0 16px #ed462e22}.go-thumbnails button[aria-current=true] img{opacity:1}.study-small-note{font-size:11px;color:#777;line-height:1.8}
.lemon-script{display:grid;grid-template-columns:1.1fr 1fr;gap:45px;background:#171717;padding:38px;border-top:1px solid #444}.lemon-script>div>span{font-size:9px;color:#ed462e;letter-spacing:1.5px}.lemon-script h3{font-size:30px;line-height:1.2;letter-spacing:-.04em}.lemon-script blockquote{margin:35px 0;font-size:24px;line-height:1.5;color:#e6ddaf}.lemon-script p,.lemon-script dd{font-size:12px;line-height:1.9;color:#aaa;margin:0}.lemon-script a{display:inline-block;margin-top:25px;padding-bottom:7px;border-bottom:1px solid #ed462e;color:#ed462e;font-size:11px}.lemon-script dl{margin:0}.lemon-script dl>div{padding:22px 0;border-bottom:1px solid #383838}.lemon-script dt{font-size:13px;color:#eee;margin-bottom:12px}.lemon-clips-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin:65px 0 25px}.lemon-clips-heading h3{font-size:28px;font-weight:500;margin:0}.lemon-clips-heading p{color:#999;font-size:11px}.lemon-clips{display:grid;grid-template-columns:1fr 1fr;gap:30px 22px}.lemon-clips article{min-width:0}.lemon-clips video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#181818}.lemon-clips article>div{padding:16px 0;border-bottom:1px solid #333}.lemon-clips span{font-size:9px;letter-spacing:1.5px;color:#ed462e}.lemon-clips h4{font-size:17px;margin:10px 0;font-weight:400}
.study-showcase button,.study-showcase a{transition:box-shadow .3s,border-color .3s}.study-showcase .study-pressed{box-shadow:0 0 24px #ed462e55}.study-showcase button:focus-visible,.study-showcase a:focus-visible{outline:2px solid #ed462e;outline-offset:4px}.study-enter{opacity:0;transform:translateY(25px);transition:opacity .7s ease,transform .7s ease}.study-enter.study-visible{opacity:1;transform:none}.study-lightbox{width:94vw;max-width:1500px;max-height:94vh;box-sizing:border-box;background:#111;color:#eee;border:1px solid #555;padding:18px}.study-lightbox::backdrop{background:#000e}.study-lightbox form{text-align:right;margin-bottom:15px}.study-lightbox button{background:none;color:#eee;border:1px solid #555;padding:10px 16px;cursor:pointer}.study-lightbox img{display:block;max-width:100%;max-height:78vh;margin:auto;object-fit:contain}
@media(max-width:650px){.study-opening>div,.lemon-script{grid-template-columns:1fr;gap:20px}.study-opening h2{font-size:42px}.lemon-script{padding:24px}.lemon-clips{grid-template-columns:1fr}.lemon-clips-heading{display:block}.go-thumbnails button{flex-basis:76px}}
@media(prefers-reduced-motion:reduce){.study-enter{opacity:1;transform:none;transition:none}.study-showcase button,.study-showcase a{transition:none}}

/* Click-selected warm glow for HOW I WORK. */
#process .process-grid>div[data-method-glow-ready]{cursor:pointer;isolation:isolate;transition:background-color .35s ease,box-shadow .4s ease;outline:none}
#process .process-grid>div[data-method-glow-ready]::after{content:'';position:absolute;inset:-12px -10px;border-radius:10px;border:1px solid transparent;pointer-events:none;opacity:0;transition:opacity .4s ease;z-index:-1}
#process .process-grid>div.method-glow-selected::after{opacity:1;border-color:#ff493faa;background:linear-gradient(135deg,#ff392e10,transparent 65%);box-shadow:inset 0 0 22px #ff392e1a,0 0 12px #ff392e4d,0 0 32px #ff302833,0 0 65px #ff30281c}
#process .process-grid>div.method-glow-selected b{border-color:#ff6456;color:#ff7466;box-shadow:0 0 16px #ff392e4d}
#process .process-grid>div[data-method-glow-ready]:focus-visible::after{opacity:1;border-color:#ff7466}
@media(prefers-reduced-motion:reduce){#process .process-grid>div[data-method-glow-ready],#process .process-grid>div[data-method-glow-ready]::after{transition:none}}