@font-face{font-family:General;src:url('/assets/JA3IZUEMJ2J6WWT2OQVJOAWDXO3YL4YG.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:General;src:url('/assets/SB2OEB6IKZPRR6JT4GFJ2TFT6HBB6AZN.woff2') format('woff2');font-weight:500;font-display:swap}@font-face{font-family:General;src:url('/assets/3ZLMEXZEQPLTEPMHTQDAUXP5ZZXCZAEN.woff2') format('woff2');font-weight:600;font-display:swap}@font-face{font-family:General;src:url('/assets/NIQ54PVBBIWVK3PFSOIOUJSXIJ5WTNDP.woff2') format('woff2');font-weight:700;font-display:swap}@font-face{font-family:Mono;src:url('/assets/4iCr6K5wfMRRjxp0DA6-2CLnB4NHhg.woff2');font-display:swap}
:root{--paper:#fcf9f5;--ink:#2e2a14;--muted:#777972;--orange:#f6440e;--line:#2d301e26;--gutter:120px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:60px}body{margin:0;background:var(--paper);color:var(--ink);font:500 16px/1.3 General,Arial,sans-serif;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}::selection{background:var(--orange);color:white}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}button:focus-visible,a:focus-visible{outline:2px solid currentColor;outline-offset:6px}h1,h2,h3,p,figure,blockquote{margin:0}h1,h2,h3{font-weight:700}h1,h2{letter-spacing:-.055em;line-height:1.02}img{display:block;max-width:100%;height:auto}button img{width:100%}.wrap{width:100%;max-width:1600px;margin-inline:auto;padding-inline:var(--gutter)}.section-space{margin-top:180px}.big-copy{font-size:clamp(38px,4.45vw,72px);font-weight:600;line-height:1.08;letter-spacing:-.05em}.muted{color:var(--muted)}.text-link{color:var(--orange);font-weight:700;display:inline-block}.text-link::after{content:'';display:block;width:0;height:1px;background:currentColor;transition:width .3s}.text-link:hover::after{width:100%}.skip{position:fixed;top:-100px;left:100px;z-index:100;background:var(--orange);color:white;padding:16px}.skip:focus{top:10px}.left-rail{position:fixed;top:0;bottom:0;left:0;width:80px;border-right:1px solid var(--line);z-index:40;pointer-events:none}.left-rail a{position:absolute;bottom:60px;left:28px;writing-mode:vertical-rl;transform:rotate(180deg);font-size:24px;font-weight:700;pointer-events:auto;white-space:nowrap}.left-rail a:hover{color:var(--orange)}.brand-rail{position:fixed;right:40px;top:85px;writing-mode:vertical-rl;transform:rotate(180deg);font-size:24px;font-weight:700;z-index:50;transition:color .3s}.menu-toggle{position:fixed;right:32px;top:28px;width:42px;height:42px;z-index:70;display:flex;align-items:center;justify-content:center}.menu-toggle span{position:absolute;width:22px;height:2px;background:currentColor;transition:transform .35s}.menu-toggle span+span{transform:rotate(90deg)}.menu-open .menu-toggle span{transform:rotate(45deg)}.menu-open .menu-toggle span+span{transform:rotate(135deg)}.menu-panel{position:fixed;inset:0;z-index:60;background:var(--orange);color:var(--paper);padding:70px max(10vw,100px);display:flex;flex-direction:column;justify-content:center;clip-path:inset(0 0 100% 0);visibility:hidden;transition:clip-path .65s cubic-bezier(.76,0,.24,1),visibility .65s}.menu-open .menu-panel{clip-path:inset(0);visibility:visible}.menu-panel nav{display:flex;flex-direction:column;align-items:flex-start}.menu-panel nav a{font-weight:600;font-size:clamp(36px,5.5vw,80px);line-height:1.12;letter-spacing:-.05em;transition:transform .3s,opacity .3s}.menu-panel nav a:hover{transform:translateX(18px);opacity:.75}.menu-panel sup{font-size:14px;letter-spacing:0;vertical-align:top;line-height:3}.menu-email{margin-top:32px;font-size:20px}.hero{height:min(69.4vw,1110px);min-height:790px;position:relative;overflow:hidden;padding-top:42px}.hero-role{font-size:16px;position:relative;z-index:3}.hero h1{position:relative;z-index:3;margin-top:65px;font-size:36px;letter-spacing:-.05em;max-width:450px}.hero h1 span{color:var(--muted)}.hero-name{position:absolute;top:24.4%;left:calc(var(--gutter) - 8px);right:75px;line-height:.84;font-size:clamp(150px,25.4vw,406px);font-weight:700;color:var(--orange);letter-spacing:-.085em;white-space:nowrap;z-index:1}.hero-person{position:absolute;bottom:0;right:7.4%;width:66%;max-width:none;z-index:2;pointer-events:none;transform-origin:bottom center;animation:hero-in 1.2s cubic-bezier(.2,.8,.2,1) both}.hero-intro{position:absolute;z-index:4;top:61%;left:var(--gutter);width:255px}.hero-intro p{margin-bottom:14px}.intro{margin-top:160px}.intro .big-copy{max-width:1170px}.services{margin-top:120px}.service{display:flex;align-items:center;justify-content:space-between;min-height:200px;gap:40px;margin-bottom:0}.service-content{width:67%;display:grid;grid-template-columns:1fr 1.6fr;gap:40px;border-bottom:1px solid var(--line);padding:40px 0}.service-content h2{font-size:42px}.service-detail p{max-width:340px;color:var(--muted);margin-bottom:22px}.service-detail ul{display:flex;gap:5px 16px;list-style:none;padding:0;margin:0;flex-wrap:wrap;font-size:14px}.service-art{position:relative;width:180px;height:145px;display:grid;place-items:center}.service-art svg{position:absolute;width:34px;fill:none;stroke:var(--muted);stroke-width:2;opacity:.2}.service-art canvas{width:180px;height:145px;opacity:.75}.showreel{margin-top:160px}.reel-open{position:relative;display:block;padding:0;width:100%;overflow:hidden}.reel-open>img{width:100%;transition:transform .9s cubic-bezier(.2,.8,.2,1)}.reel-open:hover>img{transform:scale(1.035)}.reel-date{position:absolute;left:0;top:0;text-align:left;background:var(--paper);padding:18px 16px 18px 0;font-size:30px;line-height:.8;letter-spacing:-.06em;font-weight:700}.reel-date small{display:block;font-size:7px;letter-spacing:0;margin-top:8px}.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;width:90px;height:90px;background:#f6440e26;backdrop-filter:blur(8px);display:grid;place-items:center;color:var(--orange);transition:background .3s,transform .3s}.reel-open:hover .play{background:var(--orange);color:white;transform:translate(-50%,-50%) scale(1.1)}.reel-label{position:absolute;right:0;bottom:0;background:var(--paper);color:var(--orange);padding:6px 0 0 6px;font-size:16px;font-weight:700}.brands{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.brands h2{font-size:40px;max-width:510px}.logo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.logo-grid>div{aspect-ratio:1;display:grid;place-items:center;border:1px solid var(--line);transition:background .3s}.logo-grid>div:hover{background:#f6440e0a}.logo-grid img{width:65%;max-height:38px;object-fit:contain;opacity:.75}.section-title{display:flex;align-items:baseline;gap:25px;margin-bottom:65px}.section-title h2{font-size:48px}.section-title p{margin-top:10px;color:var(--muted);font-size:18px;font-weight:600}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px 20px;align-items:start}.project-card{display:block;min-width:0}.project-image{position:relative;overflow:hidden}.project-image>img{width:100%;height:auto;transform:scale(var(--image-scale,1.08));transition:transform .45s ease-out;will-change:transform}.project-image .project-arrow{position:absolute;right:18px;bottom:18px;width:48px;height:48px;background:var(--paper);color:var(--orange);display:grid;place-items:center;border-radius:50%;font-size:26px;opacity:0;transform:translate(-10px,10px);transition:.35s}.project-caption{padding:24px 16px 0;max-width:95%}.project-caption h3{font-size:20px;font-weight:600;letter-spacing:-.03em}.project-caption p{font-size:18px;color:var(--muted);margin-top:2px;line-height:1.3;transition:opacity .35s,transform .35s}.project-card:hover .project-arrow,.project-card:focus-visible .project-arrow{opacity:1;transform:none}.project-card:hover .project-image>img{filter:saturate(1.1)}.resume>h2{max-width:900px;margin-bottom:100px}.experience{display:grid;grid-template-columns:1fr 1fr;gap:40px 55px}.experience-row{display:grid;grid-template-columns:1fr 1.3fr;gap:25px;border-top:1px solid var(--line);padding-top:25px}.experience-row h3{font-size:18px;line-height:1.15}.experience-row p{margin-top:6px}.experience-row .muted{font-size:14px}.experience-description{color:var(--muted);font-size:16px;line-height:1.4}.resume-links{margin-top:60px;display:flex;flex-direction:column;align-items:flex-start;gap:5px}.resume-links>a:last-child{color:var(--muted)}.testimonials{display:grid;grid-template-columns:1fr 2fr;gap:50px 70px}.testimonial-meta h3{font-size:20px;font-weight:600}.testimonial-meta p{color:var(--muted);margin-top:6px;max-width:220px}.testimonials blockquote{font-size:46px;line-height:1.1;transition:opacity .2s,transform .2s}.quote-controls{display:flex;gap:4px;align-items:center;grid-column:1/-1}.quote-controls button,.reel-controls button{display:grid;place-items:center;width:48px;height:48px;color:white;background:var(--orange);font-size:26px;transition:background .3s}.quote-controls button:hover{background:var(--ink)}.quote-controls span{margin-left:20px;color:var(--muted);font-size:12px}.articles{margin-bottom:180px}.articles .section-title{justify-content:space-between}.article-card{display:grid;grid-template-columns:184px 1fr 36px;gap:22px;align-items:center;padding:10px 0;border-top:1px solid transparent;transition:border .3s}.article-thumb{overflow:hidden;aspect-ratio:1}.article-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.article-card:hover .article-thumb img{transform:scale(1.07)}.article-text>p{font-size:16px;color:var(--muted);margin-bottom:12px}.article-text h3{font-size:30px;line-height:1.15;letter-spacing:-.04em;max-width:800px}.article-arrow{font-size:30px;color:var(--orange);opacity:0;transform:translate(-8px,8px);transition:.3s}.article-card:hover .article-arrow{opacity:1;transform:none}footer{position:relative;min-height:800px;background:var(--orange);color:var(--paper);padding:0 var(--gutter);margin-top:180px;overflow:hidden}.footer-inner{max-width:1360px;margin:auto;padding-top:330px;padding-bottom:55px}.footer-inner>p{font-size:16px}.footer-email{display:block;font-size:clamp(50px,6.1vw,98px);font-weight:600;letter-spacing:-.065em;line-height:1.1;margin-top:120px;white-space:nowrap}.footer-email:hover{opacity:.75}.footer-bottom{display:flex;align-items:end;justify-content:space-between;margin-top:110px;gap:40px}.footer-bottom nav{display:flex;align-items:end;gap:60px}.footer-bottom nav>div{display:flex;flex-direction:column;gap:7px}.footer-bottom a:hover{text-decoration:underline}.credit{font-size:12px;text-align:right;opacity:.85}.pixel-edge{position:absolute;left:0;top:0;width:320px;height:120px;background:linear-gradient(135deg,var(--paper) 0%,transparent 75%);clip-path:polygon(0 0,100% 0,100% 16%,87% 16%,87% 32%,68% 32%,68% 50%,50% 50%,50% 65%,32% 65%,32% 82%,15% 82%,15% 100%,0 100%)}.over-footer .brand-rail,.over-footer .left-rail a,.over-footer .menu-toggle{color:var(--paper)}.over-footer .left-rail{border-color:#ffffff30}.collection{padding-top:140px;margin-bottom:160px}.collection-title{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:80px}.collection h1{font-size:120px}.collection-title>p{font-size:18px;color:var(--muted)}.collection .project-grid{row-gap:100px}.articles-collection .article-card{grid-template-columns:276px 1fr 36px;padding:24px 0;border-top:1px solid var(--line)}.articles-collection .article-text h3{font-size:40px}.project-detail{padding-top:170px}.project-heading{padding-bottom:80px}.project-heading h1{font-size:120px;margin-bottom:45px}.project-heading h2{font-weight:500;font-size:24px;line-height:1.3;letter-spacing:-.03em;color:var(--muted);max-width:650px}.project-cover img{width:100%;max-height:900px;object-fit:cover}.project-overview{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:100px 0}.project-meta{display:grid;gap:30px;grid-template-columns:1fr 1fr}.project-meta h3{font-size:16px;margin-bottom:10px}.project-meta p{color:var(--muted)}.project-overview>p{font-size:22px;line-height:1.4;letter-spacing:-.025em}.project-gallery{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.project-gallery img{width:100%}.project-gallery figure:nth-child(3n){grid-column:1/-1}.back-link{margin:70px 0 0}.article-detail{padding-top:170px}.article-detail h1{font-size:clamp(44px,5.2vw,84px);max-width:1150px;line-height:1.07}.article-meta{display:flex;justify-content:space-between;gap:30px;margin-top:65px;padding-bottom:65px;border-bottom:1px solid var(--line);color:var(--muted)}.article-meta>span:first-child{color:var(--orange)}.prose{max-width:760px;margin:80px 0 0 auto;font-weight:400;font-size:20px;line-height:1.6}.prose h2,.prose h3{font-size:30px;letter-spacing:-.035em;line-height:1.2;margin:50px 0 20px}.prose p{margin-bottom:24px;color:var(--muted)}.contact-page{background:var(--orange);color:var(--paper)}.contact-page .left-rail{border-color:#ffffff30}.contact-page .left-rail a:hover{color:white;opacity:.7}.contact-main{position:relative;height:100svh;min-height:800px;overflow:hidden;padding:60px var(--gutter);max-width:1600px;margin:auto}.contact-social{position:relative;z-index:3;display:flex;gap:30px;font-weight:600}.contact-social a:hover{text-decoration:underline}.contact-main h1{position:relative;z-index:3;margin-top:230px;font-size:clamp(50px,6vw,96px);font-weight:600;letter-spacing:-.06em;white-space:nowrap}.contact-copy{position:relative;z-index:3;font-size:20px;line-height:1.4;max-width:420px;margin-top:105px}.contact-person{position:absolute;width:75%;max-width:none;right:-2%;bottom:0;z-index:1;pointer-events:none}.contact-page .brand-rail{display:none}dialog{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;border:0;background:#171711;color:var(--paper);padding:40px;z-index:100}dialog::backdrop{background:#000c}.dialog-close{position:absolute;right:30px;top:22px;z-index:3;font-size:18px}.reel-stage{height:calc(100% - 90px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.reel-stage img{max-height:90%;max-width:90%;object-fit:contain;animation:reel-image 4s ease both}.reel-stage p{font-size:14px;letter-spacing:.1em;text-transform:uppercase}.reel-controls{display:flex;gap:15px;align-items:center;justify-content:center;height:80px}.reel-controls span{min-width:80px;text-align:center;font-size:14px}.reel-controls button{background:none;color:var(--paper);border:1px solid #ffffff30}.reel-controls button:hover{background:var(--orange)}.cursor-dot{position:fixed;left:0;top:0;width:7px;height:7px;border-radius:50%;background:var(--orange);z-index:90;pointer-events:none;opacity:0;transition:opacity .3s;mix-blend-mode:multiply}.contact-page .cursor-dot{background:white}.js .reveal{opacity:0;transform:translateY(28px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.7,.2,1)}.js .reveal.is-visible{opacity:1;transform:none}.word-reveal .word{opacity:.18;transition:opacity .35s;display:inline-block}.word-reveal .word.lit{opacity:1}@keyframes hero-in{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}@keyframes reel-image{from{transform:scale(.98);opacity:.4}15%{opacity:1}to{transform:scale(1.03)}}
@media(hover:hover){.project-caption p{opacity:0;transform:translateY(5px)}.project-card:hover .project-caption p,.project-card:focus-visible .project-caption p{opacity:1;transform:none}}
@media(min-width:1600px){.left-rail{left:calc((100vw - 1600px)/2)}.brand-rail{right:calc((100vw - 1600px)/2 + 40px)}.menu-toggle{right:calc((100vw - 1600px)/2 + 32px)}}
@media(max-width:1199px){:root{--gutter:100px}.hero{min-height:700px}.hero h1{font-size:32px;margin-top:50px}.hero-person{width:70%;right:4%}.hero-intro{width:230px;top:59%}.hero-name{right:60px;font-size:25.4vw;top:28%}.brand-rail{right:28px;font-size:20px}.menu-toggle{right:20px}.left-rail{width:60px}.left-rail a{left:18px;font-size:20px}.section-space{margin-top:140px}.big-copy{font-size:48px}.service-content{grid-template-columns:1fr;gap:20px;width:70%}.service-detail p{max-width:400px}.brands{gap:40px}.brands h2{font-size:34px}.experience{grid-template-columns:1fr}.experience-row{grid-template-columns:1fr 2fr}.testimonials{grid-template-columns:1fr 2fr;gap:40px}.testimonials blockquote{font-size:36px}.article-text h3{font-size:25px}.article-card{grid-template-columns:145px 1fr 24px}.collection h1,.project-heading h1{font-size:90px}.articles-collection .article-card{grid-template-columns:200px 1fr 24px}.articles-collection .article-text h3{font-size:30px}.contact-main h1{margin-top:190px}.contact-copy{font-size:17px;max-width:330px;margin-top:80px}.contact-person{width:80%;right:-13%}.footer-inner{padding-top:250px}.footer-email{margin-top:100px}footer{min-height:700px}.project-overview{gap:40px}.project-meta{grid-template-columns:1fr}.prose{max-width:650px}}
@media(max-width:809px){:root{--gutter:20px}html{scroll-padding-top:80px}.wrap{padding-inline:20px}.left-rail{position:fixed;height:60px;top:0;bottom:auto;width:100%;border-right:0;border-bottom:1px solid var(--line);background:#fcf9f5ee;backdrop-filter:blur(8px)}.left-rail a{bottom:auto;top:21px;left:auto;right:64px;writing-mode:initial;transform:none;font-size:14px}.brand-rail{top:21px;left:20px;right:auto;writing-mode:initial;transform:none;font-size:14px;z-index:50}.menu-toggle{right:12px;top:10px;width:40px;height:40px}.menu-toggle span{width:18px}.menu-panel{padding:80px 30px 50px}.menu-panel nav a{font-size:clamp(36px,10vw,60px);line-height:1.25}.menu-email{font-size:18px}.hero{padding-top:100px;height:880px;min-height:0;max-height:1050px}.hero-role{font-size:12px}.hero h1{font-size:30px;margin-top:45px}.hero-name{top:310px;left:12px;right:20px;font-size:27.3vw;letter-spacing:-.075em}.hero-person{width:100%;right:-2%;bottom:0}.hero-intro{top:245px;left:20px;width:240px;font-size:14px}.hero-intro p{max-width:240px}.hero-intro .text-link{margin-top:0}.hero-name{top:390px}.hero-person{width:115%;right:-22%}.section-space{margin-top:100px}.intro{margin-top:90px}.big-copy{font-size:36px;line-height:1.13}.services{margin-top:70px}.service{position:relative;gap:15px;min-height:270px}.service-content{grid-template-columns:1fr;width:100%;padding:35px 0;gap:20px}.service-content h2{font-size:34px}.service-detail{max-width:80%}.service-detail p{font-size:15px;max-width:310px}.service-detail ul{font-size:12px;gap:10px}.service-art{position:absolute;right:0;top:28px;width:80px;height:60px}.service-art canvas{width:80px;height:65px}.service-art svg{width:24px}.showreel{margin-top:80px}.reel-date{font-size:20px;padding:10px 10px 10px 0}.reel-date small{font-size:5px;margin-top:6px}.play{width:60px;height:60px}.reel-label{font-size:12px}.brands{grid-template-columns:1fr;gap:35px}.brands h2{font-size:34px;max-width:none}.logo-grid>div{aspect-ratio:1.3}.section-title{margin-bottom:35px;gap:20px}.section-title h2{font-size:36px}.section-title p{font-size:14px}.section-title .text-link{font-size:14px;white-space:nowrap}.project-grid{grid-template-columns:1fr;gap:50px}.project-caption{padding:16px 4px 0}.project-caption h3{font-size:20px}.project-caption p{font-size:16px}.project-image .project-arrow{width:36px;height:36px;font-size:22px;right:12px;bottom:12px}.resume>h2{margin-bottom:50px}.experience{gap:35px}.experience-row{grid-template-columns:1fr;gap:12px}.experience-row>div{display:grid;grid-template-columns:1fr auto;gap:0 20px}.experience-row>div h3{grid-row:1/3}.experience-row>div p{font-size:14px;margin-top:0}.experience-row>div .muted{margin-top:4px}.experience-description{font-size:15px;max-width:95%}.resume-links{margin-top:35px;font-size:14px}.testimonials{grid-template-columns:1fr;gap:30px}.testimonial-meta h3{font-size:17px}.testimonial-meta p{font-size:14px;max-width:none}.testimonials blockquote{font-size:32px}.quote-controls{gap:4px}.quote-controls button{width:42px;height:42px;font-size:22px}.articles .section-title{align-items:end;gap:20px}.articles .section-title h2{max-width:260px}.article-card{grid-template-columns:85px 1fr;gap:16px;padding:14px 0;border-top:1px solid var(--line)}.article-text>p{font-size:12px;margin-bottom:8px}.article-text h3{font-size:20px}.article-arrow{display:none}.articles{margin-bottom:100px}footer{padding-inline:20px;min-height:570px;margin-top:100px}.footer-inner{padding-top:140px;padding-bottom:30px}.footer-inner>p{font-size:12px}.footer-email{font-size:clamp(28px,8.9vw,68px);margin-top:75px;letter-spacing:-.065em}.footer-bottom{margin-top:75px;gap:40px;align-items:start;flex-wrap:wrap}.footer-bottom nav{gap:55px;font-size:13px}.credit{text-align:left;font-size:10px}.pixel-edge{width:190px;height:75px}.over-footer .brand-rail,.over-footer .left-rail a,.over-footer .menu-toggle{color:var(--ink)}.over-footer .left-rail{border-color:var(--line)}.collection{padding-top:120px;margin-bottom:100px}.collection-title{margin-bottom:50px;display:block}.collection h1{font-size:65px}.collection-title>p{font-size:14px;margin-top:15px}.collection .project-grid{row-gap:50px}.articles-collection .article-card{grid-template-columns:100px 1fr;padding:20px 0}.articles-collection .article-text h3{font-size:22px}.project-detail{padding-top:130px}.project-heading{padding-bottom:50px}.project-heading h1{font-size:70px;margin-bottom:25px}.project-heading h2{font-size:20px;max-width:90%}.project-overview{grid-template-columns:1fr;gap:40px;padding:55px 0}.project-meta{grid-template-columns:repeat(3,1fr);gap:16px}.project-meta h3{font-size:13px}.project-meta p{font-size:12px}.project-overview>p{font-size:19px}.project-gallery{gap:12px}.back-link{margin-top:50px}.article-detail{padding-top:125px}.article-detail h1{font-size:38px}.article-meta{flex-wrap:wrap;font-size:13px;margin-top:35px;padding-bottom:35px;gap:25px}.prose{margin-top:45px;font-size:17px;line-height:1.6}.prose h2,.prose h3{font-size:25px;margin-top:40px}.contact-page .left-rail{background:#f6440eee;border-color:#ffffff30}.contact-page .brand-rail{display:block}.contact-main{padding:100px 20px 0;height:900px;min-height:100svh}.contact-social{font-size:13px;gap:20px}.contact-main h1{font-size:9vw;white-space:nowrap;margin-top:70px}.contact-copy{font-size:16px;max-width:90%;margin-top:35px}.contact-person{width:125%;right:-28%;bottom:-15%;max-height:570px;object-fit:contain}.cursor-dot{display:none}dialog{padding:20px}.reel-stage{height:calc(100% - 100px)}.dialog-close{right:20px;top:20px}.reel-controls{gap:8px}.reel-controls button{width:40px;height:40px}.reel-controls span{font-size:12px;min-width:60px}}
@media(max-width:480px){.hero{height:780px}.hero-person{width:122%;right:-25%;bottom:0}.hero-name{top:390px}.hero-intro{top:240px}.hero h1{font-size:28px}.project-meta{grid-template-columns:1fr 1fr}.contact-main{height:850px}.contact-person{bottom:-5%;right:-37%;width:140%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}.word-reveal .word{opacity:1}.project-image>img{transform:none!important}.cursor-dot{display:none}}
/* Reference alignment: original desktop type scale and editorial spacing. */
h1,h2,h3{font-weight:600}.text-link{font-weight:600;letter-spacing:.02em}.hero h1{font-weight:600;letter-spacing:-.03em;margin-top:60px}.hero-name{font-weight:600;letter-spacing:-.06em;left:var(--gutter);font-size:25.7vw;line-height:1;top:22.1%}.hero-person{right:5.93%}.hero-intro{width:367px;top:60.4%}.hero-intro p{line-height:1.35;max-width:330px}.brand-rail,.left-rail a{font-weight:600}.big-copy{font-size:44px;line-height:1.1;letter-spacing:-.03em}.intro .big-copy{max-width:840px}.intro{margin-top:176px}.service{min-height:188px;gap:20px}.service-content{width:67%;grid-template-columns:1fr 1fr;gap:20px;padding:40px 0;align-items:start}.service-copy h2{font-size:24px;letter-spacing:-.01em;margin-bottom:16px}.service-copy p{font-size:16px;line-height:1.35;color:var(--muted);max-width:356px}.service-content>ul{list-style:none;margin:8px 0 0;padding:0;display:flex;gap:12px 26px;flex-wrap:wrap}.service-content>ul li{font-size:16px}.services{margin-top:120px}.service-art{width:33%;height:145px}.service-art canvas{width:100%;height:145px;object-fit:contain}.service-art svg{opacity:0}.brands{gap:20px}.brands h2{font-size:24px;line-height:1.1;max-width:400px}.logo-grid{gap:4px}.section-title h2{font-size:44px;letter-spacing:-.03em}.section-title{gap:16px;margin-bottom:65px}.section-title p{font-size:16px;margin-top:4px}.project-caption{padding:20px 12px 0;max-width:95%}.project-caption h3{font-size:16px;letter-spacing:.02em}.project-caption p{font-size:16px;line-height:1.35}.resume>h2{max-width:640px;margin-bottom:80px}.experience{display:block;max-width:732px}.experience-row{display:block;padding:32px 0;border-top:1px solid var(--line);cursor:pointer}.experience-row>div{position:relative;padding-right:40%;min-height:46px}.experience-row h3{font-size:21px;letter-spacing:.01em;line-height:1.1}.experience-row>div>p:not(.muted){font-size:21px;font-weight:600;margin:0;line-height:1.1}.experience-row>div>.muted{position:absolute;right:0;top:12px;width:48.6%;margin:0;font-size:16px;font-weight:600}.experience-row .experience-description{margin:0;max-height:0;overflow:hidden;opacity:0;max-width:530px;transition:max-height .5s,opacity .3s,margin .3s}.experience-row:hover .experience-description,.experience-row.expanded .experience-description{max-height:230px;opacity:1;margin-top:30px}.experience-row:focus-visible{outline:2px solid var(--orange);outline-offset:5px}.resume-links{margin-top:20px}.testimonials{display:block}.testimonial-meta{max-width:732px}.testimonial-meta h3{font-size:16px;letter-spacing:.02em}.testimonial-meta p{font-size:16px;font-weight:600;max-width:none;margin-top:0}.testimonials blockquote{font-size:44px;line-height:1.1;letter-spacing:-.03em;max-width:732px;margin-top:90px}.quote-controls{margin-top:70px}.articles .section-title{justify-content:flex-start}.article-card{grid-template-columns:183px 368px 36px;gap:20px}.article-text>p{font-size:16px;margin-bottom:0}.article-text h3{font-size:16px;line-height:1.33;letter-spacing:.02em;font-weight:600}.footer-email{font-weight:600;font-size:80px;letter-spacing:-.04em}.video-stage{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px}.video-stage iframe{width:90%;aspect-ratio:16/9;max-height:80%;border:0;background:black}.video-stage>a{font-size:14px}.article-detail .article-meta{line-height:1.5}.collection .project-caption{padding-bottom:12px}
@media(min-width:1600px){.hero-name{font-size:411px}}
@media(min-width:810px) and (max-width:1199px){.hero-name{top:25%;font-size:25.5vw}.hero-intro{width:290px}.hero h1{font-size:32px}.big-copy{font-size:40px}.service-content>ul{gap:10px 18px}.service-content>ul li{font-size:14px}.service-copy p{font-size:15px}.service-art{width:26%}.article-card{grid-template-columns:160px 1fr 24px}.footer-email{font-size:6vw}}
@media(max-width:809px){.hero h1{font-size:28px;margin-top:45px}.hero-name{top:390px;left:16px;font-size:27vw;letter-spacing:-.06em}.hero-intro{top:245px;width:240px}.hero-intro p{max-width:240px}.hero-person{right:-22%}.intro{margin-top:90px}.big-copy{font-size:34px;line-height:1.13}.services{margin-top:65px}.service{min-height:250px}.service-content{width:100%;grid-template-columns:1fr;gap:20px;padding:30px 0}.service-copy h2{font-size:24px}.service-copy p{font-size:15px;max-width:85%}.service-content>ul{margin-top:0;gap:12px}.service-content>ul li{font-size:13px}.service-art{width:85px;height:65px;right:0;top:20px}.service-art canvas{width:85px;height:65px}.brands h2{font-size:24px}.section-title h2{font-size:34px}.section-title{margin-bottom:40px}.section-title p{font-size:14px}.project-caption h3{font-size:17px}.project-caption p{font-size:15px}.resume>h2{margin-bottom:40px}.experience-row{padding:24px 0}.experience-row>div{display:block;padding-right:40%;min-height:40px}.experience-row h3,.experience-row>div>p:not(.muted){font-size:18px;line-height:1.15}.experience-row>div>.muted{font-size:12px;right:0;top:9px;width:38%}.experience-description{font-size:15px}.testimonials blockquote{font-size:32px;margin-top:45px}.quote-controls{margin-top:40px}.testimonial-meta p{font-size:14px}.article-card{grid-template-columns:85px 1fr;gap:16px}.article-text>p{font-size:12px;margin-bottom:6px}.article-text h3{font-size:16px}.articles .section-title h2{max-width:260px}.footer-email{font-size:8.8vw}.video-stage iframe{width:100%}.contact-copy{max-width:90%}}

/* Scroll movement is separate from the entrance animation's transform. */
.hero-person{translate:0 var(--hero-parallax-y,0px);will-change:translate}
@media(prefers-reduced-motion:reduce){.hero-person{translate:none;will-change:auto}}
