:root{--site-signature:yinuo;--black:#030504;--black2:#0b0e0c;--white:#edf0e8;--green:#a8ff00;--blue:#1769ff;--line:#30362f;--muted:#7e877b;--display:"Arial Black","Avenir Next",sans-serif;--mono:"SFMono-Regular",Consolas,monospace;--px:50vw;--py:40vh}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--black)}body{margin:0;color:var(--white);background:radial-gradient(circle 22rem at var(--px) var(--py),rgba(23,105,255,.08),transparent 75%),var(--black);font:15px/1.65 "Avenir Next","PingFang SC",sans-serif;overflow-x:hidden}body::after{content:"";position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.09;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.08) 4px)}img{display:block;max-width:100%}a{color:inherit;text-underline-offset:.24em}a:focus-visible{outline:2px solid var(--green);outline-offset:4px}.skip-link{position:fixed;top:-5rem;left:1rem;z-index:99;padding:.7rem 1rem;color:var(--black);background:var(--green)}.skip-link:focus{top:1rem}.site-head{position:sticky;top:0;z-index:12;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:4rem;padding:0 2.5vw;border-bottom:1px solid var(--line);background:rgba(3,5,4,.88);backdrop-filter:blur(18px);font:600 .64rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}.signal-mark{font:900 1rem/1 var(--display);text-decoration:none;letter-spacing:-.03em}.signal-mark span{color:var(--green)}.site-head nav{display:flex;gap:2rem}.site-head nav a{text-decoration:none;color:var(--muted)}.site-head nav a:hover,.site-head nav a[aria-current=page]{color:var(--green)}.site-head>p{justify-self:end;margin:0}.site-head>p b{color:var(--green);font-weight:500}.live-dot{display:inline-block;width:.45rem;aspect-ratio:1;margin-right:.6rem;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green);animation:blink 1.2s steps(1) infinite}main{overflow:hidden}main>section,.motion-case>header,.motion-case>figure,.case-next{width:min(1320px,94vw);margin-inline:auto}.hero{position:relative;min-height:92svh;display:flex;flex-direction:column;justify-content:center;padding:6rem 0 3rem}.hero-code,.section-head,.section-code,.reel-copy>p:first-child,.reel-copy dl,figcaption,.case-hero dl,footer{font:600 .63rem/1.45 var(--mono);letter-spacing:.06em;text-transform:uppercase}.hero-code{display:flex;justify-content:space-between;color:var(--muted)}.hero h1{position:relative;z-index:2;margin:4rem 0;font:900 clamp(5rem,15vw,15rem)/.7 var(--display);letter-spacing:-.09em;text-transform:uppercase}.hero h1 em,.info-hero h1 em{display:block;color:var(--green);font-style:normal;text-shadow:4px 0 0 var(--blue)}.hero-bottom{display:grid;grid-template-columns:1fr .42fr;gap:9rem;align-items:end}.lead{font-size:clamp(1.3rem,2.3vw,2.15rem);line-height:1.35}.hero-bottom .lead{max-width:38rem;margin:0}.hero-bottom>p:last-child{margin:0;color:var(--muted);font:600 .63rem/1.6 var(--mono);text-transform:uppercase}.hero-orbit{position:absolute;right:8%;top:22%;width:18vw;aspect-ratio:1;border:1px solid var(--blue);border-radius:50%;box-shadow:inset 0 0 3rem rgba(23,105,255,.2),0 0 3rem rgba(23,105,255,.1);animation:orbit 8s linear infinite}.hero-orbit::before{content:"";position:absolute;left:50%;top:-.25rem;width:.5rem;aspect-ratio:1;border-radius:50%;background:var(--green);box-shadow:0 0 1rem var(--green)}
.ticker{width:100%!important;overflow:hidden;border-block:1px solid var(--green);color:var(--black);background:var(--green);font:900 .82rem/2.4 var(--display);white-space:nowrap}.ticker div{width:max-content;animation:marquee 22s linear infinite}.reel{padding:9rem 0}.section-head{display:flex;justify-content:space-between;align-items:end;padding-bottom:.8rem;border-bottom:1px solid var(--line)}.section-head h2,.section-head p{margin:0;font:inherit}.section-head p{color:var(--muted)}.reel-item{display:grid;grid-template-columns:1.45fr .55fr;gap:3rem;padding:3rem 0 10rem}.reel-item--reverse{grid-template-columns:.55fr 1.45fr}.reel-item--reverse .reel-frame{grid-column:2}.reel-item--reverse .reel-copy{grid-row:1;grid-column:1}.reel-item--compact{width:78%;grid-template-columns:1fr .55fr;margin-left:auto}.reel-frame{position:relative;overflow:hidden;border:1px solid var(--line);background:var(--black2);text-decoration:none}.reel-frame img{width:100%;aspect-ratio:16/9;object-fit:cover;filter:saturate(.9);transition:transform .65s ease,filter .4s ease}.reel-frame:hover img{transform:scale(1.025);filter:saturate(1.2)}.reel-frame>b{position:absolute;right:1rem;bottom:1rem;padding:.5rem .7rem;color:var(--black);background:var(--green);font:700 .61rem/1 var(--mono)}.frame-corners::before,.frame-corners::after{content:"";position:absolute;width:3rem;height:3rem;z-index:2}.frame-corners::before{left:.8rem;top:.8rem;border-left:1px solid var(--green);border-top:1px solid var(--green)}.frame-corners::after{right:.8rem;top:.8rem;border-right:1px solid var(--blue);border-top:1px solid var(--blue)}.reel-copy{display:flex;flex-direction:column;border-top:1px solid var(--line)}.reel-copy>p:first-child{color:var(--green)}.reel-copy h3{margin:auto 0 1rem;font:900 clamp(3rem,6vw,6.7rem)/.8 var(--display);letter-spacing:-.07em;text-transform:uppercase}.reel-copy h3 a{text-decoration:none}.reel-copy>p:not(:first-child){color:var(--muted)}.reel-copy dl{display:grid;grid-template-columns:1fr 1fr;margin:1.5rem 0 0}.reel-copy dl div{padding:.6rem 0;border-top:1px solid var(--line)}.reel-copy dt{color:var(--muted)}.reel-copy dd{margin:0}
.principles{display:grid;grid-template-columns:.22fr .75fr 1fr;gap:clamp(2rem,5vw,7rem);padding:8rem 0;border-top:1px solid var(--line)}.section-code{color:var(--green)}.principles h2,.info-page h2,.case-section h2,.outcome h2{margin-top:0;font:900 clamp(2.5rem,5vw,5.3rem)/.95 var(--display);letter-spacing:-.055em;text-transform:uppercase}.principles ol{list-style:none;margin:0;padding:0}.principles li{display:grid;grid-template-columns:2.5rem .45fr 1fr;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line)}.principles li span,.principles li strong{color:var(--green);font:600 .63rem/1.5 var(--mono);text-transform:uppercase}.principles li p{margin:0;color:var(--muted)}.timeline{padding:8rem 0}.timeline>div{display:grid;grid-template-columns:.4fr .85fr 1.2fr;gap:2rem;padding:1rem 0;border-bottom:1px solid var(--line)}.timeline time,.timeline strong{font:600 .64rem/1.5 var(--mono);text-transform:uppercase}.timeline time{color:var(--green)}.timeline p{margin:0;color:var(--muted)}.contact{margin-bottom:8rem;padding:clamp(3rem,7vw,7rem);border:1px solid var(--green);background:linear-gradient(120deg,rgba(168,255,0,.08),transparent 45%,rgba(23,105,255,.13))}.contact>p{color:var(--green);font:600 .63rem/1 var(--mono)}.contact h2{margin:4rem 0;font:900 clamp(4rem,9vw,9rem)/.78 var(--display);letter-spacing:-.08em;text-transform:uppercase}.contact a{display:flex;justify-content:space-between;padding-top:1rem;border-top:1px solid var(--green);font:700 .72rem/1 var(--mono);text-transform:uppercase}.contact a span{color:var(--green)}footer{display:grid;grid-template-columns:1fr 1fr auto;gap:2rem;padding:1.3rem 2.5vw;border-top:1px solid var(--line);color:var(--muted)}footer p{margin:0}
.info-page,.motion-case{padding-top:clamp(6rem,10vw,10rem)}.info-hero h1{max-width:15ch;margin:1rem 0 7rem;font:900 clamp(3.5rem,7.5vw,8rem)/.9 var(--display);letter-spacing:-.065em;text-transform:uppercase}.info-intro{display:grid;grid-template-columns:1.1fr .7fr;gap:8rem;border-top:1px solid var(--line)}.info-intro p{margin-top:1rem}.role-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:10rem 0}.role-grid>div{grid-column:1/-1;display:grid;grid-template-columns:.4fr 1fr;margin-bottom:3rem}.role-grid article{min-height:18rem;display:flex;flex-direction:column;padding:1rem;border:1px solid var(--line);border-right:0}.role-grid article:last-child{border-right:1px solid}.role-grid article>span{color:var(--green);font:600 .63rem/1 var(--mono)}.role-grid h3{margin:auto 0 .5rem;font:900 1.5rem/1 var(--display);text-transform:uppercase}.role-grid article p{color:var(--muted)}.experience{padding:4rem 0 9rem}.experience article{display:grid;grid-template-columns:.35fr 1.3fr auto;gap:3rem;padding:1.5rem 0;border-bottom:1px solid var(--line)}.experience time,.experience article>span{color:var(--green);font:600 .63rem/1.4 var(--mono)}.experience h3{margin:0;font-size:1.25rem}.experience article p{color:var(--muted)}.toolset{display:grid;grid-template-columns:.7fr 1fr;gap:8rem;padding:8rem 0;border-top:1px solid var(--line)}.toolset ul{list-style:none;margin:0;padding:0}.toolset li{display:grid;grid-template-columns:4rem 1fr;padding:1rem 0;border-bottom:1px solid var(--line)}.toolset li span{color:var(--green);font:600 .62rem/1.7 var(--mono)}.process{display:grid;grid-template-columns:.3fr 1fr;gap:6rem;padding:8rem 0}.process>div{display:grid;grid-template-columns:.7fr 1fr;gap:4rem}.process ol{list-style:none;margin:0;padding:0}.process li{display:grid;grid-template-columns:2.4rem .5fr 1fr;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line)}.process li span,.process li strong{color:var(--green);font:600 .62rem/1.5 var(--mono);text-transform:uppercase}.process li p{margin:0;color:var(--muted)}
.case-hero h1{margin:1rem 0;font:900 clamp(5rem,13vw,13rem)/.75 var(--display);letter-spacing:-.085em;text-transform:uppercase}.case-hero>.lead{max-width:28ch;margin:2rem 0 6rem}.case-hero dl{display:grid;grid-template-columns:repeat(4,1fr);margin:0;border-block:1px solid var(--line)}.case-hero dl div{padding:1rem 0}.case-hero dt{color:var(--muted)}.case-hero dd{margin:.2rem 0 0}.case-cover{padding:4rem 0 9rem}.case-cover img{width:100%;aspect-ratio:16/9;object-fit:cover;border:1px solid var(--line)}figcaption{display:flex;justify-content:space-between;margin-top:.7rem;color:var(--muted)}figcaption span{color:var(--green)}.case-section{display:grid;grid-template-columns:.35fr 1fr;gap:clamp(3rem,8vw,10rem);padding:7rem 0;border-top:1px solid var(--line)}.case-section>div{max-width:54rem}.case-section h2{font-size:clamp(2.6rem,5vw,5.4rem)}.case-section>div>p:not(.lead){color:var(--muted)}.energy-map{display:grid;grid-template-columns:repeat(4,1fr);padding:2rem 0 10rem}.energy-map header{grid-column:1/-1;margin-bottom:2rem}.energy-map>div{min-height:17rem;display:flex;flex-direction:column;padding:1rem;border:1px solid var(--line);border-right:0}.energy-map>div:last-child{border-right:1px solid}.energy-map span{color:var(--green);font:600 .62rem/1 var(--mono)}.energy-map p{margin-top:auto;color:var(--muted)}.wave{height:6rem;margin:auto 0;background:repeating-radial-gradient(ellipse at center,transparent 0 8%,var(--green) 9% 10%,transparent 11% 19%);filter:drop-shadow(0 0 5px var(--green))}.wave-mid{transform:scaleY(.65) rotate(8deg)}.wave-high{background:repeating-linear-gradient(90deg,transparent 0 8%,var(--blue) 9% 10%)}.wave-space{border-radius:50%;background:radial-gradient(circle,var(--blue),transparent 65%)}.ratio-grid{display:flex;gap:1rem;align-items:end;margin-top:3rem;height:18rem}.ratio-grid>div{display:flex;flex-direction:column;gap:.7rem;font:600 .6rem/1 var(--mono)}.ratio-grid b{display:block;border:1px solid var(--green);background:linear-gradient(145deg,rgba(168,255,0,.2),rgba(23,105,255,.25))}.ratio-wide{width:55%}.ratio-wide b{aspect-ratio:12/3}.ratio-screen{width:16%}.ratio-screen b{aspect-ratio:9/16}.ratio-social{width:22%}.ratio-social b{aspect-ratio:4/5}.frame-step{padding:3rem 0 10rem}.step-track{display:grid;grid-template-columns:repeat(6,1fr);height:18rem;margin:2rem 0;border:1px solid var(--line)}.step-track i{position:relative;border-right:1px solid var(--line);overflow:hidden}.step-track i:last-child{border:0}.step-track i::before{content:"";position:absolute;left:-60%;top:45%;width:150%;height:1.2rem;border-radius:50%;background:var(--green);box-shadow:0 0 1.5rem var(--green);transform:rotate(calc(var(--i, 1)*8deg))}.step-track i:nth-child(2){--i:2}.step-track i:nth-child(3){--i:3}.step-track i:nth-child(4){--i:4}.step-track i:nth-child(5){--i:5}.step-track i:nth-child(6){--i:6}.frame-step--archive .step-track i::before{height:45%;top:28%;border-radius:0;background:var(--white);box-shadow:8px 0 0 var(--blue);transform:translateX(calc(var(--i,1)*10%))}.frame-step ol{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;padding:0}.frame-step li{padding:.8rem;border-top:1px solid var(--line);font-size:.8rem}.frame-step li span{display:block;color:var(--green);font:600 .6rem/1 var(--mono)}.delivery{display:grid;grid-template-columns:1fr 1fr;margin-top:3rem;border:1px solid var(--line)}.delivery p{margin:0;padding:1rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);font:600 .6rem/1.4 var(--mono);text-transform:uppercase}.delivery strong{display:block;color:var(--green);font:900 2.2rem/1 var(--display)}.outcome{margin-block:4rem 8rem!important;padding:clamp(3rem,7vw,7rem);color:var(--black);background:var(--green)}.outcome>p:first-child{font:600 .63rem/1 var(--mono)}.outcome h2{max-width:15ch;font-size:clamp(3rem,6vw,6rem)}.outcome>p:last-child{max-width:42rem}.archive-log{margin-top:3rem}.archive-log p{display:grid;grid-template-columns:5rem 1fr;margin:0;padding:.8rem 0;border-bottom:1px solid var(--line);font:600 .63rem/1.4 var(--mono)}.archive-log span{color:var(--green)}.episode-system{padding:2rem 0 10rem}.episode-system ol{display:grid;grid-template-columns:repeat(5,1fr);list-style:none;padding:0}.episode-system li{min-height:15rem;display:flex;flex-direction:column;padding:1rem;border:1px solid var(--line);border-right:0}.episode-system li:last-child{border-right:1px solid}.episode-system span{color:var(--green);font:600 .62rem/1 var(--mono)}.episode-system b{margin-top:auto;font:900 1.2rem/1 var(--display)}.episode-system p{color:var(--muted)}.type-behavior{margin-top:3rem;border:1px solid var(--line)}.type-behavior p{display:flex;justify-content:space-between;margin:0;padding:1rem;border-bottom:1px solid var(--line);font:900 clamp(1.2rem,3vw,2.4rem)/1 var(--display);letter-spacing:-.05em}.type-behavior p:nth-child(2){letter-spacing:.08em}.type-behavior span{color:var(--green);font:600 .58rem/1.5 var(--mono);letter-spacing:0}.case-next{display:flex;justify-content:space-between;align-items:end;padding:7rem 0;border-top:1px solid var(--line)}.case-next a:last-child{display:grid;color:var(--green);font:900 clamp(2rem,4vw,4rem)/.9 var(--display);text-align:right;text-transform:uppercase}.case-next small{color:var(--muted);font:600 .62rem/1 var(--mono)}
.js .reveal{opacity:0;transform:translateY(1.5rem);transition:opacity .7s ease,transform .7s ease}.js .reveal.is-visible{opacity:1;transform:none}@keyframes blink{50%{opacity:.25}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(max-width:850px){.reel-item,.reel-item--reverse,.reel-item--compact{width:100%;grid-template-columns:1fr}.reel-item--reverse .reel-frame,.reel-item--reverse .reel-copy{grid-column:1;grid-row:auto}.reel-item--reverse .reel-copy{order:2}.reel-copy{min-height:20rem}.principles,.case-section,.toolset{grid-template-columns:1fr;gap:3rem}.role-grid{grid-template-columns:1fr 1fr}.role-grid>div{grid-column:1/-1}.info-intro{grid-template-columns:1fr;gap:2rem}.process{grid-template-columns:1fr}.process>div{grid-template-columns:1fr}.experience article{grid-template-columns:.3fr 1fr}.experience article>span{display:none}.case-hero dl{grid-template-columns:1fr 1fr}.energy-map{grid-template-columns:1fr 1fr}.energy-map header{grid-column:1/-1}.episode-system ol{grid-template-columns:1fr}.episode-system li,.episode-system li:last-child{min-height:auto;border-right:1px solid var(--line);border-bottom:0}.episode-system li:last-child{border-bottom:1px solid}.episode-system b{margin-top:2rem}}
@media(max-width:560px){.site-head{grid-template-columns:1fr auto;padding:0 5vw}.site-head>p{display:none}.site-head nav{gap:1rem}.hero{min-height:84svh}.hero h1{font-size:4.5rem}.hero-bottom{grid-template-columns:1fr;gap:2rem}.hero-orbit{width:42vw;top:18%;right:-5%}.reel{padding-block:5rem}.reel-item{padding-bottom:6rem}.principles,.timeline,.role-grid,.toolset,.process{padding-block:5rem}.principles li,.process li{grid-template-columns:2rem 1fr}.principles li p,.process li p{grid-column:2}.timeline>div{grid-template-columns:1fr;gap:.3rem}.contact{margin-bottom:4rem}.contact h2{font-size:4rem}.info-hero h1,.case-hero h1{font-size:4rem}.info-page,.motion-case{padding-top:5rem}.case-hero dl{grid-template-columns:1fr}.case-cover{padding-bottom:5rem}.case-section{padding-block:5rem}.energy-map{grid-template-columns:1fr}.energy-map header{grid-column:1}.energy-map>div,.energy-map>div:last-child{min-height:12rem;border-right:1px solid;border-bottom:0}.energy-map>div:last-child{border-bottom:1px solid}.ratio-grid{height:12rem}.step-track{height:12rem}.frame-step ol{grid-template-columns:1fr 1fr}.delivery{grid-template-columns:1fr}.outcome{margin-bottom:5rem!important}.case-next a:last-child{font-size:1.7rem}.role-grid{grid-template-columns:1fr}.role-grid>div{grid-column:1}.role-grid article,.role-grid article:last-child{min-height:14rem;border-right:1px solid;border-bottom:0}.role-grid article:last-child{border-bottom:1px solid}footer{grid-template-columns:1fr auto}footer p:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}.ticker div{transform:none}}