.primary-nav{gap:clamp(.9rem,1.55vw,1.8rem)}.primary-nav>a{white-space:nowrap}
.studio-feature{position:relative;display:grid;grid-template-columns:.88fr 1.12fr;min-height:640px;background:#14291d;color:#fff;overflow:hidden}.studio-feature-image{position:relative;min-height:640px}.studio-feature-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.studio-feature-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(3rem,6vw,8rem)}.studio-feature-copy .kicker{color:#b9d7ae}.studio-feature-copy h2{font-family:'Instrument Serif',Georgia,serif;font-size:clamp(4rem,7vw,8rem);font-weight:400;letter-spacing:-.055em;line-height:.92;margin:.6rem 0 2rem;max-width:700px}.studio-feature-copy p:not(.kicker){font-size:clamp(1rem,1.25vw,1.2rem);line-height:1.55;color:#e0ebe0;max-width:520px;margin:0 0 2rem}.studio-feature-copy .button{background:#f7fbf3;color:#18211c}
.community-card-noimage{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:1.5rem;background:#203a2a;color:#cde0c9;letter-spacing:normal}.community-card-noimage span{font-size:.65rem;letter-spacing:.18em;text-transform:uppercase}.community-card-noimage strong{font:400 clamp(2.4rem,4vw,5.2rem)/.95 'Instrument Serif',Georgia,serif;letter-spacing:-.045em;color:#f4f7ef;max-width:95%;overflow-wrap:break-word}.community-detail-image.no-photo{background:#203a2a;color:#e8f1e5}.community-detail-image.no-photo>span{background:transparent;left:auto;right:1.5rem}
@media(max-width:1160px){.primary-nav{gap:.8rem}.primary-nav>a{font-size:.77rem}.wordmark{width:132px;min-width:132px}.brand-logo{width:132px}}
@media(max-width:820px){.primary-nav>a{font-size:1rem}.studio-feature{grid-template-columns:1fr}.studio-feature-image{min-height:520px}.studio-feature-copy{padding:4.5rem var(--gutter) 5.5rem}.studio-feature-copy h2{font-size:clamp(4.5rem,9vw,7rem)}}
@media(max-width:600px){.studio-feature-image{min-height:390px}.studio-feature-copy h2{font-size:clamp(3.8rem,11vw,5.5rem)}}
.story-mobile-image{display:none}
@media(max-width:1100px){
  .story-visual{display:none}
  .story{display:block}
  .story-copy{display:block;padding:4rem var(--gutter) 5rem}
  .story-intro{padding:0 0 2.5rem}
  .story-step,.story-step.active{display:block;opacity:1;min-height:0;padding:0 0 3.5rem;margin:0 0 3.5rem;border-top:0;border-bottom:1px solid #72807a66}
  .story-step:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
  .story-mobile-image{display:block;width:100%;height:clamp(320px,55vw,600px);object-fit:cover;margin-bottom:2rem}
  .story-step h3{max-width:720px}
}
@media(max-width:600px){
  .story-copy{padding:4.5rem var(--gutter) 5rem}
  .story-intro h2{font-size:clamp(3.3rem,11vw,5rem)}
  .story-mobile-image{height:72vw;min-height:270px;margin-bottom:1.5rem}
  .story-step,.story-step.active{padding:0 0 2.75rem;margin-bottom:2.75rem}
  .story-step h3{font-size:clamp(2.8rem,9vw,4rem)}
  .story-step p{max-width:34rem}
}
/* On phones, the studio action appears before its supporting photograph. */
/* The studio and interior sequence need distinct visual chapters. */
.studio-feature{background:#dce5d8;color:#183027}
.studio-feature-copy .kicker{color:#285838}
.studio-feature-copy p:not(.kicker){color:#35483c}
.studio-feature-copy .button{background:#183027;color:#fff}
.studio-feature-copy .button:hover{background:#2e533a;color:#fff}
.is-home .contact-band{background:#e9e5db;color:#183027}
.is-home .contact-band .kicker{color:#285838}
.is-home .contact-band p:not(.kicker){color:#35483c}
.is-home .contact-band .button-light{background:#183027;color:#fff}
.is-home .contact-band .button-light:hover{background:#2e533a;color:#fff}
/* A compact editorial lead-in replaces the decorative chapter index. */
.home-intro{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(250px,.65fr);gap:clamp(2rem,6vw,7rem);align-items:end;padding:clamp(3.5rem,5vw,6rem) var(--gutter)}
.home-intro .intro-body h2{font-size:clamp(3.5rem,5.5vw,7rem);max-width:850px;margin:.65rem 0 0}
.home-intro .intro-note{color:var(--mute);font-size:1.05rem;line-height:1.6;max-width:360px;margin:0 0 .35rem}
@media(max-width:820px){.home-intro{grid-template-columns:1fr;gap:1.5rem;padding:4rem var(--gutter)}.home-intro .intro-body h2{font-size:clamp(3.5rem,8vw,5.5rem)}.home-intro .intro-note{max-width:42rem}}
@media(max-width:600px){.home-intro{padding:3.5rem var(--gutter)}.home-intro .intro-body h2{font-size:clamp(3.45rem,11vw,5rem)}.home-intro .intro-note{font-size:1rem}}