.sol-exp{overflow:hidden}.sol-exp .wrap{position:relative}.sol-exp-inner{display:grid;grid-template-columns:minmax(0, .8fr) minmax(0, 1.2fr);gap:clamp(2rem,7vw,7rem);align-items:center;padding-block:clamp(5rem,10vw,10rem)}.sol-exp h2{font-size:clamp(2.5rem,5.5vw,5.5rem);line-height:1.02;letter-spacing:-.045em;margin:0 0 1.4rem}.sol-exp h3{font-size:clamp(1.8rem,3vw,3rem);margin:2rem 0 .75rem}.sol-exp p{max-width:40rem;line-height:1.6}.sol-exp-copy label{display:block;font-weight:600;margin:2rem 0 .5rem}.sol-exp input[type=range]{width:100%;min-height:44px;accent-color:#353f40;cursor:pointer}.sol-exp-range-labels{display:flex;justify-content:space-between;font-size:.85rem}.sol-exp-small{font-size:.86rem;opacity:.7}.sol-exp img{display:block;width:100%;height:100%;object-fit:contain}.sol-exp-system{background:#dce9e8;color:#080a0b}.sol-exp-system-art{position:relative}.sol-exp-system-art img{border-radius:2px}.sol-exp-layers{display:flex;justify-content:center;gap:clamp(.4rem,2vw,2rem);padding:1rem 0;transform:translateY(calc(var(--assembly, 0) * 16px));transition:transform .15s}.sol-exp-layers span{background:#fff9;padding:.6rem .8rem;border-radius:999px;font-size:.8rem;transform:translateX(calc(var(--assembly, 0) * var(--shift, 0px)))}.sol-exp-layers span:first-child{--shift:-22px}.sol-exp-layers span:last-child{--shift:22px}.sol-exp-light{background:#f8f9f6;color:#080a0b}.sol-exp-scenes{position:relative;aspect-ratio:4/5;background:#151a1b}.sol-exp-scenes img{position:absolute;inset:0;object-fit:contain}.sol-exp-night{opacity:var(--night, 0)}.sol-exp-finishes{background:#e6d9e3;color:#080a0b}.sol-exp-finish-art{height:clamp(420px,62vw,700px);transition:filter .3s}.sol-exp-finish-art.is-charcoal{filter:brightness(1.35) saturate(.7)}.sol-exp-buttons{display:flex;flex-wrap:wrap;gap:.55rem;margin:1.5rem 0}.sol-exp-buttons button{min-height:44px;border:1px solid currentColor;background:transparent;color:inherit;border-radius:999px;padding:.65rem 1.1rem;cursor:pointer;font:inherit}.sol-exp-buttons button[aria-pressed=true]{background:#080a0b;color:white;border-color:#080a0b}.sol-exp-buttons button:focus-visible,.sol-exp input:focus-visible{outline:3px solid #597e80;outline-offset:3px}.sol-exp-stories{background:#f0e1c9;color:#080a0b;padding-block:clamp(5rem,10vw,10rem)}.sol-exp-story-head{margin-bottom:3rem}.sol-exp-story-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(2rem,7vw,7rem);align-items:center}.sol-exp-story-image{aspect-ratio:4/5;max-height:760px}.sol-exp-room{position:relative;background:#080a0b;color:white;isolation:isolate}.sol-exp-room .sol-exp-buttons button[aria-pressed=true]{background:#fff;color:#080a0b;border-color:#fff}.sol-exp-room-image{aspect-ratio:4/5;position:relative}.sol-exp-room-image img{object-fit:contain}.sol-exp-haze{position:absolute;inset:0;overflow:hidden;pointer-events:none;opacity:.45}.sol-exp-haze i{position:absolute;width:80%;height:50%;left:-20%;top:30%;background:radial-gradient(ellipse,#b9cbd03d,transparent 65%);filter:blur(30px);animation:sol-haze 18s ease-in-out infinite alternate;animation-play-state:paused}.sol-exp-haze i+ i{left:40%;top:5%;animation-duration:24s;animation-direction:alternate-reverse}.sol-exp-room.is-active .sol-exp-haze i{animation-play-state:running}@keyframes sol-haze{to{transform:translate3d(25%,10%,0) scale(1.15)}}@media(max-width:700px){.sol-exp-inner,.sol-exp-story-layout{grid-template-columns:1fr}.sol-exp-inner{gap:2rem}.sol-exp-story-image{max-height:none}.sol-exp-finish-art{height:440px}.sol-exp h2{font-size:clamp(2.5rem,11vw,4rem)}.sol-exp-layers{gap:.25rem}.sol-exp-layers span{padding:.5rem;font-size:.7rem}}@media(prefers-reduced-motion:reduce){.sol-exp-haze i{animation:none!important}.sol-exp-layers,.sol-exp-finish-art{transition:none}}
.sol-exp-system-art{perspective:1000px;padding-bottom:65px}
.sol-exp-layers{position:relative;display:grid;grid-template-columns:1fr;height:200px;width:min(78%,340px);margin:-30px auto 0;transform:rotateX(47deg) rotateZ(-18deg);transform-style:preserve-3d;padding:0}
.sol-exp-layers span{position:absolute;inset:0;border:1px solid #9caaa6;border-radius:22px;display:flex;align-items:flex-end;padding:20px;font-size:14px;box-shadow:0 10px 20px #19343216;transition:transform .15s,opacity .15s;transform:translateZ(calc(var(--assembly,0) * var(--layer-depth,0px))) translateY(calc(var(--assembly,0) * var(--layer-y,0px)))}
.sol-exp-layers span:first-child{--layer-depth:0px;--layer-y:30px;background:#2c3332;color:#fff}
.sol-exp-layers span:nth-child(2){--layer-depth:45px;--layer-y:0px;background:repeating-linear-gradient(45deg,#b8c3b9 0px,#b8c3b9 2px,#cbd2c6 2px,#cbd2c6 5px);color:#26342d}
.sol-exp-layers span:last-child{--layer-depth:95px;--layer-y:-30px;background:#f8f9f6;color:#26342d}
.sol-exp-room[data-room-mode=red] .sol-exp-haze i{background:radial-gradient(ellipse,#ee503f55,transparent 65%)}
.sol-exp-room[data-room-mode=flood] .sol-exp-haze{opacity:.6}
@media(max-width:700px){.sol-exp-system-art{padding-top:25px;padding-bottom:65px}.sol-exp-layers{height:170px}.sol-exp-layers span{font-size:13px;padding:15px}}

.sol-exp-room .room__smoke{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;opacity:0;transition:opacity .6s}.sol-exp-room.is-smoky .room__smoke{opacity:1}.sol-exp-room.is-smoky .sol-exp-haze{opacity:0}.sol-exp-room .sol-exp-copy{position:relative;z-index:2}@media(prefers-reduced-motion:reduce){.sol-exp-room .room__smoke{display:none}.sol-exp-room .sol-exp-haze{opacity:.3!important}}