:root{--base: #0C0D0B;--surface: #141512;--text: #EDE8DD;--muted: #8D8B82;--soft: #A8A49B;--line: #26262A;--accent: #E1502A;--shadow-green: #24322A;--moss: #4A5A44;--amber: #D9A15C;--font-display: "Space Grotesk", sans-serif;--font-body: "Inter", sans-serif;--font-voice: "Instrument Serif", serif;--font-mono: "Space Mono", monospace;--pad-x: clamp(20px, 6vw, 96px);--grain-o: .05}:root[data-theme=light]{--base: #F1EEE6;--surface: #E6E2D6;--text: #17150F;--muted: #6E6B60;--soft: #504E45;--line: #DAD5C8;--grain-o: .035}body,.section,.work,.marquee-section,.skill-panel,.hero-frames,.loader{transition:background-color .5s ease,color .5s ease,border-color .5s ease}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--base);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}.mono{font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;color:var(--muted)}.voice{font-family:var(--font-voice);font-style:italic;font-size:clamp(22px,2.8vw,32px);color:var(--text);font-weight:400}.section{padding:clamp(80px,12vh,140px) var(--pad-x);border-top:1px solid var(--line);background:var(--base);position:relative;z-index:1}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;pointer-events:none;opacity:var(--grain-o);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.section-head{margin-bottom:clamp(40px,6vh,72px);overflow:hidden}.section-title{font-family:var(--font-voice);font-weight:400;font-size:clamp(44px,6.5vw,88px);line-height:1.02;margin-top:10px}a{color:inherit;text-decoration:none}.loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;transition:opacity .6s ease}.loader.done{opacity:0;pointer-events:none}.loader-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--base);--hw: 0px;--hh: 0px;-webkit-mask:linear-gradient(#000 0 0) center / var(--hw) var(--hh) no-repeat,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) center / var(--hw) var(--hh) no-repeat,linear-gradient(#000 0 0);mask-composite:exclude}.loader>:not(.loader-shade){position:relative;z-index:1}.loader>*{animation:loader-in .9s ease both}@keyframes loader-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.loader .sunflower-ambient{--ink: currentColor;color:var(--text);height:130px;width:auto;transform-origin:50% 50%;will-change:transform,opacity}.loader .sunflower-ambient path{stroke:currentColor;stroke-width:10}.loader-name{font-family:var(--font-voice);font-size:30px;color:var(--text)}.loader-bar{width:min(240px,60vw);height:1px;background:var(--line)}.loader-bar-fill{height:100%;width:0%;background:var(--accent);transition:width .2s linear}.site-header{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;justify-content:space-between;align-items:flex-start;padding:24px 32px;mix-blend-mode:difference}:root[data-theme=light] .site-header{mix-blend-mode:normal}.logo{font-family:var(--font-voice);font-weight:400;font-size:22px;letter-spacing:.02em;display:flex;align-items:center;gap:12px}.logo .sunflower-ambient{--ink: currentColor;height:100px;width:auto;display:block}.logo .sunflower-ambient path{stroke:currentColor;stroke-width:12}.logo span{font-size:24px}.header-right{display:flex;align-items:center;gap:24px;padding-top:8px}.header-right .mono,.header-right .theme-toggle{font-family:var(--font-display);font-size:14px;font-weight:500;letter-spacing:.08em;color:var(--text)}.theme-toggle{background:none;border:none;cursor:pointer;padding:0 0 2px;border-bottom:1px solid currentColor;transition:opacity .3s ease}.theme-toggle:hover{opacity:.6}.hero-wrap{height:350vh;position:relative;z-index:0}.hero{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}.hero-frames{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--base)}.hero-video{width:100%;height:100%;object-fit:cover;opacity:0}.site-header,.hero-title h1,.hero-roles p{opacity:0}.hero-title{position:absolute;left:var(--pad-x);bottom:18vh;max-width:90vw}.hero-title h1{font-family:var(--font-display);font-weight:500;font-size:clamp(56px,11vw,150px);line-height:.98;text-transform:uppercase;letter-spacing:.01em}.hero-roles{margin-top:22px}.hero-roles p{font-family:var(--font-display);font-weight:400;font-size:clamp(16px,1.7vw,22px);line-height:1.55;color:#c9c5bb}.hero-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:24px;padding:28px 32px}.film-progress{flex:1;height:1px;background:var(--line)}.film-progress-bar{height:100%;width:0%;background:var(--accent)}.intro{margin-top:-100vh;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.intro-line{font-family:var(--font-display);font-weight:400;font-size:clamp(21px,2.7vw,38px);line-height:1.4;max-width:30ch}.intro-line em{font-family:var(--font-voice);font-style:italic;font-weight:400;font-size:1.08em;color:var(--amber)}.intro-line .w{display:inline-block;will-change:transform}.stats{display:flex;gap:clamp(32px,6vw,96px);flex-wrap:wrap;justify-content:center;margin-top:80px}.stat{display:flex;flex-direction:column;align-items:center;gap:8px}.stat-n{font-family:var(--font-display);font-weight:500;font-size:clamp(40px,5vw,68px);line-height:1}.work{border-top:1px solid var(--line);background:var(--base);position:relative;z-index:1;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:clamp(32px,6vh,64px) 0}.work-head{padding:0 var(--pad-x)}.work-track{display:flex;gap:clamp(16px,2vw,32px);width:max-content;padding:0 var(--pad-x);will-change:transform}.more-btn{border:none;cursor:pointer;align-self:center;margin:56px 0 0}.more-work{display:none;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,32px);padding:48px var(--pad-x) 0}.more-work.open{display:grid}.more-work .tile{width:auto;opacity:1;transform:none}@media(max-width:900px){.more-work{grid-template-columns:1fr}}.tile{position:relative;width:clamp(420px,46vw,680px);flex-shrink:0}.tile-media{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:radial-gradient(80% 120% at 70% 20%,rgba(217,161,92,.14) 0%,transparent 60%),radial-gradient(90% 130% at 25% 75%,rgba(36,50,42,.9) 0%,var(--surface) 75%)}.tile-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,transparent 50%,rgba(8,8,6,.62) 100%)}.tile-media video,.tile-media img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.tile:hover .tile-media video,.tile:hover .tile-media img{transform:scale(1.04)}.tile figcaption{position:absolute;left:18px;right:18px;bottom:14px;z-index:2;display:flex;justify-content:space-between;align-items:baseline;gap:16px;transition:transform .45s ease}.tile:hover figcaption{transform:translateY(-5px)}.tile figcaption .mono{transition:color .3s ease;font-size:13px;color:#ede8ddb8}.tile figcaption .mono:first-child{font-family:var(--font-display);color:#ede8dd;font-weight:500;font-size:clamp(16px,1.4vw,20px);letter-spacing:.03em}.tile:hover figcaption .mono:first-child{color:var(--accent)}.work:not(.revealed) .work-track .tile-media{clip-path:inset(100% 0 0 0)}.work:not(.revealed) .work-track .tile-media img{transform:scale(1.3)}.work:not(.revealed) .work-track .tile figcaption{opacity:0}@media(prefers-reduced-motion:reduce){.work:not(.revealed) .work-track .tile-media{clip-path:none}.work:not(.revealed) .work-track .tile-media img{transform:none}.work:not(.revealed) .work-track .tile figcaption{opacity:1}}.marquee-section{border-top:1px solid var(--line);background:var(--base);position:relative;z-index:1;padding:64px 0;overflow:hidden}.marquee{display:flex;overflow:hidden}.marquee-track{display:flex;gap:80px;flex-shrink:0;padding-right:80px;animation:drift 60s linear infinite;font-family:var(--font-display);font-weight:400;font-size:28px;color:var(--muted);white-space:nowrap}@keyframes drift{0%{transform:translate(0)}to{transform:translate(-100%)}}.role{border-top:1px solid var(--line)}.role:last-of-type{border-bottom:1px solid var(--line)}.role-head{display:grid;grid-template-columns:140px 1fr 1fr;gap:24px;align-items:baseline;padding:32px 0;cursor:default}.role-years{font-size:13px}.role-title{font-family:var(--font-display);font-weight:500;font-size:clamp(24px,3vw,40px);line-height:1.1;transition:color .4s ease,padding-left .4s ease}.role-org{color:var(--muted);text-align:right;font-size:16px}.role-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .55s cubic-bezier(.33,1,.68,1)}.role-body ul{overflow:hidden;min-height:0;padding:0 0 0 140px;max-width:760px;opacity:0;transform:translateY(8px);transition:opacity .4s ease .05s,transform .45s ease .05s}.role:hover .role-body,.role.open .role-body{grid-template-rows:1fr}.role:hover .role-body ul,.role.open .role-body ul{opacity:1;transform:translateY(0);padding-bottom:32px;transition:opacity .45s ease .12s,transform .5s ease .12s,padding .4s ease}.role li{color:var(--soft);font-size:16px;margin-bottom:10px;list-style:none}.role:hover .role-title,.role.open .role-title{color:var(--accent);padding-left:10px}.skills .section-head{position:sticky;top:7.5rem}.skill-panels{position:relative}.skill-panel{position:sticky;display:grid;grid-template-columns:1.5fr 1fr 2fr 1.5fr;column-gap:clamp(16px,2vw,24px);align-content:start;background:var(--base);border-top:1px solid var(--line);padding-top:1.5rem;padding-bottom:3rem}.skill-panel:nth-child(1){top:14rem}.skill-panel:nth-child(2){top:18.5rem}.skill-panel:nth-child(3){top:23rem}.skill-panel:nth-child(4){top:27.5rem}.sp-media{grid-column:1;overflow:hidden}.sp-media img{width:100%;aspect-ratio:2 / 2.3;object-fit:cover;display:block}.sp-num,.sp-title{font-family:var(--font-display);font-weight:400;font-size:2rem;line-height:1.15;letter-spacing:-.01em;color:var(--text)}.sp-num{grid-column:2}.sp-title{grid-column:3}.sp-side{grid-column:4}.sp-label{display:block;font-family:var(--font-body);font-weight:500;font-size:1.125rem;line-height:1.5;color:var(--text);padding:.5rem 0}.sp-list{list-style:none;padding-top:4px}.sp-list li{font-family:var(--font-body);font-weight:400;font-size:1.125rem;line-height:1.5;color:var(--soft);padding:.5rem 0;border-top:1px solid var(--line);transition:color .5s ease,padding-left .5s ease}.sp-list li:last-child{border-bottom:1px solid var(--line)}.sp-list li.lit{color:var(--accent);padding-left:12px}.sp-list li:hover{color:var(--text)}@media(max-width:820px){.skills .section-head{position:static}.skill-panel{grid-template-columns:64px 1fr;grid-template-rows:auto auto auto;padding-bottom:2rem}.skill-panel:nth-child(1){top:0}.skill-panel:nth-child(2){top:3.5rem}.skill-panel:nth-child(3){top:7rem}.skill-panel:nth-child(4){top:10.5rem}.sp-num{grid-column:1;grid-row:1}.sp-title{grid-column:2;grid-row:1}.sp-media{grid-column:1 / 3;grid-row:2;margin-top:1rem}.sp-media img{aspect-ratio:16 / 10}.sp-side{grid-column:1 / 3;grid-row:3;margin-top:1rem}}.about{text-align:center}.about .section-head{text-align:left}.about-fx{position:absolute;width:min(380px,40vw);height:min(480px,55vh);pointer-events:none;z-index:0;background-image:radial-gradient(rgba(225,80,42,.42) 1px,transparent 1.45px);background-size:12px 12px;-webkit-mask-image:radial-gradient(50% 50% at 50% 50%,#000 20%,transparent 72%);mask-image:radial-gradient(50% 50% at 50% 50%,#000 20%,transparent 72%);animation:fx-drift 16s ease-in-out infinite alternate}.fx-1{left:4%;top:30%}.fx-2{right:5%;top:12%;animation-duration:21s;animation-delay:-8s}@keyframes fx-drift{0%{transform:translateZ(0) scale(1);opacity:.3}50%{opacity:.55}to{transform:translate3d(36px,-44px,0) scale(1.1);opacity:.35}}@media(prefers-reduced-motion:reduce){.about-fx{animation:none;opacity:.35}}.about-stage,.about .about-text{position:relative;z-index:1}.about-stage{position:relative;display:flex;justify-content:center;padding:clamp(16px,4vh,48px) 0 0}.about-photo-wrap{position:relative;width:min(420px,72vw);overflow:hidden}.about-photo{display:block;width:100%;aspect-ratio:3 / 4;object-fit:cover;filter:grayscale(1) contrast(1.08) brightness(.92)}.about-photo-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(72% 64% at 50% 42%,transparent 46%,var(--base) 100%)}.media-tag{opacity:.6}.about-text{max-width:600px;margin:8px auto 0}.about-text p+p{margin-top:20px;color:var(--soft);font-size:17px}.about-facts{margin-top:44px}.about-facts p{display:flex;gap:24px;align-items:baseline;justify-content:center;color:var(--text)!important;font-size:17px!important;margin-top:14px!important}.about-facts .mono{min-width:120px;text-align:left}.contact{text-align:center;padding-bottom:32px}.contact-center{display:flex;flex-direction:column;align-items:center;padding:clamp(40px,10vh,120px) 0}.ornament{width:min(240px,50vw);color:var(--soft);margin-bottom:36px}.contact-lines{font-family:Marcellus,serif;font-weight:400;font-size:clamp(20px,2.3vw,29px);line-height:1.6;color:var(--text)}.reach{font-family:Marcellus,serif;font-size:16px;text-transform:uppercase;letter-spacing:.2em;color:var(--text);margin-top:44px;padding-bottom:5px;border-bottom:1px solid var(--muted);transition:color .3s ease,border-color .3s ease}.reach:hover{color:var(--accent);border-color:var(--accent)}.foot-links{display:flex;gap:32px}.foot-links a{transition:color .3s ease}.foot-links a:hover{color:var(--accent)}.btn{font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;color:var(--base);background:var(--accent);padding:12px 20px;transition:background .25s ease;white-space:nowrap}.btn:hover{background:var(--text)}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--line)}.btn-ghost:hover{background:var(--surface)}.contact-foot{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:96px;font-family:Marcellus,serif;font-size:15px;letter-spacing:.12em;text-transform:uppercase;color:var(--text)}.cv-block{background:var(--text);color:var(--base);padding:14px 30px;transition:background .3s ease}.cv-block:hover{background:var(--accent)}.coords{color:var(--muted);font-size:14px}.copyright{font-family:Marcellus,serif;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-top:48px}.reveal{opacity:0;transform:translateY(36px)}@media(prefers-reduced-motion:reduce){.reveal,.tile{opacity:1;transform:none}.marquee-track{animation:none}}@media(max-width:720px){.role-head{grid-template-columns:100px 1fr}.role-org{display:none}.role-body ul{padding-left:0}.contact-foot{flex-direction:column;gap:8px;align-items:center}.tile{width:84vw}}