:root{--bg:#0c0c0d;--bg-soft:#141416;--surface:#1a1a1c;--text:#f0eee9;--muted:#a09d96;--line:#f0eee929;--accent:#ef5b35;--accent-contrast:#0c0c0d;--radius-media:16px;--radius-control:12px;--container:min(1440px, calc(100vw - 64px));--header-height:72px;--display:"Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--body:"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif}*{box-sizing:border-box}html{background:var(--bg);color-scheme:dark;scroll-behavior:smooth}body{background:radial-gradient(circle at 82% 7%, #ef5b3514, transparent 28rem), var(--bg);color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.65}body:before{z-index:100;pointer-events:none;content:"";opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");position:fixed;inset:0}img,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button,input,textarea,select{font:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}.skip-link{z-index:200;border-radius:var(--radius-control);background:var(--accent);color:var(--accent-contrast);padding:10px 14px;position:fixed;top:12px;left:12px;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:50;height:var(--header-height);width:var(--container);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px)saturate(130%);background:#0c0c0dc7;grid-template-columns:1fr auto 1fr;align-items:center;margin:0 auto;display:grid;position:sticky;top:0}.brand{width:fit-content;font-family:var(--display);letter-spacing:.02em;align-items:center;gap:12px;font-size:13px;font-weight:600;display:inline-flex}.brand-mark{border-radius:var(--radius-control);background:var(--text);width:32px;height:32px;color:var(--bg);place-items:center;font-size:16px;font-weight:700;display:grid}.site-header nav{align-items:center;gap:clamp(20px,3vw,46px);font-size:14px;display:flex}.site-header nav a{color:var(--muted);transition:color .18s;position:relative}.site-header nav a:after{content:"";background:var(--text);transform-origin:100%;width:100%;height:1px;transition:transform .22s cubic-bezier(.16,1,.3,1);position:absolute;bottom:-10px;left:0;transform:scaleX(0)}.site-header nav a:hover,.site-header nav a.active{color:var(--text)}.site-header nav a:hover:after,.site-header nav a.active:after{transform-origin:0;transform:scaleX(1)}.header-contact{border:1px solid var(--line);border-radius:var(--radius-control);justify-self:end;padding:8px 14px;font-size:13px;transition:background .18s,color .18s,border-color .18s}.header-contact:hover{background:var(--text);border-color:var(--text);color:var(--bg)}.section-shell{width:var(--container);margin-inline:auto}.hero{min-height:calc(100dvh - var(--header-height));background:var(--surface);align-items:flex-end;display:flex;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0c0c0dfa 0%,#0c0c0ddb 34%,#0c0c0d47 68%,#0c0c0d14 100%),linear-gradient(#0000 52%,#0c0c0dd6 100%);position:absolute;inset:0}.hero-visual{position:absolute;inset:0}.hero-visual img{object-fit:cover;object-position:center 54%;width:100%;height:100%;transform:scale(1.015)}@media (prefers-reduced-motion:no-preference){.hero-visual img{animation:1.4s cubic-bezier(.16,1,.3,1) both hero-settle}.hero-copy.is-visible>*{animation:.76s cubic-bezier(.16,1,.3,1) both hero-copy-in}.hero-copy.is-visible>:nth-child(2){animation-delay:90ms}.hero-copy.is-visible>:nth-child(3){animation-delay:.17s}.hero-copy.is-visible>:nth-child(4){animation-delay:.25s}@supports (animation-timeline:scroll()){.hero-visual{animation-name:hero-parallax;animation-duration:1ms;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:scroll(root);animation-range:0 100dvh;inset:-8% 0}}}@keyframes hero-settle{0%{opacity:.72;transform:scale(1.055)}to{opacity:1;transform:scale(1.015)}}@keyframes hero-copy-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-parallax{0%{transform:translateY(-2%)}to{transform:translateY(6%)}}.hero-copy{z-index:2;width:var(--container);margin:0 auto;padding:clamp(74px,10vh,118px) 0 clamp(64px,9vh,104px);position:relative}.hero-kicker,.page-kicker{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin:0 0 26px;font-size:12px;font-weight:600}.hero h1{max-width:800px;font-family:var(--display);letter-spacing:-.07em;margin:0;font-size:clamp(54px,6.7vw,108px);font-weight:600;line-height:.94}.hero h1 span{display:block}.hero-intro{color:#f0eee9bd;max-width:24em;margin:32px 0 0;font-size:clamp(16px,1.4vw,19px)}.hero-actions{gap:12px;margin-top:34px;display:flex}.button{border-radius:var(--radius-control);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;min-height:48px;padding:0 22px;font-size:14px;font-weight:600;transition:transform .18s,background .18s,color .18s,border-color .18s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(1px)scale(.985)}.button--ghost{color:var(--text);-webkit-backdrop-filter:blur(12px);background:#0c0c0d57;border-color:#f0eee957}.button--ghost:hover{background:var(--text);border-color:var(--text);color:var(--bg)}.selected-work{padding-block:clamp(110px,13vw,190px)}.section-heading h2,.capability-intro h2,.contact-section h2,.about-hero h1,.page-intro h1{font-family:var(--display);letter-spacing:-.055em;margin:0;font-weight:500;line-height:1.02}.section-heading h2{font-size:clamp(46px,6vw,88px)}.section-heading p{max-width:30em;color:var(--muted);margin:24px 0 0;font-size:clamp(16px,1.5vw,20px)}.featured-grid,.work-grid{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:dense;gap:clamp(56px,7vw,104px) clamp(18px,2.3vw,36px);display:grid}.project-card{grid-column:span 5}.project-card--wide{grid-column:span 8}.project-card--tall{grid-column:span 4;margin-top:clamp(80px,12vw,176px)}.project-image{border-radius:var(--radius-media);background:var(--surface);display:block;position:relative;overflow:hidden}.project-image img{aspect-ratio:4/3;object-fit:cover;filter:saturate(.88);width:100%;transition:opacity .48s cubic-bezier(.16,1,.3,1),transform .85s cubic-bezier(.16,1,.3,1),filter .42s}.project-image-secondary{opacity:0;height:100%;position:absolute;inset:0;transform:scale(1.055)}.project-card--wide .project-image img{aspect-ratio:16/10}.project-card--tall .project-image img{aspect-ratio:3/4}.project-image:hover .project-image-primary{filter:saturate(1.02);transform:scale(1.025)}.project-image--has-secondary:hover .project-image-primary{opacity:0}.project-image--has-secondary:hover .project-image-secondary{opacity:1;filter:saturate(1.02);transform:scale(1.015)}.project-meta{justify-content:space-between;gap:24px;padding-top:20px;display:flex}.project-meta h2{font-family:var(--display);letter-spacing:-.035em;margin:0;font-size:clamp(25px,2.25vw,36px);font-weight:500;line-height:1.1}.project-meta h2 a:hover{color:var(--accent)}.project-meta h2 a{transition:color .18s,transform .26s cubic-bezier(.16,1,.3,1);display:inline-block}.project-card:hover .project-meta h2 a{transform:translate(6px)}.project-meta p{max-width:32em;color:var(--muted);margin:8px 0 0;font-size:14px}.project-meta .project-index{letter-spacing:.04em;white-space:nowrap;flex:none;margin:3px 0 0;font-size:11px}.text-link{border-top:1px solid var(--line);width:100%;font-family:var(--display);letter-spacing:-.035em;justify-content:space-between;align-items:center;margin-top:clamp(70px,9vw,130px);padding:25px 0 0;font-size:clamp(24px,3vw,44px);transition:color .18s,padding .22s;display:flex}.text-link:hover{color:var(--accent);padding-inline:16px}.text-link span{transition:transform .26s cubic-bezier(.16,1,.3,1)}.text-link:hover span{transform:translate(5px,-5px)}.capability-section{border-top:1px solid var(--line);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(48px,9vw,150px);padding-block:clamp(100px,13vw,190px);display:grid}.capability-intro{align-self:start;position:sticky;top:110px}.capability-intro h2{font-size:clamp(42px,5.3vw,78px)}.capability-intro p{max-width:27em;color:var(--muted);margin:32px 0 0}.capability-list article{border-bottom:1px solid var(--line);justify-content:space-between;gap:40px;margin-bottom:38px;padding:8px 0 42px;display:flex}.capability-list article>span{color:var(--muted);flex:none;font-size:20px;transition:color .18s,transform .22s cubic-bezier(.16,1,.3,1)}.capability-list article:hover>span{color:var(--accent);transform:translate(4px,-4px)}.capability-list h3{font-family:var(--display);letter-spacing:-.035em;margin:0;font-size:clamp(24px,2.3vw,38px);font-weight:500;line-height:1.1}.capability-list p{max-width:38em;color:var(--muted);margin:18px 0 0}.contact-section--home{grid-template-columns:minmax(0,1fr) auto;align-items:end;column-gap:60px;display:grid}.contact-section--home>p{grid-column:1/-1}.contact-section--home h2{font-size:clamp(52px,7.3vw,108px)}.contact-section{border-top:1px solid var(--line);min-height:min(78dvh,760px);padding-block:clamp(100px,13vw,180px)}.contact-section>p{max-width:44em;color:var(--muted);margin:0 0 28px}.contact-section h2{max-width:1050px;font-size:clamp(48px,7.5vw,112px)}.contact-section .button{margin-top:50px}.contact-section--home .button{margin:0 0 12px}.site-footer{width:var(--container);border-top:1px solid var(--line);color:var(--muted);grid-template-columns:1fr auto;gap:60px;margin:0 auto;padding:52px 0 42px;font-size:12px;display:grid}.site-footer p{margin:0}.site-footer .footer-title{color:var(--text);font-family:var(--display);margin-bottom:7px;font-size:18px}.site-footer .footer-attribution{margin-top:14px}.footer-attribution a{color:var(--text)}.footer-attribution a:hover{color:var(--accent)}.footer-links{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.footer-links a:hover{color:var(--accent)}.page-intro,.about-hero{padding-top:clamp(76px,9vw,128px);padding-bottom:clamp(64px,8vw,112px)}.page-intro h1{max-width:920px;font-size:clamp(50px,7.1vw,102px)}.page-intro-copy{max-width:32em;color:var(--muted);margin:28px 0 0;font-size:clamp(17px,1.5vw,20px)}.filter-bar{flex-wrap:wrap;gap:10px;margin-top:48px;display:flex}.filter-bar button{border:1px solid var(--line);border-radius:var(--radius-control);min-height:44px;color:var(--muted);cursor:pointer;background:0 0;align-items:center;gap:14px;padding:0 15px;font-size:13px;transition:background .18s,color .18s,border-color .18s;display:inline-flex}.filter-bar button small{color:currentColor;opacity:.62;font-size:10px}.work-grid{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:row;gap:clamp(72px,9vw,132px) clamp(18px,2.6vw,40px);padding-bottom:clamp(120px,16vw,220px);display:grid}.results-status{border-bottom:1px solid var(--line);color:var(--muted);margin-bottom:clamp(44px,6vw,72px);padding-bottom:24px;font-size:13px}.work-grid .project-card{grid-column:span 6;margin-top:0}.work-grid .project-card[data-layout-position="0"]{grid-column:1/-1}.work-grid .project-card[data-layout-position="1"]{grid-column:1/8}.work-grid .project-card[data-layout-position="2"]{grid-column:8/-1;margin-top:clamp(84px,11vw,168px)}.work-grid .project-card[data-layout-position="3"]{grid-column:3/11}.work-grid .project-card[data-layout-position="4"]{grid-column:1/6}.work-grid .project-card[data-layout-position="5"]{grid-column:6/-1;margin-top:clamp(72px,9vw,140px)}.work-grid .project-card[data-layout-position="0"] .project-image img{aspect-ratio:2}.work-grid .project-card[data-layout-position="1"] .project-image img,.work-grid .project-card[data-layout-position="3"] .project-image img,.work-grid .project-card[data-layout-position="5"] .project-image img{aspect-ratio:16/10}.work-grid .project-card[data-layout-position="2"] .project-image img,.work-grid .project-card[data-layout-position="4"] .project-image img{aspect-ratio:4/5}.work-grid .project-card[hidden]{display:none}.empty-filter{color:var(--muted);padding-bottom:120px}.project-hero>.back-link{width:fit-content;color:var(--muted);margin-bottom:clamp(54px,7vw,92px);font-size:13px;transition:color .18s,transform .22s cubic-bezier(.16,1,.3,1);display:inline-flex}.project-hero>.back-link:hover{color:var(--accent);transform:translate(-4px)}.project-hero-layout{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:clamp(32px,5vw,72px);display:grid}.project-hero-title>p{color:var(--accent);letter-spacing:.08em;margin:0 0 18px;font-size:12px;font-weight:600}.project-title-mask{padding-bottom:5px;overflow:hidden}.project-title-mask h1{transition:transform .72s cubic-bezier(.16,1,.3,1) 80ms}.project-hero-title[data-reveal]:not(.is-visible) .project-title-mask h1{transform:translateY(108%)}.project-hero-title h1{font-family:var(--display);letter-spacing:-.065em;margin:0;font-size:clamp(58px,8vw,116px);font-weight:500;line-height:.94}.project-hero-title h2{max-width:24em;color:var(--muted);margin:24px 0 0;font-size:clamp(18px,1.8vw,26px);font-weight:400;line-height:1.38}.project-hero-details{grid-column:8/-1;padding-top:30px}.project-hero-summary{max-width:34em;margin:0 0 42px;font-size:clamp(17px,1.5vw,20px);line-height:1.7}.project-hero-details dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin:0;display:grid}.project-hero-details dl>div{border-top:1px solid var(--line);padding-top:18px}.project-hero-details dt{color:var(--muted);margin-bottom:10px;font-size:12px}.project-hero-details dd{margin:0;line-height:1.55}.project-cover-stage{border-radius:var(--radius-media);background:var(--bg-soft);margin-top:clamp(52px,7vw,90px);padding:clamp(12px,1.8vw,24px)}.project-cover-surface{border-radius:var(--radius-media);overflow:hidden}.project-cover-surface img{object-fit:cover;width:100%;max-height:82dvh}.project-media-section{scroll-margin-top:calc(var(--header-height) + 24px);border-radius:var(--radius-media);margin-bottom:clamp(100px,13vw,176px);padding:clamp(40px,5.5vw,76px)}.project-media-heading{margin-bottom:clamp(42px,6vw,76px)}.project-media-heading h2{font-family:var(--display);letter-spacing:-.05em;margin:0;font-size:clamp(44px,5.5vw,78px);font-weight:500;line-height:1}.project-media-heading p{max-width:34em;color:var(--muted);margin:18px 0 0;font-size:clamp(16px,1.4vw,19px)}.video-gallery{gap:clamp(48px,6vw,88px);max-width:1120px;margin:0 auto;display:grid}.video-frame{margin:0}.video-player-shell{border:1px solid var(--line);border-radius:var(--radius-media);background:#070708;overflow:hidden}.video-player-shell video{aspect-ratio:16/9;background:#070708;width:100%}.video-frame figcaption{color:var(--muted);padding:18px 2px 0;font-size:14px}.image-gallery{grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(54px,7vw,96px) clamp(18px,2.5vw,38px);display:grid}.image-gallery figure{grid-column:span 6;margin:0}.image-gallery--count-1 figure{grid-column:2/12}.image-gallery--count-2 figure[data-media-position="0"]{grid-column:1/8}.image-gallery--count-2 figure[data-media-position="1"]{grid-column:8/-1;margin-top:clamp(72px,9vw,136px)}.image-gallery--count-3 figure[data-media-position="0"]{grid-column:2/12}.image-gallery--count-3 figure[data-media-position="1"]{grid-column:1/7}.image-gallery--count-3 figure[data-media-position="2"]{grid-column:7/-1;margin-top:clamp(52px,6vw,92px)}.image-surface{border-radius:var(--radius-media);background:var(--surface);display:block;overflow:hidden}.image-gallery img{object-fit:cover;width:100%;max-height:88dvh}.image-gallery figcaption{max-width:38em;color:var(--muted);padding:16px 2px 0;font-size:13px}[data-media-reveal] .project-cover-surface,[data-media-reveal] .video-player-shell,[data-media-reveal] .image-surface{transition:transform .65s cubic-bezier(.16, 1, .3, 1) var(--delay,0s);transform:scale(.94)}[data-media-reveal] .project-cover-surface img,[data-media-reveal] .video-player-shell video,[data-media-reveal] .image-surface img{transition:transform .78s cubic-bezier(.16, 1, .3, 1) var(--delay,0s);transform:scale(1.075)}[data-media-reveal].is-visible .project-cover-surface,[data-media-reveal].is-visible .video-player-shell,[data-media-reveal].is-visible .image-surface,[data-media-reveal].is-visible .project-cover-surface img,[data-media-reveal].is-visible .video-player-shell video,[data-media-reveal].is-visible .image-surface img{transform:scale(1)}.plyr{--plyr-color-main:var(--accent);--plyr-video-background:#070708}.project-next{flex-direction:column;align-items:center;gap:28px;padding-bottom:clamp(90px,12vw,150px);display:flex}.next-project-card{border:1px solid var(--line);border-radius:var(--radius-media);background:var(--bg-soft);grid-template-columns:minmax(120px,180px) 1fr auto;align-items:center;gap:clamp(20px,3vw,40px);width:min(100%,900px);padding:10px 24px 10px 10px;transition:background .18s,border-color .18s,transform .22s cubic-bezier(.16,1,.3,1);display:grid}.next-project-card>img{aspect-ratio:16/10;border-radius:var(--radius-control);object-fit:cover;width:100%;transition:transform .5s cubic-bezier(.16,1,.3,1),filter .26s}.next-project-copy{flex-direction:column;align-items:flex-start;display:flex}.next-project-copy small{color:var(--muted);margin-bottom:6px;font-size:12px}.next-project-copy strong{font-family:var(--display);letter-spacing:-.04em;font-size:clamp(24px,3vw,42px);font-weight:500;line-height:1.05}.next-project-copy>span{color:var(--muted);margin-top:8px;font-size:13px}.next-project-arrow{font-size:clamp(28px,3vw,42px);transition:transform .22s cubic-bezier(.16,1,.3,1),color .18s}.next-project-card:hover{background:var(--surface);border-color:#f0eee94d;transform:translateY(-3px)}.next-project-card:hover>img{filter:saturate(1.04);transform:scale(1.015)}.next-project-card:hover .next-project-arrow{color:var(--accent);transform:translate(5px)}.all-projects-link{color:var(--muted);font-size:13px}.all-projects-link:hover{color:var(--accent)}.about-hero{min-height:calc(100dvh - var(--header-height));grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;gap:40px;display:grid}.about-hero-copy{z-index:2;grid-column:1/8;position:relative}.about-hero h1{max-width:820px;font-size:clamp(52px,6.7vw,96px)}.about-hero-intro{max-width:36em;color:var(--muted);margin:32px 0 0;font-size:clamp(17px,1.5vw,20px)}.about-hero-visual{grid-column:8/-1;min-height:min(66dvh,700px);position:relative}.about-hero-visual img{border-radius:var(--radius-media);object-fit:cover;width:82%;height:78%;position:absolute}.about-hero-visual img:first-child{top:0;right:0}.about-hero-visual img:last-child{border:8px solid var(--bg);width:54%;height:42%;bottom:0;left:0}.about-proof{border-top:1px solid var(--line);grid-template-columns:1.15fr .9fr .95fr;padding-block:clamp(58px,7vw,92px) clamp(110px,14vw,186px);display:grid}.about-proof article{padding-right:clamp(24px,4vw,60px)}.about-proof article+article{border-left:1px solid var(--line);padding-left:clamp(24px,4vw,60px)}.about-proof strong{font-family:var(--display);letter-spacing:-.05em;font-size:clamp(32px,4vw,58px);font-weight:500;display:block}.about-proof p{max-width:16em;color:var(--muted);margin:14px 0 0}.about-approach{grid-template-columns:.85fr 1.15fr;gap:clamp(56px,10vw,160px);padding-bottom:clamp(120px,15vw,200px);display:grid}.about-approach header{top:calc(var(--header-height) + 40px);align-self:start;position:sticky}.about-approach h2,.about-experience h2,.about-tools h2{font-family:var(--display);letter-spacing:-.052em;margin:0;font-size:clamp(42px,5.4vw,76px);font-weight:500;line-height:1.02}.about-approach-list article{border-bottom:1px solid var(--line);margin-bottom:clamp(46px,6vw,72px);padding:0 0 clamp(46px,6vw,72px)}.about-approach-list h3{font-family:var(--display);letter-spacing:-.04em;margin:0;font-size:clamp(28px,3vw,44px);font-weight:500}.about-approach-list p{max-width:38em;color:var(--muted);margin:20px 0 0;font-size:clamp(16px,1.35vw,19px)}.about-experience{border-top:1px solid var(--line);padding-block:clamp(90px,11vw,150px)}.about-experience>header,.about-tools>header{max-width:900px;margin-bottom:clamp(64px,8vw,104px)}.about-experience>header>p,.about-tools>header>p{max-width:38em;color:var(--muted);margin:24px 0 0;font-size:clamp(16px,1.35vw,19px)}.experience-list article{border-top:1px solid var(--line);grid-template-columns:minmax(110px,.28fr) minmax(240px,.72fr) 1fr;gap:clamp(24px,4vw,68px);padding:30px 0 38px;display:grid}.experience-list p,.experience-list h3{margin:0}.experience-period,.experience-company{color:var(--muted);font-size:13px}.experience-list h3{font-family:var(--display);letter-spacing:-.025em;font-size:clamp(20px,2vw,28px);font-weight:500}.experience-company{margin-top:8px!important}.experience-body{max-width:40em;color:var(--muted)}.about-tools{padding-block:clamp(110px,14vw,190px)}.tool-groups article{border-top:1px solid var(--line);grid-column:8/-1;padding:clamp(28px,4vw,48px)}.tool-groups article:first-child{border-radius:var(--radius-media);background:var(--bg-soft);border:0;grid-area:1/1/3/8}.tool-groups h3{font-family:var(--display);letter-spacing:-.035em;margin:0 0 30px;font-size:clamp(24px,2.5vw,36px);font-weight:500}.tool-groups ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px;margin:0;padding:0;list-style:none;display:grid}.tool-groups li{border-top:1px solid var(--line);color:var(--muted);padding:12px 0}.contact-section--about h2{max-width:1050px;font-size:clamp(48px,7vw,100px)}.not-found{min-height:calc(100dvh - var(--header-height));flex-direction:column;justify-content:center;padding-block:60px;display:flex}.not-found p{color:var(--accent);margin:0}.not-found h1{font-family:var(--display);letter-spacing:-.06em;margin:18px 0 46px;font-size:clamp(54px,9vw,130px);font-weight:500;line-height:.98}.not-found .button{width:fit-content}.project-card--wide[data-reveal]:not(.is-visible){transform:translate(-30px)}.project-card--tall[data-reveal]:not(.is-visible){transform:translate(30px)}.capability-list article[data-reveal]:not(.is-visible){transform:translate(24px)}@media (width<=960px){:root{--container:min(100% - 40px, 920px)}.hero{padding:0}.hero-copy{max-width:none}.section-heading,.capability-section,.about-approach{grid-template-columns:1fr}.section-heading p{max-width:42em}.capability-intro{position:static}.contact-section--home{grid-template-columns:1fr}.contact-section--home .button{width:fit-content;margin-top:42px}.project-hero-title,.project-hero-details{grid-column:1/-1}.project-hero-layout{grid-template-columns:1fr}.project-hero-details{padding-top:0}.project-hero-summary{max-width:44em}.about-hero{grid-template-columns:1fr;gap:60px;min-height:auto}.about-hero-copy,.about-hero-visual{grid-column:1}.about-hero-visual{min-height:min(68dvh,640px)}.about-approach header{max-width:760px;position:static}.experience-list article{grid-template-columns:minmax(110px,.32fr) 1fr}.experience-body{grid-column:2}}@media (width<=680px){:root{--container:calc(100% - 32px);--header-height:64px}.site-header{grid-template-columns:auto 1fr auto}.brand-name,.header-contact{display:none}.site-header nav{justify-self:end;gap:18px}.hero{min-height:calc(100dvh - var(--header-height));padding:0}.hero:after{background:linear-gradient(90deg,#0c0c0deb 0%,#0c0c0d9e 70%,#0c0c0d42 100%),linear-gradient(#0c0c0d7a 0%,#0c0c0d3d 34%,#0c0c0df5 100%)}.hero-visual img{object-position:62% center}.hero-copy{padding:96px 0 54px}.hero h1{font-size:clamp(42px,11.5vw,56px);line-height:.98}.hero-intro{margin-top:24px}.hero-actions{margin-top:28px}.section-heading{gap:24px}.featured-grid,.work-grid{grid-template-columns:1fr;gap:58px}.project-card,.project-card--wide,.project-card--tall,.work-grid .project-card[data-layout-position]{grid-column:1;margin-top:0}.work-grid .project-card[data-layout-position] .project-image img{aspect-ratio:4/3}.work-grid .project-card[data-layout-position="0"] .project-image img{aspect-ratio:16/10}.project-card[data-reveal]:not(.is-visible),.capability-list article[data-reveal]:not(.is-visible){transform:translateY(20px)}.project-card--tall .project-image img{aspect-ratio:4/3}.project-meta{flex-direction:column;gap:8px}.capability-list article{gap:24px;margin-bottom:30px;padding-bottom:32px}.contact-section{min-height:auto}.contact-section--home h2 br{display:none}.site-footer{grid-template-columns:1fr;gap:32px}.footer-links{align-items:flex-start}.page-intro h1,.about-hero h1{font-size:clamp(44px,12.5vw,62px)}.page-intro{padding-top:64px}.filter-bar{scroll-snap-type:x proximity;scrollbar-width:none;flex-wrap:nowrap;width:calc(100vw - 16px);padding:0 16px 8px 0;overflow-x:auto}.filter-bar::-webkit-scrollbar{display:none}.filter-bar button{scroll-snap-align:start;flex:none}.results-status{margin-bottom:40px}.about-hero{gap:36px;padding:48px 0}.about-hero-visual{min-height:280px}.about-hero-visual img{width:88%;height:78%}.about-hero-visual img:last-child{border-width:6px;width:58%;height:40%}.about-proof{grid-template-columns:1fr;padding-bottom:110px}.about-proof article,.about-proof article+article{border:0;border-top:1px solid var(--line);padding:28px 0}.about-approach h2 br{display:none}.experience-list article{grid-template-columns:1fr;gap:18px}.experience-body{grid-column:1}.tool-groups{grid-template-columns:1fr}.tool-groups article,.tool-groups article:first-child{grid-area:auto/1}.tool-groups ul{grid-template-columns:1fr}.project-hero{padding-top:28px;padding-bottom:96px}.project-hero>.back-link{margin-bottom:42px}.project-hero-layout{gap:38px}.project-hero-title h1{font-size:clamp(46px,14vw,64px)}.project-hero-details dl{grid-template-columns:1fr;gap:24px}.project-cover-stage{margin-top:42px;padding:8px}.project-media-section{width:var(--container);padding:24px}.project-media-heading h2{font-size:clamp(38px,11vw,52px)}.image-gallery{grid-template-columns:minmax(0,1fr);gap:48px}.image-gallery[class*=image-gallery--count-] figure{grid-column:1;margin-top:0}.project-next{align-items:stretch}.next-project-card{grid-template-columns:96px minmax(0,1fr) auto;gap:16px;padding:8px 14px 8px 8px}.next-project-copy>span{display:none}.next-project-copy strong{font-size:24px}.all-projects-link{align-self:center}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}[data-reveal]{opacity:1;transform:none}}:root{--bg:#090b0c;--bg-soft:#111416;--surface:#171b1e;--surface-bright:#20262a;--text:#f2f3ef;--muted:#a5aaa8;--line:#f2f3ef26;--accent:#c4db76;--accent-contrast:#0b0d0e;--radius-media:28px;--radius-control:999px;--container:min(1500px, calc(100vw - 72px));--header-height:64px}html{background:var(--bg);color-scheme:dark}body{background:radial-gradient(circle at 82% 0%, #c4db760f, transparent 34rem), var(--bg);font-size:16px}body:before{opacity:.035}.site-header{z-index:50;width:min(1500px,100vw - 36px);height:var(--header-height);border-radius:var(--radius-control);-webkit-backdrop-filter:blur(22px)saturate(145%);background:#0c0f10b8;border:1px solid #f2f3ef2e;padding:0 12px 0 14px;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:inset 0 1px #ffffff17,0 14px 44px #0003}.brand{letter-spacing:0;gap:11px;font-size:12px}.brand-mark{background:var(--accent);width:38px;height:38px;color:var(--accent-contrast);border-radius:50%}.site-header nav{border-radius:var(--radius-control);background:#ffffff0e;gap:8px;padding:4px}.site-header nav a{border-radius:var(--radius-control);color:var(--muted);padding:7px 15px}.site-header nav a:after{display:none}.site-header nav a:hover,.site-header nav a.active{color:var(--text);background:#f2f3ef1f}.header-contact{background:var(--text);color:var(--bg);border-color:#0000;padding:9px 17px;font-weight:600}.header-contact:hover{background:var(--accent);color:var(--accent-contrast)}.page-works main,.page-about main,.page-detail main{padding-top:114px}.hero{background:var(--surface);border-radius:30px;width:calc(100vw - 24px);min-height:calc(100dvh - 24px);margin:12px;position:relative}.hero:after{background:linear-gradient(90deg,#040607eb 0%,#0406078c 43%,#0406071a 72%),linear-gradient(#0000 45%,#040607e0 100%)}.hero-visual video,.hero-visual img{object-fit:cover;object-position:center;filter:saturate(.92)contrast(1.03);width:100%;height:100%}.hero-copy{flex-direction:column;justify-content:flex-end;min-height:calc(100dvh - 24px);padding:140px 0 clamp(62px,8vh,94px);display:flex}.hero-kicker{color:var(--accent);letter-spacing:.02em;text-transform:none;margin-bottom:22px;font-size:13px;font-weight:600}.hero h1{letter-spacing:-.075em;text-wrap:balance;max-width:1050px;font-size:clamp(64px,8.6vw,132px);font-weight:560;line-height:.88}.hero-intro{color:#f2f3efd1;max-width:28em;margin-top:30px;font-size:clamp(17px,1.4vw,21px)}.hero-actions{margin-top:30px}.button{border-radius:var(--radius-control);min-height:52px;padding:0 24px}.button--solid{background:var(--accent);color:var(--accent-contrast)}.button--solid:hover{background:#d5e99a}.button--ghost{background:#090b0c6b;border-color:#f2f3ef4d}.hero-now-playing{z-index:3;-webkit-backdrop-filter:blur(18px);background:#090b0c80;border:1px solid #f2f3ef33;border-radius:20px;grid-template-columns:1fr auto;min-width:min(330px,32vw);padding:18px 20px;transition:background .22s,transform .22s;display:grid;position:absolute;bottom:clamp(44px,7vh,82px);right:clamp(36px,5vw,76px);box-shadow:inset 0 1px #ffffff14}.hero-now-playing:hover{background:#14181adb;transform:translateY(-4px)}.hero-now-playing span{color:var(--muted);grid-column:1;font-size:12px}.hero-now-playing strong{grid-column:1;margin-top:4px;font-size:20px}.hero-now-playing i{grid-area:1/2/3;align-self:center;font-size:24px;font-style:normal}.selected-work{padding:clamp(120px,14vw,210px) 0;overflow:hidden}.selected-work .section-heading,.selected-work>.text-link{width:var(--container);margin-inline:auto}.section-heading{margin-bottom:64px}.section-heading h2{letter-spacing:-.07em;font-size:clamp(60px,8vw,116px);font-weight:560}.section-heading p{max-width:30em;margin-top:18px;font-size:18px}.featured-rail{scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#f2f3ef47 transparent;gap:22px;width:100%;padding:0 max(36px,50vw - 750px) 28px;display:flex;overflow-x:auto}.featured-rail .project-card{scroll-snap-align:center;flex:0 0 min(76vw,980px);grid-column:auto;margin:0}.project-card{position:relative}.project-image{border-radius:var(--radius-media);background:var(--surface);min-height:100%;position:relative}.project-image:after{content:"";pointer-events:none;background:linear-gradient(#0000 26%,#07090a2e 48%,#07090aeb 100%);position:absolute;inset:0}.project-image img,.project-card--wide .project-image img,.project-card--tall .project-image img,.project-card--rail .project-image img{aspect-ratio:16/10;object-fit:cover;filter:saturate(.9);width:100%}.project-image-secondary{height:100%;position:absolute;inset:0}.project-meta{z-index:2;padding:0;display:block;position:absolute;bottom:clamp(22px,3vw,42px);left:clamp(22px,3vw,44px);right:clamp(22px,3vw,44px)}.project-meta h2{letter-spacing:-.055em;margin-top:8px;font-size:clamp(34px,4vw,68px);font-weight:560;line-height:.98}.project-meta h2 a,.project-card:hover .project-meta h2 a{transform:none}.project-meta p,.project-index{color:#f2f3efb8;margin:0}.project-index{font-size:12px}.project-subtitle{max-width:32em;font-size:15px;margin-top:12px!important}.project-card-arrow{z-index:3;width:50px;height:50px;color:var(--bg);opacity:0;background:#f2f3efe6;border-radius:50%;place-items:center;font-size:21px;transition:transform .26s cubic-bezier(.16,1,.3,1),opacity .18s;display:grid;position:absolute;top:20px;right:20px;transform:translateY(-8px)rotate(-8deg)}.project-card:hover .project-card-arrow{opacity:1;transform:translateY(0)rotate(0)}.text-link{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:54px;padding:22px 0;font-size:clamp(20px,2vw,30px);display:flex}.text-link span{font-size:30px}.capability-section{padding-block:clamp(110px,13vw,190px);display:block}.capability-intro{max-width:900px;margin-bottom:70px}.capability-intro h2{letter-spacing:-.07em;font-size:clamp(56px,7vw,104px);font-weight:560;line-height:.94}.capability-intro p{max-width:34em;margin-top:24px;font-size:18px}.capability-bento{grid-template-rows:repeat(2,minmax(250px,auto));grid-template-columns:repeat(12,minmax(0,1fr));gap:20px;display:grid}.capability-item{border-radius:var(--radius-media);background:var(--surface);border:0;align-items:flex-end;min-height:290px;padding:clamp(26px,3vw,44px);display:flex;position:relative;overflow:hidden}.capability-item--1{grid-area:1/1/3/8;min-height:600px}.capability-item--2,.capability-item--3{grid-column:8/-1}.capability-item--2{background:var(--accent);color:var(--accent-contrast)}.capability-item--3{background:var(--surface-bright)}.capability-item>img{object-fit:cover;filter:saturate(.72)contrast(1.08);width:100%;height:100%;position:absolute;inset:0}.capability-item--1:after{content:"";background:linear-gradient(#0000 35%,#07090af0);position:absolute;inset:0}.capability-item>div{z-index:1;position:relative}.capability-item h3{letter-spacing:-.045em;margin:0 0 14px;font-size:clamp(28px,3vw,46px);font-weight:560}.capability-item p{max-width:30em;color:var(--muted);margin:0}.capability-item--2 p{color:#0b0d0eb8}.home-statement{border-block:1px solid var(--line);padding:30px 0;overflow:hidden}.statement-track{width:max-content;font-family:var(--display);letter-spacing:-.055em;white-space:nowrap;align-items:center;gap:30px;font-size:clamp(46px,6vw,90px);font-weight:520;display:flex}.statement-track i{color:var(--accent);font-style:normal}@media (prefers-reduced-motion:no-preference){.statement-track{animation:24s linear infinite statement-marquee}}@keyframes statement-marquee{to{transform:translate(-50%)}}.contact-section{grid-template-columns:minmax(0,1fr) auto;align-items:end;min-height:72dvh;padding-block:clamp(110px,14vw,200px);display:grid;position:relative}.contact-section>p{color:var(--muted);grid-column:1/-1;align-self:start}.contact-section h2{letter-spacing:-.075em;max-width:1050px;font-size:clamp(62px,8vw,120px);font-weight:550;line-height:.9}.contact-section .button{margin-bottom:8px}.page-intro{padding-top:clamp(64px,7vw,96px);padding-bottom:56px}.page-kicker{color:var(--accent);letter-spacing:0;text-transform:none;margin-bottom:20px;font-size:13px}.page-intro h1{letter-spacing:-.075em;max-width:900px;font-size:clamp(62px,7.6vw,110px);font-weight:560;line-height:.9}.page-intro-copy{margin-top:28px;font-size:19px}.filter-bar{gap:8px;margin-top:44px}.filter-bar button{border-radius:var(--radius-control);background:#f2f3ef0f;min-height:44px;padding:0 16px}.filter-bar button:hover,.filter-bar button.active{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.results-status{border:0;margin-bottom:34px;padding:0}.work-catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding-bottom:clamp(110px,14vw,190px);display:grid}.work-catalog .project-card,.work-catalog .project-card[data-layout-position]{grid-column:auto!important;margin:0!important}.work-catalog .project-image img,.work-catalog .project-card[data-layout-position] .project-image img{aspect-ratio:4/3}.work-catalog .project-meta h2{font-size:clamp(30px,3.5vw,54px)}.about-hero{grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:28px;min-height:calc(100dvh - 130px);padding-block:60px 100px;display:grid}.about-hero-copy{grid-column:1/8;padding-bottom:18px}.about-hero h1{letter-spacing:-.075em;font-size:clamp(58px,6.6vw,96px);font-weight:560;line-height:.9}.about-hero-intro{max-width:36em;margin-top:34px;font-size:19px}.about-hero-visual{grid-column:8/-1;grid-template-columns:1fr .72fr;align-items:end;gap:14px;display:grid}.about-hero-visual img{border-radius:var(--radius-media);width:100%;height:auto;box-shadow:none;object-fit:cover;border:0;position:static}.about-hero-visual img:first-child{aspect-ratio:3/4}.about-hero-visual img:last-child{aspect-ratio:3/4;margin-bottom:62px}.about-proof{grid-template-columns:1.25fr 1fr 1fr;gap:18px;padding-block:0 150px;display:grid}.about-proof article{border-radius:var(--radius-media);background:var(--surface);border:0;min-height:250px;padding:30px}.about-proof article:first-child{background:var(--accent);color:var(--accent-contrast)}.about-proof article:first-child p{color:#0b0d0eb3}.about-proof strong{letter-spacing:-.06em;font-size:clamp(48px,6vw,88px);font-weight:560}.about-approach,.about-experience,.about-tools{padding-block:clamp(100px,12vw,170px)}.about-approach{grid-template-columns:5fr 7fr;gap:8vw;display:grid}.about-approach header{align-self:start;position:sticky;top:120px}.about-approach h2,.about-experience h2,.about-tools h2{letter-spacing:-.065em;font-size:clamp(48px,6vw,86px);font-weight:560;line-height:.95}.about-approach-list{gap:18px;display:grid}.about-approach-list article{border-radius:var(--radius-media);background:var(--surface);border:0;min-height:240px;padding:34px}.about-approach-list article:nth-child(2){background:var(--accent);color:var(--accent-contrast)}.about-approach-list article:nth-child(2) p{color:#0b0d0eb3}.about-approach-list h3{font-size:clamp(28px,3vw,44px)}.about-experience header,.about-tools header{max-width:880px;margin-bottom:70px}.experience-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.experience-list article{border-radius:var(--radius-media);background:var(--surface);border:0;flex-direction:column;min-height:310px;padding:30px;display:flex}.experience-body{margin-top:auto}.tool-groups{grid-template-columns:1.25fr 1fr;gap:18px;display:grid}.tool-groups article,.tool-groups article:first-child{border-radius:var(--radius-media);background:var(--surface);border:0;grid-area:auto;min-height:260px;padding:32px}.tool-groups article:first-child{background:var(--surface-bright);grid-row:span 2}.tool-groups ul{flex-wrap:wrap;gap:8px;display:flex}.tool-groups li{border:1px solid var(--line);border-radius:var(--radius-control);padding:8px 13px}.project-hero{padding-top:64px;padding-bottom:clamp(110px,14vw,190px)}.project-hero>.back-link{border:1px solid var(--line);border-radius:var(--radius-control);margin-bottom:60px;padding:9px 15px}.project-hero-layout{gap:28px}.project-hero-title{grid-column:1/8}.project-hero-title>p{color:var(--accent)}.project-hero-title h1{letter-spacing:-.08em;font-size:clamp(74px,10vw,150px);font-weight:560;line-height:.86}.project-hero-title h2{max-width:20em;font-size:clamp(22px,2.4vw,34px)}.project-hero-details{grid-column:9/-1}.project-cover-stage{background:var(--surface);border-radius:36px;margin-top:70px;padding:10px}.project-cover-surface{border-radius:var(--radius-media)}.project-cover-surface img{object-fit:cover;width:100%;min-height:68dvh;max-height:88dvh}.project-media-section{border-radius:36px;margin-bottom:clamp(110px,14vw,190px);padding:clamp(40px,6vw,84px)}.project-video-section{background:#15191c}.project-image-section{background:#0f1214}.project-media-heading{max-width:720px;margin-bottom:60px}.project-media-heading h2{letter-spacing:-.07em;font-size:clamp(54px,7vw,100px);font-weight:560}.video-player-shell,.image-surface{border-radius:var(--radius-media)}.image-gallery{gap:70px 28px}.next-project-card{border-radius:var(--radius-media);background:var(--surface);grid-template-columns:180px minmax(0,1fr) auto;max-width:980px;padding:12px 24px 12px 12px}.next-project-card img{border-radius:18px}.next-project-copy strong{font-size:clamp(30px,4vw,58px)}.site-footer{width:var(--container);border-top:1px solid var(--line);padding:64px 0 40px}.footer-title{font-size:clamp(28px,3vw,44px)}[data-reveal]{opacity:0;transition:opacity .72s cubic-bezier(.16, 1, .3, 1) var(--delay,0s), transform .72s cubic-bezier(.16, 1, .3, 1) var(--delay,0s);transform:translateY(28px)}[data-reveal].is-visible{opacity:1;transform:translateY(0)}@media (width<=960px){:root{--container:calc(100vw - 32px)}.site-header{width:calc(100vw - 20px);top:10px}.brand-name,.header-contact{display:none}.site-header{grid-template-columns:auto 1fr}.site-header nav{justify-self:end}.site-header nav a{padding-inline:12px}.page-works main,.page-about main,.page-detail main{padding-top:88px}.hero{border-radius:24px;width:calc(100vw - 12px);min-height:calc(100dvh - 12px);margin:6px}.hero:after{background:linear-gradient(#0406071f 0%,#04060780 42%,#040607f2 100%)}.hero-copy{min-height:calc(100dvh - 12px);padding:116px 0 64px}.hero h1{font-size:clamp(38px,10vw,54px);line-height:.92}.hero-intro{max-width:22em;font-size:16px}.hero-now-playing{display:none}.section-heading h2,.page-intro h1,.about-hero h1{font-size:clamp(46px,12vw,66px)}.featured-rail{gap:14px;padding-inline:16px}.featured-rail .project-card{flex-basis:88vw}.project-image img,.project-card--rail .project-image img{aspect-ratio:4/5}.project-meta h2{font-size:clamp(34px,10vw,48px)}.project-subtitle,.project-card-arrow{display:none}.capability-intro h2,.contact-section h2{font-size:clamp(52px,14vw,74px)}.capability-bento{grid-template-rows:auto;grid-template-columns:1fr}.capability-item--1,.capability-item--2,.capability-item--3{grid-area:auto/1;min-height:320px}.capability-item--1{min-height:520px}.contact-section{flex-direction:column;justify-content:space-between;align-items:flex-start;min-height:70dvh;display:flex}.contact-section .button{margin-top:36px}.work-catalog{grid-template-columns:1fr}.work-catalog .project-image img,.work-catalog .project-card[data-layout-position] .project-image img{aspect-ratio:4/3}.about-hero{flex-direction:column;min-height:0;padding-block:50px 100px;display:flex}.about-hero-visual{width:100%;margin-top:40px}.about-proof,.experience-list,.tool-groups{grid-template-columns:1fr}.about-proof article{min-height:190px}.about-approach{display:block}.about-approach header{margin-bottom:48px;position:static}.tool-groups article:first-child{grid-row:auto}.project-hero{padding-top:46px}.project-hero-layout{grid-template-columns:1fr}.project-hero-title,.project-hero-details{grid-column:1}.project-hero-title h1{font-size:clamp(58px,16vw,82px)}.project-cover-stage{border-radius:30px;margin-top:50px;padding:7px}.project-cover-surface img{min-height:54dvh}.project-media-section{width:var(--container);border-radius:30px;padding:24px}.image-gallery{grid-template-columns:minmax(0,1fr);gap:48px}.image-gallery[class*=image-gallery--count-] figure{grid-column:1;margin-top:0}.next-project-card{grid-template-columns:94px minmax(0,1fr) auto}.next-project-copy strong{font-size:25px}.next-project-copy>span{display:none}.site-footer{grid-template-columns:1fr;gap:44px}}@media (prefers-reduced-motion:reduce){.statement-track{animation:none}[data-reveal]{opacity:1;transition:none;transform:none}}@media (prefers-reduced-transparency:reduce){.site-header,.hero-now-playing{-webkit-backdrop-filter:none;background:#111416}}