/* Art direction: TonAn creator portfolio → cinematic, confident, fast.
   Palette: ink neutrals + acid-lime accent. Typography: Clash Display + Satoshi. Density: spacious editorial. */
:root,[data-theme="dark"]{--bg:#070a0f;--surface:#0c1118;--surface2:#111821;--offset:#17212b;--line:rgba(255,255,255,.12);--text:#f4f7f8;--muted:#9ba7b3;--faint:#697683;--accent:#d3ff41;--accent-ink:#101500;--accent-soft:rgba(211,255,65,.14);--display:'Clash Display','Arial Black',sans-serif;--body:'Satoshi','Helvetica Neue',sans-serif;--xs:clamp(.75rem,.7rem + .2vw,.875rem);--sm:clamp(.875rem,.82rem + .25vw,1rem);--base:clamp(1rem,.96rem + .2vw,1.125rem);--lg:clamp(1.125rem,1rem + .7vw,1.5rem);--xl:clamp(1.5rem,1.2rem + 1.3vw,2.35rem);--xxl:clamp(2.2rem,1.4rem + 3.2vw,4.6rem);--hero:clamp(3.4rem,1rem + 8.5vw,9.4rem);--s1:.25rem;--s2:.5rem;--s3:.75rem;--s4:1rem;--s5:1.25rem;--s6:1.5rem;--s8:2rem;--s10:2.5rem;--s12:3rem;--s16:4rem;--s20:5rem;--s24:6rem;--s32:8rem;--wide:1200px;--ease:500ms cubic-bezier(.16,1,.3,1);--shadow:0 20px 60px rgba(0,0,0,.35)}
[data-theme="light"]{--bg:#f4f1e9;--surface:#faf8f3;--surface2:#fff;--offset:#e9e5db;--line:rgba(9,15,18,.15);--text:#0d1418;--muted:#4e5a61;--faint:#717b80;--accent:#597500;--accent-ink:#fff;--accent-soft:rgba(89,117,0,.12);--shadow:0 20px 60px rgba(40,45,34,.12)}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:5rem;-webkit-text-size-adjust:none}body{min-height:100dvh;background:var(--bg);color:var(--text);font-family:var(--body);font-size:var(--base);line-height:1.65;overflow-x:hidden}img,svg{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{border:0;background:none;cursor:pointer}h1,h2,h3{font-family:var(--display);line-height:.98;text-wrap:balance}p{max-width:70ch;text-wrap:pretty}::selection{background:var(--accent);color:var(--accent-ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;z-index:999;top:var(--s4);left:var(--s4);padding:var(--s3) var(--s4);background:var(--accent);color:var(--accent-ink);transform:translateY(-150%)}.skip-link:focus{transform:none}.container{width:min(var(--wide),calc(100% - 2rem));margin-inline:auto}.site-header{position:fixed;z-index:100;inset:0 0 auto;min-height:76px;padding:var(--s4) clamp(var(--s4),4vw,var(--s12));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid transparent;transition:background var(--ease),border var(--ease),transform var(--ease)}.site-header.scrolled{background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(18px);border-color:var(--line)}.brand{display:inline-flex;align-items:center;gap:var(--s3);font-family:var(--display);font-weight:600;letter-spacing:.08em;font-size:var(--sm)}.brand-mark{width:36px;height:36px;fill:none;stroke:currentColor;stroke-width:2}.brand-mark path{stroke:var(--accent)}.site-menu{display:flex;align-items:center;gap:clamp(var(--s4),2.4vw,var(--s8));font-size:var(--sm);font-weight:600}.site-menu a{position:relative;padding-block:var(--s3)}.site-menu a:not(.nav-cta)::after{content:"";position:absolute;left:0;right:100%;bottom:5px;height:1px;background:var(--accent);transition:right var(--ease)}.site-menu a:hover::after{right:0}.nav-cta{padding:var(--s3) var(--s5)!important;border:1px solid var(--line);border-radius:999px}.nav-cta:hover{border-color:var(--accent);color:var(--accent)}.header-actions{display:flex;align-items:center;gap:var(--s2);order:3}.theme-toggle,.menu-toggle{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%}.theme-toggle:hover{color:var(--accent);border-color:var(--accent)}.theme-icon{font-size:1.15rem}.menu-toggle{display:none;position:relative}.menu-toggle i{position:absolute;width:18px;height:1px;background:currentColor;transition:transform var(--ease)}.menu-toggle i:first-of-type{transform:translateY(-4px)}.menu-toggle i:last-of-type{transform:translateY(4px)}.menu-toggle[aria-expanded="true"] i:first-of-type{transform:rotate(45deg)}.menu-toggle[aria-expanded="true"] i:last-of-type{transform:rotate(-45deg)}
.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;padding:clamp(7rem,14vh,10rem) clamp(var(--s4),6vw,var(--s20)) clamp(var(--s20),8vh,var(--s32));isolation:isolate;overflow:hidden}.hero-media{position:absolute;z-index:-3;inset:0}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:68% 34%;filter:contrast(1.06)}.hero-scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,8,12,.94) 0%,rgba(5,8,12,.74) 38%,rgba(5,8,12,.12) 72%),linear-gradient(0deg,rgba(5,8,12,.85),transparent 58%)}[data-theme="light"] .hero-scrim{background:linear-gradient(90deg,rgba(244,241,233,.94),rgba(244,241,233,.68) 40%,rgba(244,241,233,.08) 74%),linear-gradient(0deg,rgba(244,241,233,.78),transparent 58%)}.hero-grid{position:absolute;z-index:-2;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:clamp(60px,7vw,100px) clamp(60px,7vw,100px);mask-image:linear-gradient(90deg,black,transparent 74%);opacity:.22}.hero-content{width:min(850px,75vw);position:relative}.eyebrow{display:flex;align-items:center;gap:var(--s3);font-size:var(--xs);font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:var(--s6)}.hero-eyebrow span{width:36px;height:1px;background:currentColor}.hero h1{font-size:var(--hero);font-weight:600;letter-spacing:-.055em;text-transform:uppercase}.hero h1 em,.section h2 em,.vision-statement em{font-weight:500;font-style:italic;color:var(--accent)}.hero-intro{font-size:var(--lg);line-height:1.45;color:var(--muted);max-width:55ch;margin-top:var(--s8)}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--s3);margin-top:var(--s8)}.button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:var(--s4);padding:var(--s3) var(--s6);font-size:var(--sm);font-weight:700;border:1px solid var(--line);transition:transform var(--ease),background var(--ease),color var(--ease),border var(--ease)}.button:hover{transform:translateY(-3px)}.button--primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.button--ghost{background:color-mix(in srgb,var(--bg) 30%,transparent);backdrop-filter:blur(8px)}.button--ghost:hover{border-color:var(--accent);color:var(--accent)}.hero-socials{display:flex;flex-wrap:wrap;gap:var(--s5);margin-top:var(--s8)}.hero-socials a{display:flex;align-items:center;gap:var(--s2);min-height:44px;color:var(--muted);font-size:var(--xs);text-transform:uppercase;letter-spacing:.1em}.hero-socials a:hover{color:var(--accent)}.hero-socials b{font-size:var(--base);color:var(--text)}.hero-side{position:absolute;right:clamp(var(--s4),2vw,var(--s8));top:50%;display:flex;gap:var(--s6);writing-mode:vertical-rl;transform:translateY(-50%);font-size:var(--xs);letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.pulse-bars{position:absolute;right:clamp(var(--s16),12vw,var(--s32));bottom:var(--s8);height:42px;display:flex;align-items:center;gap:4px}.pulse-bars i{display:block;width:2px;height:20%;background:var(--accent);animation:pulse 1.25s ease-in-out infinite}.pulse-bars i:nth-child(3n){animation-delay:.2s}.pulse-bars i:nth-child(4n){animation-delay:.45s}.pulse-bars i:nth-child(5n){animation-delay:.65s}@keyframes pulse{50%{height:100%}}.scroll-cue{position:absolute;left:clamp(var(--s4),6vw,var(--s20));bottom:var(--s6);display:flex;align-items:center;gap:var(--s4);font-size:var(--xs);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.scroll-cue i{width:50px;height:1px;background:var(--line);position:relative;overflow:hidden}.scroll-cue i::after{content:"";position:absolute;width:40%;height:100%;background:var(--accent);animation:slide 1.8s infinite}@keyframes slide{from{transform:translateX(-110%)}to{transform:translateX(260%)}}
.role-marquee{overflow:hidden;border-block:1px solid var(--line);background:var(--surface);padding:var(--s4) 0}.role-marquee div{display:flex;width:max-content;align-items:center;gap:var(--s6);animation:marquee 24s linear infinite;font-family:var(--display);font-size:var(--lg);letter-spacing:.08em}.role-marquee i{color:var(--accent)}@keyframes marquee{to{transform:translateX(-50%)}}
.section{position:relative;padding-block:clamp(var(--s20),10vw,var(--s32));content-visibility:auto}.section-index{position:absolute;right:clamp(var(--s4),4vw,var(--s12));top:var(--s8);font-family:var(--display);font-size:var(--xs);color:var(--faint);letter-spacing:.15em}.about-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(var(--s8),7vw,var(--s24));align-items:start}.about-heading h2,.section-head h2,.contact-intro h2{font-size:var(--xxl);letter-spacing:-.035em}.about-copy{padding-top:var(--s16)}.about-copy p{color:var(--muted);margin-bottom:var(--s5)}.about-copy .lead{font-size:var(--lg);color:var(--text);line-height:1.45}.studio-figure{grid-column:1/-1;position:relative;margin-top:var(--s8);height:min(72vw,700px);overflow:hidden}.studio-figure img{width:100%;height:100%;object-fit:cover;object-position:center 40%;filter:grayscale(1) contrast(1.04);transition:filter 700ms ease,transform 1s ease}.studio-figure:hover img{filter:grayscale(.15);transform:scale(1.015)}.studio-figure figcaption{position:absolute;inset:auto var(--s4) var(--s4);display:flex;justify-content:space-between;padding:var(--s3) var(--s4);background:rgba(4,7,9,.72);backdrop-filter:blur(12px);font-size:var(--xs);text-transform:uppercase;letter-spacing:.12em}.manifesto{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr;gap:var(--s6);padding:clamp(var(--s6),4vw,var(--s12));border-block:1px solid var(--line);font-family:var(--display);font-size:var(--xl);line-height:1.25}.manifesto>span{font-size:var(--xxl);color:var(--accent);line-height:.7}
.metrics-section{padding-block:var(--s16);background:var(--surface);border-block:1px solid var(--line)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);list-style:none}.metrics li{padding:var(--s6);border-left:1px solid var(--line)}.metrics li:first-child{border-left:0}.metrics strong{font-family:var(--display);font-size:var(--xxl);font-weight:500;line-height:1}.metrics li>span{font-family:var(--display);font-size:var(--xl);color:var(--accent)}.metrics small{display:block;margin-top:var(--s3);color:var(--muted);font-size:var(--xs);text-transform:uppercase;letter-spacing:.1em}.metrics-note{font-size:var(--xs);color:var(--faint);margin-top:var(--s5)}
.content-section{background:var(--bg)}.section-head{display:grid;grid-template-columns:1.25fr .75fr;gap:var(--s12);align-items:end;margin-bottom:var(--s16)}.section-head>p{color:var(--muted)}.channel-feature{display:flex;align-items:center;justify-content:space-between;gap:var(--s8);padding:clamp(var(--s6),4vw,var(--s12));background:var(--surface);border:1px solid var(--line);margin-bottom:var(--s8)}.live-dot{display:inline-flex;align-items:center;gap:var(--s2);font-size:var(--xs);text-transform:uppercase;color:var(--accent);letter-spacing:.12em}.live-dot::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px var(--accent-soft)}.channel-feature h3{font-size:var(--xl);margin:var(--s4) 0}.channel-feature p{color:var(--muted)}.button--platform{background:var(--text);color:var(--bg);border-color:var(--text);white-space:nowrap}.release-grid{display:grid;grid-template-columns:1.15fr .9fr .9fr;gap:var(--s4)}.release-card{position:relative}.release-visual{position:relative;aspect-ratio:3/4;overflow:hidden;background:var(--offset)}.release-visual img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:transform 800ms cubic-bezier(.16,1,.3,1),filter 500ms}.release-card:hover img{transform:scale(1.04);filter:grayscale(0)}.release-visual>span{position:absolute;top:var(--s3);right:var(--s3);font-family:var(--display);font-size:var(--xs);background:var(--bg);padding:var(--s2) var(--s3)}.release-card h3{font-size:var(--lg);margin-top:var(--s4)}.release-card p{font-size:var(--sm);color:var(--muted)}.release-card>a{position:absolute;right:0;bottom:0;width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line)}.release-card>a:hover{background:var(--accent);color:var(--accent-ink)}
.work-section{background:var(--surface)}.services{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service{min-height:300px;padding:clamp(var(--s6),4vw,var(--s12));border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;align-items:flex-start}.service-number{font-family:var(--display);font-size:var(--xs);color:var(--accent);letter-spacing:.15em}.service h3{font-size:var(--xl);margin:var(--s16) 0 var(--s4)}.service p{color:var(--muted)}.service-tag{margin-top:auto;padding-top:var(--s8);font-size:var(--xs);text-transform:uppercase;letter-spacing:.12em;color:var(--faint)}.process{margin-top:var(--s12);display:flex;align-items:center;justify-content:space-between;gap:var(--s4);font-size:var(--xs);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.process i{height:1px;flex:1;background:var(--line)}
.workflow-section{display:grid;grid-template-columns:1.05fr .95fr;min-height:760px;background:var(--bg)}.workflow-image{overflow:hidden}.workflow-image img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:filter 700ms,transform 1s}.workflow-image:hover img{filter:grayscale(.1);transform:scale(1.02)}.workflow-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(var(--s8),7vw,var(--s24))}.workflow-copy h2{font-size:var(--xxl);margin-bottom:var(--s8)}.workflow-copy p{color:var(--muted);margin-bottom:var(--s5)}.workflow-copy .button{align-self:flex-start;margin-top:var(--s5)}
.vision-section{position:relative;min-height:70svh;display:grid;place-items:center;overflow:hidden;text-align:center;background:var(--surface);border-block:1px solid var(--line)}.vision-section .eyebrow{justify-content:center}.vision-statement{font-family:var(--display);font-size:var(--xxl);line-height:1.15;max-width:20ch!important;margin:auto}.vision-orbit{position:absolute;width:min(55vw,650px);aspect-ratio:1;border:1px solid var(--line);border-radius:50%;animation:spin 30s linear infinite}.vision-orbit i{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--accent);top:50%;left:-5px}.vision-orbit i:nth-child(2){left:auto;right:-5px}.vision-orbit i:nth-child(3){top:-5px;left:50%}@keyframes spin{to{transform:rotate(360deg)}}
.contact-section{background:var(--bg)}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(var(--s8),7vw,var(--s24))}.contact-intro p{margin-top:var(--s6);color:var(--muted)}.direct-email{display:inline-block;margin-top:var(--s8);font-size:var(--lg);border-bottom:1px solid var(--accent);color:var(--accent)}.booking-form{display:grid;gap:var(--s5);padding:clamp(var(--s6),4vw,var(--s10));background:var(--surface);border:1px solid var(--line)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--s4)}.booking-form label{display:grid;gap:var(--s2);font-size:var(--xs);font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}.booking-form input,.booking-form select,.booking-form textarea{width:100%;border:1px solid var(--line);background:var(--bg);padding:var(--s4);font-size:var(--base);font-weight:400;text-transform:none;letter-spacing:0}.booking-form textarea{resize:vertical}.booking-form input:focus,.booking-form select:focus,.booking-form textarea:focus{outline:1px solid var(--accent);border-color:var(--accent)}.button--wide{width:100%}.booking-form small{color:var(--faint);font-size:var(--xs)}
.social-section{padding-block:var(--s16);background:var(--surface);border-top:1px solid var(--line)}.social-links{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.social-links a{position:relative;min-height:180px;padding:var(--s6);display:flex;flex-direction:column;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.social-links b{font-size:var(--lg);color:var(--accent)}.social-links span{font-family:var(--display);font-size:var(--lg);margin-top:auto}.social-links small{color:var(--muted);font-size:var(--xs)}.social-links i{position:absolute;right:var(--s5);top:var(--s5);font-style:normal}.social-links a:hover{background:var(--accent);color:var(--accent-ink)}.social-links a:hover b,.social-links a:hover small{color:var(--accent-ink)}
.site-footer{padding-block:var(--s12);background:var(--bg);border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:var(--s8)}.footer-grid>p{font-size:var(--xs);color:var(--muted)}.footer-links{display:flex;gap:var(--s5);font-size:var(--xs)}.footer-links a:hover{color:var(--accent)}.copyright{grid-column:1/-1;padding-top:var(--s5);border-top:1px solid var(--line)}
.reveal{opacity:0;transform:translateY(35px);transition:opacity 850ms cubic-bezier(.16,1,.3,1),transform 850ms cubic-bezier(.16,1,.3,1)}.reveal.in-view{opacity:1;transform:none}.pointer-glow{position:fixed;z-index:200;pointer-events:none;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,var(--accent-soft),transparent 68%);transform:translate(-50%,-50%);opacity:.42;mix-blend-mode:screen}
.legal-page{min-height:100vh}.legal-main{width:min(760px,calc(100% - 2rem));margin:0 auto;padding:clamp(9rem,18vh,13rem) 0 var(--s24)}.legal-main h1{font-size:var(--xxl);margin-bottom:var(--s12)}.legal-main h2{font-size:var(--xl);margin-top:var(--s10);margin-bottom:var(--s3)}.legal-main address{font-style:normal;color:var(--muted)}.legal-main a{color:var(--accent);text-decoration:underline}
@media(max-width:900px){.site-menu{position:fixed;inset:76px 0 auto;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:var(--s4);background:var(--bg);border-bottom:1px solid var(--line);transform:translateY(-140%);opacity:0;transition:transform var(--ease),opacity var(--ease)}.site-menu.open{transform:none;opacity:1}.site-menu a{min-height:52px;padding:var(--s3);display:flex;align-items:center;border-bottom:1px solid var(--line)}.menu-toggle{display:grid}.hero-content{width:min(720px,85vw)}.hero-side{display:none}.about-grid,.contact-grid{grid-template-columns:1fr}.about-copy{padding-top:0}.section-head{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}.metrics li:nth-child(3){border-left:0;border-top:1px solid var(--line)}.metrics li:nth-child(4){border-top:1px solid var(--line)}.workflow-section{grid-template-columns:1fr;min-height:0}.workflow-image{height:65vw;min-height:420px}.social-links{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr auto}.footer-grid>p:not(.copyright){grid-column:1/-1;grid-row:2}.pointer-glow{display:none}}
@media(max-width:600px){.site-header{padding:var(--s3) var(--s4)}.hero{padding-inline:var(--s4);padding-bottom:var(--s20);align-items:center}.hero-content{width:100%;padding-top:var(--s20)}.hero h1{font-size:clamp(3.15rem,16vw,5.25rem)}.hero-intro{font-size:var(--base);max-width:36ch}.hero-media img{object-position:63% center;opacity:.72}.hero-scrim{background:linear-gradient(0deg,rgba(5,8,12,.96) 5%,rgba(5,8,12,.48) 62%,rgba(5,8,12,.72))}.hero-socials{gap:var(--s3)}.hero-socials a span{display:none}.pulse-bars{display:none}.scroll-cue{display:none}.container{width:min(100% - 1.5rem,var(--wide))}.section{padding-block:var(--s20)}.section-index{top:var(--s4)}.about-grid{gap:var(--s8)}.studio-figure{height:120vw;margin-inline:calc(var(--s3)*-1)}.manifesto{grid-template-columns:1fr}.manifesto>span{display:none}.metrics{grid-template-columns:1fr 1fr}.metrics li{padding:var(--s5) var(--s4)}.channel-feature{align-items:flex-start;flex-direction:column}.button--platform{white-space:normal;width:100%}.release-grid{grid-template-columns:1fr}.release-card{margin-bottom:var(--s6)}.release-visual{aspect-ratio:4/5}.services{grid-template-columns:1fr}.service{min-height:260px}.process{align-items:flex-start;flex-direction:column}.process i{width:1px;height:20px;flex:none;margin-left:var(--s2)}.workflow-image{height:115vw}.workflow-copy{padding:var(--s20) var(--s4)}.vision-orbit{width:88vw}.field-row{grid-template-columns:1fr}.social-links{grid-template-columns:1fr 1fr}.social-links a{min-height:145px;padding:var(--s4)}.footer-grid{grid-template-columns:1fr}.footer-links{grid-row:auto}.footer-grid>p:not(.copyright){grid-row:auto}.copyright{grid-column:auto}.button{width:100%}.hero-actions .button{width:auto}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}