@font-face{font-family:Anton;src:url(./Anton-Regular-DDTWnLuj.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--ink:#151612;--surface:#20211b;--paper:#eeeee5;--muted:#a6a89b;--lime:#d7f65b;--line:#37392f;--display:"Anton", Impact, "Arial Narrow", sans-serif;--body:"Helvetica Neue", Helvetica, Arial, sans-serif;--mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{background:var(--ink);color:var(--paper);font:16px/1.55 var(--body);margin:0}::selection{background:var(--lime);color:var(--ink)}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,summary,input{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--lime);outline-offset:6px}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--display);letter-spacing:-.015em;font-weight:400;line-height:.98}em{font-family:Georgia,Times New Roman,serif;font-weight:400}[hidden]{display:none!important}.container{width:min(1400px,100% - 96px);margin-inline:auto}.skip-link{z-index:100;background:var(--lime);color:var(--ink);padding:12px 20px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:12px}.eyebrow,.hero-eyebrow,.hero-caption,.hero-visual-top,.project-index,.portrait-caption,.skill-number,.footer-inner p,.project-type,.project-data dt{font:11px/1.5 var(--mono);letter-spacing:.07em}.eyebrow{margin-bottom:24px}.navbar{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);background:#151612f0;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;gap:24px;min-height:92px;display:flex}.nav-brand{align-items:center;gap:18px;display:flex}.brand-mark{letter-spacing:-5px;font-size:48px;font-weight:900;line-height:1;position:relative}.brand-mark>span{color:var(--lime);letter-spacing:0;font-size:13px;position:absolute;top:0;right:-13px}.brand-name{font:10px/1.25 var(--mono);letter-spacing:.08em;margin-left:8px}.nav-menu{align-items:center;gap:38px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.nav-menu a{align-items:center;gap:7px;padding:12px 0;transition:color .2s;display:inline-flex}.nav-menu a:hover{color:var(--lime)}sup{font:9px var(--mono)}.nav-menu .nav-contact{border:1px solid #6e7163;border-radius:40px;gap:28px;padding:10px 20px}.nav-contact span{font-size:20px}.hero{padding-top:32px}.hero-eyebrow,.hero-caption{color:var(--muted);justify-content:space-between;gap:20px;display:flex}.hero-eyebrow>span:first-child{align-items:center;gap:10px;display:flex}.status-dot{background:var(--lime);border-radius:50%;width:6px;height:6px;box-shadow:0 0 12px #d7f63560}.hero-first{padding:34px 0 38px;position:relative}.hero h1{letter-spacing:-.012em;font-size:clamp(70px,11.6vw,168px);line-height:.92}.hero h1>span{color:var(--lime)}.hero-aside{width:235px;position:absolute;top:28px;right:2%}.hero-aside svg{width:63px;height:63px;color:var(--lime);float:right;animation:24s linear infinite rotate}.hero-aside p{color:var(--muted);padding-top:6px;font-size:14px;line-height:1.5}.hero-aside a{gap:25px;margin-top:22px;font-size:12px;display:flex}.hero-aside a span{color:var(--lime);font-size:20px}.hero-visual{background:var(--surface);height:clamp(300px,28vw,440px);display:block;position:relative;overflow:hidden}.hero-visual>img{object-fit:cover;object-position:50% 57%;width:100%;height:100%;transition:transform 1s cubic-bezier(.2,.7,.2,1)}.hero-visual:hover>img{transform:scale(1.025)}.hero-visual:after{content:"";pointer-events:none;background:linear-gradient(#00000026,#0000 45%,#000000a6);position:absolute;inset:0}.hero-visual-top,.hero-visual-bottom{z-index:1;justify-content:space-between;align-items:center;display:flex;position:absolute;left:26px;right:26px}.hero-visual-top{font-size:10px;top:22px}.viewfinder{font-size:22px}.hero-visual-bottom{bottom:26px}.hero-visual-bottom>span:first-child{font:32px/.98 var(--display)}.hero-visual-bottom em{font-size:28px}.hero-circle{background:var(--lime);width:66px;height:66px;color:var(--ink);border-radius:50%;place-items:center;font-size:33px;transition:transform .3s;display:grid}.hero-visual:hover .hero-circle{transform:rotate(45deg)}.hero-caption{margin:15px 0 55px;font-size:9px}.motion-toggle{color:var(--muted);font:inherit;text-transform:uppercase;cursor:pointer;background:0 0;border:0;padding:0}.motion-toggle:hover{color:var(--lime)}.motion-paused *,.motion-paused :before,.motion-paused :after{animation-play-state:paused!important}.ticker{background:var(--lime);color:var(--ink);margin:10px 0;padding:15px 0;overflow:hidden;transform:skewY(-1.5deg)}.ticker-track{width:max-content;animation:35s linear infinite ticker;display:flex}.ticker-track span{white-space:pre;font:34px/1.2 var(--display);letter-spacing:.01em;flex:none}.work-section,.skills-section{padding-block:115px}.section-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:44px;display:flex}.section-heading h2{font-size:clamp(58px,7.4vw,108px)}.outline-text{color:#0000;-webkit-text-stroke:1px var(--paper)}.section-intro{color:var(--muted);width:270px;padding-bottom:7px;font-size:14px}.work-toolbar{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:24px 0 32px;display:flex}.work-toolbar .eyebrow{color:var(--muted);margin:0}.portfolio-filters{flex-wrap:wrap;gap:9px;display:flex}.filter-btn{cursor:pointer;color:var(--paper);background:0 0;border:1px solid #515446;border-radius:30px;padding:9px 18px;font-size:12px;transition:background .2s,color .2s,border-color .2s}.filter-btn sup{margin-left:10px}.filter-btn:hover{border-color:var(--lime)}.filter-btn.active{background:var(--lime);color:var(--ink);border-color:var(--lime)}.project-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:46px 24px;display:grid}.project-card{grid-column:span 6;min-width:0}.project-card.compact{grid-column:span 4}.project-grid.is-filtered .project-card{grid-column:span 6}.project-image{aspect-ratio:1.55;background:#292a24;position:relative;overflow:hidden}.project-image img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.2,.7,.2,1),filter .6s}.kendrick .project-image img{transform:scale(1.12)}.redbull .project-image{background:#828dcc}.redbull .project-image img{object-fit:contain}.compact .project-image{aspect-ratio:1.3}.project-link:hover .project-image img{transform:scale(1.045)}.kendrick .project-link:hover img{transform:scale(1.17)}.project-index{background:var(--paper);color:var(--ink);text-transform:uppercase;padding:6px 11px;font-size:9px;position:absolute;top:16px;left:16px}.project-open{background:var(--paper);width:48px;height:48px;color:var(--ink);border-radius:50%;place-items:center;font-size:27px;transition:background .2s,transform .3s;display:grid;position:absolute;bottom:16px;right:16px}.project-link:hover .project-open{background:var(--lime);transform:rotate(45deg)}.project-heading{justify-content:space-between;align-items:baseline;gap:12px;margin-top:17px;display:flex}.project-heading h3{letter-spacing:-.045em;font-size:clamp(20px,2vw,29px);font-weight:500;line-height:1.2}.project-heading>span{font:9px var(--mono);color:var(--muted);text-align:right;flex-shrink:0}.project-link>p{color:var(--muted);margin-top:5px;font-size:12px}.about-teaser{background:var(--paper);color:var(--ink);padding-block:100px}.about-teaser-grid{grid-template-columns:1fr 1.15fr;align-items:center;gap:12%;display:grid}.portrait-wrap{position:relative}.portrait-wrap>img{aspect-ratio:.87;object-fit:cover;object-position:58% 50%;filter:grayscale();width:100%}.portrait-caption{margin-top:16px;font-size:9px;display:block}.portrait-sticker{background:var(--lime);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:7px;width:120px;height:120px;display:flex;position:absolute;top:-35px;right:-35px;transform:rotate(12deg)}.portrait-sticker svg{width:32px;height:32px}.portrait-sticker>span{font:10px/1.15 var(--mono);text-align:center}.about-teaser h2{font-size:clamp(50px,5.6vw,80px)}.about-teaser h2 em{font-size:.85em;line-height:1.1}.about-teaser-copy>p:not(.eyebrow){color:#53564a;max-width:420px;margin:30px 0;font-size:15px}.pill-link{border:1px solid;border-radius:40px;align-items:center;gap:60px;padding:12px 23px;font-size:13px;display:inline-flex}.pill-link:hover{background:var(--ink);color:var(--paper)}.pill-link span{font-size:23px}.section-star{width:130px;color:var(--lime)}.skill-list{border-top:1px solid var(--line)}.skill-row{border-bottom:1px solid var(--line);padding-block:28px}.skill-row summary{cursor:pointer;grid-template-columns:45px 1fr auto 35px;align-items:center;gap:20px;list-style:none;display:grid}.skill-row summary::-webkit-details-marker{display:none}.skill-number{color:var(--muted)}.skill-row h3{letter-spacing:-.04em;font-size:clamp(24px,3.4vw,46px);font-weight:400;line-height:1.1}.skill-tools{font:10px var(--mono);color:var(--muted)}.skill-plus{color:var(--lime);text-align:right;font-size:27px;transition:transform .2s}.skill-row[open] .skill-plus{transform:rotate(45deg)}.skill-row[open] h3{color:var(--lime)}.skill-row>p{max-width:600px;color:var(--muted);margin:20px 0 0 65px;font-size:14px}.contact-section{background:var(--lime);color:var(--ink);padding-block:80px 55px}.contact-headline{font:clamp(60px, 10.5vw, 148px)/.95 var(--display);letter-spacing:-.025em;display:block;position:relative}.contact-headline em{font-size:.92em}.contact-headline>span{font:1.2em/1 var(--body);transition:transform .3s;position:absolute;top:0;right:2%}.contact-headline:hover>span{transform:translate(6px,-6px)}.contact-bottom{border-top:1px solid #15161240;justify-content:space-between;align-items:flex-end;gap:30px;margin-top:50px;padding-top:50px;font-size:14px;display:flex}.contact-bottom>div{text-align:right;flex-direction:column;gap:8px;display:flex}.contact-bottom a:hover{text-underline-offset:5px;text-decoration:underline}.footer{padding-block:30px}.footer-inner{justify-content:space-between;align-items:center;gap:25px;display:flex}.footer-name{font:22px var(--display)}.footer-name span{color:var(--lime);font:12px var(--body);vertical-align:top;margin-left:4px}.footer-inner p{color:var(--muted);font-size:10px}.footer-inner>a:last-child{font-size:11px}.detail-main{padding-top:36px}.back-link{color:var(--muted);font:11px var(--mono);align-items:center;gap:10px;padding:10px 0;display:inline-flex}.back-link:hover{color:var(--lime)}.detail-heading{justify-content:space-between;align-items:flex-end;gap:30px;margin:48px 0 38px;display:flex}.detail-heading h1{text-transform:uppercase;max-width:950px;font-size:clamp(55px,8vw,110px)}.project-type{color:var(--lime);text-transform:uppercase;margin-bottom:16px}.detail-heading .eyebrow{color:var(--muted);white-space:nowrap}.video-stage{border:1px solid var(--line);background:#0a0b09;padding:36px}.video-wrapper{aspect-ratio:16/9;background:#000;width:100%;max-width:1120px;margin:auto;position:relative}.video-wrapper.short{aspect-ratio:9/16;max-width:420px}.video-wrapper iframe{border:0;width:100%;height:100%;display:block}.project-description{grid-template-columns:1.25fr 1fr;gap:12%;padding:45px 0 65px;display:grid}.project-description h2{font:28px var(--body);letter-spacing:-.035em;margin-bottom:18px}.project-description p{color:var(--muted);max-width:560px;font-size:15px}.project-data{margin:0}.project-data>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:20px;padding:13px 0;display:flex}.project-data dt{color:var(--muted);text-transform:uppercase}.project-data dd{text-align:right;margin:0;font-size:12px}.source-btn{border-bottom:1px solid var(--muted);margin-top:20px;padding-bottom:5px;font-size:12px;display:inline-block}.next-project{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;margin-bottom:60px;padding:32px 0;display:flex}.next-project .eyebrow{color:var(--muted);margin-bottom:10px}.next-project strong{font:clamp(32px, 5vw, 64px) var(--display);text-transform:uppercase}.next-project>span:last-child{color:var(--lime);font-size:50px}.next-project:hover strong{color:var(--lime)}.comparison{aspect-ratio:3/2;background:var(--surface);--split:50%;position:relative;overflow:hidden}.comparison img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.comparison-before{clip-path:inset(0 calc(100% - var(--split)) 0 0)}.comparison-divider{top:0;bottom:0;left:var(--split);background:var(--paper);pointer-events:none;width:2px;position:absolute;transform:translate(-50%)}.comparison-divider:after{content:"↔";background:var(--lime);width:55px;height:55px;color:var(--ink);border-radius:50%;place-items:center;font-size:26px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.comparison input{opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;top:0;left:0}.comparison:focus-within{outline:3px solid var(--lime);outline-offset:6px}.comparison-label{background:var(--ink);color:var(--paper);font:10px var(--mono);pointer-events:none;padding:7px 13px;position:absolute;top:18px}.comparison-label.before{left:18px}.comparison-label.after{right:18px}.comparison-hint{color:var(--muted);font:10px var(--mono);margin-top:14px}.about-page-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:9%;padding:65px 0 90px;display:grid}.about-page-copy{min-width:0}.about-page-grid .portrait-sticker{top:-15px;right:-14px}.about-page-grid .portrait-wrap{margin-top:15px}.about-page-copy h1{margin:20px 0 32px;font-size:clamp(62px,7.5vw,110px)}.about-page-copy>p:not(.eyebrow){color:var(--muted);max-width:520px;margin-bottom:20px}.about-page-copy .pill-link{color:var(--lime);margin-top:20px}.about-page-copy .pill-link:hover{background:var(--lime);color:var(--ink)}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes ticker{to{transform:translate(-50%)}}@media (width>=1500px){.hero h1{font-size:180px}}@media (width<=1050px){.container{width:calc(100% - 56px)}.hero-aside{width:200px;top:25px;right:0}.hero-aside svg{width:42px;height:42px}.hero-aside p{font-size:12px}.hero-aside a{margin-top:13px}.project-heading{flex-wrap:wrap;gap:5px}.project-heading>span{font-size:9px}.about-teaser-grid{gap:9%}.skill-tools{text-align:right;max-width:150px;line-height:1.5}}@media (width<=700px){html{scroll-padding-top:90px}.container{width:calc(100% - 40px)}.nav-inner{gap:18px;min-height:76px}.brand-name{display:none}.brand-mark{font-size:39px}.nav-menu{gap:20px;font-size:11px}.nav-menu .nav-contact{gap:12px;padding:6px 11px}.nav-menu sup{display:none}.hero{padding-top:24px}.hero-eyebrow{font-size:8px}.hero-eyebrow>span:last-child{display:none}.hero-first{padding-block:28px}.hero h1{font-size:clamp(58px,14.6vw,103px)}.hero-aside{justify-content:space-between;align-items:center;gap:25px;width:auto;margin-top:24px;display:flex;position:static}.hero-aside svg{flex-shrink:0;width:45px;height:45px}.hero-aside p{margin-right:auto;padding:0;font-size:11px}.hero-aside a{gap:10px;max-width:110px;margin:0;font-size:10px}.hero-visual{height:300px}.hero-visual>img{object-position:63% 60%}.hero-visual-top,.hero-visual-bottom{left:17px;right:17px}.hero-visual-top{font-size:8px}.hero-visual-top>span:last-child{display:none}.hero-visual-bottom>span:first-child{font-size:26px}.hero-visual-bottom em{font-size:23px}.hero-circle{width:50px;height:50px;font-size:26px}.hero-caption{margin-bottom:40px;font-size:8px}.hero-caption>span:last-child{display:none}.ticker{padding-block:12px}.ticker-track span{font-size:27px}.work-section,.skills-section{padding-block:70px}.section-heading{align-items:flex-start;gap:20px;margin-bottom:32px}.section-heading h2{font-size:60px}.section-intro{display:none}.eyebrow{margin-bottom:20px;font-size:9px}.work-toolbar{padding-top:20px}.work-toolbar>.eyebrow{display:none}.portfolio-filters{gap:7px}.filter-btn{padding:8px 12px;font-size:11px}.filter-btn sup{margin-left:5px;font-size:8px}.project-grid{gap:30px 18px}.project-card,.project-card.compact,.project-grid.is-filtered .project-card{grid-column:span 12}.project-image,.compact .project-image{aspect-ratio:1.45}.project-heading{flex-wrap:nowrap}.project-heading h3{font-size:24px}.project-index{top:12px;left:12px}.project-open{width:42px;height:42px;font-size:23px}.about-teaser{padding-block:65px}.about-teaser-grid{grid-template-columns:1fr;gap:45px}.portrait-wrap{width:calc(100% - 25px);max-width:420px}.portrait-sticker{width:100px;height:100px;top:-20px;right:-25px}.portrait-wrap>img{aspect-ratio:1.05;object-position:50% 42%}.about-teaser h2{font-size:63px}.about-teaser-copy>p:not(.eyebrow){font-size:14px}.section-star{width:65px;padding-top:35px}.skill-row{padding-block:23px}.skill-row summary{grid-template-columns:23px 1fr 22px;gap:14px}.skill-tools{display:none}.skill-row h3{font-size:26px}.skill-row>p{margin-left:37px;font-size:13px}.contact-section{padding-block:55px 35px}.contact-headline{font-size:clamp(53px,11.4vw,80px)}.contact-headline>span{font-size:.85em;top:1em;right:0}.contact-bottom{flex-direction:column;align-items:flex-start;margin-top:30px;padding-top:25px;font-size:13px}.contact-bottom>div{text-align:left}.footer-inner{flex-wrap:wrap;gap:18px}.footer-name{width:100%;font-size:25px}.footer-inner>a:last-child{margin-left:auto}.detail-main{padding-top:22px}.detail-heading{flex-direction:column;align-items:flex-start;gap:15px;margin-top:28px}.detail-heading h1{overflow-wrap:anywhere;font-size:clamp(48px,11vw,75px)}.detail-heading .eyebrow{margin:0}.video-stage{margin-inline:-10px;padding:10px}.project-description{grid-template-columns:1fr;gap:30px;padding-block:30px 45px}.next-project{margin-bottom:30px}.comparison-divider:after{width:40px;height:40px;font-size:22px}.comparison-label{padding:5px 9px;font-size:9px;top:12px}.about-page-grid{grid-template-columns:1fr;gap:50px;padding-block:30px 60px}.about-page-copy h1{font-size:clamp(60px,16vw,78px)}}@media (width<=360px){.nav-menu{gap:12px}.nav-menu .nav-contact{border:0;gap:5px;padding-inline:0}.filter-btn{padding-inline:10px}.filter-btn sup{display:none}.hero h1{font-size:14.2vw}.project-heading h3{font-size:21px}.about-teaser h2{font-size:54px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}
