/* v125 — shared production corrections from October 2 review. */
:root{--review-ink:#173e31;--review-cream:#fffdf7;--review-gold:#ffd56a;--review-dark-gold:#805100}
.sj-nav-header .sj-nav-row{padding:10px 32px!important;min-height:76px;gap:20px}
.sj-nav-header .sj-nav-logo{width:56px!important;flex:0 0 56px}
.sj-nav-header .sj-nav-logo img{width:56px;height:auto;max-height:56px;display:block}
.sj-menu-button{min-height:44px;padding:10px 16px;font-size:15px}
body>footer,body:not(.joy-case-study)>footer.site-footer{background:#050505!important;color:#fffdf7!important;padding:20px 0!important;border-top:1px solid #756340}
body>footer .footer-grid{display:grid!important;grid-template-columns:minmax(125px,.9fr) 1fr 1.15fr 1fr;gap:24px;align-items:start}
body>footer .footer-logo{width:56px!important;height:auto!important;max-height:56px;object-fit:contain;display:block;margin:0 0 10px!important}
body>footer p,body>footer a,body>footer .copyright,body>footer span{color:#e8e7df!important;font:14px/1.6 Helvetica,Arial,sans-serif}
body>footer p{margin:0!important}
body>footer h4{color:#fffdf7!important;font:700 13px/1.4 Helvetica,Arial,sans-serif;margin:0 0 8px!important}
body>footer .footer-grid>div:first-child p{max-width:180px;font-size:13px}
body>footer .footer-grid .copyright{text-align:right}
body>footer .wrap:not(.footer-grid){align-items:center;gap:16px}
/* Readable portfolio cards and pale feature panels. */
body:not(.joy-case-study) .work-card,body:not(.joy-case-study) .visual-card,body:not(.joy-case-study) .project-card,body:not(.joy-case-study) .orbit-project-card{background:#173e31!important;color:#fffdf7!important}
body:not(.joy-case-study) .work-card h3,body:not(.joy-case-study) .visual-card h3,body:not(.joy-case-study) .project-card h3,body:not(.joy-case-study) .orbit-project-card h3{color:#fffdf7!important}
body:not(.joy-case-study) .work-copy p,body:not(.joy-case-study) .visual-body p,body:not(.joy-case-study) .project-card p,body:not(.joy-case-study) .orbit-project-card p{color:#fffdf7!important;font-size:18px!important;line-height:1.55!important}
body:not(.joy-case-study) .work-card .eyebrow,body:not(.joy-case-study) .work-card .text-link,body:not(.joy-case-study) .visual-card .eyebrow,body:not(.joy-case-study) .visual-card .link{color:#ffd56a!important}
body:not(.joy-case-study) .front-porch-copy h2,body:not(.joy-case-study) .front-porch-copy .eyebrow,body:not(.joy-case-study) .front-porch-copy p{color:#173e31!important}
body:not(.joy-case-study) .front-porch-copy .text-link{color:#805100!important}
body:not(.joy-case-study) .front-porch-copy p{font-size:20px;line-height:1.6}
/* Restore résumé legibility without requiring a zoom. */
.studio-founder-page .profile-section,.studio-founder-page .profile-proof,.studio-founder-page .profile-contact{background:#173e31!important;color:#fffdf7!important;background-image:none!important}
.studio-founder-page .profile-section>header,.studio-founder-page .profile-portfolio-head{background:transparent!important;color:inherit}
.studio-founder-page .profile-section h2,.studio-founder-page .profile-section h3,.studio-founder-page .profile-contact h2{color:#fffdf7!important}
.studio-founder-page .experience-list article div>p:last-child,.studio-founder-page .experience-list .org span,.studio-founder-page .education-grid p,.studio-founder-page .profile-contact p{color:#fffdf7!important;font-size:20px!important;line-height:1.6}
.studio-founder-page .experience-list .org,.studio-founder-page .experience-list time,.studio-founder-page .education-grid h3,.studio-founder-page .profile-proof strong{color:#ffd56a!important}
.studio-founder-page .experience-list time{font-size:14px!important;line-height:1.5;letter-spacing:.04em}
.studio-founder-page .experience-list article{grid-template-columns:140px minmax(0,1fr);border-color:#6b8c7a}
.studio-founder-page .profile-proof span,.studio-founder-page .profile-contact nav a{color:#fffdf7!important;font-size:16px}
.studio-founder-page .profile-section .eyebrow{color:#ffd56a!important}
/* One common stage; no offset transforms or rectangular token corners. */
.project-orbit-grid .orbit-icon{width:160px!important;height:160px!important;border-radius:50%!important;background:#050505!important;overflow:hidden!important;margin:0 auto 24px!important;padding:0!important;display:grid;place-items:center;flex:none}
.project-orbit-grid .orbit-icon img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;transform:none!important;border-radius:0!important;mix-blend-mode:normal!important;max-width:100%!important;max-height:100%!important}
.project-orbit-grid .orbit-contact-icon img{clip-path:circle(48% at 50% 50%)}
.project-orbit-grid .orbit-saint-john-token img{clip-path:circle(49% at 50% 50%)}
.project-orbit-grid .orbit-icon img[src*="atlas-cue-academy"]{clip-path:circle(48% at 50% 50%)}
.project-orbit-grid .orbit-icon img[src*="axiom.png"]{width:145%!important;height:145%!important;max-width:none!important;max-height:none!important}
.project-orbit-grid .orbit-project-card{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0}
/* Selective headline emphasis uses amber on dark, deep gold on pale. */
.action-word{color:#ffd56a!important;font-style:normal}
.main-home h1 .action-word,.main-home .section h2 .action-word,.main-home .hero h2 .action-word,.sj117-case .action-word,.front-porch-copy .action-word{color:#805100!important}
.main-home .band .action-word{color:#ffd56a!important}
#project-form .form-status{font:17px/1.5 Helvetica,Arial,sans-serif;color:#173e31;margin:18px 0 0}
#project-form .form-status.is-error{color:#8b240e}
@media(max-width:900px){body>footer .footer-grid{grid-template-columns:1fr 1fr;gap:20px}.studio-founder-page .experience-list article{grid-template-columns:1fr;gap:10px}}
@media(max-width:760px){.sj-nav-header .sj-nav-row{padding:10px 22px!important}.sj-nav-header .sj-nav-logo{width:48px!important;flex-basis:48px}.sj-nav-header .sj-nav-logo img{width:48px;max-height:48px}body>footer .footer-grid .copyright{text-align:left}.project-orbit-grid .orbit-icon{width:148px!important;height:148px!important}.studio-founder-page .profile-section{padding:42px 22px!important}}
@media(max-width:420px){body>footer .footer-grid{grid-template-columns:1fr 1fr;gap:20px 14px}body>footer .footer-grid>div:first-child,body>footer .footer-grid .copyright{grid-column:1/-1}body>footer .footer-grid>div:first-child{display:flex;gap:16px;align-items:center}body>footer .footer-logo{margin:0!important}body>footer .footer-grid>div:first-child p{max-width:220px}}

.sjs-portfolio-intro h2,.sjs-portfolio-intro p{color:#173e31!important}.sjs-portfolio-intro .action-word,.sjs-portfolio-intro .sjs-portfolio-intro__eyebrow{color:#805100!important}

/* GS-200 review revision: expose complete artwork, without artificial letterboxes. */
body:not(.joy-case-study) .work-card>img,body:not(.joy-case-study) .visual-media img,.commercial-grid .card img,.marketing-story-grid img{width:100%!important;height:auto!important;aspect-ratio:auto!important;object-fit:contain!important;padding:0!important;background:transparent!important;display:block}
.visual-media{height:auto!important;min-height:0!important;padding:0!important;display:block!important;background:transparent!important}
.work-grid,.visual-grid,.commercial-grid,.marketing-story-grid{align-items:start}
.art-crop{display:block;position:relative;width:100%;overflow:hidden;padding:0;background:transparent;flex:none}
body .art-crop>img{position:absolute!important;max-width:none!important;height:auto!important;aspect-ratio:auto!important;object-fit:initial!important;padding:0!important;display:block!important;margin:0!important}
.marketing-story-grid figure{background:#173e31;color:#fffdf7;border-color:#6b8c7a}
.marketing-story-grid figcaption strong{color:#fffdf7}.marketing-story-grid figcaption span{color:#fffdf7;font-size:18px;line-height:1.55}
img[src*="authority-saint-john-press"],img[src*="project-tokens/saint-john-press"]{clip-path:circle(48% at 50% 50%)}

.art-perspective{position:relative;display:block;overflow:hidden;width:100%;background:transparent}.art-perspective-plane{position:absolute;left:0;top:0;width:710px;height:1280px;transform-origin:0 0;transform:scale(var(--art-scale, .4))}body .art-perspective-plane>img{position:absolute;left:0;top:0;width:1536px!important;height:1152px!important;max-width:none!important;aspect-ratio:auto!important;padding:0!important;transform-origin:0 0;transform:matrix3d(-0.0338048556319,-0.994454855757,0,-2.56868035345e-05,1.00942871236,-0.0204140292971,0,6.42863479329e-06,0,0,1,0,-204.895160782,1401.31812481,0,1)}

/* Recording review: proportional hero and readable artwork captions. */
body.main-home .hero figure,body.studio-home .hero figure{padding:0!important;background:transparent!important;justify-self:center;width:100%}
body.main-home .hero figure img,body.studio-home .hero figure img{width:auto!important;max-width:100%!important;height:auto!important;object-fit:contain!important;margin:0 auto;max-height:var(--hero-art-height,420px)!important}
body.studio-home .hero figcaption{color:#173e31!important;text-align:center}
.sj117-gallery figcaption,.addition-lead figcaption,.addition-pair figcaption{font-size:18px!important;line-height:1.5!important}

/* GS-201 · Artist biography authority integration */
.studio-founder-page .artist-bio-section{border-top:1px solid rgba(255,213,106,.28);border-bottom:1px solid rgba(255,213,106,.18)}
.studio-founder-page .artist-bio-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.65fr);gap:clamp(36px,6vw,88px);align-items:start;margin-top:28px}
.studio-founder-page .artist-bio-copy{max-width:780px}
.studio-founder-page .artist-bio-copy p{font-family:Garamond,Georgia,serif;font-size:clamp(1.08rem,1.35vw,1.28rem);line-height:1.62;color:#fffdf7}
.studio-founder-page .artist-bio-quote{margin:0;padding:8px 0 8px 28px;border-left:2px solid #ffd56a;font-family:Garamond,Georgia,serif;font-size:clamp(1.65rem,3vw,2.8rem);line-height:1.08;color:#ffd56a}
.studio-founder-page .artist-bio-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:26px}
.studio-founder-page .artist-bio-actions>a:not(.button){color:#ffd56a}
@media(max-width:760px){.studio-founder-page .artist-bio-grid{grid-template-columns:1fr;gap:28px}.studio-founder-page .artist-bio-quote{padding-left:20px}}

/* GS-203 visual QA */
.site-footer118{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:18px 0;font-size:.78rem}
.site-footer118>*:last-child{text-align:right}
footer img.footer-logo{display:none!important}
h1,h2,h3,p,figcaption{orphans:3;widows:3}
h1,h2,h3{break-after:avoid-page}
.hero figure{overflow:hidden}
.hero-good-boy{width:100%;height:100%;object-fit:cover;object-position:center;animation:sjHeroDrift 14s ease-in-out infinite alternate;transform:scale(1.025)}
@keyframes sjHeroDrift{from{transform:scale(1.025) translate3d(0,0,0)}to{transform:scale(1.07) translate3d(0,-1.2%,0)}}
@media(prefers-reduced-motion:reduce){.hero-good-boy{animation:none;transform:none}}
@media(max-width:700px){.site-footer118{grid-template-columns:1fr;text-align:left}.site-footer118>*:last-child{text-align:left}.hero-good-boy{animation:none}}

/* GS-206 Apple review typography proofing pass */
html{font-kerning:normal;font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body{font-kerning:normal;font-variant-ligatures:common-ligatures contextual;font-feature-settings:"kern" 1,"liga" 1,"clig" 1}
h1,h2,h3,h4,h5,h6,.eyebrow,.cs-tag,.button,.btn,.sj-menu-dialog,.sj-nav-header{font-kerning:normal;font-feature-settings:"kern" 1,"liga" 1;text-wrap:balance;hyphens:none}
h1{line-height:1.04;letter-spacing:-.032em}
h2{line-height:1.08;letter-spacing:-.022em}
h3{line-height:1.14;letter-spacing:-.012em}
p,li,blockquote,figcaption,dd,dt{font-kerning:normal;text-wrap:pretty;orphans:3;widows:3}
p,.lead,.portfolio-intro,.work-copy p,.visual-body p,.project-card p,.orbit-project-card p{line-height:1.5}
.lead{line-height:1.48}
figcaption,.micro,.microcopy,small{line-height:1.42}
.eyebrow,.cs-tag{line-height:1.25;letter-spacing:.115em}
.button,.btn{letter-spacing:.005em;line-height:1.18}
h1,h2,h3,h4,figure,blockquote{break-inside:avoid}
h1,h2,h3,h4{break-after:avoid-page;margin-block-end:.45em}
h1+p,h2+p,h3+p,h4+p{break-before:avoid-page}
.site-footer118,.sj101-footer,footer{font-kerning:normal;letter-spacing:.005em}
@media(max-width:700px){h1{letter-spacing:-.025em}h2{letter-spacing:-.018em}.eyebrow,.cs-tag{letter-spacing:.095em}}


/* GS-207 recording review: tighter hero crop, direct book path, commercial 404 */
body.main-home .hero figure{max-width:520px}
body.main-home .hero figure img.hero-good-boy{
  width:100%!important;
  max-width:430px!important;
  max-height:520px!important;
  object-fit:cover!important;
  object-position:center!important;
  border:1px solid rgba(23,62,49,.14);
  box-shadow:0 20px 48px rgba(23,62,49,.12);
}
.sjs-learning-feature .action-word{color:#5e4612!important}
.book-delivery-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:24px}
.commercial-error .error-stage{background:#e9eadf!important;min-height:calc(100vh - 76px)}
.commercial-error .error-atmosphere{display:none!important}
.commercial-error .error-content{padding-top:clamp(70px,10vw,120px);padding-bottom:90px}
.commercial-error .error-code{color:rgba(23,62,49,.10)!important}
.commercial-error .error-content h1{color:#173e31!important;font-family:Helvetica,Arial,sans-serif!important;max-width:780px}
.commercial-error .error-content>p{color:#33483f!important;max-width:700px}
.commercial-error .error-secondary{color:#5e4612!important}
@media(max-width:760px){body.main-home .hero figure img.hero-good-boy{max-width:360px!important}.main-home .hero h1 .action-word{padding-inline:.06em}}

/* GS-208 final visual-system consolidation */
.sj-nav-header{background:#143e30!important;color:#fffdf7!important;border-bottom:1px solid rgba(49,94,128,.72)}
.sj-nav-header .sj-menu-button{border-color:rgba(255,213,106,.68);color:#fffdf7}
body>footer,body:not(.joy-case-study)>footer.site-footer{background:#143e30!important;color:#fffdf7!important;border-top:1px solid #315e80!important;padding:0!important}
body>footer .site-footer118{padding:18px 0!important}
body>footer .site-footer118 a,body>footer .site-footer118 span{font:12px/1.35 Helvetica,Arial,sans-serif!important;color:#e8eee9!important}
body>footer .site-footer118 .version{color:#aebdb4!important}
.ecosystem .rooms a.sj-studio-room{display:flex;flex-direction:column;justify-content:center}
.ecosystem .rooms a.sj-studio-room .sj-studio-script{display:block;width:min(220px,82%);height:auto;max-height:72px;object-fit:contain;object-position:left center;margin:0 0 10px;filter:none}
.ecosystem .rooms a.sj-studio-room b{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:700px){body>footer .site-footer118{gap:7px}.ecosystem .rooms a.sj-studio-room .sj-studio-script{width:min(200px,76%)}}

/* GS-210 stabilization: no highlighted headline letters, stronger screen contrast */
.action-word,
.main-home .hero h1 .action-word,
.main-home h1 .action-word,
.main-home .section h2 .action-word,
.main-home .hero h2 .action-word,
.sj117-case .action-word,
.front-porch-copy .action-word,
.sjs-learning-feature .action-word{
  background:transparent!important;
  padding:0!important;
  box-decoration-break:initial!important;
  -webkit-box-decoration-break:initial!important;
  text-shadow:none!important;
  color:#654100!important;
}
/* Gold is reserved for dark fields where it has enough contrast. */
.band .action-word,.joy-dark .action-word,.studio-founder-page .profile-section .action-word,
.studio-founder-page .profile-contact .action-word{color:#f6cf69!important}
.eyebrow{color:#654100}
.band .eyebrow,.collection-grid .eyebrow,.studio-founder-page .profile-section .eyebrow,
.studio-founder-page .profile-contact .eyebrow,.joy-dark .eyebrow,.joy-hero .eyebrow{color:#f6cf69!important}

/* Contact / Work With Bob: make the telecommunications art do some work. */
.contact-phone-art{position:relative;display:block;color:inherit;text-decoration:none}
.contact-phone-art img{display:block;width:100%;height:auto}
.contact-phone-overlay{position:absolute;top:4.5%;left:7%;right:7%;display:flex;flex-direction:column;align-items:flex-start;gap:3px;color:#fffdf7;text-shadow:0 2px 12px rgba(0,0,0,.72);pointer-events:none}
.contact-phone-overlay small{font:700 11px/1.2 Helvetica,Arial,sans-serif;letter-spacing:.13em}
.contact-phone-overlay strong{font:700 clamp(24px,3.1vw,44px)/1 Helvetica,Arial,sans-serif;letter-spacing:-.025em}
.contact-connect-art figcaption{font-size:15px;line-height:1.45}

/* Brand Systems: the case-study handoff must look intentional, never like a missing image. */
.case-link-strip-visual{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(320px,1.1fr);gap:0;padding:0!important;overflow:hidden;background:#edf0e7!important;border-left:4px solid #d7ad42}
.case-link-strip-media{display:block;min-height:300px;background:#24102d}
.case-link-strip-media img{display:block;width:100%;height:100%;min-height:300px;object-fit:cover;object-position:top center}
.case-link-strip-copy{padding:32px 34px;align-self:center}
.case-link-strip-copy .eyebrow{color:#654100!important}
.case-link-strip-copy h2{color:#173c31!important}
.case-link-strip-copy p{color:#233a31!important}
.case-link-strip-copy a:not(.button){color:#4f3600!important;font-weight:700}

/* One footer system on all primary commercial pages. */
body>footer{background:#143e30!important;color:#fffdf7!important;border-top:1px solid #315e80!important;padding:0!important}
body>footer .site-footer118{display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:center!important;gap:1rem!important;padding:18px 0!important}
body>footer .site-footer118>*:last-child{text-align:right!important}

@media(max-width:760px){
  .case-link-strip-visual{grid-template-columns:1fr}
  .case-link-strip-media,.case-link-strip-media img{min-height:220px}
  .contact-phone-overlay strong{font-size:26px}
  body>footer .site-footer118{grid-template-columns:1fr!important;gap:6px!important}
  body>footer .site-footer118>*:last-child{text-align:left!important}
}

/* GS-210 Work With Bob contact-art integration */
#brief>div:first-child{display:flex;flex-direction:column;gap:22px}
.brief-contact-art{margin:0;max-width:520px}
.brief-contact-art .contact-phone-art{border:1px solid rgba(23,62,49,.18);box-shadow:0 18px 42px rgba(23,62,49,.12);overflow:hidden}
.brief-contact-art img{display:block;width:100%;height:auto}
.brief-contact-art figcaption{margin-top:9px;font:14px/1.4 Garamond,Georgia,serif;color:#43564d}
.brief-contact-copy h2{margin-top:.1em}
.brief-contact-copy p{max-width:38ch}


/* GS-210 About/contact stabilization */
.about-connect-section{background:#edf0e7}
.about-connect-grid{display:grid;grid-template-columns:minmax(300px,.95fr) minmax(300px,1.05fr);gap:clamp(34px,6vw,72px);align-items:center}
.about-contact-art{margin:0;max-width:560px}
.about-contact-art .contact-phone-art{overflow:hidden;border:1px solid rgba(23,62,49,.18);box-shadow:0 20px 46px rgba(23,62,49,.13)}
.about-contact-art figcaption{margin-top:9px;font:14px/1.4 Garamond,Georgia,serif;color:#43564d}
.about-connect-copy p{max-width:44ch}
.contact-connect-art .contact-phone-art{display:block;position:relative}
/* Darker gold-brown on pale fields; brighter gold only on deep green/plum fields. */
body:not(.joy-case-study) .section:not(.band) .action-word,
body:not(.joy-case-study) .section:not(.band) .eyebrow,
body:not(.joy-case-study) .page-title:not(.page-visual) .eyebrow{color:#5a3a00!important}
.band .action-word,.band .eyebrow,.collection-grid .eyebrow,.joy-dark .eyebrow,.joy-hero .eyebrow{color:#ffe08a!important}
@media(max-width:760px){.about-connect-grid{grid-template-columns:1fr}.about-contact-art{max-width:none}}

/* GS-210 final stabilization — emphasis is color only, never a highlight box. */
.action-word,
[class*="action-word"]{
  background:none!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  border:0!important;
  border-radius:0!important;
  padding:0!important;
}
/* Readable editorial accent: dark bronze on pale surfaces, warm gold on dark fields. */
body:not(.joy-case-study) main :is(.section,.page-title,.sjs-learning-feature,.case-link-strip-copy) .eyebrow,
body:not(.joy-case-study) main :is(.section,.page-title,.sjs-learning-feature,.case-link-strip-copy) .action-word{color:#553700!important}
body:not(.joy-case-study) main :is(.band,.dark,.collection-grid) .eyebrow,
body:not(.joy-case-study) main :is(.band,.dark,.collection-grid) .action-word{color:#ffe08a!important}

/* GS-212 — Bauhaus grid discipline + Editorial rebuild.
   One structural grid, deliberate asymmetry, consistent gutters, no accidental voids. */
:root{
  --sj-grid-gap:clamp(20px,2.1vw,28px);
  --sj-section-space:clamp(54px,6vw,78px);
  --sj-card-pad:clamp(20px,2vw,28px);
}
body:not(.joy-case-study) .section{padding-top:var(--sj-section-space);padding-bottom:var(--sj-section-space)}
body:not(.joy-case-study) :is(.work-grid,.project-cards,.cs-grid,.presentation-grid,.visual-grid,.brand-real-grid,.marketing-story-grid,.commercial-grid){column-gap:var(--sj-grid-gap)!important;row-gap:var(--sj-grid-gap)!important}
body:not(.joy-case-study) :is(.work-card,.project-card,.cs-card,.presentation-card,.visual-card,.brand-real-card){min-width:0}
body:not(.joy-case-study) .work-card{display:flex;flex-direction:column;height:100%}
body:not(.joy-case-study) .work-card .work-copy{flex:1}
body:not(.joy-case-study) :is(.work-copy,.cs-copy){padding:var(--sj-card-pad)}
body:not(.joy-case-study) :is(.work-card,.project-card,.cs-card,.presentation-card,.visual-card) h3{margin-bottom:.55em}
body:not(.joy-case-study) :is(.work-card,.project-card,.cs-card,.presentation-card,.visual-card) p:last-child{margin-bottom:0}

/* Editorial lead: two nearly identical vertical proportions become the organizing geometry. */
.editorial-lead-section{padding:clamp(48px,6vw,76px) 0;background:#edf0e7;color:#173c31;border-bottom:1px solid rgba(23,60,49,.16)}
.editorial-lead-head{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(360px,1.3fr);column-gap:var(--sj-grid-gap);align-items:end;margin-bottom:var(--sj-grid-gap)}
.editorial-lead-head .eyebrow{grid-column:1;color:#553700!important;align-self:start;margin-top:.5rem}
.editorial-lead-head h2{grid-column:2;margin:0;color:#173c31}
.editorial-lead-head p{grid-column:2;max-width:62ch;margin:.6rem 0 0;color:#344d43;font:19px/1.55 Garamond,Georgia,serif}
.editorial-lead-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sj-grid-gap);align-items:start}
.editorial-lead-card{display:grid;grid-template-rows:auto 1fr;background:#143e30;color:#fffdf7;border-top:4px solid #d7ad42;min-width:0;height:100%}
.editorial-tall-art{margin:0;background:#e9e2d5;overflow:hidden}
.editorial-tall-art img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
.editorial-lead-copy{padding:var(--sj-card-pad)}
.editorial-lead-copy .eyebrow{color:#ffe08a!important;margin-bottom:10px}
.editorial-lead-copy h3{color:#fffdf7!important;margin-bottom:10px;font-family:Helvetica,Arial,sans-serif;font-size:clamp(25px,2.5vw,34px);line-height:1.08}
.editorial-lead-copy p{color:#eef1eb;margin:0;font:18px/1.55 Garamond,Georgia,serif}

/* Supporting editorial work resolves as 3-up then 2-up, keeping the 12-column rhythm intentional. */
.editorial-support-section{background:#143e30!important}
.editorial-support-head{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(360px,1.3fr);gap:var(--sj-grid-gap);align-items:end;margin-bottom:var(--sj-grid-gap)}
.editorial-support-head .eyebrow{margin:0;color:#ffe08a!important;align-self:start}
.editorial-support-head h2{margin:0;color:#fffdf7}
.editorial-support-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--sj-grid-gap);align-items:stretch}
.editorial-support-card{grid-column:span 2;border:1px solid rgba(255,255,255,.14)!important;background:#173e31!important}
.editorial-support-card.editorial-support-wide{grid-column:span 3}
.editorial-support-media{aspect-ratio:4/3;background:#f1eee6;display:grid;place-items:center;overflow:hidden}
.editorial-support-media img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:#f1eee6!important;padding:0!important}
.editorial-support-card .work-copy{border-top:1px solid rgba(255,255,255,.12)}
.editorial-support-card .eyebrow{color:#ffe08a!important;margin-bottom:10px}
.editorial-support-card h3{color:#fffdf7!important;font-family:Helvetica,Arial,sans-serif;font-size:clamp(23px,2vw,30px)}
.editorial-support-card p{color:#eef1eb!important}

@media(max-width:900px){
  .editorial-lead-head,.editorial-support-head{grid-template-columns:1fr}
  .editorial-lead-head .eyebrow,.editorial-lead-head h2,.editorial-lead-head p{grid-column:1}
  .editorial-lead-grid{grid-template-columns:1fr 1fr}
  .editorial-support-card,.editorial-support-card.editorial-support-wide{grid-column:span 3}
}
@media(max-width:650px){
  .editorial-lead-grid{grid-template-columns:1fr}
  .editorial-support-grid{grid-template-columns:1fr}
  .editorial-support-card,.editorial-support-card.editorial-support-wide{grid-column:1}
}
/* The martini illustration is a vertical authority asset everywhere it appears. */
img[src*="gotta-get-in-to-get-out-martini"]{object-fit:contain!important;object-position:center!important;background:#e9e2d5!important}

/* GS-212 — resolve incomplete rows instead of leaving accidental grid holes. */
@media(min-width:901px){
  /* Six portfolio entries: clean 3 x 2. */
  .main-home .commercial-grid{grid-template-columns:repeat(3,minmax(0,1fr))}

  /* Five illustration entries: 3-up followed by an intentional 2-up row. */
  .portfolio-illustration-page .commercial-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))!important}
  .portfolio-illustration-page .commercial-grid>.card{grid-column:span 2}
  .portfolio-illustration-page .commercial-grid>.card:nth-last-child(-n+2){grid-column:span 3}

  /* Eight print/design entries: two complete four-column rows. */
  .portfolio-graphic-design-page .work-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}

  /* Four marketing examples: stable 2 x 2 rather than a 3 + 1 tail. */
  .portfolio-marketing-page .work-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}

  /* Three digital products read as a single complete row. */
  .portfolio-digital-page .digital-projects{grid-template-columns:repeat(3,minmax(0,1fr))!important}

  /* Case studies: two established cases lead; three developing cases form the second row. */
  .case-studies-page .cs-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}
  .case-studies-page .cs-grid>.cs-card{grid-column:span 2}
  .case-studies-page .cs-grid>.cs-card:nth-child(-n+2){grid-column:span 3}
}
@media(min-width:651px) and (max-width:900px){
  .portfolio-illustration-page .commercial-grid,
  .portfolio-graphic-design-page .work-grid,
  .portfolio-marketing-page .work-grid,
  .portfolio-digital-page .digital-projects,
  .case-studies-page .cs-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .portfolio-illustration-page .commercial-grid>* ,
  .case-studies-page .cs-grid>*{grid-column:auto!important}
}