@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Manrope:wght@400;500;600&family=Syne:wght@500;600;700&display=swap";
:root{--ink:#181817;--paper:#f3f0e9;--white:#fbfaf6;--violet:#9b89ff;--blue:#3977ef;--coral:#ff725d;--lime:#c9f45c;--line:#18181738}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Manrope,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.site-shell{min-height:100vh;overflow:hidden}.frame{width:min(100% - 64px,1360px);margin-inline:auto}.site-header{z-index:20;border-bottom:1px solid var(--line);background:var(--paper);position:relative}.nav{justify-content:space-between;align-items:center;gap:32px;min-height:84px;display:flex}.brand{align-items:center;gap:12px;font-family:Syne;font-size:1.2rem;font-weight:700;display:flex}.brand-mark{background:var(--ink);width:34px;height:34px;color:var(--paper);border-radius:50%;place-items:center;font-family:DM Mono;font-size:.7rem;display:grid}.nav-links{align-items:center;gap:34px;font-size:.84rem;display:flex}.nav-links a{transition:opacity .2s}.nav-links a:hover{opacity:.5}.nav-contact{border:1px solid var(--ink);border-radius:999px;padding:11px 17px}.mobile-menu{display:none}.home-hero{align-items:stretch;min-height:calc(100svh - 85px);display:flex}.hero-layout{grid-template-rows:auto 1fr auto;padding:54px 0 38px;display:grid;position:relative}.hero-intro{width:370px;margin:0 0 60px auto;font-size:.98rem;line-height:1.55}.hero-title-wrap{align-self:center;position:relative}.hero-title-wrap h1{letter-spacing:-.07em;margin:0;font-family:Syne;font-size:clamp(4.7rem,11.3vw,10.8rem);font-weight:600;line-height:.78}.hero-scribble{color:var(--coral);font-size:clamp(4rem,9vw,9rem);position:absolute;top:-16%;right:9%;transform:rotate(12deg)}.hero-bottom{text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;align-items:end;margin-top:80px;font-family:DM Mono;font-size:.66rem;line-height:1.6;display:flex}.hero-bottom p{margin:0}.micro-label{letter-spacing:.08em;text-transform:uppercase;margin:0;font-family:DM Mono;font-size:.68rem;line-height:1.5}.featured-work{background:var(--ink);color:var(--paper);padding:118px 0}.section-intro{grid-template-columns:1fr 2fr;margin-bottom:90px;display:grid}.section-intro h2{letter-spacing:-.055em;margin:0;font-family:Syne;font-size:clamp(2.8rem,5.4vw,5.7rem);font-weight:500;line-height:.94}.project-list{width:min(100% - 64px,1360px);margin-inline:auto}.project-card{border-top:1px solid #f3f0e94d;padding:24px 0 88px}.project-card a{display:block}.project-visual{height:min(60vw,700px);margin-left:25%;overflow:hidden}.artwork{isolation:isolate;width:100%;height:100%;min-height:340px;color:var(--ink);background:#ddd;position:relative;overflow:hidden}.artwork--violet{background:linear-gradient(135deg,#b7aaff,var(--violet))}.artwork--blue{background:linear-gradient(135deg,#81b5ff,var(--blue))}.artwork--coral{background:linear-gradient(135deg,#ffad86,var(--coral))}.artwork--lime{background:linear-gradient(135deg,#efffa2,var(--lime))}.artwork:before{content:"";background:var(--paper);mix-blend-mode:soft-light;border-radius:48% 52% 65% 35%/55% 45%;width:60%;height:80%;position:absolute;top:10%;left:22%;transform:rotate(-13deg)}.artwork-orbit{opacity:.8;border:2px solid;border-radius:50%;position:absolute}.artwork-orbit--one{aspect-ratio:1;width:58%;top:7%;left:-12%}.artwork-orbit--two{aspect-ratio:1;border-style:dashed;width:38%;bottom:-12%;right:8%}.artwork-code{letter-spacing:.08em;font:500 .65rem DM Mono;position:absolute;top:22px;left:24px}.artwork-name{letter-spacing:-.06em;font:600 clamp(2rem,6vw,6rem) Syne;position:absolute;bottom:16px;left:24px}.project-card-copy{grid-template-columns:1fr 2fr 1fr;gap:24px;padding-top:22px;display:grid}.project-card-copy h2{letter-spacing:-.055em;margin:0 0 10px;font:500 clamp(2rem,4vw,4.8rem)/.95 Syne}.project-card-copy p{color:#f3f0e9ad;max-width:580px;margin:0;line-height:1.55}.project-number,.project-meta{text-transform:uppercase;letter-spacing:.05em;font:400 .67rem DM Mono}.project-meta{justify-content:space-between;gap:12px;display:flex}.all-work-link{justify-content:flex-end;display:flex}.all-work-link a,.text-link{border-bottom:1px solid;padding-bottom:7px}.home-about{padding:140px 0}.home-about-grid{grid-template-columns:1fr 1.5fr .75fr;gap:7%;display:grid}.home-about h2{letter-spacing:-.055em;margin:0 0 42px;font:500 clamp(2.6rem,5vw,5.5rem)/.95 Syne}.home-about h2+p{max-width:620px;margin:0 0 32px;font-size:1.1rem;line-height:1.7}.practice-list{text-transform:uppercase;flex-direction:column;align-self:end;gap:0;font-family:DM Mono;font-size:.72rem;display:flex}.practice-list span{border-top:1px solid var(--line);padding:14px 0}.site-footer{background:var(--coral);padding:92px 0 28px}.footer-grid{grid-template-columns:3fr 1fr;gap:60px;display:grid}.footer-kicker{text-transform:uppercase;font:400 .7rem DM Mono}.footer-title{letter-spacing:-.06em;border-bottom:5px solid var(--ink);max-width:900px;font:600 clamp(3rem,7vw,7.5rem)/.9 Syne;display:inline-block}.footer-links{flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:12px;font-size:.85rem;display:flex}.footer-meta{border-top:1px solid var(--line);text-transform:uppercase;justify-content:space-between;margin-top:100px;padding-top:20px;font:400 .62rem DM Mono;display:flex}.page-hero{padding:105px 0 120px}.page-hero .micro-label{margin-bottom:70px}.page-hero h1{letter-spacing:-.07em;margin:0;font:600 clamp(4rem,9vw,9.5rem)/.85 Syne}.page-deck{width:min(530px,100%);margin:55px 0 0 auto;font-size:1.05rem;line-height:1.7}.page-hero+.project-list{color:var(--ink)}.page-hero+.project-list .project-card{border-color:var(--line)}.page-hero+.project-list .project-card-copy p{color:#181817a8}.case-hero{padding:55px 0 100px}.back-link{text-transform:uppercase;margin-bottom:85px;font:400 .68rem DM Mono;display:inline-block}.case-title-row{grid-template-columns:2fr 1fr;align-items:end;gap:8%;margin-bottom:58px;display:grid}.case-title-row h1{letter-spacing:-.07em;margin:12px 0 0;font:600 clamp(4.6rem,10vw,10rem)/.82 Syne}.case-title-row>p{font-size:1rem;line-height:1.65}.case-cover{height:min(70vw,820px)}.case-intro{grid-template-columns:1fr 1.5fr 1fr;gap:6%;padding:80px 0 30px;display:grid}.case-lede{letter-spacing:-.025em;margin:0;font-size:clamp(1.35rem,2.2vw,2.15rem);line-height:1.4}.case-intro dl{margin:0}.case-intro dl div{border-top:1px solid var(--line);padding:12px 0 18px}.case-intro dt{text-transform:uppercase;margin-bottom:7px;font:400 .63rem DM Mono}.case-intro dd{margin:0;font-size:.83rem;line-height:1.5}.case-blocks{padding-bottom:100px}.case-text{border-top:1px solid var(--line);grid-template-columns:1fr 1.5fr 1fr;gap:6%;padding:130px 0;display:grid}.case-text h2{letter-spacing:-.055em;margin:0;font:500 clamp(2.6rem,5vw,5.5rem)/.95 Syne}.case-text>p:last-child{margin:0;line-height:1.75}.case-media{text-transform:uppercase;justify-content:space-between;align-items:flex-end;min-height:600px;padding:24px;font:400 .65rem DM Mono;display:flex;position:relative;overflow:hidden}.case-media:before,.portrait-placeholder:before{content:"";aspect-ratio:1;border:2px solid;border-radius:50%;width:55%;position:absolute;top:12%;left:22%}.case-media--violet{background:var(--violet)}.case-media--blue{background:var(--blue)}.case-media--coral{background:var(--coral)}.case-media--lime{background:var(--lime)}.case-media--square{aspect-ratio:1;min-height:0}.case-media--portrait{aspect-ratio:3/4;min-height:0}.case-media span{position:relative}.case-gallery{grid-template-columns:1fr 1fr;gap:20px;margin:20px 0;display:grid}.case-quote{text-align:center;margin:0;padding:130px 8%}.case-quote blockquote{letter-spacing:-.055em;margin:0;font:500 clamp(2.8rem,6vw,6.2rem)/.96 Syne}.case-quote figcaption{text-transform:uppercase;margin-top:28px;font:.68rem DM Mono}.case-stats{border-block:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin:80px 0;display:grid}.case-stats div{border-right:1px solid var(--line);padding:30px}.case-stats div:last-child{border:0}.case-stats dt{font:500 clamp(2.8rem,5vw,5rem) Syne}.case-stats dd{text-transform:uppercase;margin:8px 0 0;font:.67rem DM Mono}.case-pagination{background:var(--ink);color:var(--paper);grid-template-columns:1fr 1fr;display:grid}.case-pagination a{flex-direction:column;gap:16px;padding:70px max(32px,50vw - 680px);display:flex}.case-pagination a+a{text-align:right;border-left:1px solid #f3f0e940}.case-pagination span{text-transform:uppercase;font:.65rem DM Mono}.case-pagination strong{font:500 clamp(2rem,4vw,4rem) Syne}.about-story{padding:0 0 140px}.about-story-grid{grid-template-columns:1fr 1fr;align-items:start;gap:8%;display:grid}.portrait-placeholder{aspect-ratio:4/5;background:var(--violet);text-align:center;text-transform:uppercase;place-items:center;font:.7rem DM Mono;display:grid;position:relative;overflow:hidden}.portrait-placeholder span{position:relative}.about-copy{padding-top:30px}.about-copy p{line-height:1.75}.about-copy .about-lede{letter-spacing:-.03em;font-size:clamp(1.5rem,2.5vw,2.4rem);line-height:1.4}.principles{background:var(--lime);padding:100px 0 120px}.principle-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:80px;display:grid}.principle-grid article{border-top:1px solid var(--ink);padding-top:18px}.principle-grid span{font:.65rem DM Mono}.principle-grid h2{letter-spacing:-.05em;font:500 clamp(2rem,3vw,3.3rem)/1 Syne}.principle-grid p{line-height:1.65}.resume-hero{background:var(--blue)}.pill-link{border:1px solid var(--ink);border-radius:99px;margin-top:55px;padding:13px 18px;font-size:.8rem;display:inline-block}.resume-section{padding:110px 0}.resume-heading{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:end;padding-bottom:18px;display:flex}.resume-heading h2{margin:0;font:500 3rem Syne}.resume-heading p{text-transform:uppercase;margin:0;font:.65rem DM Mono}.resume-row{border-bottom:1px solid var(--line);grid-template-columns:1fr 1.5fr 2fr;gap:5%;padding:30px 0;display:grid}.resume-row time{font:.68rem DM Mono}.resume-row h3{margin:0;font:500 1.3rem Syne}.resume-row p{margin:5px 0 0;line-height:1.6}.resume-row>p{color:#181817ab}.resume-heading--second{margin-top:100px}.capability-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.capability-grid p{line-height:2}.contact-page{background:var(--violet);min-height:calc(100svh - 85px);padding:80px 0}.contact-layout{grid-template-columns:.6fr 2.2fr .8fr;align-items:start;gap:5%;display:grid}.contact-layout h1{letter-spacing:-.07em;margin:0;font:600 clamp(3.7rem,8vw,8.3rem)/.86 Syne}.contact-email{border-bottom:2px solid var(--ink);margin-top:55px;padding-bottom:6px;font-size:1.1rem;display:inline-block}.contact-layout aside{align-self:end}.contact-layout aside p{line-height:1.65}.contact-layout aside div{flex-direction:column;gap:8px;margin-top:30px;font-size:.85rem;display:flex}@media (max-width:800px){.frame,.project-list{width:min(100% - 32px,1360px)}.nav{min-height:68px}.nav-links{display:none}.mobile-menu{display:block;position:relative}.mobile-menu summary{font-size:.8rem;list-style:none}.mobile-menu[open] nav{background:var(--ink);color:var(--paper);flex-direction:column;gap:14px;min-width:160px;padding:20px;display:flex;position:absolute;top:30px;right:0}.home-hero{min-height:calc(100svh - 69px)}.hero-layout{padding-top:30px}.hero-intro{width:75%;margin-left:auto}.hero-title-wrap h1{font-size:clamp(4rem,20vw,7rem);line-height:.82}.hero-scribble{right:0}.hero-bottom{margin-top:60px}.section-intro,.home-about-grid,.case-title-row,.case-intro,.case-text,.about-story-grid,.contact-layout{grid-template-columns:1fr}.section-intro{gap:34px}.featured-work{padding:80px 0}.project-card{padding-bottom:64px}.project-visual{height:110vw;max-height:620px;margin:0}.project-card-copy{grid-template-columns:40px 1fr}.project-meta{grid-column:2;justify-content:flex-start}.home-about{padding:90px 0}.home-about-grid{gap:35px}.footer-grid{grid-template-columns:1fr}.footer-title{border-bottom-width:3px}.footer-meta{flex-direction:column;gap:8px;margin-top:65px}.page-hero{padding:75px 0 90px}.page-hero .micro-label{margin-bottom:50px}.page-deck{margin-left:0}.case-title-row{gap:25px}.case-cover{height:110vw}.case-intro{gap:32px}.case-text{gap:30px;padding:85px 0}.case-gallery{grid-template-columns:1fr}.case-media{min-height:80vw}.case-media--square{min-height:0}.case-stats{grid-template-columns:1fr}.case-stats div{border-right:0;border-bottom:1px solid var(--line)}.case-pagination a{padding:42px 20px}.about-story-grid{gap:40px}.principle-grid{grid-template-columns:1fr}.resume-row{grid-template-columns:1fr;gap:10px}.capability-grid{grid-template-columns:1fr}.contact-layout{gap:50px;min-height:calc(100svh - 230px)}.contact-layout aside{align-self:auto}}