@media(max-width:1050px){
  :root{--gutter:clamp(22px,4vw,44px)}
  .header-inner{height:78px}.primary-navigation{gap:17px}.primary-navigation>a:not(.button){font-size:.84rem}.wordmark{font-size:1.55rem}.nav-cta{padding-inline:15px}
  .hero-grid{grid-template-columns:minmax(0,1fr) minmax(300px,.9fr);gap:35px}.hero-art{min-height:480px}.art-type{font-size:clamp(3.1rem,6vw,5.5rem)}
  .footer-top{grid-template-columns:1fr 1fr;gap:35px}.footer-note{border-left:0;padding-left:0}
}
@media(max-width:760px){
  :root{--gutter:22px;--section-space:82px}
  .display{font-size:clamp(3.5rem,15vw,6.4rem);margin-top:24px}.heading-xl{font-size:clamp(2.8rem,11vw,4.6rem)}
  .header-inner{height:72px}.menu-toggle{display:flex;width:46px;height:46px;border:1px solid var(--line);border-radius:50%;background:transparent;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer}.menu-toggle span{width:18px;height:2px;background:var(--ink);transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}
  .primary-navigation{position:fixed;inset:0;z-index:200;background:var(--paper);display:flex;flex-direction:column;align-items:stretch;gap:0;padding:25px var(--gutter) 35px;transform:translateX(100%);visibility:hidden;transition:transform .35s var(--ease),visibility .35s;overflow-y:auto}.primary-navigation.is-open{transform:translateX(0);visibility:visible}.mobile-nav-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:22px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.menu-close{display:grid;place-items:center;border:1px solid var(--line);background:transparent;width:40px;height:40px;border-radius:50%;font-size:1.6rem;line-height:1;cursor:pointer}.primary-navigation>a:not(.button){font-family:var(--font-heading);font-size:clamp(2rem,8vw,3.5rem);letter-spacing:-.06em;padding:14px 0;color:var(--ink);border-bottom:1px solid var(--line)}.primary-navigation>a:not(.button):after{display:none}.primary-navigation .nav-cta{margin-top:26px;align-self:flex-start}
  .hero{padding-top:50px;padding-bottom:35px}.hero-grid{grid-template-columns:1fr;gap:42px}.hero-copy{padding:0}.hero .display{font-size:clamp(4rem,16vw,7rem);margin:25px 0}.hero-lede{font-size:1rem}.hero-actions{gap:18px}.hero-actions .button{width:100%}.hero-proof{margin-top:34px}.hero-art{min-height:clamp(400px,112vw,570px);border-radius:150px 150px 18px 18px}.art-type{font-size:clamp(4rem,14vw,6.5rem)}.art-sticker{width:88px;height:88px;font-size:.63rem}.art-topline,.art-bottomline{left:17px;right:17px;font-size:.52rem}.hero-marquee{justify-content:flex-start;overflow:hidden;white-space:nowrap;gap:16px;margin-top:35px;padding-top:25px}.hero-marquee span{flex:none}.hero-marquee i{flex:none}
  .section-heading{display:block;margin-bottom:35px}.section-heading>p{margin-top:24px}.section-services{padding-top:75px}.service-grid{grid-template-columns:1fr;gap:12px}.service-card{min-height:300px;padding:24px}.service-icon{margin:25px 0 17px}.service-card h3{font-size:2rem}.service-card p{max-width:85%}
  .statement-inner>p{font-size:clamp(3.2rem,13vw,6rem)}.statement-mark{right:-8%;top:24%;font-size:65vw}
  .work-grid{grid-template-columns:1fr;gap:20px}.work-card:nth-child(2){margin-top:0}.work-art{aspect-ratio:1.02}.work-big-type{font-size:clamp(4rem,16vw,7rem)}.lilac-shape{font-size:clamp(5rem,20vw,8rem)}
  .process-grid{grid-template-columns:1fr;gap:40px}.process-item{grid-template-columns:35px 1fr 20px;gap:14px}.process-item h3{font-size:1.3rem}
  .cta-band h2{font-size:clamp(4rem,16vw,7rem)}.cta-doodle{right:-8%;top:30%;font-size:38vw}
  .inner-hero{padding-top:75px;padding-bottom:48px}.inner-hero .display{font-size:clamp(3.7rem,15vw,6.4rem)}.inner-hero .inner-lede,.contact-hero .inner-lede{margin-left:0}
  .service-detail{grid-template-columns:34px minmax(0,1fr);gap:14px;padding:32px 0}.service-detail .round-arrow{grid-column:2;grid-row:1;width:43px;height:43px;margin-top:18px}.service-detail>div{grid-column:2}.service-detail h2{font-size:2.1rem}.service-detail ul{grid-template-columns:1fr;gap:8px}
  .portfolio-grid{grid-template-columns:1fr;gap:32px}.portfolio-art{aspect-ratio:1.02}.portfolio-copy{font-size:clamp(4rem,16vw,7rem)}.portfolio-feel{font-size:clamp(5rem,20vw,8rem)}.black-type{font-size:clamp(4rem,15vw,7rem)}.blue-type{font-size:clamp(3.7rem,14vw,6.5rem)}
  .about-grid{grid-template-columns:1fr;gap:24px}.about-copy{padding-top:0}.about-copy p{font-size:1rem}.values-grid{grid-template-columns:1fr;gap:12px;margin-top:35px}.value-card{min-height:190px}.value-card h3{margin-top:35px}
  .insight-grid{grid-template-columns:1fr;gap:36px}.insight-feature{grid-column:auto;grid-template-columns:1fr;gap:8px}.insight-art{aspect-ratio:1.05}.insight-art>div:not(.eyebrow){font-size:clamp(4rem,16vw,6rem)}.insight-art-two .stacked-type{font-size:clamp(3rem,12vw,5rem)!important}
  .contact-grid{grid-template-columns:1fr;gap:55px}.contact-sidebar{position:static}.contact-art{max-width:420px}.form-row{grid-template-columns:1fr;gap:20px}.form-submit-row{align-items:flex-start;flex-direction:column}.form-submit-row .button{width:100%}
  .footer-top{grid-template-columns:1fr 1fr;gap:32px 20px;padding-bottom:40px}.footer-brand{grid-column:1/-1}.footer-note{grid-column:1/-1}.footer-bottom{padding-block:18px;align-items:flex-start;flex-direction:column;gap:8px}
}
@media(max-width:380px){
  :root{--gutter:17px}
  .wordmark{font-size:1.42rem}.hero .display{font-size:3.45rem}.hero-actions .button{padding-inline:16px;font-size:.84rem}.hero-art{min-height:385px}.art-type{font-size:3.5rem}.art-sticker{width:76px;height:76px;right:5%;bottom:17%}.art-topline,.art-bottomline{font-size:.45rem}
  .footer-top{grid-template-columns:1fr}.footer-brand,.footer-note{grid-column:auto}.footer-links{gap:9px}.footer-bottom{font-size:.68rem}
}


/* Navigation reliability fix: keep the mobile drawer above page content */
@media (max-width: 760px) {
  .site-header { position: sticky; z-index: 1000; }
  .primary-navigation {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw;
    height: 100dvh;
    min-height: 100vh;
    z-index: 2000 !important;
    background: var(--paper) !important;
    display: flex !important;
    flex-direction: column;
    align-items: stretch;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 25px var(--gutter) 35px;
    transform: translateX(100%);
    visibility: hidden;
    pointer-events: none;
  }
  .primary-navigation.is-open {
    transform: translateX(0) !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }
  .primary-navigation .mobile-nav-top { display: flex !important; flex: 0 0 auto; }
  .primary-navigation > a:not(.button) {
    display: block;
    flex: 0 0 auto;
    color: var(--ink) !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
  .primary-navigation .nav-cta { display: inline-flex; flex: 0 0 auto; }
  .menu-toggle { position: relative; z-index: 2001; }
}