/* Shared inner-page skin: cream, ink, and lightweight glass surfaces. */
@font-face{font-family:'Fraunces Soft';src:url('/assets/fonts/fraunces-soft-latin.woff2') format('woff2');font-weight:500 700;font-display:swap}
:root{--sand:#f7eedc;--navy:#243867;--body:#405173;--muted:#656b83;--sun:#dce4ef;--white:#fffdf8;--line:rgb(36 56 103/.15);--deep:#eae3d4;--glass-edge:rgb(255 255 255/.82);--glass-shadow:inset 0 1px 0 #fff,inset 1px 0 0 #ffffff66,inset 0 -1px 0 #2438670d,0 0 0 1px #2438670a,0 14px 32px -24px #24386740}
html{scroll-padding-top:115px}
body{background:radial-gradient(ellipse 65% 420px at 90% 100px,#dae3eb66,transparent),radial-gradient(ellipse 60% 500px at 5% 620px,#fffdf8aa,transparent),var(--sand);color:var(--navy)}
body>.site-header{position:sticky;top:12px;z-index:40;margin-top:12px;margin-bottom:28px}
.site-header>.nav{min-height:72px;padding:10px 20px;gap:20px;border:1px solid var(--glass-edge);border-radius:24px;background:linear-gradient(130deg,#ffffffb8,#ffffff70);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3)}
.site-header .logo{gap:10px}.logo-words{font-family:'Fraunces Soft',Georgia,serif;font-size:25px;font-weight:700}
.logo .mark{width:44px;height:38px;flex:none}.logo .sun{fill:#dce4ef}.logo .ink{fill:var(--navy);stroke:var(--navy)}.logo .ink-fill{fill:var(--navy)}.logo .ink-stroke{fill:none;stroke:var(--navy)}
.site-header .nav-links{gap:22px}.site-header .nav-links a{font-size:14px;font-weight:500}.site-header .nav-links a:not(.nav-contact){padding-block:10px}
:is(.page-head,.case-head,.blog-intro,.post) h1{font-family:'DM Sans',Arial,sans-serif;font-weight:600;letter-spacing:-.045em;line-height:1.06}
:is(.site-page,.post,.blog-intro,.post-card,.blog-featured,.wc-lower) h2,:is(.post-card,.project-caption,.service-index) h3,.case-next strong,.case-big,.svc-proof-text strong,.svc-price dd{font-family:'DM Sans',Arial,sans-serif!important}
.mobile-menu .nav-links a:not(.nav-contact){font-family:'DM Sans',Arial,sans-serif;font-weight:600}
:is(.case-tile,.page-cta,.post-takeaway,.post-toc,.inquiry-aside,.post-cta,.work-note,.service-index article,.studio-people section,.post-card){border:1px solid var(--glass-edge);border-radius:24px;background:linear-gradient(135deg,#ffffff9c,#ffffff57);box-shadow:var(--glass-shadow)}
/* Blur is reserved for navigation and a few small callouts, not every screenshot tile. */
:is(.page-cta,.post-takeaway,.inquiry-aside){-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.case-tile--navy,.case-tile--deep,.case-tile--sun{background:linear-gradient(135deg,#ffffff9c,#ffffff57);color:var(--navy);border-color:var(--glass-edge)}
.case-tile--navy :is(h2,dt){color:var(--navy)}.case-tile--navy :is(p,dd,figcaption){color:var(--body)}
.case-facts div,.case-steps li,.svc-list li{border-color:var(--line)}.svc-list li{color:var(--body)}.case-steps li:before{background:#2438670c;color:var(--navy)}
.case-file{top:112px}.case-tile--navy.case-shot img{box-shadow:0 12px 28px -20px #24386750}
.post-card{padding:16px;transition:transform .2s,box-shadow .2s}.post-card img{border-radius:14px}.post-card:hover img{transform:none}.post-cat{color:var(--body)}
.work-note,.service-index article,.studio-people section{padding:24px}.post-toc{padding:18px 24px}
.post-cta{color:var(--navy)}.post-cta p,.post-cta .wc-small-note{color:var(--body)}
:is(.button,.nav-contact,.post-cta .button,.mobile-menu .nav-links .nav-contact){position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:46px;padding:12px 20px;border:1px solid #ffffff30;border-radius:999px;background:var(--navy);color:#fff;font:600 14px/1.3 'DM Sans',Arial,sans-serif;text-decoration:none;box-shadow:inset 0 1px 0 #ffffff24,0 3px 8px #24386712;transition:transform .2s,background-color .2s,box-shadow .2s}
:is(.button,.nav-contact)::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 20%,#ffffff1f 50%,transparent 80%);transform:translateX(-110%);transition:transform .5s}
:is(.button,.nav-contact):hover::after{transform:translateX(110%)}
:is(.button,.nav-contact,.post-cta .button,.mobile-menu .nav-links .nav-contact):hover{background:#304a82;color:#fff;transform:translateY(-2px);box-shadow:inset 0 1px 0 #ffffff30,0 7px 16px -9px #24386780}
:is(.button,.nav-contact):active{transform:scale(.98)}
:is(.menu-toggle,.mobile-menu-close,.blog-filters button,.blog-reset){border-color:var(--line);background:#ffffff70;box-shadow:inset 0 1px 0 #ffffffb3;color:var(--navy);min-height:44px}
.blog-filters button[aria-pressed=true]{background:var(--navy);color:#fff}.blog-filters button:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline-color:var(--navy)}
:is(.inquiry-form,.blog-search-row) :is(input,textarea,select){background:#ffffffb3;border:1px solid #24386730;border-radius:12px;color:var(--navy)}
.post-body{color:var(--navy)}.post-body a{text-decoration-color:#24386766}.post-body code{border-color:var(--line)}
@media(max-width:1100px){.site-header .nav-links{gap:15px}.site-header>.nav{padding-inline:16px}.site-header .logo-words{font-size:22px}}
@media(max-width:900px){.case-file{position:static}}
@media(max-width:720px){body>.site-header{top:8px;margin-top:8px;margin-bottom:16px}.site-header>.nav{min-height:64px;padding:8px 12px;border-radius:22px}.site-header .logo-words{font-size:20px}.logo .mark{width:36px;height:32px}.menu-toggle{font-size:14px;padding:10px 15px}.work-note,.service-index article,.studio-people section{padding:18px}.post-card{padding:12px}.page-cta,.post-cta{padding:24px}.post-toc{padding:16px}.case-tile{border-radius:20px}.site-header>.nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}
@media(prefers-reduced-transparency:reduce){.site-header>.nav,:is(.case-tile,.page-cta,.post-takeaway,.post-toc,.inquiry-aside,.post-cta,.work-note,.service-index article,.studio-people section,.post-card){background:var(--white);-webkit-backdrop-filter:none;backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.nav-contact,.post-card,.button::after,.nav-contact::after{transition:none!important;transform:none!important}}
@media print{body{background:white}.site-header{position:static!important}.case-file{position:static}.case-tile,.post-card,.post-takeaway{background:white;box-shadow:none;backdrop-filter:none}}
/* Reverse the footer identity and CTA against the ink background. */
.wc-footer .wc-footer-cta{background:#f7eedc;color:#243867!important;border:1px solid #ffffffb3;box-shadow:inset 0 1px 0 #fff,0 8px 24px #00000014;transition:background-color .2s,transform .2s}
.wc-footer .wc-footer-cta:hover{background:#fffdf8;transform:translateY(-3px)}
.wc-footer .logo-words{color:#f7eedc}
.wc-footer .wc-footer-mark{--mark-ink:#f7eedc;--mark-sun:#f7eedc}