:root{--page-gap:clamp(24px,4vw,56px);--control-radius:18px;--surface-radius:22px}
.site-nav .nav-links{gap:26px}.nav-links>a{min-height:44px}
.nav-toggle,.nav-toggle:hover,.nav-toggle:focus{box-shadow:none;filter:none;background:transparent}
.nav-toggle .icon{fill:currentColor}.nav-toggle .icon path{opacity:1}
.breadcrumbs{padding:24px 0 16px;font-family:var(--mono);font-size:.75rem;color:var(--ink-soft)}
.breadcrumbs ol{display:flex;align-items:center;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0}
.breadcrumbs li+li::before{content:'/';padding-right:10px;color:var(--line-strong)}
.breadcrumbs a{text-underline-offset:4px}.breadcrumbs [aria-current]{color:var(--ink)}
.page-subnav{display:flex;flex-wrap:wrap;gap:10px;padding-top:12px;padding-bottom:8px}
.page-subnav a{padding:10px 16px;border:1px solid var(--line);border-radius:var(--control-radius);font-size:.85rem;text-decoration:none;min-height:44px}
.page-subnav a[aria-current]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
body:not([data-page=home]) main>section{padding-top:48px}
.page-next{display:flex;flex-wrap:wrap;gap:14px;padding-bottom:64px}
.home-explore{padding:38px 0 64px}.home-explore h2{font-size:clamp(28px,3vw,40px);margin-bottom:24px}
.entry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.entry-link{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:18px}
.entry-link img{grid-column:1/-1;width:100%;height:130px;object-fit:contain;background:var(--paper-2);border-radius:var(--surface-radius)}
.entry-link h3{font-size:24px;margin:0 0 7px}.entry-link p{font-size:.85rem;color:var(--ink-soft)}
.entry-link>.icon{align-self:center}.entry-link:hover h3{text-decoration:underline;text-underline-offset:5px}
.entry-link:hover>.icon{transform:translate(2px,-2px)}
.hero-art{max-width:400px;justify-self:end;width:100%}.creative-hero-grid{padding-block:38px}.hero-signature{font-size:clamp(44px,9.3vw,138px)}
.work-item[href*="the-coastierge"] .work-thumb{aspect-ratio:auto;transform:none!important;border-radius:var(--surface-radius)}
.work-item[href*="the-coastierge"] .work-thumb img{width:100%;height:auto;object-fit:contain;transform:none!important;will-change:auto}
.coast-showcase img{object-fit:contain!important;height:auto!important;max-height:none!important}
.site-footer{padding:42px 0 20px;background:var(--ink);color:var(--paper)}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:var(--page-gap)}
.footer-brand{font-family:var(--display);font-size:25px;text-decoration:none}
.footer-grid p{max-width:36ch;font-size:.85rem;margin:12px 0 16px}
.footer-grid a{overflow-wrap:anywhere;text-underline-offset:4px}.footer-grid>nav,.footer-socials{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.footer-grid>nav a,.footer-socials a{display:inline-flex;align-items:center;gap:10px;min-height:32px;text-decoration:none}
.footer-grid a:hover{text-decoration:underline}.footer-socials .icon{width:24px;height:24px}
.footer-bottom{display:flex;justify-content:space-between;gap:16px;border-top:1px solid #65705f;margin-top:30px;padding-top:18px;font-size:.72rem}
.contact-page{display:grid;grid-template-columns:1fr 1fr;gap:var(--page-gap);min-height:55vh}
.contact-page h1{font-size:clamp(44px,5.8vw,76px);margin:20px 0;max-width:12ch}
.contact-methods{display:flex;flex-direction:column;gap:16px;padding-top:30px}
.contact-methods a{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:22px;border:1px solid var(--line);border-radius:var(--surface-radius);text-decoration:none;min-height:76px}
.contact-methods strong{font-weight:500;font-size:.9rem;overflow-wrap:anywhere;color:var(--ink)}
.contact-methods a:first-child strong{width:100%}.contact-methods a:hover{background:var(--lavender-soft)}
.contact-methods .icon{width:24px;height:24px}
.case-header>.breadcrumbs{padding-top:0}.case-back{display:inline-flex;align-items:center;gap:8px}
@media(max-width:920px){.footer-grid{grid-template-columns:1.3fr 1fr}.footer-grid>div:last-child{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:24px}.footer-socials{flex-direction:row;flex-wrap:wrap}.nav-links{transition:none!important;box-shadow:none!important;background:var(--paper)!important}.nav-links .active{color:var(--coral-deep)}}
@media(max-width:600px){.hero-art{max-width:260px;width:78%;margin-right:8px}.hero-art-frame{aspect-ratio:1.4}.hero-art-note{font-size:.86rem}.hero-signature{font-size:9.7vw}.creative-hero-grid{padding-block:28px}.entry-grid{grid-template-columns:1fr;gap:16px}.entry-link{grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:16px;padding-bottom:16px}.entry-link img{grid-column:auto;height:72px;width:72px;border-radius:16px}.entry-link h3{font-size:22px}.entry-link p{font-size:.8rem}.home-explore{padding-top:28px}.contact-page{grid-template-columns:1fr}.contact-methods{padding-top:0}.footer-grid{grid-template-columns:1fr;gap:28px}.footer-grid>div:last-child{grid-column:auto}.footer-grid>nav{flex-direction:row;flex-wrap:wrap;gap:12px 24px}.footer-bottom{flex-wrap:wrap}.breadcrumbs{font-size:.7rem}.page-subnav{gap:8px}.page-subnav a{padding:10px 12px}.hero-kicker{font-size:.62rem}}
.page-title{font-family:var(--display);font-size:clamp(2.4rem,5.1vw,4.4rem);font-weight:500;letter-spacing:-.055em;line-height:.98;text-wrap:balance}
.section-head .page-title{max-width:16ch;margin:0}
.work-item[href*='the-coastierge'] .work-thumb{padding:12px;background:var(--paper-2)}
.work-item[href*='the-coastierge'] .work-thumb img{border-radius:0}
@media(max-width:600px){.page-title{font-size:clamp(36px,9.6vw,53px)}}
/* Preserve sentence breaks after dynamic experience profile changes. */
.exp-desc{white-space:pre-line}
.hero-kicker>span{max-width:62ch;line-height:1.6}
.footer-bottom{align-items:flex-start;flex-wrap:wrap}
@media(max-width:600px){.hero-kicker>span{max-width:38ch}}

/* A pistachio canvas, with readable green ink and lavender art sections. */
:root{--paper:#dcecc8;--paper-2:#cfe2b8;--card:#edf5e2;--green-soft:#dcecc8;--lavender-soft:#e6daf4;--line:#afc29f}
.about-copy .page-title{margin:18px 0 28px}
.page-title+p{margin-top:24px}
.about-copy .page-title+p{margin-top:0}
.case-content h2+p,.case-content h3+p{margin-top:22px}
.about-copy>p+p{margin-top:18px}
.back-to-top{display:grid;place-items:center;background:var(--ink);color:var(--paper);border:1px solid var(--ink);box-shadow:0 4px 14px rgba(31,41,33,.12)}
.back-to-top:hover{background:var(--coral-deep);border-color:var(--coral-deep)}
@media(max-width:600px){.about-copy .page-title{margin-bottom:26px}.page-title+p{margin-top:22px}}

.back-to-top{visibility:hidden}.back-to-top.visible{visibility:visible}

/* A frontal object study with a matching full-width thumbnail background. */
.entry-link[href='/3d/'] img,.entry-link[href='/es/3d/'] img{background:#252619;object-fit:contain}
