/* A continuous editorial canvas, not a stack of contrasting panels. */
:root{--paper:#f7f7f5;--ink:#202122;--muted:#656568;--line:#dededd;--red:#b52f32}
body{background:var(--paper)}
h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(34px,3.8vw,58px);line-height:1.12;letter-spacing:-.035em}
h2 em{font-style:italic} .button{border-radius:999px;padding:15px 25px}.hero .button{border-radius:999px}
header{background:var(--paper)}.nav-call{border:0}.values{border:0;color:var(--muted)}
.services,.local,.closing,.dark{background:transparent;color:var(--ink)}
.dark .eyebrow,.process span{color:var(--red)}.dark .lead,.dark p{color:var(--muted)}
.section{padding:90px 8%}.section+.section{border:0}.service-grid{column-gap:70px}.service-link{border-color:var(--line)}
.service-link>span.number{font-size:11px;margin:0;color:var(--red)}.service-link p{font-size:15px}.service-link h3{font-size:24px}
.process article{border:0;padding:0}.process{gap:6%}.process h3{font-size:27px}.process p{font-size:16px}
.inside-story{padding-top:85px;padding-bottom:70px;overflow:hidden}
.story-heading{text-align:center}.story-heading h2{font-size:clamp(42px,5.5vw,76px)}.story-heading .lead{margin:24px auto 0;font-size:19px}
.sclass-film{position:relative;margin:38px -5% 0}.sclass-film video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:22px}
.sclass-film .video-toggle{bottom:54px;border-radius:999px;background:#222c}.sclass-film figcaption{padding:12px 0;text-align:right}
figcaption{font-size:12px;color:var(--muted);line-height:1.6}
.story-bottom{display:grid;grid-template-columns:1fr 1fr;gap:12%;margin-top:48px}.story-bottom h3{font-family:Georgia,serif;font-size:clamp(29px,3vw,42px);line-height:1.2}.story-bottom p{color:var(--muted);font-size:17px}.story-bottom .text-link{margin-top:25px}
.engine-story figure{margin:0}.engine-story img{width:100%;border-radius:20px}.engine-story .section-top>.lead{max-width:380px;font-size:18px}
.comparison-labels{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:17px 0 10px;font-size:14px;font-weight:500}.comparison-labels span+span{padding-left:12px}
.engine-lessons{display:grid;grid-template-columns:repeat(3,1fr);gap:6%;margin:42px 0 30px}.engine-lessons h3{font-size:23px;margin-bottom:15px}.engine-lessons p{font-size:16px;color:var(--muted)}
.closing{border-top:1px solid var(--line);margin:0 8%;padding:65px 0}.visit{border:0}.closing .button{background:var(--ink)}.local{padding-top:55px}.local h2{font-size:clamp(34px,4vw,56px)}
.reading a{border:0;padding:0}.reading{gap:45px}.care{padding-top:65px}.hero{background:#151719}.hero-art:before{background:linear-gradient(90deg,#151719,transparent 60%)}.hero-copy{padding-top:45px;padding-bottom:45px}.hero-art{min-height:420px}.hero h1{font-size:clamp(38px,3.7vw,54px)}
@media(max-width:760px){.section{padding:58px 7%}.inside-story{padding-top:48px}.story-heading h2{font-size:46px}.story-heading .lead{font-size:17px}.sclass-film{margin:28px -4% 0}.sclass-film video{border-radius:12px}.sclass-film .video-toggle{bottom:48px;right:10px;font-size:11px;padding:7px 11px}.sclass-film figcaption{font-size:10px;text-align:left}.story-bottom{grid-template-columns:1fr;gap:22px;margin-top:30px}.story-bottom h3{font-size:33px}.story-bottom p{font-size:16px}.engine-lessons{grid-template-columns:1fr;gap:26px;margin-top:30px}.engine-story img{border-radius:12px}.comparison-labels{font-size:11px;gap:6px}.engine-story figcaption{font-size:11px}.closing{margin:0 7%;padding:45px 0}.hero-art{min-height:0}.hero-art:before{background:linear-gradient(#151719,transparent 30%)}.hero-copy{padding:34px 7% 22px}.hero h1{font-size:39px}.process{gap:30px}.service-link h3{font-size:22px}}

/* Small readability refinements; preserve the existing visual hierarchy. */
.brand small{font-size:12px;letter-spacing:.035em;line-height:1.35;font-weight:500;max-width:225px}
.utility,.eyebrow,.hero .eyebrow,.hero-note,.image-note,.values,.reading span,.process span,.service-link>span.number{font-size:12px}
nav,.hero .button,.hero .text-link,.reading b{font-size:14px}
.inside-story{padding-top:52px}
@media(max-width:1100px){nav{gap:18px}.brand small{max-width:205px}}
@media(max-width:760px){
  .brand{gap:9px;min-width:0;flex:1}.brand>span{min-width:0}
  .brand small{font-size:12px;max-width:190px;letter-spacing:.01em}
  .brand img{width:36px;height:36px;flex-shrink:0}
  .menu{flex-shrink:0;padding-left:6px}
  .utility{font-size:11px}
  .inside-story{padding-top:30px}
  .sclass-film figcaption,.engine-story figcaption,.comparison-labels,.sclass-film .video-toggle{font-size:12px}
}
