/* Choreography: title, studio product, then setting. Transform and opacity only. */
.showroom59-stage.is-changing #showroom-name{animation:name65 .55s ease both}
.showroom59-stage.is-changing .showroom59-studio img{animation:product65 .65s .1s cubic-bezier(.2,.65,.3,1) both}
.showroom59-stage.is-changing #showroom-description{animation:copy63-in .45s .2s both}
@keyframes name65{from{opacity:0;transform:translateX(22px)}to{opacity:1;transform:none}}
@keyframes product65{from{opacity:.25;transform:translateY(22px) scale(.97)}to{opacity:1;transform:none}}
/* Comparison: frame light follows the existing slider without affecting theme. */
#comparison{--light65:.5;box-shadow:0 0 30px rgb(247 231 206 / calc(var(--light65)*.15));border:1px solid rgb(247 231 206 / .25)}
#comparison .compare-handle{box-shadow:0 0 12px #f7e7ce70}
.light65-day,.light65-night{position:absolute;top:18px;z-index:5;width:38px;height:38px;padding:9px;background:#381e1dbd;border-radius:50%;color:#f7e7ce;pointer-events:none;transition:opacity .12s linear}
.light65-day{left:18px;opacity:calc(.35 + var(--light65)*.65)}.light65-night{right:18px;opacity:calc(1 - var(--light65)*.65)}
.light65-day svg,.light65-night svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.5}
html[data-theme] .detail65{display:block;min-height:0;padding:55px 5vw;background:var(--ui-bg);height:auto}
.detail65>h2{font:500 clamp(29px,3.5vw,48px)/1.2 Lora,serif;color:var(--ui-heading);margin:0 0 28px}
.detail65-windows{display:flex;gap:12px;height:min(65svh,620px);min-height:380px}
.detail65-window{position:relative;flex:1;min-width:0;overflow:hidden;transition:flex .7s cubic-bezier(.2,.65,.3,1);background:#381e1d}
.detail65-window[data-active]{flex:2.4}.detail65-window img{width:100%;height:100%;object-fit:cover;display:block}
.detail65-window:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#381e1de8);pointer-events:none}
html[data-theme] .detail65-window button{position:absolute;inset:0;z-index:2;background:none;border:0;text-align:left;padding:0 22px 65px;display:flex;align-items:end;color:#f7e7ce;font:500 clamp(23px,2.5vw,36px)/1.2 Lora,serif;cursor:pointer}
.detail65-window button:focus-visible{outline:3px solid #f5deb3;outline-offset:-5px}
html[data-theme] .detail65-window p{position:absolute;bottom:20px;left:22px;right:18px;z-index:3;color:#f7e7ce;font:400 13px/1.6 Manrope,sans-serif;pointer-events:none;margin:0}.detail65-window p[hidden]{display:none}
.guide65{display:grid;grid-template-columns:230px minmax(0,1fr);gap:5vw;padding-block:45px 75px;align-items:start}.guide65>nav{display:flex;flex-direction:column;gap:0;position:sticky;top:120px}.guide65>nav a{padding:20px 0;border-bottom:1px solid var(--ui-border);font:500 19px/1.4 Lora,serif;color:var(--ui-fg);opacity:.65}.guide65>nav a[aria-current]{opacity:1;color:var(--ui-heading);padding-left:12px}.guide65-chapter[hidden]{display:none!important}.guide65-chapter{scroll-margin-top:110px}.guide65-chapter figure{margin:0 0 28px;position:relative;overflow:hidden}.guide65-chapter img{display:block;width:100%;height:clamp(220px,32vw,380px);object-fit:cover}.guide65-chapter figcaption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#381e1ddb);padding:30px 18px 14px;color:#f7e7ce;font-size:11px}.guide65-chapter h2{font:500 clamp(26px,3vw,40px)/1.2 Lora,serif;color:var(--ui-heading);margin-bottom:25px}.guide65-chapter details{border-bottom:1px solid var(--ui-border);padding:18px 0}.guide65-chapter summary{font:500 19px/1.5 Lora,serif;cursor:pointer;color:var(--ui-heading)}.guide65-chapter p{font-size:14px;line-height:1.85;max-width:64ch;margin-top:18px}.guide65-note{padding:20px;border:1px solid var(--ui-border)}
.guide65.is-ready .guide65-chapter:not([hidden]){animation:copy63-in .4s ease both}
.curtain65-ready{clip-path:inset(0 49%);transition:clip-path .85s cubic-bezier(.2,.65,.3,1)}.curtain65-open{clip-path:inset(0)}
@media(max-width:720px){
 html[data-theme] .detail65{padding:32px 20px}.detail65-windows{height:440px;min-height:0;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 58px;gap:6px;position:relative}
 .detail65-window,.detail65-window[data-active]{position:static;background:transparent;overflow:visible;min-width:0;grid-row:2;transition:none}.detail65-window img{position:absolute;inset:0 0 64px;height:calc(100% - 64px);opacity:0;transition:opacity .4s}.detail65-window[data-active] img{opacity:1}.detail65-window:after{display:none}
 html[data-theme] .detail65-window button{position:static;padding:12px 6px;display:block;height:58px;width:100%;background:var(--ui-bg);color:var(--ui-fg);border:1px solid var(--ui-border);font-size:17px;text-align:center}.detail65-window[data-active] button{background:var(--ui-heading);color:var(--ui-bg)}
 html[data-theme] .detail65-window p{bottom:64px;left:0;right:0;padding:35px 16px 16px;background:linear-gradient(transparent,#381e1de8)}
 .guide65{grid-template-columns:1fr;gap:25px;padding-block:20px 40px}.guide65>nav{position:static;display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.guide65>nav a{font-size:16px;padding:15px 0}.guide65-chapter{margin-bottom:40px}.guide65-chapter img{height:230px}.guide65-chapter summary{font-size:18px}.guide65-chapter h2{font-size:28px}.guide65-chapter p{font-size:13px}
 .light65-day,.light65-night{top:12px;width:32px;height:32px;padding:7px}.light65-day{left:12px}.light65-night{right:12px}
}
@media(prefers-reduced-motion:reduce){.showroom59-stage.is-changing #showroom-name,.showroom59-stage.is-changing .showroom59-studio img,.showroom59-stage.is-changing #showroom-description,.guide65.is-ready .guide65-chapter:not([hidden]){animation:none}.detail65-window,.detail65-window img,.curtain65-ready,.light65-day,.light65-night{transition:none}.curtain65-ready{clip-path:none}}
#comparison .compare-label svg{display:none}
#comparison .compare-divider{background:#f7e7ce;box-shadow:0 0 14px #f7e7ce85;width:2px}
#comparison .compare-divider>span{border-color:#f7e7ce;background:#381e1dd9;box-shadow:0 0 18px #f7e7ce40}
@media(max-width:720px){html[data-theme] .detail65-window[data-active] button{background:var(--ui-heading);color:var(--ui-bg)}}