/* R60: restore navigation and give photography room to breathe. */
@media(min-width:1100px){
 html[data-theme] .site-header #menu-open{display:flex}
 .desktop59-nav{display:none}
 html[data-theme] .site-header .header-marker{display:flex}
 html[data-theme] .site-header .header-cta{display:none}
}
/* The supplied studio photograph fills its own proportional frame. No fake cutout backing. */
.showroom59-stage{height:auto;grid-template-columns:1.45fr 1fr;align-items:stretch}
.showroom59-product{grid-template-rows:auto auto}
.showroom59-studio{position:relative;aspect-ratio:3/2;background:transparent;height:auto}
.showroom59-studio img{position:static;display:block;width:100%;height:auto;max-height:none;object-fit:contain}
.showroom59-copy{min-height:150px}
/* Scene controls live at the edges of the campaign image. */
html[data-theme] .atmosphere-controls{position:static}
.atmosphere58-tools,.atmosphere58-arrows{position:static}
html[data-theme] .atmosphere58-arrows button{position:absolute;top:calc(50% - 35px);z-index:5;width:46px;height:46px;background:#381e1dbb!important;border:1px solid #f7e7ce55;color:var(--sand)!important;backdrop-filter:none;transform:translateY(-50%)}
html[data-theme] #atmosphere-prev{left:calc(3vw + 16px)}
html[data-theme] #atmosphere-next{right:calc(3vw + 16px)}
html[data-theme] .atmosphere-copy{padding-left:90px}
html[data-theme] .atmosphere-dots{justify-content:center;width:100%}
/* A quiet horizontal photographic diptych, no layering or rotations. */
html[data-theme] .detail59{height:auto;min-height:0;padding:46px 5vw;display:grid;grid-template-columns:1.2fr 1fr;grid-template-rows:auto auto;gap:24px;background:var(--ui-bg);overflow:visible}
.detail59-title{grid-column:1/-1;display:grid;grid-template-columns:1.1fr 1fr;gap:12px 5vw;max-width:none;align-items:end;padding:0}
.detail59-title .eyebrow{grid-column:1/-1;margin:0}
html[data-theme] .detail59-title h2{margin:0;max-width:18ch;font-size:clamp(30px,3.5vw,50px);color:var(--ui-heading)!important}
html[data-theme] .detail59-title p{color:var(--ui-fg)!important;margin:0;max-width:36ch}
html[data-theme] .detail59-title .eyebrow{color:var(--ui-heading)!important}
.detail59-title h2 br{display:none}
html[data-theme] .detail59 :is(.detail59-main,.detail59-small){position:relative!important;inset:auto;grid-column:auto;grid-row:2;width:100%;height:clamp(280px,46svh,510px);transform:none!important;box-shadow:none;align-self:stretch;overflow:hidden}
.detail59-word{display:none}
.detail59-main figcaption{text-align:left}
.detail59 figure img{transition:transform .9s ease}
@media(hover:hover){.detail59 figure:hover img{transform:scale(1.025)}}
/* A wide immersive image; height follows the photo, not a narrow viewport subtraction. */
html[data-theme] .compare-section{padding:38px 0;margin:0}
html[data-theme] .compare-section .compare-heading{width:90%;max-width:1600px;margin:0 auto 24px}
html[data-theme] #comparison{width:100%;height:auto;aspect-ratio:16/9;min-height:420px;max-height:820px;border:0;border-radius:0;box-shadow:none}
html[data-theme] .compare-section :is(#compare-hint,.compare-meta,.scene58-picker){width:90%;max-width:1600px;margin-inline:auto}
html[data-theme] .compare-section .scene58-picker{margin-top:18px}
/* Larger brand group stays within its footer grid column. */
html[data-theme] .footer-r39-brand{max-width:260px;gap:20px;align-self:start;min-height:210px;justify-content:center}
html[data-theme] .footer-r39 .footer-symbol{width:100px;height:100px;max-width:100%;display:block}
html[data-theme] .footer-r39 .footer-brand{height:auto;min-height:100px}
html[data-theme] .footer-r39 .footer-script{font-size:15px;line-height:1.5;margin:0;text-align:center;white-space:normal}
@media(max-width:720px){
 html[data-theme] .atmosphere-copy{padding:25px 23px}
 html[data-theme] .atmosphere58-arrows button{top:auto;bottom:88px;transform:none;width:38px;height:38px}
 html[data-theme] #atmosphere-prev{left:28px}html[data-theme] #atmosphere-next{right:28px}
 .atmosphere58-tools{height:0}.atmosphere58-arrows{height:0}
 .showroom59-stage{grid-template-columns:1fr}.showroom59-product{grid-template-columns:36% 64%;grid-template-rows:auto;align-items:center}
 .showroom59-studio{min-height:0;height:auto;aspect-ratio:auto;background:transparent;margin-left:10px}
 .showroom59-studio img{position:static;height:auto;max-height:none;width:100%}
 .showroom59-copy{min-height:0}
 html[data-theme] .detail59{padding:32px 20px;gap:18px;grid-template-columns:1fr 1fr}
 .detail59-title{display:block}.detail59-title h2{font-size:30px!important;margin:14px 0!important}.detail59-title p{font-size:12px}
 html[data-theme] .detail59 :is(.detail59-main,.detail59-small){height:260px;min-height:0}
 .detail59 figcaption{font-size:9px;padding:25px 10px 10px}
 html[data-theme] #comparison{aspect-ratio:4/5;min-height:340px;max-height:620px}
 html[data-theme] .compare-section{padding:28px 0}
 html[data-theme] .footer-r39-brand{min-height:0;max-width:280px;gap:18px}
 html[data-theme] .footer-r39 .footer-symbol{width:85px;height:85px}
 html[data-theme] .footer-r39 .footer-brand{min-height:85px}
}
@media(prefers-reduced-motion:reduce){.detail59 figure img{transition:none;transform:none!important}}
html[data-theme] .collection-compare-visual{aspect-ratio:3/2;background:transparent}
html[data-theme] .collection-compare-visual .collection-studio{display:block;width:100%;height:100%;object-fit:cover}