
/* Public launch adjustments; preserve the approved studio design language. */
.site-header{top:0}
.site-header.scrolled{top:0}
.preview-stripe{display:none!important}
.footer-bottom{gap:clamp(12px,2vw,30px);flex-wrap:wrap}
.footer-bottom a{min-height:44px;display:inline-flex;align-items:center}
.page-hero{scroll-margin-top:78px}
.inquiry-form button:disabled{opacity:.65;cursor:progress}
.form-result[hidden]{display:none!important}
.form-result[data-state="error"]{border-color:#b44329}
.form-result textarea{min-height:180px}
.contact-disclaimer{line-height:1.65}
@media(max-width:760px){.site-header{top:0}.footer-bottom{gap:12px}.footer-bottom a{min-height:44px}}

.privacy-copy{max-width:720px}.privacy-copy h3{font:800 clamp(22px,3vw,32px)/1.1 Archivo,Arial,sans-serif;letter-spacing:-.04em;margin:0 0 12px}.privacy-copy p{font:400 16px/1.7 "DM Sans",sans-serif;margin:0 0 36px}.privacy-copy a{text-decoration:underline;text-underline-offset:4px}



/* PLAIN HORSE / sitewide spacing, responsive rhythm and visual composition */
:root{
 --ph-space-xs:clamp(10px,1.25vw,16px);
 --ph-space-sm:clamp(18px,2.25vw,30px);
 --ph-space-md:clamp(30px,3.3vw,52px);
 --ph-space-lg:clamp(56px,6.2vw,96px);
 --ph-space-xl:clamp(78px,8.4vw,138px);
 --ph-edge:clamp(24px,4.4vw,76px);
}
html{scroll-padding-top:100px}
body{overflow-x:clip}
.site-header{padding-inline:var(--ph-edge)}
/* Unified editorial rhythm from section to section. */
.intro-band,.selected-section,.what-section,
.studio-statement,.studio-services,
.work-note,.mini-cta,
.detail-description,.detail-screen,.detail-next,
.contact-layout{padding-left:var(--ph-edge);padding-right:var(--ph-edge)}
.intro-band{padding-top:var(--ph-space-xl);padding-bottom:var(--ph-space-xl);gap:var(--ph-space-md)}
.intro-copy h2{margin-top:var(--ph-space-sm);text-wrap:balance}
.small-column{line-height:1.7}
.selected-section{padding-top:var(--ph-space-xl);padding-bottom:var(--ph-space-xl)}
.section-head{gap:var(--ph-space-lg);margin-bottom:var(--ph-space-lg)}
.section-head h2{text-wrap:balance}
.section-aside{line-height:1.6}
.what-section{padding-top:var(--ph-space-xl);padding-bottom:var(--ph-space-xl)}
.what-section .section-head{margin-bottom:var(--ph-space-lg)}
.closing-section{padding:var(--ph-space-xl) var(--ph-edge);min-height:0}
.closing-section h2{margin:var(--ph-space-lg) 0}
.page-hero{padding-left:var(--ph-edge);padding-right:var(--ph-edge);min-height:clamp(570px,64vh,720px)}
.page-hero h1{line-height:.9;overflow-wrap:normal}
.work-list{padding-left:var(--ph-edge);padding-right:var(--ph-edge)}
.work-note,.mini-cta{padding-top:var(--ph-space-lg);padding-bottom:var(--ph-space-lg)}
.work-note p{line-height:1.5}
.contact-layout{padding-top:var(--ph-space-xl);padding-bottom:var(--ph-space-xl)}
.contact-side h2{line-height:.93}
.inquiry-form label{margin-bottom:var(--ph-space-sm)}
.inquiry-form :is(input,textarea,select){width:100%;max-width:100%}
.detail-description{padding-top:var(--ph-space-xl);padding-bottom:var(--ph-space-xl)}
.detail-screen{padding-top:var(--ph-space-xl);padding-bottom:var(--ph-space-xl)}
.detail-next{padding-top:var(--ph-space-xl);padding-bottom:var(--ph-space-lg)}
.detail-next>a{line-height:.94}
.studio-text,.studio-two-up>div{padding:var(--ph-space-xl) clamp(34px,7vw,110px)}
.studio-text h2{margin:var(--ph-space-md) 0;line-height:.94}
.studio-text p{margin:0;line-height:1.7}
.studio-statement{padding-top:var(--ph-space-xl);padding-bottom:var(--ph-space-xl)}
.studio-statement h2{margin-top:var(--ph-space-lg);line-height:.9;letter-spacing:-.065em}
.studio-services{padding-top:var(--ph-space-xl);padding-bottom:var(--ph-space-xl)}
.studio-two-up h2{margin:var(--ph-space-md) 0;line-height:.94}
.studio-two-up p{margin:0 0 var(--ph-space-md);line-height:1.7}
.studio-two-up>img{min-height:clamp(420px,43vw,650px)}
.service-row{align-items:start}
.site-footer,.footer{overflow-wrap:anywhere}
.footer-bottom{padding-block:var(--ph-space-sm)}
/* Replace unsuitable fitness photograph with the approved brand marks. */
.studio-identity{
 min-height:clamp(580px,59vw,840px);
 height:auto;
 max-height:none;
 position:relative;
 background:
   linear-gradient(135deg,rgba(184,162,125,.12) 0%,transparent 44%),
   #273228;
 color:#e8e5dc;
 display:flex;
 flex-direction:column;
 justify-content:space-between;
 padding:clamp(30px,4vw,60px);
}
.studio-identity::after{
 content:"";position:absolute;inset:18px;
 border:1px solid rgba(232,229,220,.19);
 pointer-events:none;
}
.studio-identity-top,.studio-identity-bottom{
 display:flex;justify-content:space-between;align-items:baseline;
 gap:20px;font:700 10px/1.6 'DM Sans',Arial,sans-serif;
 letter-spacing:.18em;z-index:1;
}
.studio-identity-center{
 display:flex;align-items:center;justify-content:center;flex-direction:column;
 gap:clamp(18px,3vw,38px);flex:1;z-index:1;
}
.studio-identity-center img{height:auto!important;width:clamp(120px,22vw,260px)!important;max-width:65%;object-fit:contain!important}
.studio-identity-label{
 font:800 clamp(23px,3.1vw,48px)/1 'Archivo',Arial,sans-serif;
 letter-spacing:-.065em;text-align:center;max-width:15ch;
 text-wrap:balance;
}
.studio-identity-bottom span:last-child{text-align:right}
@media(max-width:1100px){
 .section-head{gap:var(--ph-space-md)}
 .studio-identity{min-height:550px}
 .studio-text,.studio-two-up>div{padding:var(--ph-space-lg) var(--ph-edge)}
}
@media(max-width:760px){
 :root{
  --ph-edge:clamp(22px,5.6vw,30px);
  --ph-space-sm:18px;
  --ph-space-md:30px;
  --ph-space-lg:clamp(52px,14vw,72px);
  --ph-space-xl:clamp(68px,18vw,88px);
 }
 html{scroll-padding-top:78px}
 .site-header{padding-inline:var(--ph-edge)}
 .page-hero{padding:clamp(156px,23vh,200px) var(--ph-edge) var(--ph-space-xl);min-height:clamp(530px,72svh,620px)}
 .page-hero h1{font-size:clamp(53px,13.5vw,90px);letter-spacing:-.065em}
 .page-hero p{margin-top:var(--ph-space-sm);font-size:clamp(15px,3.8vw,17px);line-height:1.5}
 .hero-main{left:var(--ph-edge);right:var(--ph-edge)}
 .hero-main h1{font-size:clamp(58px,15.4vw,110px);line-height:.86}
 .hero-description{gap:var(--ph-space-sm)}
 .intro-band{display:block}
 .intro-copy{margin-top:var(--ph-space-md)}
 .intro-copy h2{font-size:clamp(45px,11.5vw,70px)}
 .small-column{margin-top:var(--ph-space-md)}
 .section-head{gap:var(--ph-space-md);margin-bottom:var(--ph-space-md)}
 .section-head h2{font-size:clamp(49px,12.3vw,75px);line-height:.88}
 .section-aside{max-width:52ch}
 .selected-section .work-grid,.selected-section .selected-grid{gap:var(--ph-space-md)}
 .what-section .section-head{margin-bottom:var(--ph-space-lg)}
 .closing-section{min-height:0}
 .closing-section h2{margin:var(--ph-space-md) 0 var(--ph-space-lg);font-size:clamp(62px,14.7vw,105px)}
 .studio-identity{min-height:0;height:clamp(330px,92vw,455px);padding:30px;order:0}
 .studio-identity::after{inset:13px}
 .studio-identity-top,.studio-identity-bottom{font-size:9px;letter-spacing:.11em}
 .studio-identity-top span:last-child{display:none}
 .studio-identity-center{gap:18px}
 .studio-identity-center img{width:clamp(118px,33vw,180px)!important}
 .studio-identity-label{font-size:clamp(23px,6vw,31px)}
 .studio-text,.studio-two-up>div{padding:var(--ph-space-xl) var(--ph-edge)}
 .studio-text h2{font-size:clamp(43px,11.5vw,60px);line-height:.93;margin:var(--ph-space-md) 0}
 .studio-statement h2{font-size:clamp(48px,11.8vw,77px);line-height:.9;margin-top:var(--ph-space-md)}
 .studio-services .section-head{margin-bottom:var(--ph-space-lg)}
 .studio-two-up>img{min-height:0;height:clamp(320px,88vw,450px);max-height:450px}
 .studio-two-up h2{font-size:clamp(51px,12.5vw,78px)}
 .contact-layout{gap:var(--ph-space-lg)}
 .contact-side h2{margin:var(--ph-space-md) 0}
 .inquiry-form label{margin-bottom:26px}
 .detail-hero{min-height:clamp(620px,79svh,710px)}
 .detail-description,.detail-screen,.detail-next{padding-left:var(--ph-edge);padding-right:var(--ph-edge)}
 .detail-description h2{font-size:clamp(49px,12vw,75px);line-height:.92}
 .detail-next>a{font-size:clamp(48px,11vw,79px)}
 .footer-bottom{gap:14px}
}
@media(max-width:390px){
 .page-hero h1{font-size:clamp(50px,13.2vw,54px)}
 .intro-copy h2{font-size:clamp(42px,11.5vw,48px)}
 .studio-identity{height:340px;padding:26px}
 .studio-text h2{font-size:clamp(42px,11.3vw,47px)}
 .studio-statement h2{font-size:clamp(46px,11.6vw,51px)}
}
@media(prefers-reduced-motion:reduce){
 .studio-identity img{transition:none}
}

/* Sitewide CTA corrections: protect labels from prior circular span styles. */
.hero-description .circle-play{
 flex:0 0 auto;box-sizing:border-box;width:auto;min-width:152px;max-width:100%;height:52px;
 padding:0 21px;display:inline-flex;align-items:center;justify-content:center;gap:0;
 border:1px solid rgba(232,229,220,.86);border-radius:2px;background:rgba(8,8,8,.23);
 text-align:center;white-space:nowrap;transition:background-color .2s,color .2s,border-color .2s;
}
.hero-description .circle-play>.circle-play-label{
 display:inline-flex;align-items:center;justify-content:center;position:static;
 width:auto;height:auto;min-width:0;border:0;border-radius:0;padding:0;flex:0 0 auto;
 font:800 11px/1.1 'Archivo',Arial,sans-serif;letter-spacing:.12em;
 white-space:nowrap;background:transparent;box-shadow:none;transform:none;
}
.hero-description .circle-play:hover,.hero-description .circle-play:focus-visible{
 background:var(--stone);color:var(--black);border-color:var(--stone);transform:none
}
.hero-description .circle-play:hover>.circle-play-label{background:transparent}
.work-closer{
 display:grid;grid-template-columns:minmax(0,1fr) max-content;
 align-items:center;justify-content:stretch;gap:clamp(24px,4vw,70px);
 margin-top:clamp(38px,5vw,70px);padding-top:clamp(22px,3vw,36px);line-height:1.55
}
.work-closer .work-closer-note{
 display:block;min-width:0;max-width:55ch;white-space:normal;
 font-size:clamp(10px,1.1vw,12px);font-weight:600;letter-spacing:.1em;line-height:1.7
}
.work-closer .text-link{
 margin:0!important;min-width:0;max-width:100%;min-height:44px;
 display:inline-flex;align-items:center;justify-content:flex-start;
 gap:0;white-space:normal;line-height:1.45;text-wrap:balance;
 border-bottom:1px solid currentColor;padding-bottom:4px
}
@media(max-width:900px){
 .work-closer{grid-template-columns:minmax(0,1fr);gap:20px}
 .work-closer .text-link{justify-self:start}
}
@media(max-width:760px){
 .hero-description{align-items:flex-start;flex-wrap:wrap}
 .hero-description .circle-play{min-width:145px;height:48px;padding:0 18px}
 .work-closer .work-closer-note{font-size:10px;letter-spacing:.08em}
}
@media(max-width:380px){
 .hero-description .circle-play{min-width:142px}
 .work-closer{gap:16px}
}
@media(max-width:350px){
 .service-row{grid-template-columns:23px minmax(0,1fr) 16px;gap:9px}
 .service-row h3{font-size:clamp(25px,7.8vw,28px);letter-spacing:-.045em;overflow-wrap:break-word;min-width:0}
 .service-row p{min-width:0}
 .closing-section h2{font-size:clamp(47px,15vw,53px);letter-spacing:-.055em}
 .closing-section h2 i{overflow-wrap:break-word}
}
