@import "https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600;700&family=Syne:wght@500;600;700;800&display=swap";body .utility-menu__meta{justify-content:flex-end}body .utility-menu__meta .kicker{display:none!important}body .utility-card--menu{text-align:left;place-content:center stretch;justify-items:stretch}body .utility-card--menu .utility-card__copy{text-align:left;align-content:center;width:min(100%,42rem);margin-inline:auto}body .utility-menu__close{color:var(--text);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f7f6ea61!important;border:1px solid #3c3b2a57!important;box-shadow:0 10px 24px #3c3b2a1a!important}body .utility-menu__close:hover{background:#f7f6ea9e!important;border-color:#3c3b2a7a!important}body .utility-menu__close span{transform-origin:50%;transition:transform .22s;display:inline-block}body .utility-menu__close:hover span{transform:rotate(180deg)}:root{--shell-max:1600px;--shell-gutter:clamp(1.25rem, 2vw, 2rem);--header-height:5.5rem;--mobile-nav-height:6.75rem;--bg:#f7f6ea;--bg-soft:#f3f2da;--surface:#e9e8e2;--surface-muted:#bcbba7;--surface-strong:#8f8e6c;--text:#3c3b2a;--text-soft:#3c3b2ab8;--line:#3c3b2a29;--line-strong:#3c3b2a4d;--accent:#ccbf0b;--accent-strong:#b8ac00;--accent-cool:#207a61;--accent-cool-strong:#155f4c;--accent-panel:#d1c77b;--accent-hover:#ccbf0b2e;--ink-panel:#4f513c;--panel-light:#fbfaf2b8;--panel-light-top:#fffdf6d6;--panel-mid:#f3f0e4c7;--panel-mid-top:#faf7eddb;--panel-soft:#ece8d8d1;--panel-soft-top:#f7f4e8e0;--light-shell-surface:radial-gradient(circle at 0% 38%, #ccbf0b21, transparent 38%), radial-gradient(circle at 100% 62%, #207a6129, transparent 42%), linear-gradient(180deg, #fcfbf6f5 0%, #f4f6eff0 48%, #e5ece4f0 100%);--shadow-soft:0 20px 50px #3c3b2a14;--shadow-strong:0 24px 80px #3c3b2a1f;--font-body:"Instrument Sans", sans-serif;--font-heading:"Syne", sans-serif;color:var(--text);background:var(--bg);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box}html{scroll-behavior:auto;background:var(--bg)}body{background:radial-gradient(circle at 14% 4%, #c3be4847, transparent 40%), radial-gradient(circle at 78% 14%, #bdd6fc47, transparent 44%), radial-gradient(circle at 100% 18%, #1c8c6233, transparent 36%), radial-gradient(circle at 48% 96%, #c3be4829, transparent 40%), var(--bg);min-width:320px;color:var(--text);margin:0;font-size:1.04rem}body,button,a,input,textarea,select{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}#root{min-height:100svh}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.custom-cursor{z-index:120;pointer-events:none;position:fixed;top:0;left:0}.custom-cursor__inner{border:1px solid var(--accent);background:var(--accent-cool);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);will-change:transform, opacity;border-radius:999px;justify-content:center;align-items:center;width:4.6rem;height:4.6rem;display:inline-flex;box-shadow:0 0 0 1px #ffffff29,0 14px 30px #3c3b2a2e}.custom-cursor__icon{width:1.9rem;height:1.9rem;overflow:visible}.custom-cursor__icon path{stroke:var(--bg-soft);stroke-width:1.85px;stroke-linecap:round;stroke-linejoin:round}.site-shell{background:linear-gradient(#f3f2daf2,#f7f6ea);width:100%;min-height:100svh;position:relative;overflow:clip}.site-shell:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(#ffffff47,#0000 18%),radial-gradient(circle at 12% 2%,#c3be484d,#0000 36%),radial-gradient(circle at 74% 12%,#c1d4ff47,#0000 42%),radial-gradient(circle at 100% 16%,#1c8c622e,#0000 32%),radial-gradient(circle at 50% 100%,#c3be481f,#0000 40%);position:fixed;inset:0}.site-main{z-index:1;min-height:calc(100svh - var(--header-height));padding-bottom:2rem;position:relative}.route-fallback{min-height:calc(100svh - var(--header-height) - 2rem);padding:clamp(5rem, 10vh, 8rem) var(--shell-gutter) clamp(4rem, 8vh, 6rem);align-content:end;gap:1rem;display:grid}.route-fallback__eyebrow,.route-fallback__title,.route-fallback__divider,.route-fallback__body{background:linear-gradient(90deg,#c3be481a,#3c3b2a0f);border-radius:999px}.route-fallback__eyebrow{width:min(18rem,38vw);height:.95rem}.route-fallback__title{border-radius:2rem;width:min(52rem,72vw);height:clamp(4.5rem,8vw,7rem)}.route-fallback__divider{background:var(--line);border-radius:0;width:100%;height:1px}.route-fallback__body{width:min(32rem,48vw);height:1.3rem}.route-fallback__body--short{width:min(24rem,36vw)}.site-header{z-index:40;-webkit-backdrop-filter:blur();backdrop-filter:blur();background:0 0;border-bottom:1px solid #0000;transition:background-color .24s,border-color .24s,-webkit-backdrop-filter .24s,backdrop-filter .24s;position:sticky;top:0}.site-header.is-surface{border-bottom-color:var(--line);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#f7f6eac7}.site-header__inner{min-height:var(--header-height);padding:0 var(--shell-gutter);grid-template-columns:auto 1fr auto;align-items:center;gap:1.5rem;display:grid}.brand-mark{font-family:var(--font-heading);letter-spacing:.05em;text-transform:uppercase;font-size:clamp(1.35rem,1.2vw,1.75rem);font-weight:700;line-height:1}.site-footer{z-index:1;padding:1.5rem var(--shell-gutter);background:radial-gradient(circle at 8% 18%,#ccbf0b14,#0000 30%),radial-gradient(circle at 92% 82%,#207a611a,#0000 34%),linear-gradient(#e5ece49e,#f7f6eae6);border-top:1px solid #3c3b2a14;position:relative}html[data-modal-overlay=true] .site-footer{opacity:0;visibility:hidden;pointer-events:none}.site-footer__copy{color:var(--text-soft);letter-spacing:.08em;text-transform:uppercase;margin:0;padding-top:0;font-size:.82rem}.site-header__nav{justify-content:flex-end;gap:clamp(1rem,1.8vw,2rem);display:flex}.nav-link,.mobile-nav__link{text-transform:uppercase;letter-spacing:.16em;font-size:.88rem;font-weight:700;position:relative}.nav-link:after,.mobile-nav__link:after{content:"";background:var(--accent);width:0;height:2px;transition:width .18s;position:absolute;bottom:-.7rem;left:50%;transform:translate(-50%)}.nav-link.active:after,.mobile-nav__link.active:after{width:100%}.menu-toggle{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;width:3.25rem;height:3.25rem;transition:transform .18s,border-color .18s,background .18s;display:inline-flex}.menu-toggle:hover,.menu-toggle:focus-visible{border-color:var(--line-strong);background:#f3f2dad1;transform:translateY(-1px)}.menu-toggle__icon{width:1.2rem;height:1.2rem;overflow:visible}.menu-toggle__line{stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;transition:transform .2s,opacity .2s}.menu-toggle.is-open{background:var(--text);color:var(--bg)}.menu-toggle.is-open .menu-toggle__line--top{transform-origin:10px 7px;transform:translateY(3px)rotate(45deg)}.menu-toggle.is-open .menu-toggle__line--bottom{transform-origin:10px 13px;transform:translateY(-3px)rotate(-45deg)}.utility-menu{z-index:60;opacity:0;visibility:hidden;pointer-events:none;position:fixed;inset:0}.utility-menu__scrim{opacity:0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#3c3b2a1f,#1c8c622e);border:0;position:absolute;inset:0}.utility-menu__stack{top:calc(var(--header-height) + 1rem);right:var(--shell-gutter);z-index:1;pointer-events:auto;justify-items:end;gap:.9rem;width:min(31rem,100vw - 2rem);display:grid;position:absolute}.utility-menu__meta{color:#f3f2dad1;justify-content:space-between;align-items:center;gap:.85rem;width:100%;padding:.25rem .1rem .1rem;display:flex}.utility-menu__close{width:2.75rem;height:2.75rem;color:inherit;cursor:pointer;background:#f7f6ea1a;border:1px solid #f3f2da3d;border-radius:999px;justify-content:center;align-items:center;font-size:1.8rem;line-height:1;display:inline-flex}.utility-card{background:linear-gradient(#f7f6eafa,#e9e8e2f5);border:1px solid #ccbf0b38;border-radius:1.75rem;gap:.55rem;padding:1.25rem;transition:transform .18s,border-color .18s,background .18s;display:grid}.utility-card:hover{background:linear-gradient(#f8f8ee,#ccbf0b29);border-color:#ccbf0bc2;transform:translateY(-2px)}.utility-card--menu{backface-visibility:hidden;place-content:center;width:100%;max-width:100%;transition:border-color .18s,background .18s,box-shadow .18s;transform:translateZ(0);box-shadow:0 18px 40px #3c3b2a24}.utility-card--menu .utility-card__eyebrow{letter-spacing:.2em;font-size:.7rem}.utility-card--menu h3{font-size:clamp(2rem,2.7vw,2.5rem)}.utility-card__copy{will-change:transform, opacity}.utility-card--menu .utility-card__copy{align-content:center;width:100%}.utility-menu__meta{color:var(--text);justify-content:flex-end}.utility-menu__close{color:var(--text);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f7f6ea6b;border-color:#3c3b2a57;box-shadow:0 10px 24px #3c3b2a1a}.utility-menu__close:hover{background:#f7f6ea9e;border-color:#3c3b2a7a}.utility-menu__close span{transform-origin:50%;transition:transform .22s;display:inline-block}.utility-menu__close:hover span{transform:rotate(180deg)}@media (width>=961px){.utility-menu__stack{width:min(34rem,100vw - 2rem)}.utility-card--menu{min-height:11.25rem;padding:1.45rem 1.55rem 1.5rem}.utility-card--menu .utility-card__eyebrow{letter-spacing:.24em;font-size:.66rem}.utility-card--menu h3{font-size:clamp(2.2rem,2.35vw,2.8rem)}}.utility-card h3,.feature-panel__intro h2,.listing-panel__header h2,.archive-callout h2,.text-panel__block h2,.contact-card a,.not-found h1{font-family:var(--font-heading);letter-spacing:-.05em;margin:0;line-height:.94}.utility-card__eyebrow,.page-hero__eyebrow,.project-card__eyebrow,.kicker{text-transform:uppercase;letter-spacing:.18em;margin:0;font-size:.78rem;font-weight:700}.utility-card p:last-child,.feature-panel__intro p:last-child,.archive-callout p,.text-panel__block p:last-child,.contact-card p:last-child,.listing-panel__header p:last-child,.project-detail-hero__summary{color:var(--text-soft);margin:0;line-height:1.55}.page{padding:0 var(--shell-gutter)}.page--home{--home-panel-surface:var(--light-shell-surface);position:relative}.page--home>:not(.home-ambient){z-index:1;position:relative}.home-ambient{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.home-ambient__base{background:radial-gradient(circle at 14% 8%,#c3be4833,#0000 38%),radial-gradient(circle at 78% 14%,#bdd6fc40,#0000 44%),radial-gradient(circle at 100% 18%,#1c8c6224,#0000 36%),radial-gradient(circle at 48% 96%,#c3be481a,#0000 40%),linear-gradient(#faf9f1,#f7f6ea);position:absolute;inset:-10%}.home-ambient__layer{opacity:0;pointer-events:none;will-change:opacity;position:absolute;inset:-10%}.home-ambient__layer--website{background:radial-gradient(circle at 16% 22%,#1c8c624d,#0000 42%),radial-gradient(circle at 82% 24%,#5e96a847,#0000 44%),linear-gradient(145deg,#dce2ce,#b9d4ca 48%,#d6d5ad)}.home-ambient__layer--systems{background:radial-gradient(circle at 80% 18%,#207a614d,#0000 48%),radial-gradient(circle at 16% 78%,#155f4c47,#0000 48%),radial-gradient(circle at 52% 56%,#e2ebe62e,#0000 42%),linear-gradient(150deg,#b9d1cc,#78a595 55%,#a6bbb1)}.page--work{position:relative}.page--work>:not(.work-ambient){z-index:1;position:relative}.work-ambient{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.work-ambient__base,.work-ambient__layer{position:absolute;inset:-10%}.work-ambient__base{background:radial-gradient(circle at 14% 8%,#c3be4833,#0000 38%),radial-gradient(circle at 78% 14%,#bdd6fc40,#0000 44%),radial-gradient(circle at 100% 18%,#1c8c6224,#0000 36%),radial-gradient(circle at 48% 96%,#c3be481a,#0000 40%),linear-gradient(#faf9f1,#f7f6ea)}.work-ambient__layer{opacity:0;will-change:opacity;background:radial-gradient(circle at 16% 22%,#1c8c6257,#0000 42%),radial-gradient(circle at 82% 24%,#40809c6b,#0000 44%),linear-gradient(145deg,#cad8c6,#8eb6b4 48%,#bdc5a4)}.page--archive{position:relative}.page--archive>:not(.archive-ambient){z-index:1;position:relative}.archive-ambient{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.archive-ambient__base{background:radial-gradient(circle at 14% 8%,#c3be4833,#0000 38%),radial-gradient(circle at 78% 14%,#bdd6fc40,#0000 44%),radial-gradient(circle at 100% 18%,#1c8c6224,#0000 36%),radial-gradient(circle at 48% 96%,#c3be481a,#0000 40%),linear-gradient(#faf9f1,#f7f6ea);position:absolute;inset:-10%}.page--narrow{padding-bottom:2rem}.page-hero{gap:2rem;padding-block:clamp(3.5rem,10vw,7rem) clamp(2rem,6vw,4rem);display:grid}.page-hero--home{min-height:calc(100svh - var(--header-height) - 1.25rem);align-content:center;padding-block:clamp(4rem,8vw,6.5rem) clamp(3.5rem,7vw,5rem)}.page-hero--compact{padding-bottom:clamp(1.75rem,3vw,2.5rem)}.page-hero__head{gap:1rem;display:grid}.page-hero__title{max-width:14ch;font-family:var(--font-heading);letter-spacing:-.07em;margin:0;font-size:clamp(3.5rem,10vw,7.5rem);line-height:.9}.page-hero--home .page-hero__title,.page-hero--home-intro .page-hero__title{max-width:11ch}.split-word-group{align-items:flex-start;display:inline-flex}.split-word{vertical-align:top;margin-inline-end:-.045em;padding-inline-end:.045em;display:inline-block;overflow:hidden}.split-word__text{will-change:transform;display:inline-block}.split-space{white-space:pre}.page-hero__lead .split-word{margin-bottom:-.08em;padding-bottom:.08em}.page-hero__divider{background:var(--line-strong);transform-origin:50%;width:100%;height:1px}.page-hero__body{grid-template-columns:minmax(0,1fr) minmax(18rem,.9fr);grid-template-areas:"lead copy""cue copy";align-items:end;gap:2rem clamp(2rem,6vw,7rem);display:grid}.page-hero__lead-block{grid-area:lead;justify-items:start;display:grid}.page-hero__lead{max-width:13ch;font-family:var(--font-body);letter-spacing:-.035em;margin:0;font-size:clamp(2rem,5vw,4rem);font-weight:600;line-height:1.06}.page-hero__copy{max-width:27ch;color:var(--text-soft);will-change:transform, opacity;grid-area:copy;justify-self:end;margin:0;font-size:clamp(1.05rem,1.3vw,1.4rem);line-height:1.45}.page-hero__body>.scroll-cue{grid-area:cue}@media (width>=1100px){.page-hero--home{top:var(--header-height);z-index:1;min-height:calc(100svh - var(--header-height));position:sticky}.page-hero--home>.page-hero__head,.page-hero--home>.page-hero__divider,.page-hero--home>.page-hero__body{translate:0 clamp(-3rem,-4vh,-1.5rem)}.page-hero__title{font-size:clamp(3rem,7.2vw,6.35rem)}.page-hero__body{grid-template-columns:minmax(0,1.22fr) minmax(22rem,.9fr);gap:2rem clamp(2rem,5vw,6.5rem)}.page-hero__lead{max-width:29ch;font-size:clamp(1.35rem,1.55vw,1.65rem)}.page-hero__copy{justify-self:end;max-width:34ch;font-size:clamp(1.08rem,1.15vw,1.34rem)}.page-hero--home .page-hero__title,.page-hero--home-intro .page-hero__title{max-width:14ch}.panel-stack--home-overlap{margin-top:clamp(-5.5rem,-8vh,-4rem)}}.scroll-cue{width:3rem;height:3rem;color:var(--text);will-change:transform, opacity;justify-content:center;align-items:center;font-size:2.2rem;line-height:1;display:inline-flex}.scroll-cue>span[aria-hidden=true]{will-change:transform;animation:2s ease-in-out infinite scroll-cue-bob;display:inline-block}@keyframes scroll-cue-bob{0%,to{transform:translateY(0)}50%{transform:translateY(.4rem)}}@media (prefers-reduced-motion:reduce){.scroll-cue>span[aria-hidden=true]{animation:none}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.panel-stack,.listing-panel,.text-panel{gap:1.5rem;display:grid}.panel-stack--overlap{gap:clamp(1.25rem,2vw,2rem)}.panel-stack--home-overlap{z-index:2;margin-top:0;margin-inline:calc(var(--shell-gutter) * -.4);position:relative}.panel-stack--overlap>[data-panel-stage]+[data-panel-stage]{margin-top:0}.feature-panel,.listing-panel,.archive-callout,.text-panel,.project-detail-card,.not-found{-webkit-backdrop-filter:blur(16px);border:1px solid #ffffff6b;border-radius:2.5rem;position:relative;box-shadow:0 24px 70px #3c3b2a14,inset 0 1px #ffffff47}.feature-panel{background:linear-gradient(#f1eee1d6,#e8e4d4e0);border-color:#ffffff85;gap:2rem;padding:clamp(1.5rem,3vw,2rem);display:grid;box-shadow:0 30px 90px #3c3b2a1a,inset 0 1px #ffffff52}.feature-panel__inner{will-change:transform;gap:2rem;display:grid}.feature-panel__inner--work{gap:0}.feature-panel__group{gap:0;display:grid;position:relative}.feature-panel__group+.feature-panel__group{margin-top:clamp(4.5rem,9vw,7rem);padding-top:clamp(4.5rem,9vw,7rem)}.feature-panel__group+.feature-panel__group:before{content:"";background:linear-gradient(90deg,#ccbf0b00,#ccbf0bb8 18%,#207a6180 82%,#207a6100);width:100%;height:1px;position:absolute;top:0;left:0}.feature-panel--website{background:var(--home-panel-surface)}.feature-panel--website .kicker,.feature-panel--website h2,.feature-panel--website p{color:var(--text)}.feature-panel--website .feature-panel__intro>div p{color:var(--text-soft)}.feature-panel--quiet{background:var(--home-panel-surface)}.feature-panel--quiet .kicker,.feature-panel--quiet h2,.feature-panel--quiet p{color:var(--text)}.feature-panel--quiet .feature-panel__intro>div p{color:var(--text-soft)}.feature-panel__content{gap:.85rem;display:grid}.feature-panel__heading-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.feature-panel__heading-row h2{margin:0}.feature-panel__intro,.listing-panel__header{gap:.75rem;display:grid}.feature-panel__intro{grid-template-columns:minmax(0,16rem) minmax(0,1fr);align-items:start;gap:2rem}.feature-panel__cta{justify-self:start}.feature-panel__footer{justify-content:flex-start;align-items:center;padding-top:.35rem;display:flex}.feature-panel__intro h2,.listing-panel__header h2,.archive-callout h2{font-size:clamp(2.2rem,4.2vw,3.9rem)}.feature-panel .text-link{font-family:var(--font-heading);background-position:bottom;background-repeat:no-repeat;background-size:100% 0%;font-weight:700;transition:transform .18s,background-size .22s,background-color .22s,color .18s,border-color .18s}.feature-panel--website .text-link,.feature-panel--quiet .text-link{color:var(--accent-cool-strong);border-color:var(--accent-cool-strong);background-color:#ffffff3d;background-image:linear-gradient(180deg, var(--accent-cool), var(--accent-cool))}.feature-panel--website .text-link:hover,.feature-panel--quiet .text-link:hover{color:var(--bg);border-color:var(--accent);background-color:#ffffff3d;background-size:100% 100%}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.project-card{min-height:0;box-shadow:none;background:0 0;border:0;gap:0;padding:0;display:grid}.project-card__media,.project-detail-card__media{position:relative}.project-card__frame{aspect-ratio:4/3;background:0 0;border:0;border-radius:2rem;position:relative;overflow:hidden}.feature-panel--stage .project-card__frame,.listing-panel--work-swap .project-card__frame{border-radius:1.5rem}.project-card__frame--image{background:0 0}.project-card__image{object-fit:contain;object-position:center bottom;width:100%;height:100%;padding:6%;position:absolute;inset:0;transform:translateZ(0)}.project-card__image--cover{object-fit:cover;object-position:center center;padding:0}.project-card__frame--detail{aspect-ratio:16/10}.project-card__shape{border-radius:1.6rem;display:block;position:absolute}.project-card__shape--one{background:#ccbf0bb8;width:38%;height:46%;inset:12% auto auto 10%}.project-card__shape--two{background:#3c3b2a14;width:28%;height:22%;inset:18% 9% auto auto}.project-card__shape--three{background:#ffffff8c;width:80%;height:18%;inset:auto 10% 12% auto}.project-card--ink .project-card__frame,.project-card__frame--ink{background:linear-gradient(#3c3b2a2e,#e9e8e2bd)}.project-card--cool .project-card__frame,.project-card__frame--cool{background:linear-gradient(#1c8c6247,#f3f2dab8)}.project-card--citrus .project-card__frame,.project-card__frame--citrus{background:linear-gradient(#e0e9e4e0,#f9f8f1f5)}.project-card--cream .project-card__frame,.project-card__frame--cream{background:linear-gradient(#ffffffb3,#e9e8e2d6)}.project-card .project-card__frame--image,.project-card--ink .project-card__frame--image,.project-card--cool .project-card__frame--image,.project-card--citrus .project-card__frame--image,.project-card--cream .project-card__frame--image{background:0 0}.project-card__meta{align-content:start;gap:.24rem;padding:.9rem .25rem 0;display:grid}.project-card__title{font-family:var(--font-heading);letter-spacing:-.05em;margin:0 0 .16rem;font-size:clamp(1.6rem,2.3vw,2.2rem);line-height:.94}.project-card__client{color:#3c3b2ad1;margin:0;font-size:.92rem}.project-card__eyebrow,.project-card__title,.project-card__client{transition:color .42s cubic-bezier(.16,1,.3,1),opacity .32s}.feature-panel--website .project-card,.feature-panel--quiet .project-card,.feature-panel--website .project-card:hover,.feature-panel--quiet .project-card:hover{color:var(--text)}.feature-panel--website .project-card__eyebrow,.feature-panel--website .project-card__title,.feature-panel--website .project-card__client,.feature-panel--quiet .project-card__eyebrow,.feature-panel--quiet .project-card__title,.feature-panel--quiet .project-card__client{color:#3c3b2aeb}.feature-panel--website .project-card:hover .project-card__title,.feature-panel--website .project-card:hover .project-card__eyebrow,.feature-panel--website .project-card:hover .project-card__client,.feature-panel--quiet .project-card:hover .project-card__title,.feature-panel--quiet .project-card:hover .project-card__eyebrow,.feature-panel--quiet .project-card:hover .project-card__client{color:#3c3b2a}.utility-card__eyebrow,.feature-panel--website .project-card__eyebrow,.feature-panel--quiet .project-card__eyebrow{color:#155f4cd1}.feature-panel--website .project-card:hover .project-card__eyebrow,.feature-panel--quiet .project-card:hover .project-card__eyebrow{color:var(--accent-cool-strong)}@media (pointer:fine){[data-cursor=arrow]{cursor:none}}@media (pointer:coarse){.custom-cursor{display:none}}.listing-panel{background:#e9e8e2ad;padding:clamp(1.5rem,3vw,2rem)}.listing-panel--light{background:#f3f2dabd}.listing-panel--work-swap{--work-shell-light-opacity:0;--work-shell-text:#f7f6ea;--work-shell-soft-text:#f7f6eac7;--work-shell-accent:#e5db73;--work-shell-border:#ffffff85;isolation:isolate;color:var(--work-shell-text);border-color:var(--work-shell-border);background:radial-gradient(circle at 12% 10%,#ccbf0b14,#0000 34%),radial-gradient(circle at 86% 18%,#9ec6b93d,#0000 38%),linear-gradient(150deg,#315f5a,#4f7c73 56%,#6f8b83);overflow:hidden;box-shadow:0 30px 90px #3c3b2a1a,inset 0 1px #ffffff52}.listing-panel--work-swap:before{content:"";z-index:0;border-radius:inherit;background:var(--light-shell-surface);opacity:var(--work-shell-light-opacity);pointer-events:none;position:absolute;inset:-1px}.listing-panel--work-swap>*{z-index:1;position:relative}.listing-panel--work-swap .listing-panel__copy h2,.listing-panel--work-swap .project-card__title{color:var(--work-shell-text)}.listing-panel--work-swap .listing-panel__copy .kicker,.listing-panel--work-swap .project-card__eyebrow{color:var(--work-shell-accent)}.listing-panel--work-swap .listing-panel__copy p:last-child,.listing-panel--work-swap .project-card__client{color:var(--work-shell-soft-text)}.work-filter-bar{justify-content:flex-start;align-items:center;margin-bottom:clamp(1.75rem,3vw,2.5rem);display:flex}.listing-panel__header--work{gap:1.25rem}.listing-panel__copy{gap:.75rem;display:grid}.listing-panel--archive{background:linear-gradient(#bcbba7a8,#e9e8e2e6)}.filter-pills{--filter-pills-gap:.5rem;--filter-pills-padding:.45rem;align-items:center;gap:var(--filter-pills-gap);width:min(100%,22rem);padding:var(--filter-pills-padding);-webkit-backdrop-filter:blur(16px);background:#f7f6eadb;border:1px solid #3c3b2a24;border-radius:999px;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;position:relative;box-shadow:0 20px 50px #3c3b2a2e}.filter-pills__button{z-index:1;min-height:3rem;color:var(--accent-cool-strong);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;isolation:isolate;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0 1.2rem;font-size:.84rem;font-weight:700;transition:background .18s,color .18s,transform .18s;display:flex;position:relative;overflow:hidden}.filter-pills__button:hover{color:var(--accent-cool);transform:translateY(-1px)}.filter-pills__active-bg{top:var(--filter-pills-padding);bottom:var(--filter-pills-padding);left:var(--filter-pills-padding);z-index:0;width:calc((100% - (var(--filter-pills-padding) * 2) - (var(--filter-pills-gap) * 2)) / 3);background:var(--accent-cool);pointer-events:none;will-change:transform;border-radius:999px;transition:transform .42s cubic-bezier(.22,1,.36,1);position:absolute;transform:translate(0);box-shadow:inset 0 0 0 1px #ccbf0b8f}.filter-pills__active-bg.is-website{transform:translateX(calc(100% + var(--filter-pills-gap)))}.filter-pills__active-bg.is-systems{transform:translateX(calc(200% + var(--filter-pills-gap) + var(--filter-pills-gap)))}.filter-pills__label{z-index:1;position:relative}.filter-pills__button.is-active{color:var(--bg)}.listing-panel__footer{border-top:1px solid #3c3b2a1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:.5rem;display:flex}.listing-panel__footer-copy{color:var(--text-soft);margin:0}.archive-callout{text-align:center;background:linear-gradient(180deg, var(--panel-mid-top), var(--panel-mid));border-color:#ffffff61;justify-items:center;gap:1rem;padding:clamp(2rem,4vw,3rem) clamp(1.5rem,4vw,3rem);display:grid}.archive-callout .kicker,.archive-callout h2,.archive-callout p{color:var(--text)}.archive-callout__inner{justify-items:center;gap:1rem;display:grid}.archive-callout--shell{width:100%;min-width:0;min-height:100svh;padding:clamp(5rem, 10vh, 7rem) var(--shell-gutter);box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:0;align-content:center;justify-items:center;display:grid}.archive-callout__inner--shell{text-align:center;justify-self:center;justify-items:center;width:min(100%,54rem);min-width:0}.archive-gallery{width:100vw;min-width:0;height:300svh;margin-inline:calc(50% - 50vw)}.archive-gallery__sticky{width:100%;min-width:0;height:100svh;padding:calc(var(--header-height) + clamp(.75rem, 2vh, 1.5rem)) 0 clamp(1.5rem, 3vh, 2.5rem);grid-template-columns:minmax(0,1fr);align-content:center;gap:clamp(2rem,4vh,3rem);display:grid;position:sticky;top:0;overflow:hidden}.archive-gallery__title{color:var(--text);font-family:var(--font-heading);letter-spacing:-.055em;text-align:center;margin:0;font-size:clamp(2.1rem,3.5vw,3.25rem);line-height:.98}@media (width>=901px){.archive-gallery__sticky{gap:clamp(2.5rem,5vh,3.5rem)}}.archive-ribbon{width:100%;min-width:0;margin-top:0;overflow:visible}.archive-ribbon__viewport{width:100%;min-width:0;position:relative;top:auto;overflow:visible}.archive-ribbon__track{width:max-content;padding-inline:var(--shell-gutter);will-change:transform;gap:clamp(2.25rem,7vw,7rem);display:flex}.archive-ribbon__item{aspect-ratio:4/5;background:radial-gradient(circle at 18% 14%,#ccbf0b70,#0000 34%),linear-gradient(145deg,#eff0daeb,#a7cfc4db);border:1px solid #ffffff80;border-radius:clamp(1.5rem,2.4vw,2.25rem);flex:0 0 clamp(16.5rem,21vw,19rem);position:relative;overflow:hidden;box-shadow:0 24px 70px #2a483d1f}.archive-ribbon__item:nth-child(2){background:radial-gradient(circle at 78% 22%,#ccbf0b8a,#0000 31%),linear-gradient(155deg,#e8eee0f0,#6faf9dd1)}.archive-ribbon__item:nth-child(3){background:radial-gradient(circle at 24% 76%,#ccbf0b52,#0000 34%),linear-gradient(150deg,#325d52f0,#b5d5ccdb)}.archive-ribbon__item:nth-child(4){background:radial-gradient(circle at 76% 18%,#2d856c66,#0000 33%),linear-gradient(145deg,#f7f4def5,#c2d8d1e6)}.archive-ribbon__item:nth-child(5){background:radial-gradient(circle at 26% 20%,#ccbf0b80,#0000 32%),linear-gradient(155deg,#7fbbaaeb,#ebeed8f0)}.archive-ribbon__item:before,.archive-ribbon__item:after{content:"";background:#ffffff85;border-radius:999px;position:absolute}.archive-ribbon__item:before{aspect-ratio:1;width:34%;top:12%;right:10%}.archive-ribbon__item:after{height:18%;bottom:12%;left:10%;right:10%}.archive-ribbon__item span{z-index:1;color:var(--accent-cool-strong);letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;font-weight:700;position:absolute;bottom:1.2rem;left:1.35rem}@media (prefers-reduced-motion:reduce){.archive-gallery{height:auto}.archive-gallery__sticky,.archive-ribbon__viewport{height:auto;position:relative;top:auto}.archive-ribbon__viewport{overflow-x:auto}.archive-ribbon__track{will-change:auto}}.archive-callout--shell p{max-width:40rem}.archive-callout--shell .archive-callout__actions{justify-content:center}.archive-callout--shell .kicker,.archive-callout--shell h2,.archive-callout--shell p{color:var(--text)}.archive-callout--shell p{color:var(--text-soft)}.archive-callout--shell .pill-button{border-color:var(--accent-cool-strong);color:var(--accent-cool-strong);background-color:#ffffff3d;background-size:100% 0%}.archive-callout--shell .pill-button:hover{border-color:var(--accent);color:var(--bg);background-color:#ffffff3d;background-size:100% 100%}.archive-callout--shell .text-link{border-color:var(--accent-cool-strong);color:var(--accent-cool-strong);background-color:#ffffff6b}.archive-callout--shell .text-link:hover{color:var(--bg);border-color:var(--accent);background-color:#ffffff6b}.archive-callout p{max-width:34rem;color:var(--text-soft)}.archive-callout__actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.archive-callout .text-link{color:var(--accent-cool-strong);border-color:var(--accent-cool-strong);background-color:#ffffff6b}.archive-callout .text-link:hover{color:var(--bg);border-color:var(--accent);background-color:#ffffff6b}.page-hero__eyebrow,.feature-panel__intro>.kicker,.archive-callout__inner--shell>.kicker{color:var(--accent-cool-strong)}.pill-button,.text-link{background-position:bottom;background-repeat:no-repeat;background-size:100% 0%;border-radius:999px;justify-content:center;align-items:center;min-height:3.25rem;padding:0 1.4rem;transition:transform .18s,background-size .22s,background-color .22s,color .18s,border-color .18s;display:inline-flex}.pill-button{color:var(--accent-cool-strong);border:1px solid var(--accent-cool-strong);background-color:#ffffff3d;background-image:linear-gradient(180deg, var(--accent-cool), var(--accent-cool))}.pill-button:hover{color:var(--bg);border-color:var(--accent);background-color:#ffffff3d;background-size:100% 100%;transform:translateY(-1px)}.text-link{color:var(--accent-cool-strong);border:1px solid var(--accent-cool-strong);background-color:#ffffff6b;background-image:linear-gradient(180deg, var(--accent-cool), var(--accent-cool))}.text-link--button{cursor:pointer}.text-link:hover{color:var(--bg);border-color:var(--accent);background-color:#ffffff6b;background-size:100% 100%;transform:translateY(-1px)}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.text-panel{background:#e9e8e2bd;padding:clamp(1.5rem,4vw,3rem)}.text-panel__block{gap:.8rem;display:grid}.text-panel--contact{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-card{background:#f7f6eae0;border:1px solid #3c3b2a1a;border-radius:2rem;gap:.6rem;padding:1.5rem;display:grid}.contact-card a{font-size:clamp(2rem,4vw,3.2rem)}.page--archive .page-hero__copy{color:#3c3b2ad1}.archive-gallery-panel{margin-inline:calc(var(--shell-gutter) * -.2);background:0 0;border:0;border-radius:0;gap:1.5rem;padding:0;display:grid}.archive-gallery-panel__header{gap:.65rem;max-width:56rem;display:grid}.archive-gallery-panel__header h2{font-family:var(--font-heading);letter-spacing:-.05em;margin:0;font-size:clamp(2.8rem,5vw,4.6rem);line-height:.98}.archive-gallery-panel__header p:last-child{color:var(--text-soft);margin:0}.archive-grid{grid-template-rows:repeat(2,minmax(23rem,auto));grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem;display:grid}.archive-grid--curated{grid-template-rows:repeat(2,minmax(23rem,auto));grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,1.5vw,1.5rem)}.archive-grid--curated .archive-grid__item--stack-top{grid-area:1/1}.archive-grid--curated .archive-grid__item--stack-bottom{grid-area:2/1}.archive-grid--curated .archive-grid__item--feature-tall{grid-area:1/2/3}.archive-grid--curated .archive-tile{min-height:23rem}.archive-grid--curated .archive-grid__item--feature-tall .archive-tile{min-height:100%}@media (width>=1101px){.archive-grid--curated{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)}}.archive-grid__item{min-width:0}.archive-grid__item--top-wide{grid-area:1/1/auto/3}.archive-grid__item--bottom-wide{grid-area:2/1/auto/3}.archive-grid__item--tall-left{grid-area:1/3/3}.archive-grid__item--tall-right{grid-area:1/4/3}.archive-tile{min-height:26rem;color:inherit;transform-origin:50%;backface-visibility:hidden;will-change:transform;border-radius:2rem;text-decoration:none;display:grid;position:relative;overflow:hidden}.archive-tile--top-wide,.archive-tile--bottom-wide{min-height:23rem}.archive-tile--tall-left,.archive-tile--tall-right{min-height:100%}.archive-tile__media{position:absolute;inset:0}.archive-tile__frame{border-radius:inherit;transform-origin:50%;backface-visibility:hidden;will-change:transform;background:radial-gradient(circle at 18% 22%,#fff3,#0000 18%),linear-gradient(135deg,#ffffff14,#0000 42%),linear-gradient(#3c3b2a2e,#3c3b2a14);width:100%;height:100%;position:relative;overflow:hidden}.archive-tile--citrus .archive-tile__frame{background:radial-gradient(circle at 14% 20%,#ffffff38,#0000 18%),linear-gradient(135deg,#ffc4623d,#0000 48%),linear-gradient(#bfb30aeb,#8f8e6cdb)}.archive-tile--ink .archive-tile__frame{background:radial-gradient(circle at 16% 16%,#ffffff1f,#0000 18%),linear-gradient(135deg,#bcbba724,#0000 44%),linear-gradient(#5c405ff0,#2c1d2deb)}.archive-tile--cool .archive-tile__frame{background:radial-gradient(circle at 16% 18%,#ffffff29,#0000 18%),linear-gradient(135deg,#bfb30a24,#0000 42%),linear-gradient(#3d6376eb,#197f59e0)}.archive-tile--cream .archive-tile__frame{background:radial-gradient(circle at 18% 18%,#ffffff2e,#0000 18%),linear-gradient(135deg,#1c8c621f,#0000 40%),linear-gradient(#bcbba7eb,#e9e8e2e0)}.archive-tile__image{object-fit:cover;object-position:center center;transform-origin:50%;backface-visibility:hidden;will-change:transform;width:100%;height:100%;display:block}.archive-tile__image--cover{object-fit:cover;object-position:center center}.archive-tile__shape{opacity:.72;border-radius:999px;display:block;position:absolute}.archive-tile__shape--one{background:#ffffff2e;width:16%;height:16%;inset:10% auto auto 12%}.archive-tile__shape--two{background:#ffffff14;border-radius:2rem;width:24%;height:74%;inset:12% 12% auto auto}.archive-tile__shape--three{background:#0000001f;border-radius:2.4rem;width:56%;height:46%;inset:auto auto 10% 8%}.archive-tile__shape--four{background:#ffffff24;width:26%;height:26%;inset:auto 12% 14% auto}.archive-tile__overlay{z-index:1;color:#f7f6eafa;background:linear-gradient(#0c121400 30%,#0c1214b8 100%);align-content:end;gap:.55rem;min-height:100%;padding:1.75rem;display:grid;position:relative}.archive-tile__eyebrow,.archive-tile__summary{margin:0}.archive-tile__eyebrow{letter-spacing:.03em;color:#f7f6eadb;font-size:.92rem}.archive-tile__title{font-family:var(--font-heading);letter-spacing:-.04em;margin:0;font-size:clamp(2.15rem,2.8vw,3.2rem);line-height:.96}.archive-tile__summary{color:#f7f6ead6;max-width:36ch}.archive-project{gap:1.5rem;padding-bottom:1rem;display:grid}.archive-project__header{gap:.75rem;max-width:56rem;display:grid}.archive-project__title{backface-visibility:hidden;will-change:opacity, transform;max-width:12ch;transform:translateZ(0)}.archive-project__summary{max-width:44rem;color:var(--text-soft);margin:0;font-size:clamp(1rem,1.3vw,1.18rem);line-height:1.5}.archive-project__grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:1.25rem;display:grid}.archive-project__item{min-width:0}.archive-story{grid-template-columns:minmax(18rem,min(28rem,34vw)) minmax(0,1fr);align-items:start;gap:clamp(1.5rem,3vw,3rem);padding-bottom:1rem;display:grid}.archive-story__aside{align-self:start;padding-top:.5rem;position:sticky;top:5rem}.archive-story__aside-copy,.archive-story__content{display:grid}.archive-story__aside-copy{gap:.9rem}.archive-story__title{max-width:none;margin:0;font-size:clamp(2.35rem,3.5vw,4.25rem)}.archive-story__summary{max-width:34rem;color:var(--text-soft);margin:0;font-size:clamp(1rem,1.15vw,1.15rem);line-height:1.5}.archive-story__year{color:var(--text);letter-spacing:.04em;margin:.35rem 0 0;font-weight:700}.archive-story__content{gap:clamp(1rem,1.6vw,1.5rem);min-width:0}.archive-story__content .archive-gallery-card--portrait{width:min(100%,44rem);margin-inline:auto}.archive-story__content .archive-gallery-card--square{width:min(100%,52rem);margin-inline:auto}@media (width>=981px){.archive-story__content{--archive-media-gap:clamp(1rem, 1.6vw, 1.5rem);gap:var(--archive-media-gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.archive-story__content .archive-project__item{width:100%;margin:0}.archive-story--social-promotional-design .archive-story__content{grid-template-columns:repeat(6,minmax(0,1fr))}.archive-story--social-promotional-design .archive-story__content .archive-project__item:has(.archive-gallery-card--video){grid-column:span 2}.archive-story--social-promotional-design .archive-story__content .archive-project__item:not(:has(.archive-gallery-card--video)){grid-column:span 3}.archive-story__content .archive-gallery-card--portrait,.archive-story__content .archive-gallery-card--square{width:100%;margin-inline:0}}.project-overlay__panel--archive{height:calc(100svh - var(--project-overlay-top-gap));height:calc(100dvh - var(--project-overlay-top-gap));overscroll-behavior:contain;-webkit-overflow-scrolling:touch;overflow-y:auto}.project-overlay--archive .project-overlay__scrim{-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);background:#3c3b2aad}.archive-gallery-card{box-shadow:none;background:0 0;border:0;border-radius:1.5rem;display:block;overflow:hidden}.archive-gallery-card__media{background:0 0;border-radius:1.5rem;display:block;position:relative;overflow:hidden}.archive-gallery-card__media:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(#0f121400 44%,#0f12142e 100%);transition:opacity .52s cubic-bezier(.22,1,.36,1),background .52s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.archive-gallery-card__media--image{aspect-ratio:auto;padding:0}.archive-gallery-card__media--citrus,.archive-gallery-card__media--ink,.archive-gallery-card__media--cool,.archive-gallery-card__media--cream{background:0 0}.archive-gallery-card__image{object-fit:contain;object-position:center center;opacity:0;filter:blur(10px);width:100%;height:auto;max-height:none;transition:opacity .72s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1),filter .9s cubic-bezier(.22,1,.36,1);display:block;transform:scale(1)}.archive-gallery-card__video{object-fit:contain;object-position:center center;opacity:1;filter:none;width:100%;height:auto;transition:transform .7s cubic-bezier(.22,1,.36,1),filter .7s cubic-bezier(.22,1,.36,1);display:block;transform:scale(1)}.archive-gallery-card__media.is-loaded .archive-gallery-card__image,.archive-gallery-card__media.is-loaded .archive-gallery-card__video{opacity:1;filter:blur();transform:scale(1)}@media (hover:hover) and (pointer:fine){.archive-gallery-card:hover .archive-gallery-card__image{transform:scale(1.018)}.archive-gallery-card:hover .archive-gallery-card__video{transform:scale(1.02)}}.archive-gallery-card__shape{border-radius:999px;display:block;position:absolute}.archive-gallery-card__shape--one{background:#ffffff29;width:20%;height:20%;inset:10% auto auto 10%}.archive-gallery-card__shape--two{background:#ffffff1f;width:36%;height:28%;inset:auto 10% 12% auto}.archive-gallery-card__shape--three{background:#0000001f;border-radius:2rem;width:42%;height:62%;inset:18% 16% auto auto}.project-detail-hero{gap:1rem;padding-block:clamp(3rem,9vw,6rem) 2rem;display:grid}.page-hero__title--detail{max-width:10ch}.project-story{grid-template-columns:minmax(20rem,28rem) minmax(0,1fr);align-items:start;gap:1.75rem;display:grid}.project-story__aside{top:calc(var(--header-height) + 1.5rem);align-content:start;gap:1.4rem;padding:clamp(1rem,2vw,1.5rem) 0;display:grid;position:sticky}.project-story__aside-copy,.project-story__meta{gap:.9rem;display:grid}.project-story__meta-line{font-family:var(--font-body);margin:0;font-size:.98rem;font-weight:700;line-height:1.35}.project-story__points{color:var(--text-soft);gap:.75rem;margin:0;padding-left:1.2rem;display:grid}.project-story__content{gap:1.25rem;min-width:0;display:grid}.project-story-card{background:#f7f6eae6;border:1px solid #3c3b2a14;border-radius:2rem;gap:1rem;padding:clamp(1.35rem,2vw,1.7rem);display:grid;box-shadow:0 16px 36px #3c3b2a0d}.project-story-card--image{padding:0;overflow:hidden}.project-story-card__header{gap:.35rem;display:grid}.project-story-card__title{font-family:var(--font-heading);letter-spacing:-.05em;margin:0;font-size:clamp(2.2rem,3vw,3.6rem);line-height:.98}.project-story-card__body{gap:1rem;display:grid}.project-story-card__lead{margin:0;font-size:clamp(1.1rem,1.55vw,1.55rem);font-weight:600;line-height:1.38}.project-story-card__body p{color:var(--text-soft);margin:0}.project-story-card__list{color:var(--text-soft);gap:.75rem;margin:0;padding-left:1.2rem;display:grid}.project-story-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.project-story-grid__item{background:#f7f6eadb;border:1px solid #3c3b2a14;border-radius:1.5rem;gap:.95rem;padding:1.3rem;display:grid}.project-story-grid__title{font-family:var(--font-body);margin:0;font-size:1.15rem;font-weight:700}.project-story-card__media{border-radius:inherit;background:#e9e8e2b3;min-height:22rem;position:relative;overflow:hidden}.project-story-card__media--duo{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;min-height:20rem;display:grid}.project-story-card__duo-pane{place-items:center;min-height:24rem;padding:2rem;display:grid}.project-story-card__duo-pane--light{background:#f7f6ea}.project-story-card__duo-pane--dark{background:#0d425f}.project-story-card__image{object-fit:cover;will-change:transform;width:100%;height:100%;display:block}.project-story-card__picture{width:100%;height:100%;display:block}.project-story-card__image--cover{aspect-ratio:16/10}.project-story-card__media--logo-video{aspect-ratio:16/9;background:#f7f6ea;min-height:0}.project-story-card__image--logo-video{aspect-ratio:16/9;object-fit:contain}.project-story-card__media--framed-video{aspect-ratio:16/9;background:#303432;place-items:center;min-height:0;padding:0;display:grid}.project-story-card__image--framed-video{aspect-ratio:16/9;object-fit:contain;border-radius:inherit;background:#f7f6ea;height:auto}.project-story-card__image--styleguide,.project-story-card__image--brand,.project-story-card__image--site,.project-story-card__image--results{aspect-ratio:16/9}.project-story-card__image--logos{aspect-ratio:auto;object-fit:contain;width:min(100%,28rem);height:auto}.project-story-grid__icon{background:#e9e8e2f0;border:1px solid #3c3b2a24;border-radius:1rem;place-items:center;width:3.9rem;height:3.9rem;display:inline-grid}.project-story-grid__icon svg{width:1.45rem;height:1.45rem}.project-story-grid__icon path{stroke:var(--text-soft);stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round}.project-story-card__placeholder{min-height:22rem;color:var(--text-soft);place-items:center;font-weight:600;display:grid}.device-scroll-card{place-items:center;min-height:34rem;padding:1rem;display:grid}.device-scroll-card__frame{background:linear-gradient(#f7f6ea,#f1efe4fa);border-radius:2rem;width:100%;padding:1rem 1rem 0;box-shadow:0 20px 48px #3c3b2a1f,inset 0 0 0 1px #3c3b2a14}.device-scroll-card__viewport{aspect-ratio:16/10;background:#fff;border-radius:1.35rem 1.35rem 0 0;position:relative;overflow:hidden}.device-scroll-card__image{width:100%;height:auto;display:block}.device-scroll-card__frame:before{content:"";background:#3c3b2a24;border-radius:999px;width:3.2rem;height:.44rem;margin-bottom:.85rem;display:block}.project-detail-card{background:#e9e8e2b3;grid-template-columns:minmax(0,1.15fr) minmax(18rem,.85fr);gap:1.5rem;padding:1.5rem;display:grid}.project-detail-card--overlay{box-shadow:none;background:0 0;border:0;padding:0}.project-detail-card__content{align-content:start;gap:1.5rem;display:grid}.project-overlay{--project-overlay-top-gap:clamp(4rem, 8vh, 4.5rem);z-index:70;padding:var(--project-overlay-top-gap) 0 0;overscroll-behavior:none;place-items:end center;display:grid;position:fixed;inset:0}.project-overlay__scrim{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#3c3b2a3d;border:0;position:absolute;inset:0}.project-overlay__panel{width:100%;max-height:calc(100svh - var(--project-overlay-top-gap));max-height:calc(100dvh - var(--project-overlay-top-gap));overscroll-behavior:contain;-webkit-overflow-scrolling:touch;box-shadow:var(--shadow-strong);touch-action:pan-y;will-change:transform;background:linear-gradient(#f7f6eafa,#e9e8e2f5);border:1px solid #e9e8e273;border-radius:2rem 2rem 0 0;padding:1.5rem 1.5rem 2rem;position:relative;overflow:auto}.project-overlay__topbar{z-index:4;pointer-events:none;background:0 0;justify-content:flex-end;align-items:center;gap:1rem;margin-bottom:1rem;padding:.55rem 0 .85rem;display:flex;position:sticky;top:.75rem}.project-overlay__close{border:1px solid var(--line);cursor:pointer;pointer-events:auto;background:#f7f6eae6;border-radius:999px;justify-content:center;align-items:center;width:3rem;height:3rem;font-size:2rem;line-height:1;transition:transform .18s,border-color .18s;display:inline-flex;box-shadow:0 .35rem 1rem #3c3b2a14}.project-overlay__close span{transform-origin:50%;transition:transform .22s;display:inline-block}.project-overlay__close:hover{border-color:var(--accent);transform:translateY(-1px)}.project-overlay__close:hover span{transform:rotate(180deg)}.project-overlay .page-hero__title--detail{max-width:none;font-size:clamp(1.95rem,2.8vw,3.35rem)}.project-overlay .project-detail-hero__summary{max-width:none;color:var(--text-soft);margin:0;font-size:clamp(.98rem,1.05vw,1.14rem);line-height:1.45}.project-overlay .project-story{grid-template-columns:minmax(22rem,min(31rem,36vw)) minmax(0,1fr)}.project-overlay .project-story__aside{padding-top:.5rem;top:5rem}.project-overlay .project-story__content{min-width:0}.project-overlay .project-story-card,.project-overlay .device-scroll-card__frame{border-radius:1.5rem}.project-overlay .project-story-grid__item{border-radius:1.125rem}.project-overlay .device-scroll-card__viewport{border-radius:1rem 1rem 0 0}@media (width>=981px){.project-overlay{padding-left:clamp(.5rem,1vw,1rem);padding-right:clamp(.5rem,1vw,1rem)}}@media (width<=980px){.archive-grid,.archive-project__grid{grid-template-columns:1fr}.archive-grid__item--wide{grid-column:span 1}.project-overlay{--project-overlay-top-gap:clamp(2rem, 5vh, 3rem);padding:var(--project-overlay-top-gap) 0 0}.project-overlay__panel{width:100%;max-height:calc(100svh - var(--project-overlay-top-gap));max-height:calc(100dvh - var(--project-overlay-top-gap));border-radius:1.5rem 1.5rem 0 0;padding:1.2rem 1.2rem 1.6rem}.project-story,.project-overlay .project-story,.archive-story{grid-template-columns:minmax(0,1fr)}.project-story__aside,.project-overlay .project-story__aside,.archive-story__aside{padding-top:0;position:static;top:auto}.project-story-grid,.project-story-card__media--duo{grid-template-columns:minmax(0,1fr)}.project-story-card__duo-pane{min-height:18rem}}.service-list{color:var(--text-soft);margin:0;padding-left:1.1rem}.not-found{background:#e9e8e2bd;justify-items:start;gap:1rem;margin-block:2rem;padding:clamp(1.75rem,5vw,3rem);display:grid}.mobile-nav{inset:auto 0 max(1rem, env(safe-area-inset-bottom)) 0;z-index:45;pointer-events:none;justify-content:center;display:none;position:fixed}.mobile-nav__inner{--mobile-nav-gap:.4rem;--mobile-nav-padding:.6rem;pointer-events:auto;align-items:center;gap:var(--mobile-nav-gap);width:min(88vw,18rem);padding:var(--mobile-nav-padding);-webkit-backdrop-filter:blur(16px);background:#f7f6eadb;border:1px solid #3c3b2a24;border-radius:999px;grid-template-columns:repeat(2,minmax(0,1fr));display:grid;position:relative;box-shadow:0 20px 50px #3c3b2a2e}.mobile-nav__link{z-index:1;border-radius:999px;grid-row:1;justify-content:center;align-items:center;min-height:3rem;padding:0 .8rem;display:inline-flex;position:relative}.mobile-nav__active-pill{top:var(--mobile-nav-padding);bottom:var(--mobile-nav-padding);left:var(--mobile-nav-padding);z-index:0;width:calc((100% - (var(--mobile-nav-padding) * 2) - var(--mobile-nav-gap)) / 2);background:var(--accent-cool);pointer-events:none;will-change:transform;border-radius:999px;transition:transform .42s cubic-bezier(.22,1,.36,1);position:absolute;transform:translate(0);box-shadow:inset 0 0 0 1px #ccbf0b8f}.mobile-nav__active-pill.is-secondary{transform:translateX(calc(100% + var(--mobile-nav-gap)))}.mobile-nav__inner--archive{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)}.mobile-nav__inner--archive .mobile-nav__active-pill{width:calc((100% - (var(--mobile-nav-padding) * 2) - var(--mobile-nav-gap)) * .59)}.mobile-nav__inner--archive .mobile-nav__active-pill.is-secondary{transform:translateX(calc(69.4915% + var(--mobile-nav-gap)))}.mobile-nav__label{z-index:1;position:relative}.mobile-nav__link:after{display:none}.mobile-nav__link.active{color:var(--bg)}@media (width<=1100px){.feature-panel__intro,.project-detail-card{grid-template-columns:1fr}.page-hero__body{grid-template-columns:1fr;grid-template-areas:"lead""copy""cue"}.page-hero__copy{justify-self:start}.listing-panel__header--work{justify-items:start}.archive-grid{grid-template-rows:auto;grid-template-columns:repeat(2,minmax(0,1fr))}.archive-grid__item--top-wide,.archive-grid__item--bottom-wide,.archive-grid__item--tall-left,.archive-grid__item--tall-right,.archive-grid--curated .archive-grid__item--stack-top,.archive-grid--curated .archive-grid__item--stack-bottom{grid-area:auto}.archive-grid--curated .archive-grid__item--feature-tall{grid-area:auto/1/auto/-1}.archive-tile--top-wide,.archive-tile--bottom-wide,.archive-tile--tall-left,.archive-tile--tall-right,.archive-grid--curated .archive-grid__item--feature-tall .archive-tile{min-height:24rem}.archive-project__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=761px) and (width<=1100px){.page-hero--home .page-hero__title,.page-hero--home-intro .page-hero__title{max-width:none;font-size:clamp(4rem,7.2vw,5rem)}.page-hero--home .page-hero__body{grid-template-columns:minmax(0,1.18fr) minmax(17rem,.9fr);grid-template-areas:"lead copy""cue copy";gap:2rem clamp(2rem,5vw,4rem)}.page-hero--home .page-hero__lead{max-width:29ch;font-size:clamp(1.45rem,2.2vw,1.65rem)}.page-hero--home .page-hero__copy{justify-self:end;max-width:34ch}}@media (width>=901px) and (width<=1100px){.page-hero--home .page-hero__body{margin-top:.5rem}.feature-panel--stage .feature-panel__intro{gap:.55rem}.feature-panel--stage .project-grid{margin-top:clamp(1.5rem,2.5vh,2rem)}.feature-panel--stage .feature-panel__footer{margin-top:clamp(1.4rem,2vh,1.75rem)}}@media (width>=900px) and (width<=1100px){.panel-stack--home-overlap{margin-inline:clamp(.75rem,1.5vw,1.25rem)}}@media (width>=900px) and (width<=1099px){.panel-stack--home-overlap{margin-top:clamp(-4rem,-7vh,-3rem)}}@media (width<=899px){.panel-stack--home-overlap{margin-top:clamp(-3.5rem,-7vh,-2.75rem)}}@media (width>=1101px){.panel-stack--overlap{gap:clamp(3rem,5vw,5rem)}.feature-panel--stage{min-height:min(90svh,54rem);overflow:clip}.panel-stack--home-overlap{margin-top:clamp(-5.5rem,-8vh,-4rem);margin-inline:clamp(.75rem,1.2vw,1.75rem)}.feature-panel--stage .feature-panel__inner{grid-template-rows:auto auto auto;align-content:start;gap:0;min-height:100%}.feature-panel--work .feature-panel__inner--work{grid-template-rows:none;gap:0;min-height:0;display:grid}.feature-panel--stage .feature-panel__intro{grid-template-columns:minmax(0,1fr);gap:.55rem}.feature-panel--stage .feature-panel__content{justify-items:start}.feature-panel--stage .feature-panel__content p{max-width:52rem;margin:0}.feature-panel--stage .project-grid{align-content:start;margin-top:clamp(1.75rem,2.8vh,2.25rem);padding-bottom:0}.feature-panel--stage .feature-panel__footer{margin-top:clamp(1.4rem,2vh,1.75rem);padding-top:0}.feature-panel--stage .project-card{min-height:18.5rem}.feature-panel--stage .project-card__frame{aspect-ratio:16/8.8}.archive-callout--stage{align-content:center;min-height:min(92svh,52rem)}.archive-callout--shell{min-height:100svh;padding:clamp(6rem, 12vh, 9rem) var(--shell-gutter)}}@media (width<=900px){:root{--header-height:5rem;--mobile-nav-height:6rem}.page-hero--home .page-hero__body{margin-top:.5rem}.feature-panel--stage .feature-panel__intro{gap:.55rem}.feature-panel--stage .project-grid{margin-top:clamp(1.5rem,4vw,2rem)}.feature-panel--stage .feature-panel__footer{margin-top:clamp(1.4rem,2vh,1.75rem)}.site-header__nav{display:none}.site-header__inner{grid-template-columns:minmax(0,1fr) auto}.menu-toggle{border-color:var(--line-strong)}.mobile-nav{display:flex}.work-filter-bar{justify-content:center}.filter-pills{--filter-pills-gap:.4rem;--filter-pills-padding:.6rem;width:min(100vw - 2rem,22rem)}.site-main{padding-bottom:2rem}.site-footer{padding-bottom:calc(var(--mobile-nav-height) + 1.35rem)}.project-overlay__panel{padding-bottom:calc(var(--mobile-nav-height) + 1rem)}}@media (width<=760px){.panel-stack--home-overlap{margin-inline:0}.feature-panel--work,.listing-panel--work-swap{padding:clamp(1rem,2.6vw,1.25rem)}.feature-panel--stage .feature-panel__intro>.kicker{font-size:.7rem}.project-grid,.text-panel--contact{grid-template-columns:1fr}.feature-panel--stage .project-grid{gap:clamp(2.25rem,7vw,3rem)}.archive-gallery-panel{margin-inline:0;padding:0}.archive-grid{grid-template-rows:auto;grid-template-columns:1fr}.archive-grid--curated .archive-grid__item--stack-top,.archive-grid--curated .archive-grid__item--stack-bottom,.archive-grid--curated .archive-grid__item--feature-tall{grid-area:auto}.archive-grid--curated .archive-tile,.archive-grid--curated .archive-grid__item--feature-tall .archive-tile,.archive-tile{min-height:22rem}.archive-tile__overlay{padding:1.1rem}.archive-tile__title{font-size:clamp(1.55rem,8vw,2.25rem)}.archive-project__grid{grid-template-columns:1fr}.feature-panel__heading-row,.listing-panel__footer{align-items:start}.filter-pills{justify-content:space-between;width:min(100vw - 2rem,22rem)}.filter-pills__button{letter-spacing:.12em;flex:1 1 0;padding:0 .7rem}.page-hero__title{font-size:clamp(3rem,14vw,5rem)}.page-hero__lead{max-width:12ch;font-size:clamp(1.85rem,8vw,3rem)}.page-hero--home .page-hero__title,.page-hero--home-intro .page-hero__title{max-width:none;font-size:clamp(3.25rem,7.2vw,3.75rem)}.page-hero--home .page-hero__body{grid-template-columns:1fr;grid-template-areas:"lead""copy""cue";row-gap:2rem}.page-hero--home .page-hero__lead{max-width:30ch;font-size:clamp(1.45rem,3.2vw,1.65rem)}.page-hero--home .page-hero__copy{justify-self:start;max-width:36ch}.archive-callout__actions{flex-direction:column}.archive-callout__inner--shell{width:100%}.archive-callout--shell{height:auto;min-height:100svh;padding:clamp(5rem, 10vh, 7rem) var(--shell-gutter)}.archive-gallery{height:320svh}.archive-ribbon__item{flex-basis:min(76vw,22rem)}.archive-ribbon__viewport{top:auto}.project-overlay{padding:var(--project-overlay-top-gap) 0 0}.project-overlay__panel{padding:1rem 1rem calc(var(--mobile-nav-height) + 1rem);border-radius:1.5rem 1.5rem 0 0}.utility-menu__stack{top:calc(var(--header-height) + .75rem);width:auto;left:1rem;right:1rem}}@media (width<=560px){:root{--shell-gutter:1rem;--header-height:4.6rem}.site-header__inner{min-height:var(--header-height)}.brand-mark{font-size:1.25rem}.menu-toggle{width:2.65rem;height:2.65rem}.page-hero{padding-top:2.8rem}.page-hero--home .page-hero__head{gap:.75rem}.page-hero--home .page-hero__title,.page-hero--home-intro .page-hero__title{max-width:100%;font-size:clamp(2.85rem,13.5vw,3.1rem)}.page-hero--home .page-hero__body{row-gap:1.75rem}.page-hero--home .page-hero__lead{max-width:18rem;font-size:clamp(1.15rem,5.4vw,1.35rem)}.page-hero--home .page-hero__copy{max-width:100%;font-size:clamp(.98rem,4.4vw,1.05rem)}.feature-panel,.listing-panel,.archive-callout,.text-panel,.project-detail-card,.not-found{border-radius:2rem}.project-card{min-height:22rem}.project-story-card__media--cover,.project-story-card__media--styleguide,.project-story-card__media--brand,.project-story-card__media--site,.project-story-card__media--results{aspect-ratio:9/10;min-height:0}.project-story-card__media--logo-video{aspect-ratio:1}.project-story-card__image--logo-video{aspect-ratio:1;object-fit:cover;height:100%}.project-story-card__media--framed-video{aspect-ratio:16/9;padding:0}.project-story-card__image--framed-video{border-radius:inherit}.mobile-nav__inner{--mobile-nav-gap:.3rem;--mobile-nav-padding:.45rem}.filter-pills{--filter-pills-gap:.3rem;--filter-pills-padding:.45rem}.mobile-nav__link{letter-spacing:.14em;min-height:2.85rem;padding:0 .55rem;font-size:.75rem}.mobile-nav__inner--archive .mobile-nav__link{letter-spacing:.1em;padding-inline:.35rem}.filter-pills__button{min-height:2.85rem}}@media (prefers-reduced-motion:reduce){.mobile-nav__active-pill,.filter-pills__active-bg{transition:none}}