@font-face{font-family:Humane;src:url('/assets/humane-bold.otf') format('opentype');font-weight:700;font-display:swap}@font-face{font-family:Montreal;src:url('/assets/neue-montreal.otf') format('opentype');font-weight:400;font-display:swap}@font-face{font-family:Montreal;src:url('/assets/neue-montreal-bold.otf') format('opentype');font-weight:700;font-display:swap}
:root{--paper:#fff;--ink:#191c24;--muted:#61646b;--line:#dedee0;--gutter:2.23vw;--dark:#101010;--ease:cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Montreal,Arial,sans-serif;font-size:18px;line-height:1.5;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}img{display:block;max-width:100%}button{border:0;background:transparent}h1,h2,h3,p{margin:0}p+p{margin-top:24px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #1472b8;outline-offset:6px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #1472b8;outline-offset:2px}::selection{color:white;background:#191c24}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;z-index:1000;top:8px;left:8px;background:white;padding:12px;transform:translateY(-150%)}.skip:focus{transform:none}.section{margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter);max-width:1800px}.eyebrow,.section-label{font-size:12px;line-height:1.5;letter-spacing:.11em;text-transform:uppercase}.section-label{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:64px}.section-title{font-size:clamp(44px,6.4vw,96px);line-height:1.03;letter-spacing:-.045em;font-weight:700}.text-link{display:inline-flex;justify-content:space-between;align-items:center;gap:40px;font-size:15px;border-bottom:1px solid currentColor;padding:12px 0 8px;transition:gap .3s var(--ease)}.text-link:hover{gap:56px}.text-link span{font-size:23px}.lead{font-size:clamp(24px,2.2vw,34px);line-height:1.35;letter-spacing:-.025em}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .9s var(--ease)}.reveal.visible{opacity:1;transform:none}.reveal:nth-child(2){transition-delay:60ms}.reveal:nth-child(3){transition-delay:120ms}
.site-header{position:absolute;left:0;top:0;z-index:30;width:100%;padding:32px var(--gutter);display:flex;align-items:center;justify-content:space-between}.wordmark{display:block;font-family:Humane,sans-serif;font-weight:700;font-size:48px;line-height:.8;width:124px;letter-spacing:-.015em}.wordmark span{display:block}.wordmark span+span{padding-left:36px;margin-top:12px}.desktop-nav{display:flex;gap:26px;font-size:16px}.desktop-nav a{position:relative}.desktop-nav a:after{content:'';position:absolute;bottom:-3px;left:0;right:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .35s var(--ease)}.desktop-nav a:hover:after,.desktop-nav a[aria-current]:after{transform:scaleX(1);transform-origin:left}.menu-toggle{display:none;border:1px solid;padding:10px 16px;font-size:14px}dialog{border:0;margin:0;padding:28px var(--gutter);width:100%;max-width:none;height:100dvh;max-height:none;color:var(--ink);background:white}dialog::backdrop{background:white}.menu-top{display:flex;justify-content:space-between;align-items:center;font-size:12px}.menu-close{border:1px solid;padding:12px 16px}dialog nav{display:flex;flex-direction:column;gap:16px;margin-top:60px}dialog nav a{font-size:36px;display:flex;gap:20px}dialog nav sup{font-size:12px;align-self:flex-start;padding-top:8px}.menu-bottom{position:absolute;bottom:24px;left:var(--gutter);right:var(--gutter);border-top:1px solid;padding-top:24px;font-size:12px;letter-spacing:.1em}
.hero{background:#fff;position:relative;height:100svh;min-height:660px;max-height:1150px;padding-top:160px;padding-bottom:48px;isolation:isolate;overflow:hidden}.marquees{height:100%;display:flex;flex-direction:column;justify-content:space-around}.marquee{position:relative;width:100%;overflow:hidden;display:flex;align-items:center;flex:1;z-index:0}.marquee.blend{z-index:3;mix-blend-mode:difference;color:white;pointer-events:none}.marquee-track{display:flex;flex-wrap:nowrap;will-change:transform;flex-shrink:0;line-height:.8}.marquee-track span{font-family:Humane,sans-serif;font-weight:700;font-size:clamp(120px,calc((100svh - 300px)/3*1.2),290px);white-space:nowrap;padding-right:40px;flex-shrink:0}.hero-portrait{position:absolute;z-index:2;left:50%;top:calc(50% + 64px);transform:translate(-50%,-50%);width:350px;aspect-ratio:2/3;overflow:hidden;animation:portrait-in 1.2s var(--ease) both}.hero-portrait img{width:100%;height:100%;object-fit:cover}.hero-portrait canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none}.hero-meta{position:absolute;bottom:16px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:12px;line-height:1.4;z-index:4}.motion-toggle{font-size:10px;letter-spacing:.08em;padding:6px 10px}.hero-specialty{display:flex;align-items:center;gap:8px}.hero-specialty:before{content:'';width:6px;height:6px;background:#191c24;border-radius:50%}@keyframes portrait-in{from{clip-path:inset(100% 0 0);opacity:0}to{clip-path:inset(0);opacity:1}}
.intro{padding-top:192px;padding-bottom:144px}.intro-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:12%;margin-top:64px;align-items:start}.big-copy{font-size:clamp(28px,3.3vw,48px);letter-spacing:-.025em;line-height:1.25}.intro-right{max-width:480px;padding-top:88px}.intro-right p{font-size:24px;line-height:1.4;letter-spacing:-.015em}.intro-right .text-link{margin-top:24px}.projects{padding-top:48px}.project-heading{position:sticky;top:190px;text-align:center;padding:56px 0 120px;z-index:0}.project-heading .eyebrow{display:block;margin-top:32px;color:var(--muted)}.project-list{position:relative;z-index:1;padding-top:64px;pointer-events:none}.project-item{display:grid;grid-template-columns:55% 1fr;gap:7%;align-items:center;margin-bottom:160px;pointer-events:auto}.project-item:nth-child(even){grid-template-columns:1fr 55%}.project-item:nth-child(even) .project-art{order:2}.project-art{aspect-ratio:1.28;display:flex;position:relative;align-items:center;justify-content:center;overflow:hidden}.art-brand{font-family:Humane,sans-serif;font-weight:700;font-size:clamp(90px,13vw,220px);line-height:1;transition:transform .8s var(--ease)}.project-art:hover .art-brand{transform:scale(1.08)}.art-kvar{background:#dfdfd8;color:#21261f}.art-abri{background:#dce5e8;color:#395462}.art-abri .art-brand{font-family:Georgia,serif;font-weight:400;font-size:clamp(70px,10vw,140px);letter-spacing:.08em}.art-or-noir{background:#26231f;color:#d8c7a7}.art-or-noir .art-brand{font-family:Georgia,serif;font-weight:400;font-size:clamp(60px,8vw,130px);letter-spacing:-.08em}.project-open{position:absolute;bottom:24px;right:24px;font-size:12px;display:flex;align-items:center;gap:24px;padding:10px 16px;border:1px solid currentColor;transition:background .25s,color .25s}.project-art:hover .project-open{background:white;color:#171a22}.project-info{max-width:440px;padding:40px 0;background:rgba(255,255,255,.95)}.project-info .eyebrow{display:flex;gap:20px;font-size:11px}.project-info h3{font-family:Humane,sans-serif;font-size:100px;line-height:.9;margin:32px 0 24px}.project-info p{font-size:18px;line-height:1.5;color:var(--muted)}.project-info .text-link{margin-top:24px}.statement{padding-top:0;padding-bottom:160px}.scroll-statement{font-size:clamp(26px,3.5vw,48px);max-width:1130px;text-align:center;margin:0 auto;line-height:1.25;letter-spacing:-.03em}.scroll-statement span{transition:opacity .15s}.services{padding-bottom:160px}.service-rows{display:flex;flex-direction:column;gap:8px}.service:nth-child(even){align-self:flex-end}.service:nth-child(3){margin-left:10%}.service{max-width:100%}.service summary{list-style:none;display:flex;gap:20px;align-items:center;cursor:pointer}.service summary::-webkit-details-marker{display:none}.service summary>span:first-child{font-size:clamp(36px,6.8vw,106px);font-weight:700;line-height:1.05;letter-spacing:-.055em}.service-paren{display:flex;gap:10px;align-items:center;font-size:clamp(28px,6.5vw,96px);font-weight:400;line-height:1}.service-number{display:inline-flex;align-items:center;justify-content:center;background:#ededeb;color:#303238;width:.95em;height:.82em;font-family:Humane;font-size:.65em;letter-spacing:0}.service-hint{font-size:10px;color:var(--muted);letter-spacing:.05em;margin-left:4px;white-space:nowrap}.service-content{max-width:580px;padding:24px 0 40px;font-size:20px;color:var(--muted)}.service-content .text-link{color:var(--ink);margin-top:12px}.service[open] summary .service-hint{visibility:hidden}.service-outro{max-width:480px;margin-left:auto;margin-top:64px;color:var(--muted);font-size:20px}.proof{padding-bottom:176px}.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-top:80px}.proof-grid strong{font-family:Humane;font-size:clamp(110px,14vw,220px);line-height:.9;display:block}.proof-grid strong span{font-size:.6em}.proof-grid h3{font-size:20px;font-weight:400;margin-top:24px}.proof-grid p{color:var(--muted);font-size:16px;max-width:260px;margin-top:12px}.proof-foot{margin-top:64px;border-top:1px solid var(--line);padding-top:24px;display:flex;justify-content:space-between;gap:32px;align-items:center}.proof-foot p{font-size:13px;color:var(--muted)}
.footer{background:var(--dark);color:#fff;padding:112px var(--gutter) 24px;min-height:620px;display:flex;flex-direction:column;justify-content:space-between}.footer-main>.eyebrow{color:#aaa}.footer-title{font-family:Humane;font-size:clamp(100px,20vw,320px);font-weight:700;line-height:.95;display:flex;align-items:center;justify-content:space-between;margin:32px 0 40px;white-space:nowrap;letter-spacing:-.01em}.footer-title>span:last-child{font-family:Montreal;font-weight:400;font-size:.5em;transition:transform .4s}.footer-title:hover>span:last-child{transform:translate(8px,-8px)}.footer-detail{border-top:1px solid #555;padding-top:24px;display:flex;justify-content:space-between;align-items:center}.footer-detail p{color:#bbb;font-size:20px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #333;padding-top:24px;margin-top:96px;font-size:11px;letter-spacing:.08em;color:#aaa}
.page-hero{padding-top:220px;min-height:90svh;padding-bottom:64px;display:flex;flex-direction:column;justify-content:flex-end}.display-title{font-family:Humane,sans-serif;font-size:clamp(110px,20vw,300px);font-weight:700;line-height:.79;letter-spacing:-.01em;margin:48px 0 72px}.page-hero-bottom{border-top:1px solid var(--line);padding-top:32px;display:grid;grid-template-columns:1fr 1fr;gap:48px}.page-hero-bottom p{font-size:clamp(24px,2.4vw,36px);line-height:1.3;letter-spacing:-.025em;max-width:680px}.page-hero+.section{padding-top:128px}.split-copy{display:grid;grid-template-columns:1fr 1fr;gap:8%;margin-bottom:112px}.split-copy>div{max-width:590px}.split-copy p:not(.lead){color:var(--muted)}.service-detail{padding-bottom:96px}.results{padding-top:96px;padding-bottom:128px}.result-case{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:48px 0 80px;border-bottom:1px solid var(--line)}.result-case+.result-case{padding-top:80px}.result-number{font-family:Humane;font-size:clamp(90px,12vw,190px);line-height:1;margin-top:24px;white-space:nowrap}.result-number>span{font-family:Montreal;display:block;font-size:11px;letter-spacing:.08em;font-weight:400;line-height:1.5;margin-top:16px;white-space:normal}.result-case h3{font-size:28px;line-height:1.2;letter-spacing:-.025em;font-weight:400;margin:24px 0}.result-case p{font-size:18px;color:var(--muted)}.human{padding-bottom:160px}.human-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;margin-top:80px;align-items:center}.human-grid>div:last-child{max-width:560px}.human-grid p:not(.lead){color:var(--muted)}.human-grid .text-link{margin-top:24px}.workflow{display:flex;flex-direction:column;align-items:center;max-width:420px;padding:32px 0}.workflow>span{border:1px solid #ccc;padding:18px 32px;min-width:260px;text-align:center;font-size:13px;letter-spacing:.08em}.workflow>i{font-style:normal;padding:12px;color:#777}.workflow .human-step{background:var(--ink);color:#fff}.design-feature{padding-top:128px}.kvar-feature{background:#dfdfd8;padding:40px;min-height:480px;display:flex;flex-direction:column;justify-content:space-between}.kvar-feature>span:nth-child(2){font-family:Humane;font-size:clamp(150px,24vw,350px);line-height:1;text-align:center;color:#21261f;transition:letter-spacing .6s var(--ease)}.kvar-feature:hover>span:nth-child(2){letter-spacing:.03em}.feature-caption{display:grid;grid-template-columns:1fr 1fr;gap:8%;margin-top:40px}.feature-caption h2{font-size:36px;line-height:1.2;font-weight:400;letter-spacing:-.03em}.feature-caption p{color:var(--muted)}.other-work{padding-bottom:160px;display:flex;flex-direction:column}.work-text-link{border-top:1px solid var(--line);padding:32px 0;display:flex;justify-content:space-between;font-family:Humane;font-size:96px;line-height:1}.work-text-link span{font-family:Montreal;font-size:48px}.about-story{display:grid;grid-template-columns:40% 1fr;gap:10%;align-items:start;padding-bottom:144px}.about-photo{position:sticky;top:48px}.about-photo img{width:100%;aspect-ratio:2/3;object-fit:cover}.story-copy .section-title{font-size:clamp(40px,4vw,64px);margin-bottom:40px}.story-copy p:not(.lead){color:var(--muted);font-size:20px}.timeline{margin-bottom:144px}.timeline article{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:48px;padding:40px 0;border-bottom:1px solid var(--line);align-items:start}.timeline article>span{font-family:Humane;font-size:88px;line-height:1}.timeline h3{font-size:26px;font-weight:400;line-height:1.2;padding-top:8px}.timeline p{color:var(--muted);padding-top:8px}.about-background{padding-bottom:80px}.case-intro{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding-bottom:96px}.case-intro dl{display:flex;gap:40px;font-size:14px;margin:0}.case-intro dt{font-size:11px;letter-spacing:.1em;margin-bottom:12px}.case-intro dd{margin:0}.case-intro p:not(.lead){color:var(--muted)}.case-brand{margin:0 var(--gutter);min-height:600px;display:grid;place-items:center}.case-brand span{font-family:Humane;font-size:clamp(100px,24vw,340px);line-height:1}.case-brand.art-abri span,.case-brand.art-or-noir span{font-family:Georgia;font-size:clamp(70px,17vw,230px);font-weight:400}.next-project{padding-top:144px;padding-bottom:144px}.next-title{display:flex;align-items:center;justify-content:space-between;font-family:Humane;font-size:clamp(100px,18vw,260px);line-height:1;margin-top:24px}.next-title span{font-family:Montreal;font-size:.5em}.page-transition{position:fixed;inset:0;display:flex;pointer-events:none;z-index:100}.page-transition i{display:block;width:12.5%;height:100%;background:#111;transform:translateY(-101%);transition:transform .4s var(--ease);transition-delay:calc(var(--i,0)*25ms)}.page-transition i:nth-child(2){--i:1}.page-transition i:nth-child(3){--i:2}.page-transition i:nth-child(4){--i:3}.page-transition i:nth-child(5){--i:4}.page-transition i:nth-child(6){--i:5}.page-transition i:nth-child(7){--i:6}.page-transition i:nth-child(8){--i:7}.page-transition.cover i{transform:translateY(0)}
.contact-page{background:#f5f5f5;color:#161b26;font-size:16px}.contact-shell{min-height:100vh}.contact-nav{margin:12px auto 0;max-width:1416px;background:#fff;border-radius:100px;padding:5px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 12px #0000000d;width:calc(100% - 24px)}.contact-nav>a:first-child{display:flex;gap:10px;align-items:center;font-size:14px;font-weight:700}.contact-monogram{width:40px;height:40px;border:1px solid #e3e3e3;border-radius:50%;display:grid;place-items:center;font-family:Humane;font-size:28px;line-height:1}.contact-nav .back{background:#111827;color:#fff;padding:10px 18px;border-radius:99px;font-size:13px}.contact-main{max-width:736px;padding:56px 32px 64px;margin:auto}.contact-main h1{font-size:clamp(32px,6vw,51.2px);letter-spacing:-.03em;font-weight:400;line-height:1.08;margin:12px 0 24px}.contact-intro{color:#62646b;font-size:16px;line-height:1.6}.demand-note{background:white;border:1px solid #e5e5e5;border-radius:16px;padding:12px 16px;margin:44px 0 24px;text-align:center;font-size:14px;line-height:1.5}#contact-form{padding:32px;border:1px solid #e5e5e5;border-radius:16px;background:#fff;display:flex;flex-direction:column;gap:24px}.field{display:flex;flex-direction:column;gap:8px;min-width:0}.field>span,legend{font-size:13px;font-weight:400}.field input,.field textarea,.field select{width:100%;min-width:0;background:white;border:1px solid #dedee0;border-radius:6px;padding:10px 12px;font-size:14px;color:#171b24;line-height:1.3;height:42px}.field textarea{height:auto;resize:vertical}.field input::placeholder,.field textarea::placeholder{color:#72777e}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}fieldset{border:0;padding:0;margin:0;min-width:0}legend{margin-bottom:12px}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check{display:flex;align-items:center;gap:12px;border:1px solid #dedee0;border-radius:12px;padding:12px;font-size:13px;cursor:pointer;line-height:1.3}.check:hover{border-color:#0ea5e9}.check input{accent-color:#0a85bf;flex-shrink:0;width:16px;height:16px;margin:0}.submit{background:#087eaf;color:white;border-radius:99px;display:flex;align-items:center;justify-content:center;gap:12px;padding:12px;font-size:14px;transition:background .3s}.submit:hover{background:#075e88}.submit span{display:grid;place-items:center;border-radius:50%;background:white;color:#087eaf;width:28px;height:28px;font-size:20px}.submit:disabled{opacity:.5;cursor:wait}#form-status{font-size:14px;color:#944226;line-height:1.5}#form-status:empty{display:none}.contact-footer{text-align:center;color:#666;font-size:12px;padding:24px 20px 40px}
@media(min-width:1600px){.hero-portrait{width:400px}.hero{padding-top:180px}.intro{padding-top:200px}}
@media(max-width:1000px){.desktop-nav{gap:16px;font-size:14px}.hero-portrait{width:300px}.intro-grid{gap:6%}.intro-right{padding-top:48px}.project-item{gap:5%}.project-info h3{font-size:76px}.project-info p{font-size:16px}.service-hint{display:none}.split-copy{gap:6%}.result-number{font-size:110px}.about-story{gap:7%}.story-copy .section-title{font-size:40px}.timeline article{gap:24px}.footer-title{font-size:20vw}}
@media(max-width:767px){:root{--gutter:20px}html{scroll-padding-top:80px}.site-header{padding:24px var(--gutter);align-items:flex-start}.wordmark{font-size:38px;width:100px}.wordmark span+span{margin-top:10px;padding-left:25px}.desktop-nav{display:none}.menu-toggle{display:block}.hero{padding-top:112px;min-height:640px;max-height:1000px;padding-bottom:64px}.hero-portrait{width:260px;top:calc(50% + 40px)}.marquee-track span{font-size:clamp(120px,calc((100svh - 220px)/3*1.2),225px);padding-right:24px}.hero-meta{font-size:10px;bottom:16px;flex-wrap:wrap;row-gap:6px}.hero-meta .clock{display:none}.motion-toggle{order:3;flex-basis:100%;padding:3px;font-size:9px}.hero-specialty{font-size:9px}.intro{padding-top:112px;padding-bottom:96px}.section-label{margin-bottom:40px;padding-bottom:16px;font-size:10px}.section-title{font-size:clamp(38px,8.8vw,64px);letter-spacing:-.045em}.intro-grid{grid-template-columns:1fr;gap:32px;margin-top:40px}.big-copy{font-size:29px}.intro-right{padding-top:0;margin-left:15%;max-width:none}.intro-right p{font-size:20px}.project-heading{position:relative;top:auto;text-align:left;padding:8px 0 48px}.project-heading .eyebrow{font-size:10px;margin-top:20px}.project-list{padding-top:0}.project-item,.project-item:nth-child(even){display:flex;flex-direction:column;gap:0;align-items:stretch;margin-bottom:64px}.project-item:nth-child(even) .project-art{order:0}.project-art{aspect-ratio:1.15}.art-brand{font-size:140px}.art-abri .art-brand{font-size:80px}.art-or-noir .art-brand{font-size:64px}.project-open{bottom:16px;right:16px;font-size:10px}.project-info{max-width:none;padding:24px 0 0;background:white}.project-info h3{font-size:72px;margin:24px 0 16px}.project-info .eyebrow{justify-content:space-between;font-size:10px}.project-info p{font-size:17px;max-width:50ch}.project-info .text-link{margin-top:12px}.statement{padding-top:32px;padding-bottom:96px}.scroll-statement{text-align:left;font-size:29px;line-height:1.3}.services{padding-bottom:96px}.service-rows{gap:24px}.service summary{gap:10px;justify-content:space-between}.service summary>span:first-child{font-size:clamp(28px,7.2vw,54px);letter-spacing:-.05em}.service-paren{font-size:35px;gap:4px}.service:nth-child(3){margin-left:0}.service:nth-child(even){align-self:stretch}.service-content{font-size:18px;padding-bottom:8px}.service-outro{margin-top:40px;font-size:18px;max-width:85%}.proof{padding-bottom:96px}.proof-grid{grid-template-columns:1fr;gap:32px;margin-top:48px}.proof-grid article{display:grid;grid-template-columns:110px 1fr;gap:0 24px;padding-bottom:24px;border-bottom:1px solid var(--line)}.proof-grid strong{font-size:110px;grid-row:span 2}.proof-grid h3{margin-top:4px;font-size:19px;line-height:1.3}.proof-grid p{font-size:15px;max-width:none;margin-top:12px}.proof-foot{margin-top:24px;border-top:0;padding-top:0;display:block}.proof-foot .text-link{margin-top:20px}.footer{padding-top:72px;min-height:420px}.footer-main>.eyebrow{font-size:10px;max-width:260px}.footer-title{font-size:20vw;margin:32px 0}.footer-detail{align-items:flex-start;flex-direction:column;gap:24px}.footer-detail p{font-size:18px}.footer-bottom{flex-wrap:wrap;gap:16px;font-size:9px;margin-top:64px}.footer-bottom span:nth-child(2){display:none}.page-hero{padding-top:190px;min-height:620px;padding-bottom:48px}.display-title{font-size:clamp(104px,25vw,185px);margin:40px 0 48px}.page-hero-bottom{grid-template-columns:1fr;gap:24px;padding-top:24px}.page-hero-bottom>.eyebrow{font-size:10px}.page-hero-bottom p{font-size:25px;line-height:1.35}.page-hero+.section{padding-top:64px}.split-copy{grid-template-columns:1fr;gap:32px;margin-bottom:56px}.lead{font-size:25px}.service-detail{padding-bottom:64px}.results{padding:64px var(--gutter)}.result-case{grid-template-columns:1fr;gap:24px;padding:24px 0 48px}.result-case+.result-case{padding-top:48px}.result-number{font-size:clamp(92px,23vw,150px);margin-top:8px}.result-number>span{font-size:10px}.result-case h3{font-size:25px;margin-top:8px}.result-case p{font-size:17px}.human{padding-bottom:96px}.human-grid{grid-template-columns:1fr;gap:40px;margin-top:48px}.workflow{max-width:none;padding-top:0}.human-grid .text-link{margin-top:24px}.design-feature{padding-top:80px}.kvar-feature{min-height:360px;padding:24px}.kvar-feature .eyebrow{font-size:10px}.kvar-feature>span:nth-child(2){font-size:180px}.feature-caption{grid-template-columns:1fr;gap:24px;margin-top:24px}.feature-caption h2{font-size:29px}.other-work{padding-bottom:96px}.work-text-link{font-size:80px;padding:24px 0}.about-story{grid-template-columns:1fr;gap:48px;padding-bottom:80px}.about-photo{position:static;width:85%}.story-copy .section-title{font-size:38px}.story-copy p:not(.lead){font-size:18px}.timeline{margin-bottom:80px}.timeline article{grid-template-columns:90px 1fr;gap:12px 24px;padding:24px 0}.timeline article>span{font-size:72px;grid-row:span 2}.timeline h3{font-size:23px;padding-top:0}.timeline p{font-size:17px;padding-top:0}.about-background{padding-bottom:32px}.case-intro{grid-template-columns:1fr;gap:40px;padding-bottom:64px}.case-intro dl{gap:24px;font-size:13px;flex-wrap:wrap}.case-brand{min-height:360px}.case-brand span{font-size:150px}.case-brand.art-abri span{font-size:100px}.case-brand.art-or-noir span{font-size:64px}.next-project{padding-top:80px;padding-bottom:80px}.next-title{font-size:100px}.contact-main{padding:40px 20px 48px}.contact-nav{width:calc(100% - 16px);margin-top:8px}.contact-main h1{margin-top:8px;font-size:34px}.contact-intro{font-size:15px}.demand-note{font-size:13px;margin-top:36px}.form-pair,.check-grid{grid-template-columns:1fr}#contact-form{padding:24px}.contact-nav>a:first-child{font-size:13px}.contact-monogram{width:36px;height:36px}.contact-footer{font-size:11px}}
@media(max-width:375px){:root{--gutter:16px}.hero-portrait{width:240px}.service summary>span:first-child{font-size:26px}.service-paren{font-size:30px}.section-title{font-size:36px}.hero-meta{font-size:9px}.hero-specialty{font-size:8px}.footer-title{font-size:19.5vw}.proof-grid article{grid-template-columns:95px 1fr;gap:0 16px}.display-title{font-size:100px}}
@media(min-width:768px) and (max-height:650px){.hero{min-height:650px}.hero-portrait{width:280px}.marquee-track span{font-size:140px}.page-hero{min-height:650px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}.hero-portrait{clip-path:none}.scroll-statement span{opacity:1!important}.page-transition{display:none}.marquee-track{transform:none!important}.motion-toggle{display:none}}

@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/dm-sans-400.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/dm-sans-500.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/dm-sans-600.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/dm-sans-700.ttf) format('truetype');
}

.contact-shell{font-family:"DM Sans",sans-serif}
@media(pointer:fine){body{cursor:url("/assets/paint-cursor-mono.svg?v=3") 2 2,auto}a,button,summary,label.check{cursor:url("/assets/paint-pointer-mono.svg?v=3") 2 2,pointer}input,textarea{cursor:text}}

@media(max-width:767px){.hero-specialty{font-size:12px}.hero-meta{justify-content:center}.hero-meta>span:first-child{flex-basis:100%;text-align:center}.hero{padding-bottom:90px}}

.page-transition{overflow:hidden}.skip:not(:focus){clip-path:inset(100%)}

/* Square hero crop starts below the first marquee row. */
.hero{--portrait-row-top:160px;--portrait-row-bottom:48px}
.hero-portrait{aspect-ratio:1;top:calc(var(--portrait-row-top) + (100% - var(--portrait-row-top) - var(--portrait-row-bottom))/3);transform:translateX(-50%)}
.hero-portrait img{object-position:center top}
@media(min-width:1600px){.hero{--portrait-row-top:180px}}
@media(max-width:767px){.hero{--portrait-row-top:112px;--portrait-row-bottom:90px}}

/* Tighten the extended portrait while retaining a little headroom. */
.hero-portrait img{transform:scale(1.2);transform-origin:50% 80%}

.project-preview{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .7s var(--ease)}.project-art:hover .project-preview{transform:scale(1.025)}.project-art:has(.project-preview) .project-open{background:#fff;color:#191c24;padding:12px 16px}.case-gallery{display:grid;gap:64px}.case-gallery figure{margin:0;background:#eee;padding:24px}.case-gallery img{display:block;width:100%;height:auto}.case-gallery figcaption{padding-top:16px;font-size:11px;letter-spacing:.08em}.case-intro .text-link{margin-top:24px}@media(max-width:767px){.case-gallery{gap:32px}.case-gallery figure{padding:8px}.case-gallery figcaption{font-size:9px;padding:12px 4px}}

/* Preserve the complete browser frame in scrolling project previews. */
.project-art:has(.project-preview-frame){aspect-ratio:auto;display:block;padding-bottom:58px}.project-preview-frame{display:block;width:100%}.project-preview{display:block;width:100%;height:auto;object-fit:contain}.project-art:hover .project-preview{transform:none}.project-art:has(.project-preview-frame) .project-open{bottom:10px;right:12px}

/* Still previews share one uncropped canvas across cards and case studies. */
.project-slideshow{display:grid;overflow:hidden;background:#e8e8e6;isolation:isolate}
.project-slideshow .slideshow-still{grid-area:1/1;display:block;width:100%;height:auto;object-fit:contain;opacity:0;transition:opacity 1s ease-in-out;transform:none}
.project-slideshow .slideshow-still.is-active{opacity:1}
.project-art:hover .slideshow-still{transform:none}
@media(prefers-reduced-motion:reduce){.project-slideshow .slideshow-still{transition:none}}