:root{--cream:#fbf4df;--ink:#090909;--burgundy:#56000b;--blue:#1598e7;--pink:#e493ea;--red:#f10d20;--line:rgb(9 9 9 / .22);--pad:clamp(20px,4.2vw,80px);--section:clamp(76px,9vw,148px);--ease:cubic-bezier(.2,.75,.25,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--ink);font-family:'Public Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}::selection{background:var(--pink);color:var(--ink)}button,input,textarea,select{font:inherit}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.65}img,video{display:block;max-width:100%}figure,p,h1,h2,h3{margin:0}button{border:0}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid currentColor;outline-offset:6px}input:focus-visible,textarea:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;top:10px;left:10px;z-index:300;background:var(--cream);padding:16px;transform:translateY(-180%)}.skip-link:focus{transform:none}[hidden]{display:none!important}.section-pad{padding-inline:var(--pad)}.eyebrow{font-size:.75rem;letter-spacing:.055em;text-transform:uppercase}.burgundy{color:var(--burgundy)}.text-link{display:inline-flex;align-items:center;gap:30px;padding-block:10px;border-bottom:1px solid currentColor;min-height:44px}.text-link span{transition:transform .3s var(--ease)}.text-link:hover span{transform:translate(3px,-3px)}
.site-header{position:absolute;top:0;width:100%;z-index:20;display:flex;align-items:center;gap:40px;padding:24px var(--pad);color:var(--cream);border-bottom:1px solid rgb(251 244 223 / .18);background:var(--ink)}.brand{display:block;width:92px;flex-shrink:0}.brand img{width:100%;height:auto}.descriptor{font-size:.75rem;line-height:1.4}.nav{display:flex;align-items:center;gap:26px;margin-left:auto;font-size:.875rem}.nav>a{min-height:44px;display:flex;align-items:center;position:relative;gap:20px}.nav>a::after{content:'';height:1px;position:absolute;bottom:7px;left:0;width:100%;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s}.nav>a:hover::after{transform:scaleX(1)}.nav .nav-contact{border:1px solid rgb(251 244 223 / .45);border-radius:99px;padding-inline:20px}.nav .nav-contact::after{display:none}.nav-contact:hover{background:var(--cream);color:var(--ink)}.menu-toggle{display:none}.site-header.is-fixed{position:fixed;animation:header-in .3s var(--ease);padding-block:12px}.site-header.is-fixed .descriptor{display:none}@keyframes header-in{from{transform:translateY(-100%)}to{transform:none}}
.hero{background:var(--ink);color:var(--cream);min-height:780px;min-height:max(740px,100svh);padding:150px var(--pad) 0;display:flex;flex-direction:column;gap:32px;isolation:isolate}.hero-meta{display:flex;justify-content:space-between;font-size:.75rem;line-height:1.5}.hero-meta-right{text-align:right;opacity:.65}.hero-title{margin:auto 0;line-height:1}.hero-logo{width:100%;height:auto;display:block;overflow:visible}.hero-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:36px;padding-block:20px 30px}.hero-bottom p{font-size:clamp(26px,2.8vw,46px);letter-spacing:-.045em;line-height:1.14}.hero-bottom p>span{color:#a9a79e}.pill{display:inline-flex;justify-content:space-between;align-items:center;gap:36px;border:1px solid currentColor;border-radius:99px;min-height:56px;padding:16px 23px;font-size:.875rem;white-space:nowrap;transition:background .25s,color .25s}.pill span{font-size:1.2rem;transition:transform .3s var(--ease)}.pill:hover span{transform:translate(3px,-3px)}.light:hover{background:var(--cream);color:var(--ink)}.dark{background:var(--ink);color:var(--cream);border-color:var(--ink)}.dark:hover{background:var(--burgundy);border-color:var(--burgundy)}.hero-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid rgb(251 244 223 / .22);min-height:68px;font-size:.75rem}.motion-controls{display:flex;align-items:center;gap:30px}.interaction-tip{opacity:.6}.motion-toggle{display:flex;align-items:center;gap:14px;min-height:44px;background:transparent;font-size:.75rem;padding:0}.motion-toggle span{font-size:.875rem}.section-marker{display:flex;gap:clamp(24px,6vw,100px);text-transform:uppercase;font-size:.75rem;letter-spacing:.055em;line-height:1.5}.intro{display:grid;grid-template-columns:1fr 2.1fr;gap:32px;padding-block:var(--section)}.intro .section-marker{flex-direction:column;gap:12px}.intro h2{font-size:clamp(38px,4.6vw,76px);font-weight:500;line-height:1.06;letter-spacing:-.055em;text-wrap:balance}.intro-bottom{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:45px}.intro-bottom p{font-size:1rem;line-height:1.6;max-width:370px}.work{padding-top:30px;padding-bottom:var(--section)}.work>.section-marker{border-top:1px solid var(--line);padding-top:20px}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin:55px 0}.section-heading h2{font-weight:500;font-size:clamp(44px,6vw,96px);letter-spacing:-.06em;line-height:1.02}.section-heading>p{max-width:295px;font-size:1rem;line-height:1.5;padding-bottom:7px}.featured-work{display:grid;grid-template-columns:1fr 1.85fr;background:var(--burgundy);color:var(--cream);overflow:hidden}.feature-caption{padding:clamp(25px,3vw,55px);display:flex;flex-direction:column;gap:40px;justify-content:space-between}.feature-caption h3{font-size:clamp(28px,3.2vw,50px);line-height:1.07;letter-spacing:-.045em;font-weight:500;margin-top:26px}.feature-caption p{font-size:1rem;line-height:1.55;max-width:310px}.tags{display:flex;flex-wrap:wrap;gap:8px}.tags span{font-size:.75rem;border:1px solid rgb(251 244 223 / .35);padding:8px 10px;border-radius:30px}.feature-image{position:relative;min-height:580px}.feature-image img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 50%;transition:transform .8s var(--ease)}.feature-image:hover img{transform:scale(1.025)}.feature-image figcaption{position:absolute;bottom:20px;left:24px;font-size:.75rem;background:var(--ink);padding:9px 13px;border-radius:30px}.work-pair{display:grid;grid-template-columns:1.18fr .82fr;gap:clamp(22px,5vw,80px);margin-top:60px;align-items:start}.work-photo.offset{margin-top:150px}.photo-wrap{position:relative;overflow:hidden;aspect-ratio:4/5;background:var(--ink)}.photo-wrap>img{width:100%;height:100%;object-fit:cover}.photo-wrap>img:not(.fx-img){transition:transform .8s var(--ease)}.photo-wrap:hover>img:not(.fx-img){transform:scale(1.025)}.work-photo figcaption{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-top:18px}.work-photo h3{font-size:clamp(18px,1.8vw,28px);font-weight:500;line-height:1.18;letter-spacing:-.04em}.work-photo figcaption>span{font-size:.75rem;line-height:1.5;text-align:right;max-width:100px}.fx-img{position:absolute;inset:0;filter:invert(1) hue-rotate(155deg) saturate(1.6);clip-path:circle(0px at 50% 50%);pointer-events:none}.touch-media.effect-on .fx-img{clip-path:circle(150% at 50% 50%)!important}.photo-effect{position:absolute;bottom:20px;left:20px;display:flex;align-items:center;gap:30px;background:var(--cream);color:var(--ink);border-radius:99px;padding:14px 18px;min-height:48px;font-size:.875rem}.archive{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:70px}.archive>summary{display:flex;align-items:center;gap:24px;padding-block:26px;cursor:pointer;font-size:clamp(22px,2.4vw,36px);letter-spacing:-.04em;list-style:none}.summary-meta{margin-left:auto;font-size:.75rem;letter-spacing:0}.plus{font-size:1.8rem;line-height:1;transition:transform .3s}.archive[open]>summary .plus,.service-folder[open]>summary .plus{transform:rotate(45deg)}summary::-webkit-details-marker{display:none}.archive-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding-block:16px 30px}.archive-grid img,.archive-grid video{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;background:#141414}.archive-grid figcaption{font-size:.75rem;line-height:1.5;margin-top:12px}
.services{background:#efeadc;padding-block:var(--section)}.folder-stack{padding-top:6px}.service-folder{background:var(--folder);color:var(--folder-text);border-radius:22px 22px 0 0;position:relative;margin-top:-4px;border:1px solid rgb(9 9 9 / .18)}.tone-burgundy{--folder:var(--burgundy);--folder-text:var(--cream)}.tone-blue{--folder:var(--blue);--folder-text:var(--ink)}.tone-pink{--folder:var(--pink);--folder-text:var(--ink)}.tone-red{--folder:var(--red);--folder-text:var(--ink)}.service-folder summary{display:grid;grid-template-columns:60px 1fr 30px;gap:18px;align-items:center;list-style:none;padding:32px;min-height:110px;cursor:pointer}.service-num{font-size:.75rem;align-self:start;margin-top:9px}.service-folder h3{font-size:clamp(25px,3.4vw,54px);font-weight:500;line-height:1.09;letter-spacing:-.05em}.service-folder summary:hover h3{transform:translateX(5px)}.service-folder summary h3{transition:transform .25s var(--ease)}.service-body{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,8vw,140px);padding:5px 80px 45px 110px}.service-body>p{font-size:clamp(18px,1.6vw,24px);line-height:1.4;letter-spacing:-.02em;max-width:510px}.service-body ul{list-style:none;padding:0;margin:0;font-size:1rem;line-height:1.45}.service-body li{border-bottom:1px solid currentColor;padding-block:10px}.service-body li:first-child{padding-top:0}.engagements{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:60px}.engagements>div{border-top:1px solid var(--line);padding-top:24px}.engagements h3{font-size:clamp(25px,2.4vw,38px);letter-spacing:-.04em;font-weight:500;margin-block:25px 16px}.engagements p{line-height:1.55;max-width:440px}.studio{padding-block:var(--section);background:var(--ink);color:var(--cream)}.studio-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:10vw;margin-top:65px;align-items:center}.studio h2{font-size:clamp(46px,6.7vw,108px);line-height:1.02;font-weight:500;letter-spacing:-.055em}.studio h2>span{color:var(--pink)}.studio-copy{display:flex;flex-direction:column;gap:26px;font-size:1rem;line-height:1.6;max-width:420px}.studio-copy>p:first-child{font-size:clamp(22px,2.1vw,32px);line-height:1.3;letter-spacing:-.03em}.studio-copy .text-link{align-self:flex-start;margin-top:12px}.process{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:90px;padding-top:25px;border-top:1px solid rgb(251 244 223 / .3)}.process span{font-size:.875rem}.process p{font-size:1rem;line-height:1.5;max-width:295px;color:#bfbdb6;margin-top:22px}
.contact{background:var(--blue);padding-top:var(--section)}.contact h2{font-size:clamp(44px,7.7vw,122px);font-weight:500;letter-spacing:-.06em;line-height:1.02;position:relative;margin-block:65px 75px;max-width:1300px}.contact-arrow{position:absolute;right:0;top:0;font-size:.8em}.contact-grid{display:grid;grid-template-columns:1fr 1.55fr;gap:8vw;padding-bottom:100px}.contact-intro>p:first-child{font-size:clamp(26px,2.3vw,38px);line-height:1.2;letter-spacing:-.04em}.contact-note{font-size:1rem;line-height:1.5;max-width:310px;margin-top:24px}.email-link{font-size:clamp(16px,1.45vw,23px);margin-top:50px;overflow-wrap:anywhere;max-width:100%}.email-note{display:block;font-size:.75rem;margin-top:12px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:28px}.field{display:flex;flex-direction:column;gap:12px;margin-bottom:32px;min-width:0}.field>label,legend{font-size:.875rem;font-weight:500;line-height:1.5}.optional{font-size:.75rem;font-weight:400}.field input,.field textarea{width:100%;background:transparent;border:0;border-bottom:1px solid rgb(9 9 9 / .6);border-radius:0;padding:10px 0 14px;color:var(--ink);font-size:1rem;line-height:1.5;min-height:50px}.field textarea{resize:vertical;min-height:112px}.field input::placeholder,.field textarea::placeholder{color:#153346;opacity:1}.field input:user-invalid,.field textarea:user-invalid{border-bottom:2px solid var(--burgundy)}.interest-field{border:0;margin:0 0 32px;padding:0;min-width:0}.choice-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.choice-list label{position:relative;cursor:pointer}.choice-list input{position:absolute;width:1px;height:1px;opacity:0}.choice-list span{display:flex;align-items:center;border:1px solid rgb(9 9 9 / .55);border-radius:99px;min-height:44px;padding:10px 14px;font-size:.875rem}.choice-list input:checked+span{background:var(--ink);color:var(--cream)}.choice-list input:focus-visible+span{outline:3px solid var(--ink);outline-offset:3px}.form-footer{display:flex;gap:24px;justify-content:space-between;align-items:center}.form-footer p{font-size:.75rem;line-height:1.6}.form-footer p a{text-decoration:underline;text-underline-offset:3px}.form-status{font-size:1rem;line-height:1.5;margin-top:22px}.form-status:empty{display:none}.form-status.error{border-left:3px solid var(--burgundy);padding-left:14px}.form-status.success{font-weight:500}.footer{border-top:1px solid rgb(9 9 9 / .5);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:30px;padding-block:30px}.footer-brand{width:150px;filter:brightness(0)}.footer>span{font-size:.75rem;line-height:1.5}.footer>div{display:flex;align-items:center;justify-content:flex-end;gap:30px;font-size:.75rem}.footer>div>a{min-height:44px;display:flex;align-items:center}.legal-page{max-width:800px;margin:0 auto;padding:70px 24px}.legal-page h1{font-size:clamp(38px,6vw,65px);line-height:1.05;letter-spacing:-.05em;font-weight:500;margin-block:50px 28px}.legal-page h2{font-size:1.25rem;margin-block:30px 12px}.legal-page p{font-size:1rem;line-height:1.7;margin-block:16px}.legal-page a{text-decoration:underline;text-underline-offset:4px}.legal-page .pill{text-decoration:none;margin-top:25px}
@media(min-width:1600px){.hero{max-height:1200px}.feature-image{min-height:720px}}
@media(max-width:1050px){.descriptor{display:none}.site-header{gap:20px}.nav{gap:20px}.intro{grid-template-columns:1fr 2.6fr}.feature-caption{gap:24px}.featured-work{grid-template-columns:1fr 1.4fr}.feature-image{min-height:520px}.feature-caption h3{font-size:32px}.work-photo figcaption{flex-direction:column;gap:6px}.work-photo figcaption>span{text-align:left;max-width:none}.service-body{padding-left:40px;padding-right:40px;gap:40px}.contact-grid{gap:5vw}.form-row{gap:20px}.form-footer{align-items:flex-start;flex-direction:column}.contact-arrow{font-size:.65em}.studio-grid{gap:6vw}.footer>div{flex-direction:column;gap:5px;align-items:flex-end}}
@media(max-width:700px){html{scroll-padding-top:85px}.site-header{padding:18px var(--pad);flex-wrap:wrap;justify-content:space-between;gap:8px}.brand{width:82px}.menu-toggle:not([hidden]){display:flex;align-items:center;gap:18px;min-height:44px;padding:0;background:transparent;font-size:.875rem}.menu-toggle>span{font-size:1.5rem}.menu-toggle[aria-expanded=true]>span{transform:rotate(45deg)}.nav{width:100%;margin-left:0;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:.875rem}.nav .nav-contact{border:0;padding:0;gap:8px}.js .nav{display:none}.js .nav.is-open{display:flex;flex-direction:column;align-items:stretch;padding-block:16px 4px}.js .nav>a{min-height:54px;font-size:1.3rem;border-bottom:1px solid rgb(251 244 223 / .2);border-radius:0}.js .nav .nav-contact{justify-content:space-between}.site-header.is-fixed{padding-block:10px}.hero{min-height:max(690px,100svh);padding-top:165px;gap:30px}.js .hero{padding-top:118px}.hero-meta{font-size:.75rem}.hero-meta-right{max-width:130px}.hero-title{margin:auto -5px}.hero-bottom{flex-direction:column;align-items:flex-start;gap:26px;padding-bottom:10px}.hero-bottom p{font-size:clamp(24px,5.9vw,39px);line-height:1.2}.hero-footer{align-items:flex-start;flex-direction:column;gap:4px;padding-block:17px}.hero-footer>span{font-size:.75rem}.motion-controls{align-self:stretch;justify-content:space-between;gap:12px}.interaction-tip{font-size:.75rem}.motion-toggle{font-size:.75rem}.pill{min-height:52px}.intro{grid-template-columns:1fr;gap:35px}.intro .section-marker{flex-direction:row;gap:24px}.intro h2{font-size:clamp(36px,8.5vw,59px)}.intro-bottom{gap:20px;margin-top:30px;grid-template-columns:1fr}.intro-bottom p{max-width:none}.section-heading{align-items:flex-start;flex-direction:column;gap:26px;margin-block:36px}.section-heading h2{font-size:clamp(43px,10vw,68px)}.section-heading>p{max-width:330px}.featured-work{grid-template-columns:1fr}.feature-caption{padding:28px;gap:24px}.feature-caption h3{font-size:38px;margin-top:20px}.feature-caption p{max-width:100%}.feature-image{min-height:0;aspect-ratio:1/1}.work-pair{grid-template-columns:1fr;gap:40px;margin-top:40px}.work-photo.offset{margin-top:0;width:85%;justify-self:end}.work-photo h3{font-size:24px}.work-photo figcaption{gap:8px}.photo-wrap{aspect-ratio:4/5}.archive{margin-top:45px}.archive>summary{gap:16px}.summary-meta{display:none}.archive>summary .plus{margin-left:auto}.archive-grid{grid-template-columns:1fr 1fr;gap:24px 14px}.service-folder{border-radius:16px 16px 0 0}.service-folder summary{grid-template-columns:24px 1fr 24px;gap:12px;min-height:100px;padding:24px 20px}.service-folder h3{font-size:clamp(24px,6vw,36px);letter-spacing:-.04em}.service-num{margin-top:5px}.service-body{grid-template-columns:1fr;gap:24px;padding:0 24px 38px}.service-body>p{font-size:1.125rem}.service-body ul{font-size:.875rem}.engagements{grid-template-columns:1fr;gap:36px;margin-top:45px}.engagements h3{font-size:28px;margin-top:18px}.studio-grid{grid-template-columns:1fr;gap:40px;margin-top:40px}.studio h2{font-size:clamp(46px,11vw,75px)}.studio-copy{gap:22px;max-width:none}.process{grid-template-columns:1fr;margin-top:50px;gap:28px}.process>div{display:grid;grid-template-columns:130px 1fr;gap:16px}.process p{margin:0;font-size:.875rem}.process span{font-size:.75rem}.contact h2{font-size:clamp(42px,9.2vw,66px);margin-block:38px 40px}.contact-arrow{display:none}.contact-grid{grid-template-columns:1fr;gap:45px;padding-bottom:65px}.contact-intro>p:first-child{font-size:28px}.contact-note{max-width:none;margin-top:16px}.email-link{margin-top:20px;font-size:1.125rem}.form-row{grid-template-columns:1fr;gap:0}.field{margin-bottom:26px}.form-footer{gap:25px}.form-footer .pill{width:100%}.footer{grid-template-columns:1fr 1fr;gap:28px;padding-block:28px}.footer-brand{width:115px}.footer>span{justify-self:end}.footer>div{grid-column:1/-1;flex-direction:row;justify-content:space-between;align-items:center}}
@media(max-width:370px){.hero-meta-right{display:none}.interaction-tip{display:none}.motion-controls{justify-content:flex-end}.hero-bottom p{font-size:24px}.process>div{grid-template-columns:1fr;gap:10px}.archive-grid{grid-template-columns:1fr}.choice-list label{width:100%}.choice-list span{justify-content:center}.footer>span{max-width:145px}.service-folder summary{padding-inline:16px;gap:8px}.contact h2{font-size:39px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.motion-paused,.motion-paused *{animation-play-state:paused!important;scroll-behavior:auto!important}.motion-paused *{transition:none!important}