#room-viewer{width:min(1150px,96vw);max-width:1150px;padding:28px;max-height:94vh;background:#faf7f0;color:#28251f}#room-viewer .room-heading{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:20px}#room-viewer h2{margin:8px 0 0;font-size:35px}#room-viewer .close{float:none;line-height:1;padding:0 5px}#room-viewer .room-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:28px}.room-stage{display:flex;align-items:center;justify-content:center;min-height:410px;background:#e9e3d8;border:1px solid #d4c9b6;overflow:hidden;position:relative}#room-empty{padding:55px 30px;text-align:center}#room-empty h3{font:30px Georgia;margin:15px 0 12px}#room-empty p{font-size:12px;max-width:290px;margin:auto}.room-empty-icon{font:50px Georgia;color:#948264}#room-canvas{display:block;max-width:100%;max-height:64vh;width:auto;height:auto;touch-action:none;cursor:move}#room-canvas[hidden],#room-empty[hidden]{display:none!important}.room-stage.has-photo{min-height:0}.room-settings label{font-size:11px;margin:16px 0 8px}.room-settings .room-file{margin-top:0;font-weight:bold}.room-settings input[type=file]{width:100%;font-size:11px;padding:10px;background:#fffdf8}.room-settings input[type=range]{padding:0;width:100%;accent-color:#837054;height:27px}.room-settings select{font-size:12px;padding:10px}.room-settings output{float:right;color:#7c684b}.room-settings .btn{width:100%;font-size:10px;padding:13px;margin:15px 0 0}.room-settings .btn:disabled{opacity:.45;cursor:default}.room-settings .text-link{display:block;margin:19px auto;background:none;border:0;border-bottom:1px solid #a28c69;color:#57482f;padding:0 0 4px}.room-help,.room-hint{font-size:10px!important;line-height:1.7!important;color:#81745f!important;margin:10px 0}.room-status{font-size:12px;line-height:1.6;min-height:20px;margin:9px 0}.room-settings{align-self:start}.art-card>.room-quick{margin-top:13px;color:#74654e}.room-intro-link{display:inline-flex;align-items:center;gap:7px}.hero-slides{position:absolute;inset:0;overflow:hidden;touch-action:pan-y}.hero-slides .hero-slide{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:55% center;opacity:0;transition:opacity 1.1s ease;pointer-events:none}.hero-slides .hero-slide.active{opacity:1}.hero-controls{position:absolute;z-index:5;left:24px;top:25px;display:flex;gap:8px;align-items:center;color:#faf7ef;background:#28251fe8;border:1px solid #e8ddc366;padding:8px 10px}.hero-controls button{background:none;color:inherit;border:0;padding:5px;font-size:11px;min-width:26px;min-height:28px;line-height:1}.hero-controls button:hover{background:#ffffff20}.hero-slide-dots{display:flex;gap:1px}.hero-slide-dots button{min-width:23px}.hero-slide-dots button:after{content:'';width:5px;height:5px;border:1px solid #f0e4cf;display:block;border-radius:50%;margin:auto}.hero-slide-dots button[aria-pressed=true]:after{background:#f0e4cf}.hero-controls .hero-pause{font-size:9px;text-transform:uppercase;letter-spacing:1px;min-width:43px;border-left:1px solid #c8b699;padding-left:10px}.hero-slide-counter{font-size:8px;letter-spacing:1px;min-width:40px;text-align:center}.hero-controls button:focus-visible{outline-color:#fff0d5}@media(max-width:750px){#room-viewer{padding:19px;width:96vw;max-height:95vh}#room-viewer h2{font-size:28px}#room-viewer .room-layout{grid-template-columns:1fr;gap:15px}.room-stage{min-height:260px}#room-canvas{max-height:53vh}#room-empty{padding:35px 20px}.room-settings{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.room-settings .room-file,.room-settings>.room-help,.room-settings>#room-format,.room-settings>label[for=room-format],.room-settings>#room-back{grid-column:1/-1}.room-settings input[type=range]{grid-column:2;margin-top:15px}.room-settings label[for=room-size],.room-settings label[for=room-rotation]{grid-column:1;margin-top:20px}.room-settings .btn{padding:13px 9px}.hero-controls{left:20px;top:20px;padding:6px 8px;gap:3px}.art-card>.room-quick{font-size:9px}}@media(prefers-reduced-motion:reduce){.hero-slides .hero-slide{transition:none}}
/* Complete editorial banners move as one: copy, calls to action and imagery. */
.hero-carousel{position:relative}.hero-panel[hidden]{display:none!important}.hero-panel.active{animation:banner-reveal .65s ease-out}.hero-panel .hero-copy{min-height:725px}.hero-copy .hero-headline{font-family:Didot,'Bodoni MT','Times New Roman',serif;font-weight:normal;font-size:clamp(70px,7.9vw,126px);line-height:.94;letter-spacing:-.055em;margin:0 0 30px;max-width:850px;color:#23231f}.hero-copy .hero-headline em{font-weight:normal;color:#89755b}.hero-carousel>.hero-controls{left:auto;right:calc(4.5% + 24px);top:130px}.hero-folio span:last-child{text-align:right}@keyframes banner-reveal{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1650px){.hero-panel .hero-copy{min-height:845px}}@media(max-width:1100px){.hero-panel .hero-copy{min-height:645px}.hero-copy .hero-headline{font-size:8.6vw}}@media(max-width:750px){.hero-panel .hero-copy{min-height:470px}.hero-copy .hero-headline{font-size:clamp(58px,12vw,90px);line-height:.96;margin-bottom:24px}.hero-carousel>.hero-controls{top:auto;bottom:75px;left:auto;right:calc(4.5% + 20px)}.hero-folio span:last-child{max-width:40%;font-size:7px}}@media(prefers-reduced-motion:reduce){.hero-panel.active{animation:none}}
@media(max-width:750px){.hero-carousel>.hero-controls{bottom:165px}}
.hero-image-link{position:absolute;inset:0;display:block}.hero-image-link img{width:100%;height:100%;object-fit:cover;object-position:55% center}.hero-headline a{color:inherit;text-decoration:none}.hero-headline a:hover{color:#74624a}.hero-photo a.caption:hover{background:#e5d5bb;color:#332a1d}.hero-inset:hover{outline:1px solid #a88b63;outline-offset:4px}
/* Navigation belongs to the entire banner, outside the featured image. */
.hero-carousel{padding-inline:12px}.hero-carousel>.banner-side{position:absolute;z-index:6;top:44%;transform:translateY(-50%);width:40px;height:48px;display:flex;align-items:center;justify-content:center;border:1px solid #cfc4b2;background:#faf8f1;color:#65543c;border-radius:0;font:25px Georgia;cursor:pointer}.hero-carousel>.hero-prev{left:0}.hero-carousel>.hero-next{right:0}.hero-carousel>.banner-side:hover{background:#e9dfcd;color:#242018}.hero-carousel>.hero-controls{left:50%;right:auto;top:auto;bottom:12px;transform:translateX(-50%);background:transparent;border:0;color:#65543c;gap:7px;padding:5px 8px}.hero-controls .hero-pause{border-color:#baaa8e}.hero-slide-dots button:after{border-color:#867153}.hero-slide-dots button[aria-pressed=true]:after{background:#867153}.hero-controls button:hover{background:#d9cdb733}.hero-controls button:focus-visible{outline-color:#806542}.hero-folio{bottom:64px}@media(max-width:750px){.hero-carousel{padding-inline:28px}.hero-carousel>.banner-side{width:40px;height:48px;top:470px}.hero-carousel>.hero-controls{bottom:10px;left:50%;right:auto;top:auto}.hero-folio{bottom:62px}.hero-panel .hero-copy .hero-headline{font-size:clamp(50px,11vw,78px)}}