/* Shared motion layer: transforms, opacity and short clip reveals only. */
html{scroll-behavior:auto}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.hero{isolation:isolate}.hero-portrait{transform:translateX(-50%);transform-origin:center center}.hero-namefield{bottom:12%;white-space:nowrap}.hero-marquee{display:flex;width:max-content;white-space:nowrap;transform:translate3d(-4vw,0,0)}.hero-marquee-unit{display:block;flex:none;font-size:clamp(110px,14vw,220px);font-weight:500;line-height:1.04;letter-spacing:-.085em;color:#f2f2ee;padding-right:.28em}.hero-meta{z-index:3}.hero::before{z-index:2}.hero-namefield{z-index:3}
.hero-mobile-name{display:none}
.intro-statement{position:relative;z-index:4;margin-top:-32px;border-radius:30px 30px 0 0;padding-top:clamp(155px,19vw,310px)}
.intro-statement h2,.selected-heading h2,.page-intro h1,.about-page h1,.case-title h1,.contact-section h2,.contact-page h1{overflow:hidden}
.featured-image,.case-cover,.case-screen-grid figure{overflow:hidden}.featured-image img,.case-cover img,.case-screen-grid img{transform-origin:center center}.featured-image img{transition:transform .7s cubic-bezier(.2,.75,.2,1)}.featured-image:hover img{transform:scale(1.045)}
.project-row{position:relative}.work-rows .row-preview{display:none!important}.work-preview{position:fixed;left:0;top:0;z-index:28;width:clamp(260px,31vw,470px);aspect-ratio:1.36;pointer-events:none;overflow:hidden;opacity:0;clip-path:inset(10% 0 10% 0 round 5px);transform:translate3d(-50%,-50%,0) scale(.95);box-shadow:0 22px 65px #1115;background:#d7d8d4}.work-preview img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}.work-preview.is-visible{opacity:1;clip-path:inset(0 round 5px);transition:opacity .22s,clip-path .34s,scale .34s}
.motion-cursor{position:fixed;left:0;top:0;z-index:100;pointer-events:none;border-radius:50%;width:12px;height:12px;background:#e1ebe0;mix-blend-mode:difference;display:grid;place-items:center;color:#111;font-size:12px;font-weight:700;opacity:0;transform:translate3d(-50%,-50%,0);transition:width .24s,height .24s,opacity .2s,background .2s}.motion-cursor.is-active{opacity:1}.motion-cursor.has-label{width:72px;height:72px;mix-blend-mode:normal;background:#e9ebe5}.motion-cursor[data-kind=video]{background:#e6e8e2}.motion-cursor[data-kind=external]{background:#e8eae5}.motion-cursor[data-kind=work]{background:#e8eae5}
.round-link{position:relative}.contact-circle,.round-link{overflow:hidden;isolation:isolate}.contact-circle::before,.round-link::before{content:"";position:absolute;inset:0;border-radius:inherit;background:#e8ece6;transform:translateY(102%);transition:transform .35s cubic-bezier(.2,.7,.2,1);z-index:-1}.contact-circle:hover::before,.round-link:hover::before{transform:translateY(0)}.contact-circle:hover,.round-link:hover{color:#202224;background:#e8ece6}
.page-transition{position:fixed;inset:0;z-index:120;pointer-events:none;background:#202224}
.contact-page{padding-top:clamp(170px,20vw,300px);padding-bottom:clamp(100px,12vw,190px)}body[data-page=contact]{background:#202224;color:#f4f4f0;min-height:100svh}body[data-page=contact] .site-header{color:#f4f4f0}.contact-page .eyebrow{color:#acb2af}.contact-page h1{font-size:clamp(64px,9.4vw,150px);font-weight:500;line-height:1.03;letter-spacing:-.07em;margin:45px 0 65px}.contact-page h1 span{color:#a8aeaa}.contact-page-intro{font-size:clamp(18px,2vw,28px);line-height:1.5;max-width:760px;color:#c5cac7;margin:0 0 clamp(95px,13vw,180px)}.contact-methods{border-top:1px solid #6e7470}.contact-methods a{display:grid;grid-template-columns:1fr 1.6fr 1.1fr;align-items:center;gap:24px;border-bottom:1px solid #5f6662;padding:34px 0;color:#f1f3ef;transition:padding .25s,color .25s}.contact-methods a:hover{padding-left:12px;color:#c8d9ce}.contact-methods span{font-size:13px;color:#b6bdb9}.contact-methods strong{font-size:clamp(35px,5vw,72px);font-weight:500;letter-spacing:-.055em}.contact-methods span:last-child{text-align:right;overflow-wrap:anywhere}
.menu-social{display:none}
@media(max-width:760px){.hero-namefield{bottom:20%;left:var(--gutter);right:var(--gutter)}.hero-marquee{display:none}.hero-mobile-name{display:block;font-size:clamp(68px,16vw,118px);font-weight:500;line-height:.93;letter-spacing:-.085em;color:#f2f2ee}.hero-mobile-name span{display:block}.hero-mobile-name span:last-child{font-size:.92em}.hero-portrait{transform:none}.intro-statement{margin-top:-22px;border-radius:23px 23px 0 0;padding-top:118px}.work-preview,.motion-cursor{display:none!important}.mobile-nav:not([hidden]){position:fixed;inset:0;top:0;z-index:90;display:flex;flex-direction:column;justify-content:center;padding:85px var(--gutter) 38px;background:#202224;color:#f4f4f0;clip-path:inset(0 0 0 0);animation:menu-in .36s cubic-bezier(.2,.75,.2,1)}.mobile-nav>a{font-size:clamp(48px,13vw,76px);font-weight:500;line-height:1.1;padding:14px 0;border:0;letter-spacing:-.06em}.site-header:has(.mobile-nav:not([hidden])) .menu-toggle{position:fixed;right:var(--gutter);top:12px;z-index:100;background:#f1f1ec;color:#202224}.site-header:has(.mobile-nav:not([hidden])) .brand{position:fixed;z-index:100;top:26px;color:#f1f1ec}.menu-social{display:flex;gap:25px;margin-top:60px;border-top:1px solid #777e79;padding-top:24px}.menu-social a{font-size:14px;color:#c2cbc5;border:0;padding:0}.contact-methods a{grid-template-columns:1fr auto;gap:12px;padding:28px 0}.contact-methods span:first-child{grid-column:1/-1}.contact-methods strong{font-size:42px}.contact-methods span:last-child{font-size:12px;max-width:145px}.contact-page h1{font-size:clamp(50px,11vw,76px)}.contact-page-intro{margin-bottom:90px}}
@keyframes menu-in{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.hero-marquee{transform:none!important}.hero-portrait{transform:translateX(-50%)!important}.mobile-nav:not([hidden]){animation:none}.featured-image img,.contact-circle,.round-link,.project-row{transition:none!important}.page-transition,.motion-cursor{display:none!important}}
@media(max-width:760px) and (prefers-reduced-motion:reduce){.hero-portrait{transform:none!important}}

/* iOS/BFCache failsafe: content stays readable even when motion scripts do not run. */
@media(max-width:760px){
  .page-transition{display:none!important}
  html:not(.phone-motion-ready) .intro-statement h2,html:not(.phone-motion-ready) .selected-heading .eyebrow,html:not(.phone-motion-ready) .selected-heading h2,html:not(.phone-motion-ready) .page-intro .eyebrow,html:not(.phone-motion-ready) .page-intro h1,html:not(.phone-motion-ready) .about-page h1,html:not(.phone-motion-ready) .case-title .eyebrow,html:not(.phone-motion-ready) .case-title h1,html:not(.phone-motion-ready) .case-story h2,html:not(.phone-motion-ready) .contact-section .eyebrow,html:not(.phone-motion-ready) .contact-section h2,html:not(.phone-motion-ready) .contact-page h1,html:not(.phone-motion-ready) .case-next>a:first-child,
  html:not(.phone-motion-ready) .featured-image,html:not(.phone-motion-ready) .case-cover,html:not(.phone-motion-ready) .case-screen-grid figure,html:not(.phone-motion-ready) .case-video-section figure,html:not(.phone-motion-ready) .case-feature figure,html:not(.phone-motion-ready) .featured,html:not(.phone-motion-ready) .project-row,html:not(.phone-motion-ready) .about-services>div,html:not(.phone-motion-ready) .case-title-meta>div{
    opacity:1!important;clip-path:none!important;transform:none!important
  }
}
@media(max-width:760px){
  .contact-methods a{grid-template-columns:minmax(0,1fr);gap:10px;min-width:0}
  .contact-methods span:first-child{grid-column:auto}
  .contact-methods strong{font-size:clamp(42px,12vw,56px)}
  .contact-methods span:last-child{width:100%;max-width:none;text-align:left;white-space:nowrap;overflow-wrap:normal;word-break:normal;font-size:clamp(11px,3.1vw,14px);letter-spacing:-.02em}
}
@media(max-width:760px){.contact-circle{position:relative}}