.workshop-section{container-type:inline-size}
.services-introduction{padding-bottom:28px}
.workshop-bar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px}
.workshop-selectors{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
button.workshop-selector{font:400 15px/1.5 Inter,Arial,sans-serif;background:transparent;color:#716a78;border:0;border-bottom:1px solid transparent;border-radius:0;padding:12px 0;min-height:44px;cursor:pointer;box-shadow:none;white-space:nowrap}
button.workshop-selector[aria-pressed=true]{color:#302b35;border-bottom-color:#716a78}
.workshop-arrows{display:flex;gap:10px;flex:none}
button.room-arrow{display:grid;place-items:center;width:44px;height:44px;min-height:44px;border:1px solid #d5d0d8;border-radius:50%;background:transparent;color:#302b35;cursor:pointer;box-shadow:none;padding:10px}
.room-arrow svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.2}
button.room-arrow:disabled{opacity:.3;cursor:default}
.workshop-track{display:grid;grid-auto-flow:column;grid-auto-columns:min(1100px,calc(100cqi - 96px));gap:24px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:max(6cqi,calc((100cqi - 1200px)/2));padding:4px max(6cqi,calc((100cqi - 1200px)/2)) 12px;scrollbar-width:none;overscroll-behavior-x:contain}
.workshop-track::-webkit-scrollbar{display:none}
.workshop-card{display:grid;grid-template-columns:1.15fr 1fr;align-items:stretch;background:#efede7;border-radius:14px;overflow:hidden;scroll-snap-align:start;min-width:0;isolation:isolate}
.workshop-image{position:relative;min-height:520px;background:#d8cabb;overflow:hidden}
.workshop-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.workshop-copy{padding:38px 36px 32px;display:flex;flex-direction:column;align-items:flex-start}
.workshop-copy .eyebrow{font-size:10px;letter-spacing:.15em;line-height:1.5;margin:0 0 20px;color:#716a78}
.workshop-copy h2{font:500 34px/1.12 Inter,Arial,sans-serif;letter-spacing:-.045em;margin:0 0 20px;max-width:16ch;text-wrap:balance;color:#302b35}
.workshop-copy .room-definition{font:400 16px/1.7 Inter,Arial,sans-serif;color:#5b5562;margin:0 0 22px;max-width:42ch}
.workshop-copy ul{margin:0 0 22px;padding-left:17px;color:#5b5562;font-size:14px;line-height:1.75}
.workshop-copy li{padding-left:3px;margin:0 0 5px}
.workshop-copy .room-fit{font-size:13px;line-height:1.7;color:#716a78;margin:0 0 24px;max-width:44ch}
.workshop-copy a.room-enquire{display:inline-flex;align-items:center;gap:18px;min-height:44px;margin-top:auto;padding:8px 0;color:#302b35;font-size:14px;line-height:1.5;text-decoration:none;border-bottom:1px solid #b6afb9}
.room-enquire svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.2;fill:none}
.workshop-after{padding-block:12px 44px;display:flex;justify-content:space-between;gap:32px}
.workshop-after p{font-size:12px;line-height:1.7;color:#716a78;margin:0;max-width:48ch}
.workshop-section button:focus-visible,.workshop-track:focus-visible,.room-enquire:focus-visible{outline:2px solid #79628a;outline-offset:4px;background-color:#eee8f1}
@media(max-width:1100px){.workshop-copy{padding:28px}.workshop-copy h2{font-size:30px}.workshop-copy .room-definition{font-size:15px}.workshop-selectors{gap:22px}}
@media(max-width:600px){.workshop-track{grid-auto-columns:calc(100cqi - 72px);gap:20px;padding-inline:6cqi;scroll-padding-inline:6cqi}.workshop-card{grid-template-columns:1fr}.workshop-image{min-height:0;aspect-ratio:3/2}.workshop-copy{padding:28px}.workshop-copy h2{max-width:21ch}.workshop-copy .room-definition{max-width:55ch}.workshop-after{display:block}.workshop-after p+p{margin-top:8px}}
@media(max-width:760px){.services-introduction{padding-bottom:20px}.workshop-bar{align-items:flex-end;gap:12px}.workshop-selectors{gap:16px;flex-wrap:nowrap;min-width:0}.workshop-arrows{display:none}button.workshop-selector{font-size:12px;min-height:44px}.workshop-copy{padding:26px 24px}.workshop-copy .eyebrow{margin-bottom:16px}.workshop-copy h2{font-size:28px;margin-bottom:18px}.workshop-copy .room-definition{font-size:15px}.workshop-copy ul{font-size:13px;margin-bottom:18px}.workshop-copy .room-fit{font-size:12px}.workshop-after{padding-bottom:32px}.workshop-after p{font-size:11px}.workshop-image img{object-position:center}}
@media(max-width:360px){.workshop-selectors{gap:13px}button.workshop-selector{font-size:11px}.workshop-copy{padding:24px 21px}.workshop-copy h2{font-size:26px}}

.workshop-section{scroll-margin-top:116px}.workshop-image>.scene-grain{opacity:.3}
@media(max-width:760px){.workshop-section{scroll-margin-top:86px}}
.workshop-card{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
.workshop-image,.workshop-copy{min-width:0;width:100%}
@media(max-width:600px){.workshop-card{grid-template-columns:minmax(0,1fr)}}

/* A compact introduction and a nearly full-width room form one composition. */
.services-introduction{padding-top:40px;padding-bottom:20px}
.services-introduction h1{margin:14px 0 18px}
.workshop-bar{justify-content:flex-start;gap:36px;margin-bottom:16px}
.workshop-arrows{gap:8px}
button.room-arrow{width:36px;height:36px;min-height:36px;padding:8px}
.workshop-track{grid-auto-columns:calc(100cqi - max(6cqi,calc((100cqi - 1200px)/2)) - 40px);gap:20px}
.workshop-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.workshop-image{min-height:420px}
.workshop-copy{padding:30px 36px 26px}
.workshop-copy .eyebrow{margin-bottom:16px}
.workshop-copy h2{font-size:32px;margin-bottom:16px;max-width:22ch}
.workshop-copy .room-definition{font-size:15px;line-height:1.65;margin-bottom:18px;max-width:49ch}
.workshop-copy ul{margin-bottom:16px;line-height:1.65}
.workshop-copy .room-fit{margin-bottom:16px}
@media(max-width:1100px){.workshop-copy{padding:26px}.workshop-copy h2{font-size:30px}}
@media(max-width:600px){.workshop-track{grid-auto-columns:calc(100cqi - 6cqi - 30px);gap:16px}.workshop-card{grid-template-columns:minmax(0,1fr)}.workshop-image{min-height:0;aspect-ratio:3/2}.workshop-copy{padding:28px}.workshop-bar{gap:24px}}
@media(max-width:760px){.services-introduction{padding-top:104px;padding-bottom:16px}.services-introduction h1{margin:12px 0 16px}.workshop-copy{padding:24px}.workshop-copy h2{font-size:28px}.workshop-bar{margin-bottom:12px}.workshop-selectors{gap:16px}}

/* Restore the narrower service panel; neighbouring rooms stay quiet. */
.workshop-track{grid-auto-columns:min(1100px,calc(100cqi - 96px));gap:24px}
.workshop-card{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);opacity:.12;transition:opacity .4s ease}
.workshop-card.is-current,.workshop-card:focus-within{opacity:1}
@media(max-width:600px){.workshop-track{grid-auto-columns:calc(100cqi - 72px);gap:20px}.workshop-card{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.workshop-card{transition:none}}

/* Keep a service and its scene together on laptop/tablet windows. */
.workshop-track{grid-auto-columns:min(1000px,calc(100cqi - 96px))}
.workshop-copy .room-definition{max-width:38ch}
@media(min-width:601px) and (max-width:1100px){
 .workshop-track{grid-auto-columns:calc(100cqi - 6cqi - 32px)}
 .workshop-card{grid-template-columns:minmax(0,.9fr) minmax(0,1fr)}
 .workshop-image{min-height:390px;aspect-ratio:auto}
 .workshop-copy{padding:24px}
 .workshop-copy h2{font-size:26px;max-width:18ch}
 .workshop-copy .room-definition{font-size:14px;line-height:1.6}
 .workshop-copy ul{font-size:12px;line-height:1.65}
 .workshop-copy .room-fit{font-size:12px}
 .workshop-copy a.room-enquire{font-size:13px}
}
@media(max-width:600px){.workshop-track{grid-auto-columns:calc(100cqi - 72px)}}

/* Lighter glass for the floating menu in this local study. */
body .studio-header.header.is-scrolled{background:rgba(249,247,251,.22)!important;border-color:rgba(255,255,255,.28)!important;box-shadow:inset 0 1px 0 #ffffff55,0 5px 22px #20172c08!important;backdrop-filter:blur(10px) saturate(115%)!important;-webkit-backdrop-filter:blur(10px) saturate(115%)!important}
body .studio-header.header.is-scrolled .liquid-refraction{background:rgba(255,255,255,.025)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important}
@media(prefers-reduced-transparency:reduce){body .studio-header.header.is-scrolled{background:#f4f1f7!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}