.studio-views{display:flex;flex-wrap:wrap;gap:6px;padding:16px 0}.studio-views button,.studio-orbit-tools button{font:inherit;font-size:11px;border:1px solid #d6d7d3;background:white;color:#555;padding:8px 10px;border-radius:0;cursor:pointer}.studio-views button[aria-pressed=true]{color:#fff;background:#292b28;border-color:#292b28}.studio-orbit{position:relative;width:100%;background:#fff;aspect-ratio:1}.studio-orbit>svg{display:block;width:100%;height:100%;touch-action:pan-y;cursor:grab}.studio-orbit>svg:active{cursor:grabbing;touch-action:none}.studio-marker{position:absolute;transform:translate(-50%,-50%);width:32px;height:32px;border-radius:50%;border:1px solid #bbb;background:#fff;color:#444;font:11px Arial;cursor:pointer}.studio-marker.is-active{background:#292b28;color:white}.studio-orbit-tools{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;color:#666;padding:12px 0;border-top:1px solid #ddd}.studio-orbit[hidden],.studio-orbit-tools[hidden],.sense-plan-room[hidden]{display:none!important}.studio-views button:focus-visible,.studio-marker:focus-visible,.studio-orbit-tools button:focus-visible{outline:2px solid #555;outline-offset:3px}@media(max-width:600px){.studio-views button{flex:1;padding:10px 5px}.studio-marker{width:36px;height:36px}.studio-orbit-tools span{max-width:110px}}

.studio-view-paging{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ddd;padding-top:12px;margin-top:16px;color:#666;font-size:11px}.studio-view-paging button{background:none;border:0;color:#444;font-size:20px;min-width:44px;min-height:44px;cursor:pointer}
/* Large drawing, quiet dot navigation; retain a stacked phone layout. */
body #experience-floorplan.sense-floorplan{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:clamp(24px,4vw,64px)}
body #experience-floorplan .sense-plan{max-width:none;min-width:0}
.studio-view-paging{flex-direction:column;gap:8px;border:0;margin-top:8px;padding-top:0}
.studio-views{display:flex;justify-content:center;gap:0;padding:0}
.studio-views button{position:relative;flex:none;width:40px;height:40px;min-width:40px;min-height:40px;padding:0;border:0;background:transparent!important;border-radius:50%;font-size:0}
.studio-views button:before{content:'';position:absolute;width:7px;height:7px;left:16px;top:16px;border-radius:50%;background:#d1d2ce;transition:background .15s,transform .15s}
.studio-views button[aria-pressed=true]:before{background:#292b28;transform:scale(1.25)}
.sense-plan-room{touch-action:pan-y}
.studio-orbit-tools label{display:flex;align-items:center;gap:8px;font-size:11px}.studio-orbit-tools input{width:90px;accent-color:#444}
@media(max-width:760px){body #experience-floorplan.sense-floorplan{grid-template-columns:1fr}.studio-orbit-tools{flex-wrap:wrap}.studio-orbit-tools span{font-size:9px}}

#experience-floorplan .studio-orbit-tools,#experience-floorplan .sense-plan-footnote,.studio-view-paging>span{display:none!important}

/* Keep the original compact drawing height while retaining the wider column. */
#experience-floorplan .sense-plan-room{height:580px;width:393px;max-width:100%;margin:0 auto;aspect-ratio:420/620}
#experience-floorplan .studio-orbit{width:min(100%,580px);height:580px;max-height:580px;margin:0 auto;aspect-ratio:auto}
#experience-floorplan .studio-orbit>svg{cursor:ew-resize;user-select:none}
.studio-view-labels{display:flex;justify-content:center;gap:6px;padding:12px 0}
.studio-view-labels button{font:11px/1.3 Arial,sans-serif;background:#292b28;color:#fff;border:1px solid #292b28;padding:10px 12px;cursor:pointer}
.studio-view-labels button[aria-pressed=false]{background:#fff;color:#292b28}
@media(max-width:760px){#experience-floorplan .sense-plan-room{width:100%;height:auto}#experience-floorplan .studio-orbit{height:auto;aspect-ratio:1}.studio-view-labels button{flex:1;padding:10px 5px;font-size:10px}}
#experience-floorplan .studio-orbit>svg{cursor:grab;touch-action:none}
#experience-floorplan .studio-orbit>svg:active{cursor:grabbing}
.studio-view-labels,.studio-view-paging{touch-action:pan-y}

.studio-orbit{overflow:hidden}.studio-zoom{position:absolute;right:8px;bottom:8px;display:flex;align-items:center;background:#fff;border:1px solid #ddd;border-radius:22px;z-index:2}.studio-zoom button{border:0;background:transparent;color:#333;font:12px Arial;min-width:38px;height:38px;cursor:pointer}.studio-zoom button:disabled{opacity:.3;cursor:default}.studio-zoom button:focus-visible{outline:2px solid #555;border-radius:18px}

/* Align the drawing and dots to the adjacent text without enlarging the section. */
@media(min-width:761px){
 #experience-floorplan .sense-plan{position:relative;align-self:stretch}
 #experience-floorplan .studio-orbit{width:var(--drawing-size,580px);height:var(--drawing-size,580px);max-height:none;margin-top:var(--drawing-offset,0px)}
 #experience-floorplan .studio-view-paging{position:absolute;left:0;right:0;top:var(--paging-top,100%);margin:0;height:40px}
}

.studio-fashion-figure svg{pointer-events:none}

.studio-fashion-figure image{filter:grayscale(1);opacity:.75}

/* The same mounted glow gently breathes; it never switches off between pulses. */
#experience-floorplan .studio-aura{opacity:.85;animation:studio-aura-breathe 4.8s ease-in-out infinite;pointer-events:none}
#experience-floorplan .glow-paused .studio-aura{animation-play-state:paused}
@keyframes studio-aura-breathe{0%,100%{opacity:.65}50%{opacity:1}}
@media(prefers-reduced-motion:reduce){#experience-floorplan .studio-aura{animation:none;opacity:.85}}

/* Presence colors the original sketch alpha, preserving every pencil mark. */
#experience-floorplan .studio-presence-lit{animation:studio-aura-breathe 4.8s ease-in-out infinite}
#experience-floorplan .glow-paused .studio-presence-lit{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){#experience-floorplan .studio-presence-lit{animation:none;opacity:.85}}

/* Hold only this chapter, then release naturally into the next section. */
.studio-tour-track{position:relative;height:calc(var(--studio-tour-height,800px) + var(--studio-tour-distance,550svh));scroll-margin-top:var(--studio-tour-top,90px)}
.studio-tour-track.studio-tour-fits>#experience-floorplan{position:sticky;top:calc(var(--studio-tour-top,90px) + 24px);margin:0}
.studio-tour-controls{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;padding:12px 0;font:12px/1.5 Arial;color:#666}
.studio-tour-controls button{background:none;border:0;border-bottom:1px solid currentColor;padding:8px 0;color:#292b28;font:inherit;cursor:pointer;min-height:40px}
body #experience-floorplan .studio-view-paging{position:static;height:auto;margin:0}
body #experience-floorplan .studio-orbit{margin-top:0;width:min(100%,440px);height:min(45svh,440px)}
body #experience-floorplan{padding-top:24px;padding-bottom:24px}
body #experience-floorplan .sense-roadmap-copy{position:relative;top:auto}
#experience-floorplan.studio-tour-guided .studio-orbit>svg{touch-action:pan-y}
@media(max-width:760px){
 body #experience-floorplan.sense-floorplan{gap:12px}
 body #experience-floorplan .sense-roadmap-copy>h3{font-size:28px;margin:8px 0}
 body #experience-floorplan .sense-roadmap-copy>p:not(.eyebrow){display:none}
 body #experience-floorplan .sense-detail{margin-top:10px;padding-top:10px;min-height:0}
 body #experience-floorplan .sense-detail h4{font-size:20px;margin:6px 0}
 body #experience-floorplan .sense-detail p{font-size:12px;line-height:1.45}
 body #experience-floorplan .studio-orbit{height:min(32svh,300px)}
 body #experience-floorplan .studio-view-labels{padding:4px 0}
 body #experience-floorplan .studio-view-paging{display:none}
 .studio-tour-controls{padding:4px 0;gap:8px;font-size:10px}
}
@media(prefers-reduced-motion:reduce){.studio-tour-track{height:auto}.studio-tour-track>#experience-floorplan{position:relative!important;top:auto!important}}
body .studio-tour-track #experience-floorplan.sense-floorplan{padding-top:24px!important;gap:20px 4%;min-height:0}
body .studio-tour-track #experience-floorplan .sense-roadmap-copy>h3{font-size:clamp(28px,3vw,48px);line-height:1.06;margin:12px 0 18px}
body .studio-tour-track #experience-floorplan .sense-roadmap-copy>p{font-size:14px;line-height:1.55;margin:0 0 14px}
body .studio-tour-track #experience-floorplan .sense-detail{margin-top:16px;padding-top:16px;min-height:0}
body .studio-tour-track #experience-floorplan .sense-detail h4{font-size:24px;margin:10px 0}
body .studio-tour-track #experience-floorplan .sense-detail p{font-size:14px;line-height:1.55}
body .studio-tour-track #experience-floorplan .sense-pills{margin:0;padding-top:12px;gap:8px}
body .studio-tour-track #experience-floorplan .sense-pill{padding:12px 8px;min-height:0}
@media(max-width:760px){body .studio-tour-track #experience-floorplan .sense-detail p{font-size:12px;line-height:1.4}body .studio-tour-track #experience-floorplan .sense-pills{display:flex;flex-wrap:wrap}body .studio-tour-track #experience-floorplan .sense-pill{flex:1;font-size:10px}body .studio-tour-track #experience-floorplan .sense-pill small{display:none}}

html.studio-tour-scrolling{scroll-snap-type:none!important}
.studio-tour-track #experience-floorplan{scroll-snap-align:none!important}

.studio-tour-track:not(.studio-tour-fits){height:auto}

/* Rounded white chapter with a quiet gray outline. */
.studio-tour-track{padding:32px clamp(12px,2vw,36px) 100px;background:#fff;box-sizing:content-box}
body .studio-tour-track #experience-floorplan.sense-floorplan{box-sizing:border-box;width:100%;max-width:1760px;margin:0 auto!important;border-radius:28px;overflow:hidden;padding:28px clamp(20px,3vw,48px)!important;grid-template-columns:minmax(240px,.85fr) minmax(0,2fr);gap:18px 3%}
body .studio-tour-track #experience-floorplan .studio-orbit{width:100%;height:clamp(340px,54svh,680px);max-height:none;margin:0}
body .studio-tour-track #experience-floorplan .sense-plan{align-self:start}
body .studio-tour-track #experience-floorplan .sense-pill{box-sizing:border-box;justify-content:center;padding:20px clamp(22px,2.5vw,42px)!important;gap:8px;border-radius:70px;min-height:140px;overflow:hidden}
body .studio-tour-track #experience-floorplan .sense-pill>span,body .studio-tour-track #experience-floorplan .sense-pill>strong,body .studio-tour-track #experience-floorplan .sense-pill>small{position:static;margin:0;max-width:100%;overflow-wrap:break-word}
body .studio-tour-track #experience-floorplan .sense-pill>strong{font-size:clamp(17px,1.5vw,25px);line-height:1.2}
body .studio-tour-track #experience-floorplan .sense-pill>small{font-size:12px;line-height:1.4}
body .studio-tour-track #experience-floorplan .sense-plan-caption{margin-bottom:0}
body .studio-tour-track #experience-floorplan .studio-view-labels{padding:8px 0}
body .studio-tour-track #experience-floorplan .studio-view-paging{display:none}
@media(max-width:760px){
 body .studio-tour-track #experience-floorplan.sense-floorplan{grid-template-columns:1fr;padding:18px!important;border-radius:22px;gap:8px}
 body .studio-tour-track #experience-floorplan .studio-orbit{height:32svh;min-height:230px}
 body .studio-tour-track #experience-floorplan .sense-pill{padding:12px 14px!important;min-height:64px;border-radius:30px;flex:1 1 25%;gap:4px}
 body .studio-tour-track #experience-floorplan .sense-pill>strong{font-size:13px}
 body .studio-tour-track #experience-floorplan .sense-roadmap-copy>h3{font-size:25px;margin:6px 0}
 body .studio-tour-track #experience-floorplan .sense-detail{margin-top:8px;padding-top:8px}
}

#experience-floorplan .studio-screen-surfaces{animation:studio-screen-breathe 4.8s ease-in-out infinite}
#experience-floorplan .glow-paused .studio-screen-surfaces{animation-play-state:paused}
@keyframes studio-screen-breathe{0%,100%{opacity:.6}50%{opacity:1}}
@media(prefers-reduced-motion:reduce){#experience-floorplan .studio-screen-surfaces{animation:none;opacity:1}}


/* Diagram-first reading: one active pillar, with full context on demand. */
body .studio-tour-track #experience-floorplan.sense-floorplan{border:1px solid #d8dad7;box-shadow:none;grid-template-columns:minmax(220px,.6fr) minmax(0,2.4fr)}
body .studio-tour-track #experience-floorplan .sense-roadmap-copy>h3{font-size:clamp(28px,2.6vw,40px);margin:12px 0 24px}
body .studio-tour-track #experience-floorplan .sense-roadmap-copy>.eyebrow{font-size:10px;line-height:1.6;letter-spacing:.16em}
body .studio-tour-track #experience-floorplan .sense-detail{min-height:230px;border-top:0;padding-top:0;margin-top:0}
#experience-floorplan .sense-introduction{margin-top:24px;border-top:1px solid #e1e2df;padding-top:14px;font:13px/1.6 Arial,sans-serif;color:#666}
#experience-floorplan .sense-introduction summary{cursor:pointer;color:#292b28;padding:6px 0}
#experience-floorplan .sense-introduction p{margin:12px 0}
#experience-floorplan .sense-introduction .sense-full-title{color:#292b28;font-size:16px}
@media(max-width:760px){
 body .studio-tour-track #experience-floorplan.sense-floorplan{grid-template-columns:1fr}
 body .studio-tour-track #experience-floorplan .sense-detail{min-height:0}
 #experience-floorplan .sense-introduction{margin-top:10px;padding-top:6px}
}

/* Full-height diagram card with a shared, centered heading. */
body .studio-tour-track #experience-floorplan.sense-floorplan{
 height:calc(100svh - var(--studio-tour-top,128px) - 124px);
 grid-template-rows:auto minmax(0,1fr) auto;gap:12px 3%;
 padding:20px clamp(20px,3vw,48px)!important;align-content:stretch
}
#experience-floorplan .sense-section-heading{grid-column:1/-1;text-align:center}
#experience-floorplan .sense-section-heading h3{font:400 clamp(30px,3vw,46px)/1.05 Arial,sans-serif;letter-spacing:-.055em;margin:0 0 6px}
#experience-floorplan .sense-section-heading p{font:400 clamp(14px,1.4vw,20px)/1.4 Arial,sans-serif;color:#555;margin:0}
body .studio-tour-track #experience-floorplan .sense-roadmap-copy{grid-column:1;grid-row:2;align-self:center;min-width:0}
body .studio-tour-track #experience-floorplan .sense-detail{min-height:0}
body .studio-tour-track #experience-floorplan .sense-plan{grid-column:2;grid-row:2;min-height:0;align-self:stretch;display:flex;flex-direction:column}
body .studio-tour-track #experience-floorplan .sense-plan-caption{display:none}
body .studio-tour-track #experience-floorplan .studio-orbit{flex:1;min-height:0;height:0;width:100%}
body .studio-tour-track #experience-floorplan .studio-tour-controls{padding:0;flex-shrink:0}
body .studio-tour-track #experience-floorplan .sense-pills{grid-column:1/-1;grid-row:3}
body .studio-tour-track #experience-floorplan .sense-pill{min-height:86px;padding:12px 24px!important;gap:5px}
@media(max-width:760px),(max-height:700px){
 body .studio-tour-track #experience-floorplan.sense-floorplan{height:auto;grid-template-columns:1fr;grid-template-rows:auto auto auto auto}
 body .studio-tour-track #experience-floorplan .sense-plan{grid-column:1;grid-row:2}
 body .studio-tour-track #experience-floorplan .studio-orbit{flex:auto;height:42svh;min-height:240px}
 body .studio-tour-track #experience-floorplan .sense-roadmap-copy{grid-column:1;grid-row:3}
 body .studio-tour-track #experience-floorplan .sense-pills{grid-row:4}
 body .studio-tour-track #experience-floorplan .sense-pill{min-height:64px;padding:10px 14px!important}
}

/* Heading accompanies the diagram; guidance sits directly above its view controls. */
body .studio-tour-track #experience-floorplan.sense-floorplan{grid-template-rows:minmax(0,1fr) auto}
body .studio-tour-track #experience-floorplan .sense-roadmap-copy{grid-row:1;align-self:start;padding-top:100px}
body .studio-tour-track #experience-floorplan .sense-section-heading{text-align:left;margin-bottom:32px}
body .studio-tour-track #experience-floorplan .sense-section-heading h3{font-size:clamp(32px,3vw,46px)}
body .studio-tour-track #experience-floorplan .sense-section-heading p{font-size:clamp(15px,1.4vw,20px);line-height:1.4}
body .studio-tour-track #experience-floorplan .sense-plan{grid-row:1}
body .studio-tour-track #experience-floorplan .sense-pills{grid-row:2}
#experience-floorplan .studio-explore-instruction{text-align:center;font:13px/1.5 Arial,sans-serif;color:#666;margin:8px auto 4px;max-width:100%;flex-shrink:0}
@media(max-width:760px),(max-height:700px){
 body .studio-tour-track #experience-floorplan.sense-floorplan{grid-template-rows:auto auto auto}
 body .studio-tour-track #experience-floorplan .sense-roadmap-copy{grid-row:1;padding-top:12px}
 body .studio-tour-track #experience-floorplan .sense-plan{grid-row:2}
 body .studio-tour-track #experience-floorplan .sense-pills{grid-row:3}
 body .studio-tour-track #experience-floorplan .sense-section-heading{margin-bottom:18px}
}

/* Keep the chapter title out of global site-header layout rules. */
body .studio-tour-track #experience-floorplan .sense-section-heading{display:block;position:static;width:100%;height:auto;min-height:0;padding:0;margin:0 0 28px;transform:none}
body .studio-tour-track #experience-floorplan .sense-section-heading h3{display:block;position:static;width:auto;max-width:none;font-size:clamp(28px,2.5vw,40px);line-height:1.12;margin:0 0 10px;white-space:nowrap}
body .studio-tour-track #experience-floorplan .sense-section-heading p{display:block;position:static;width:auto;max-width:none;font-size:18px;line-height:1.45;margin:0}

body .studio-tour-track #experience-floorplan .sense-section-heading h3{font-weight:650;font-size:clamp(30px,2.6vw,42px);letter-spacing:-.055em}
body .studio-tour-track #experience-floorplan .sense-section-heading p{font-weight:600;font-size:clamp(20px,1.75vw,28px);line-height:1.2;color:#292b28}

/* Align copy with the midpoint of the second pillar, retaining a generous diagram. */
@media(min-width:761px) and (min-height:701px){
 body .studio-tour-track #experience-floorplan.sense-floorplan{grid-template-columns:minmax(0,29.5fr) minmax(0,67.5fr)}
}
body .studio-tour-track #experience-floorplan .sense-pill{padding:18px clamp(26px,3vw,48px)!important;min-height:108px;justify-content:center}
@media(max-width:760px){
 body .studio-tour-track #experience-floorplan .sense-pill{padding:16px 24px!important;min-height:82px}
 body .studio-tour-track #experience-floorplan .sense-section-heading h3{white-space:normal}
}

html.studio-tour-scrolling body{overflow-anchor:none}

/* A vertical touch gesture always scrolls the page, including free exploration. */
#experience-floorplan .studio-orbit>svg,#experience-floorplan .studio-orbit>svg:active{touch-action:pan-y pinch-zoom}