/* A full-bleed photo wall resolves into five spacious horizontal room studies. */
.e-journey{--red:var(--accent,#b7432c);position:relative;background:var(--paper);height:1300svh}
.e-stage{position:sticky;top:0;width:100%;height:100svh;overflow:clip;isolation:isolate;background:var(--paper)}
.e-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.e-shade{position:absolute;inset:0;background:radial-gradient(ellipse at center,var(--paper) 0%,color-mix(in srgb,var(--paper) 94%,transparent) 16%,color-mix(in srgb,var(--paper) 64%,transparent) 32%,transparent 65%);pointer-events:none;z-index:1}
.e-edge{position:absolute;inset:-1px;z-index:5;pointer-events:none;background:linear-gradient(180deg,var(--paper),transparent 18%,transparent 82%,var(--paper)),linear-gradient(90deg,var(--paper),transparent 10%,transparent 90%,var(--paper))}
.e-intro{position:absolute;inset:0;z-index:6;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:0 24px 25px;will-change:transform,opacity}
.e-intro .e-title{font-family:'Fraunces',Georgia,serif;font-size:clamp(48px,5.4vw,96px);font-weight:500;font-variation-settings:'opsz' 144,'SOFT' 12,'WONK' 0;font-synthesis:none;letter-spacing:-.045em;line-height:1.02;color:#3b3029;margin:0}
.e-intro .e-title em{display:block;font-family:'Fraunces',Georgia,serif;font-size:.9em;font-style:italic;font-weight:550;font-variation-settings:'opsz' 144,'SOFT' 20,'WONK' 1;font-synthesis:none;letter-spacing:-.035em;word-spacing:.04em;line-height:1.1;color:var(--red);margin-top:8px;padding:.04em .12em .14em;white-space:nowrap}
.e-intro-copy{max-width:440px;font-size:14px;line-height:1.65;margin:24px 0 26px;text-wrap:balance}
.e-explore{display:flex;align-items:center;gap:45px;border:0;border-bottom:1px solid var(--red);padding:10px 0;background:none;color:var(--red);font:500 12px 'DM Sans',Arial,sans-serif;cursor:pointer}
.e-explore span{font-size:22px}
.e-focus{--case-reveal:0;position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;opacity:0;pointer-events:none}
.e-focus:not([inert]){pointer-events:auto}
.e-gallery-nav,.e-story,.e-caption,.e-directions,.e-gallery-footer{opacity:var(--case-reveal)}
.e-gallery-nav{display:flex;align-items:center;gap:26px;margin:clamp(24px,4svh,52px) 3.5vw 0;font:400 12px/1.4 'DM Sans',Arial,sans-serif}
.e-gallery-nav>span{color:var(--muted);margin-right:auto}
.e-gallery-nav nav{display:flex;gap:18px}.e-gallery-nav button,.e-gallery-footer button{background:none;border:0;padding:7px 0;color:var(--muted);font:inherit;cursor:pointer}
.e-gallery-nav nav button{border-bottom:1px solid transparent}.e-gallery-nav nav button[aria-pressed=true]{color:var(--red);border-color:var(--red)}
.e-arrows{display:flex;gap:20px;margin-left:12px}.e-arrows button{font-size:26px;color:var(--red)}.e-arrows button:disabled{opacity:.25;cursor:default}
.e-rail{display:flex;width:100%;flex:1;min-height:0;will-change:transform;touch-action:auto}
.e-panel{flex:0 0 100%;min-width:0;display:flex;padding:clamp(24px,4svh,52px) 3.5vw 0}
.e-case-body{width:100%;display:grid;grid-template-columns:23% minmax(0,1fr);gap:5%;align-items:start}
.e-story{padding-top:1.3svh}.e-story h2{font-family:'Fraunces',Georgia,serif;font-size:clamp(34px,3vw,72px);font-weight:500;font-variation-settings:'opsz' 144,'SOFT' 12,'WONK' 0;letter-spacing:-.045em;line-height:1.03;margin:0 0 30px;text-wrap:balance}
.e-story h2 em{display:block;font-family:'Fraunces',Georgia,serif;font-style:italic;font-weight:550;font-variation-settings:'opsz' 144,'SOFT' 20,'WONK' 1;letter-spacing:-.035em;color:var(--red);margin-top:8px;padding-bottom:.12em}
.e-story figure{margin:0}.e-story figure button{width:100%;border:0;padding:0;background:none;cursor:zoom-in;text-align:left}.e-story figure img{display:block;width:100%;height:auto;max-height:31svh;object-fit:contain;object-position:left center;border-radius:12px}
.e-story figcaption{font:400 10px/1.4 'DM Sans',Arial,sans-serif;color:var(--muted);margin-top:10px}
.e-story>p{font:400 clamp(12px,.95vw,16px)/1.65 'DM Sans',Arial,sans-serif;max-width:350px;margin:20px 0 0;color:var(--muted)}
.e-case-actions{display:grid;gap:9px;margin-top:22px;max-width:350px}
.e-case-actions a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;padding:12px 14px;border:1px solid var(--red);border-radius:6px;font:500 clamp(11px,.85vw,15px)/1.4 'DM Sans',Arial,sans-serif;text-decoration:none}
.e-case-actions .e-ask{background:var(--red);color:var(--paper)}.e-case-actions .e-order{color:var(--red)}
.e-case-actions a:hover{filter:brightness(.94)}.e-case-actions a:focus-visible{outline:2px solid var(--red);outline-offset:3px}
.e-case-actions p{margin:3px 0 0;font:400 clamp(10px,.72vw,13px)/1.55 'DM Sans',Arial,sans-serif;color:var(--muted)}.e-case-actions strong{font-weight:500;color:var(--ink)}
.e-design{--case-radius:18px;min-width:0;display:flex;flex-direction:column;align-items:flex-start}
.e-shot{display:block;border:0;padding:0;position:relative;width:min(100%,calc((92svh - 265px)/.745));aspect-ratio:1/.745;overflow:hidden;contain:layout paint;border-radius:var(--case-radius);background:#e5ddcf;cursor:zoom-in;touch-action:pan-y}
.e-panel:first-child .e-shot{transform-origin:0 0}.e-focus.is-landing .e-panel:first-child .e-shot{will-change:transform;z-index:4}
.e-shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 60%}
.e-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;width:min(100%,calc((92svh - 265px)/.745));margin:14px 0 15px;font:400 clamp(13px,1vw,18px)/1.4 'DM Sans',Arial,sans-serif}
.e-caption small{font-size:10px;color:var(--muted)}
.e-directions{display:flex;gap:9px;max-width:100%;overflow:auto;padding:3px 1px 6px;scrollbar-width:thin;scrollbar-color:#c5b9a3 transparent}
.e-directions button{position:relative;flex:0 0 clamp(53px,5.3vw,115px);height:clamp(43px,4.3vw,86px);padding:3px;border:1px solid transparent;border-radius:9px;background:none;cursor:pointer}
.e-directions button[aria-pressed=true]{border-color:var(--red)}.e-directions img{width:100%;height:100%;display:block;object-fit:cover;border-radius:5px}.e-directions span{position:absolute;bottom:5px;left:7px;color:white;font:500 8px/1 'DM Sans',Arial,sans-serif;text-shadow:0 1px 4px #000}
.e-gallery-footer{margin:16px 3.5vw 33px;padding-right:170px;display:flex;align-items:center;justify-content:space-between;flex:none;font:400 11px/1.3 'DM Sans',Arial,sans-serif;color:var(--muted)}
.e-scroll-hint i{font-style:normal;font-size:19px;color:var(--red);margin-left:10px}.e-gallery-footer .e-continue{color:var(--red)}
.e-reduced{height:auto!important}.e-reduced .e-stage{position:relative;height:auto;min-height:100svh}
.e-reduced .e-canvas,.e-reduced .e-shade,.e-reduced .e-intro,.e-reduced .e-edge{display:none}
.e-reduced .e-focus{position:relative;min-height:100svh;opacity:1}.e-reduced .e-rail{overflow:auto;scroll-snap-type:x mandatory;will-change:auto;touch-action:auto}.e-reduced .e-panel{scroll-snap-align:start}
.e-reduced .e-shot,.e-reduced .e-caption{width:100%}
body[data-variant=E] .prototype-heading{display:none}body[data-variant=E] main{padding-top:0}
body[data-variant=E] .prototype-controls{justify-content:center;border:0;background:#f1ede2d9;backdrop-filter:blur(14px)}
body[data-variant=E] .variant-tabs{display:none}body[data-variant=E] .variant-tabs.is-expanded{display:flex}
body[data-variant=E] #compare-versions{display:flex;font-size:11px}body[data-variant=E] #previous,body[data-variant=E] #next{display:none}
body[data-variant=E] .variant-tabs button[aria-pressed=true]{background:none;color:var(--red)}
@media(max-width:760px){
 .e-focus{bottom:auto}.e-rail{flex:none}.e-reduced .e-focus,.e-reduced .e-stage{min-height:0}
 .e-intro{padding:0 16px 36px}.e-intro .e-title{font-size:clamp(33px,8.7vw,62px)}.e-intro .e-title em{font-size:.9em;margin-top:7px}
 .e-intro-copy{font-size:12px;max-width:290px;line-height:1.7;margin:23px 0 22px}.e-explore{font-size:11px}
 .e-shade{background:radial-gradient(ellipse at center,var(--paper),color-mix(in srgb,var(--paper) 90%,transparent) 17%,color-mix(in srgb,var(--paper) 54%,transparent) 35%,transparent 65%)}
 .e-gallery-nav{margin:12px 20px 0;gap:0;font-size:12px;justify-content:space-between}.e-gallery-nav>span{display:none}.e-gallery-nav nav{gap:0}.e-gallery-nav nav button{width:44px;min-height:44px;padding:0}.e-arrows{gap:0;margin-left:auto}.e-arrows button{font-size:24px;width:44px;min-height:44px}
 .e-rail{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;will-change:auto;overscroll-behavior-x:contain}.e-panel{padding:16px 20px 0;scroll-snap-align:start}.e-case-body{display:grid;grid-template-columns:minmax(0,1fr) 92px;grid-template-rows:auto auto auto;gap:16px;align-content:start}.e-story{display:contents}
 .e-story h2{grid-column:1;grid-row:1}.e-story figure{grid-column:2;grid-row:1}.e-story h2,.e-story figure,.e-case-actions{opacity:var(--case-reveal)}
 .e-story h2{font-size:30px;margin:0}.e-story h2 em{margin-top:4px}.e-story figure img{height:69px;object-fit:cover;border-radius:7px}.e-story figcaption{font-size:10px;margin-top:7px}.e-story>p{display:none}
 .e-design{--case-radius:14px;width:100%;grid-column:1/-1;grid-row:2;align-items:center}.e-shot,.e-caption{width:min(100%,calc(max(100svh - 435px,150px)/.745))}.e-shot{touch-action:auto}.e-caption{font-size:13px;margin:10px 0}.e-caption small{font-size:8px}.e-directions{gap:5px}.e-directions button{flex-basis:55px;height:46px}
 .e-case-actions{grid-column:1/-1;grid-row:3;grid-template-columns:1fr 1fr;gap:8px;max-width:none;margin:0}.e-case-actions a{min-height:48px;padding:10px;font-size:12px;gap:5px}.e-case-actions p{grid-column:1/-1;display:block;font-size:11px;margin:0;line-height:1.6}.e-case-actions p br{display:none}
 .e-gallery-footer{margin:14px 20px 18px;padding-right:40px;font-size:11px;min-height:24px}.e-scroll-hint i{font-size:16px}
}
@media(max-width:760px) and (min-height:780px){.e-case-body{grid-template-rows:auto auto auto auto;gap:14px}.e-story>p{display:block;grid-column:1/-1;grid-row:2;font-size:13px;line-height:1.55;max-width:none;margin:0;opacity:var(--case-reveal)}.e-design{grid-row:3}.e-case-actions{grid-row:4}}
@media(max-width:760px) and (max-height:740px){.e-story h2{font-size:27px}.e-case-body{gap:12px}.e-panel{padding-top:12px}.e-caption{margin:8px 0}.e-directions button{flex-basis:50px;height:43px}}
@media(max-width:360px){.e-gallery-nav nav button{width:34px}.e-gallery-nav{margin-inline:16px}.e-arrows button{width:44px}}
@media(min-width:761px) and (max-height:760px){
 .e-gallery-nav{margin-top:18px}.e-panel{padding-top:18px}.e-shot,.e-caption{width:min(100%,calc((100svh - 235px)/.745))}
 .e-story h2{font-size:clamp(28px,2.7vw,48px);margin-bottom:20px}.e-story figure img{max-height:26svh}.e-story p{margin-top:10px;font-size:11px}
 .e-case-actions{margin-top:14px;gap:7px}.e-case-actions a{min-height:40px;padding:9px 12px}.e-case-actions p{font-size:10px;margin-top:2px}
 .e-directions button{height:44px;flex-basis:58px}.e-caption{margin:9px 0;font-size:13px}.e-gallery-footer{margin-bottom:24px}
}