#aroma-story .as-room{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity 1s;background:#f2eee8}
#aroma-story .as-room>div{position:absolute;inset:0;background-position:center;background-size:cover;opacity:0;transition:opacity 1.2s}
#aroma-story .as-room .is-selected{opacity:1}
#aroma-story [data-surface=marble],#aroma-story .wall-marble{background-image:url('aromasence-wall-marble.webp')}
#aroma-story [data-surface=stone],#aroma-story .wall-stone{background-image:url('aromasence-wall-stone.webp')}
#aroma-story [data-surface=plaster],#aroma-story .wall-plaster{background-image:url('aromasence-wall-plaster.webp')}
#aroma-story [data-surface=terracotta],#aroma-story .wall-terracotta{background-image:linear-gradient(#b8754caa,#b8754caa),url('aromasence-wall-plaster.webp');background-blend-mode:multiply}
#aroma-story.as-room-active canvas{filter:drop-shadow(1px 7px 5px #322a2324)}
#aroma-story .as-room-controls{display:none;position:absolute;z-index:6;bottom:8svh;left:50%;transform:translateX(-50%);width:min(810px,90%);color:#343434}
#aroma-story[data-scene="7"] .as-room-controls{display:block}
#aroma-story .as-room-row{display:flex;align-items:center;gap:24px;justify-content:center;margin-top:17px}
#aroma-story .as-room-row>span{font-size:8px;letter-spacing:.14em;width:88px;flex:none;text-align:left;text-transform:uppercase}
#aroma-story .as-room-row .as-swatches{margin:0;gap:23px}
#aroma-story .as-room-row .as-swatches i{width:19px;height:19px}
#aroma-story .as-wall-options{display:flex;gap:23px;min-width:520px}
#aroma-story .as-wall-options button{display:flex;align-items:center;gap:8px;background:none;border:0;padding:0;font-size:10px;color:inherit}
#aroma-story .as-wall-options i{display:block;width:26px;height:20px;background-size:cover;border:1px solid #ffffff80}
#aroma-story .as-wall-options button[aria-pressed=true] i{outline:1px solid #68635d;outline-offset:3px}
#aroma-story .as-pairing{margin:20px auto 0;text-align:center;max-width:700px}
#aroma-story .as-pairing p{font-size:11px;line-height:1.6;min-height:18px}
#aroma-story #as-pairing-suggest{background:none;border:0;border-bottom:1px solid #7775;font:inherit;font-size:9px;color:inherit;margin-top:7px;padding-bottom:3px;cursor:pointer}
#aroma-story .as-room-disclaimer{text-align:center;font-size:8px;margin-top:12px;opacity:.65}
#aroma-story .as-auto-wall{display:flex;align-items:center;justify-content:center;gap:9px;margin:22px 0 0;font-size:10px;letter-spacing:.03em}
#aroma-story .as-auto-wall strong{font-weight:300}
#aroma-story .as-auto-wall .as-inline-icon{width:22px;height:22px}
#aroma-story .as-pairing{margin-top:10px}
#aroma-story[data-scene="7"] .as-model-caption,#aroma-story[data-scene="7"] .as-description{display:none}
#aroma-story[data-scene="7"] .as-model{top:18svh;height:49svh}
#aroma-story.as-ad .as-room,#aroma-story.as-ad .as-room-controls,#aroma-story.as-ad .as-performance{display:none}
@media(max-width:800px){
 #aroma-story[data-scene="7"] .as-model{top:24svh;height:34svh}
 #aroma-story[data-scene="7"] .as-heading{top:11svh}
 #aroma-story[data-scene="7"] .as-heading h2{font-size:22px}
 #aroma-story .as-room-controls{bottom:11svh;width:90%}
 #aroma-story .as-room-row{display:block;margin-top:15px}
 #aroma-story .as-room-row>span{display:block;width:auto;text-align:center;font-size:7px;margin-bottom:10px}
 #aroma-story .as-room-row .as-swatches{justify-content:center;gap:12px}
 #aroma-story .as-room-row .as-swatches button{font-size:8px;display:block;text-align:center}
 #aroma-story .as-room-row .as-swatches i{display:block;margin:0 auto 7px;width:20px;height:20px}
 #aroma-story .as-wall-options{min-width:0;justify-content:center;gap:15px}
 #aroma-story .as-wall-options button{font-size:8px;display:block;text-align:center}
 #aroma-story .as-wall-options i{margin:0 auto 7px}
 #aroma-story .as-pairing{margin-top:13px}
 #aroma-story .as-pairing p{font-size:9px;min-height:29px}
 #aroma-story .as-room-disclaimer{font-size:7px;margin-top:8px}
}