/* One studio section: local roots, an interactive signature and the enquiry. */
.studio-story{position:relative}
.studio-story .section-top{margin-bottom:44px}
.studio-story-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:8%;align-items:center}
.studio-story-copy h2{font-size:clamp(42px,4.9vw,70px);line-height:1.08;margin-bottom:28px}
.studio-story-copy>p{max-width:590px;font-size:16px;line-height:1.85;color:var(--muted)}
.studio-story-copy>p+p{margin-top:22px}
.studio-story-copy .studio-experience{display:flex;align-items:center;gap:24px;margin-top:30px;color:var(--ink)}
.studio-experience-number{font-size:76px;font-weight:300;line-height:1;letter-spacing:-.07em}
.studio-experience-number>span{font-size:.55em;vertical-align:top;display:inline-block;margin-top:.18em;margin-left:.08em}
.studio-experience-label{font-size:12px;line-height:1.6}
.studio-signature{min-width:0}
.studio-story .loop-stage{display:block;min-height:0;height:300px}
.studio-story #loop{height:100%;width:100%}
.studio-story .loop-caption{font-size:10px;border-top:1px solid var(--line);padding-top:4px}
.studio-contact{margin-top:58px;padding-top:35px;border-top:1px solid var(--line)}
.studio-story .contact-details>summary{display:flex;align-items:center;justify-content:space-between;gap:36px;width:100%;padding:8px 0}
.studio-enquiry-prompt{display:block}
.studio-enquiry-prompt .eyebrow{display:block;font-size:10px;line-height:1.8;letter-spacing:.07em}
.studio-enquiry-title{display:block;font-size:clamp(30px,3.4vw,46px);line-height:1.15;letter-spacing:-.05em;margin-top:15px}
.studio-enquiry-summary .pill{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;flex-shrink:0;min-height:56px}
.studio-enquiry-summary:hover .pill,.studio-enquiry-summary:focus-visible .pill{background:#50445f}
.studio-story .contact-details[open]>summary{margin-bottom:35px}
.studio-story .contact-details[open]>summary>span{transform:none}
.studio-enquiry-arrow{display:inline-block;transition:transform .2s}
.studio-story .contact-details[open] .studio-enquiry-arrow{transform:rotate(90deg)}
.studio-story .contact-form-layout{gap:8%;grid-template-columns:1fr 1.5fr}
.studio-story .contact-form-layout h3{font-weight:400}
.studio-story .contact-form-layout>div>p{font-size:14px}
.studio-story .contact-form-layout input,.studio-story .contact-form-layout textarea,.studio-story .contact-form-layout select{background:#fffdf9}
@media(max-width:1050px){
 .studio-story-grid{gap:6%}.studio-story-copy>p{font-size:15px}
 .studio-enquiry-summary .pill{font-size:13px;gap:22px}
}
@media(max-width:800px){
 .studio-story .contact-form-layout{grid-template-columns:1fr;gap:28px}
 .studio-story .contact-form-layout .reply-note{display:block}
}
@media(max-width:760px){
 .studio-story-grid{grid-template-columns:1fr;gap:28px}
 .studio-story-copy h2{font-size:clamp(42px,7vw,57px)}
 .studio-story-copy>p{max-width:650px}
 .studio-signature{max-width:520px;width:100%;margin-inline:auto}
 .studio-story .loop-stage{height:240px}
 .studio-story .contact-details>summary{align-items:flex-start;flex-direction:column;gap:25px}
 .studio-enquiry-title{font-size:38px}
 .studio-contact{margin-top:38px;padding-top:30px}
}
@media(max-width:520px){
 .studio-story .section-top{margin-bottom:27px}
 .studio-story-copy h2{font-size:clamp(36px,9.5vw,46px);margin-bottom:23px}
 .studio-story-copy>p{font-size:14px;line-height:1.85}
 .studio-story-copy>p+p{margin-top:18px}
 .studio-story-copy .studio-experience{margin-top:25px;gap:20px}
 .studio-experience-number{font-size:64px}
 .studio-experience-label{font-size:11px}
 .studio-story-grid{gap:14px}
 .studio-story .loop-stage{height:185px}
 .studio-story .loop-caption{font-size:9px}
 .studio-contact{margin-top:32px;padding-top:25px}
 .studio-enquiry-prompt .eyebrow{font-size:9px;max-width:280px}
 .studio-enquiry-title{font-size:33px;max-width:340px;margin-top:13px}
 .studio-enquiry-summary .pill{font-size:13px;padding:17px 20px}
 .studio-story .contact-details[open]>summary{margin-bottom:28px}
 .studio-story .contact-form-layout input,.studio-story .contact-form-layout textarea,.studio-story .contact-form-layout select{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.studio-enquiry-arrow{transition:none}}