/* Legacy Sterling: multi-page layout additions (Oct 19, 2026) */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* First section on inner pages clears the fixed navigation */
.page-first{padding-top:calc(108px + clamp(48px,7vw,96px))!important}
@media(max-width:760px){.page-first{padding-top:calc(86px + 40px)!important}}
.nav nav a[aria-current="page"]{color:var(--gold)}

/* Legibility: small labels raised to 11px minimum */
.agent-description>span,
.approach-grid article>span,
.art-caption,
.boundary>span,
.brief-badge,
.comparison-label,
.demo-note,
.demo-top,
.eyebrow,
.founder-copy .eyebrow,
.founder-name p,
.founder-portrait figcaption p,
.hero-assurance,
.hero-bottom,
.hero-bottom a,
.hero-bottom p,
.hero-copy .eyebrow,
.menu-toggle,
.nav-cta,
.panel-footer,
.panel-footer button,
.panel-meta,
.play,
.request-label,
.review-actions span,
.sample p,
.sample>span,
.section-index,
.service-num,
.service-tag,
.session .eyebrow,
.session-note,
.session-steps li>span,
.step-list button,
.team-controls,
.team-meta,
footer>div{font-size:11px}

/* Home: explore cards */
.explore{background:var(--ivory);color:#243c30}
.explore .section-index{border-color:#243c3033;color:#5b6a60}
.explore h2{color:#1f3a2c;margin:0 0 56px}
.explore h2 em{color:#7c673f}
.explore-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#243c3026;border:1px solid #243c3026}
.explore-card{background:var(--ivory);padding:40px 34px 36px;display:flex;flex-direction:column;min-height:300px;transition:background .35s}
.explore-card:hover,.explore-card:focus-visible{background:#f3efe3}
.explore-card span{font-family:var(--serif);font-size:20px;color:#8a7442}
.explore-card h3{font:400 clamp(30px,2.6vw,40px)/1.05 var(--serif);color:#1f3a2c;margin:auto 0 14px}
.explore-card p{font-size:14px;line-height:1.7;color:#4f5f55;max-width:34ch}
.explore-card b{margin-top:26px;font-size:12px;font-weight:500;letter-spacing:.06em;color:#1f3a2c;border-bottom:1px solid #c5a05999;align-self:flex-start;padding-bottom:6px}
@media(max-width:860px){.explore-grid{grid-template-columns:1fr}.explore-card{min-height:0}.explore-card h3{margin-top:28px}}

/* Closing call to action band */
.cta-band{background:#0a1411;text-align:center;position:relative;overflow:hidden;isolation:isolate}
.cta-band:before{content:'';position:absolute;left:50%;top:50%;width:min(900px,140vw);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;z-index:-1;background:radial-gradient(circle,#c5a05924,#1e462018 45%,transparent 70%)}
.cta-inner{max-width:760px;margin:0 auto;display:flex;flex-direction:column;align-items:center}
.cta-band .eyebrow{justify-content:center}
.cta-band h2{color:var(--ivory);margin:24px 0 22px}
.cta-band h2 em{color:var(--gold)}
.cta-band p:not(.eyebrow){font-size:15px;line-height:1.8;color:#c3d0c4;max-width:52ch;margin-bottom:34px}

/* Footer links and contact */
.footer-links{grid-column:1/-1;display:flex!important;flex-wrap:wrap;justify-content:space-between;gap:18px 40px;border-top:0!important;padding-top:0!important;font-size:13px!important}
.footer-links nav{display:flex;flex-wrap:wrap;gap:12px 28px}
.footer-links a{color:#d9dfd9}
.footer-links a:hover,.footer-links a:focus-visible{color:var(--gold)}
.footer-contact{display:flex;flex-wrap:wrap;gap:12px 28px;margin:0}

/* How it works: service script lines */
.service-detail .service-line{font-family:var(--serif);font-style:italic;font-size:22px!important;line-height:1.3;color:#7c673f!important;margin:0 0 10px}

/* How it works: commitments and boundaries */
.trust{background:#10271e;color:var(--ivory)}
.trust .section-index{border-color:var(--line);color:var(--muted)}
.trust-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:clamp(40px,7vw,120px);align-items:start}
.trust-intro h2{color:var(--ivory);margin:22px 0 26px}
.trust-intro h2 em{color:var(--gold)}
.trust-intro>p:not(.eyebrow){font-size:15px;line-height:1.8;color:#c3d0c4;max-width:42ch}
.trust-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.trust-list li{display:grid;grid-template-columns:54px 1fr;gap:10px;padding:26px 0;border-bottom:1px solid var(--line)}
.trust-list li>span{font-family:var(--serif);font-size:20px;color:var(--gold)}
.trust-list h3{font:400 clamp(24px,2.2vw,32px)/1.15 var(--serif);margin:0 0 8px;color:var(--ivory)}
.trust-list p{font-size:14px;line-height:1.75;color:#b7c4b9;max-width:52ch}
.trust-nots{margin-top:clamp(56px,8vw,96px);padding-top:30px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 3fr;gap:24px 40px;align-items:start}
.trust-nots-label{font-size:11px;letter-spacing:.22em;color:#d9c6a3}
.trust-nots ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:14px 40px}
.trust-nots li{font:400 clamp(19px,1.7vw,24px)/1.35 var(--serif);color:#dfe6df}
.trust-nots s{text-decoration-color:var(--gold);text-decoration-thickness:1px}
.trust-nots-note{grid-column:2;font-family:var(--serif);font-style:italic;font-size:20px;color:var(--gold)}
@media(max-width:860px){.trust-grid,.trust-nots{grid-template-columns:1fr}.trust-nots ul{grid-template-columns:1fr}.trust-nots-note{grid-column:1}}

/* Hero bottom: breathing room for the assurance line; caption set onto the stone plinth (Oct 20) */
@media(min-width:761px){
  .hero{padding-bottom:132px}
  .hero-bottom{bottom:14px}
  .hero-assurance{margin-top:30px}
  .art-caption{bottom:108px;color:#e3d6b8;text-shadow:0 1px 2px #000,0 0 12px #000c}
}

/* How it works: soften the opening green with the CTA-band style gradient, settling into green by "The work, connected" */
.experience{background:
  radial-gradient(ellipse 55% 38% at 28% 9%,#c5a05926,transparent 70%),
  radial-gradient(ellipse 45% 30% at 82% 22%,#1e46202e,transparent 72%),
  radial-gradient(ellipse 70% 30% at 50% 44%,#c5a0590f,transparent 75%),
  linear-gradient(180deg,#0a1411 0%,#0b1712 22%,#0d1e17 40%,#10271e 56%,#10271e 100%)}

/* Home explore: four cards once the Creative Studio moved to its own page (Oct 23) */
.explore-grid-4{grid-template-columns:repeat(4,1fr)}
@media(max-width:1100px){.explore-grid-4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:860px){.explore-grid-4{grid-template-columns:1fr}}
.explore-grid-4 .explore-card h3{margin:28px 0 14px}
.explore-grid-4 .explore-card p{margin-bottom:26px}
.explore-grid-4 .explore-card b{margin-top:auto}

/* Oct 23: phone polish. Comfortable tap targets and a header that fits 320px screens. */
@media(max-width:760px){
  .footer-links a,footer>div a,.hero-bottom a,.studio-direct a{display:inline-flex;align-items:center;min-height:44px}
  .footer-links nav{gap:0 22px}
  .footer-contact{gap:0 22px}
  .studio-brief fieldset label{min-height:44px;margin:4px 0}
  .studio-brief input[type=radio]{width:20px;height:20px}
}
@media(max-width:380px){
  .nav{gap:10px}
  .nav .brand{gap:9px}
  .nav .brand-signet{width:32px;height:42px}
  .ls-nav-end{gap:10px}
  .nav .menu-toggle{margin-left:8px;gap:6px}
}
.nav nav a.nav-session{display:none}
@media(max-width:760px){
  .nav nav.open a.nav-session{display:block;color:var(--gold)}
  .session .email{display:inline-flex;align-items:center;min-height:44px}
}