.demo-intro{padding:65px 5vw 38px;display:flex;align-items:end;justify-content:space-between;gap:40px;background:#faf9f6}.demo-intro h1{font-size:clamp(2.7rem,4.6vw,5rem);line-height:1.04;letter-spacing:-.045em;margin:18px 0 0}.demo-intro h1 em,.demo-closing h2 em{color:#94743b;font-weight:400}.demo-intro>p{max-width:360px;font-size:17px;line-height:1.7;margin:0 0 6px}.home-explorer{display:grid;grid-template-columns:minmax(0,1fr) 350px;padding:0 3vw;background:#faf9f6;align-items:stretch}.explorer-main{min-width:0;background:#efede7}.home-stage{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:3/2;background:#eae8e1}.home-stage>img{width:100%;height:100%;object-fit:cover;display:block;transition:filter 1s}.scene-tint{position:absolute;inset:0;pointer-events:none;transition:background 1s;background:transparent}.home-stage[data-scene="morning"]>img{filter:sepia(.12) brightness(1.06)}.home-stage[data-scene="entertain"] .scene-tint{background:#ad701c18}.home-stage[data-scene="night"]>img{filter:brightness(.55) saturate(.7)}.home-stage[data-scene="night"] .scene-tint{background:#1c233d26}.home-spot{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:46px;height:46px;display:grid;place-items:center;border:1px solid #e7d7b2;border-radius:50%;background:#22211eed;color:#e4c887;cursor:pointer;box-shadow:0 3px 20px #0003;z-index:2;transition:background .2s,box-shadow .2s}.home-spot svg{width:23px;height:23px}.home-spot.selected,.home-spot:hover{background:#b59452;color:#14130f;border-color:#fff;box-shadow:0 0 0 6px #e9d8b247}.home-spot.scene-active{box-shadow:0 0 0 7px #d6b97850,0 0 35px #e5b854}.home-spot span{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translateX(-50%);white-space:nowrap;background:#24221e;color:white;font-size:14px;padding:7px 10px;opacity:0;pointer-events:none;transition:opacity .15s}.home-spot:hover span,.home-spot:focus-visible span{opacity:1}.home-spot:focus-visible,.home-explorer button:focus-visible,.system-choice:focus-visible{outline:3px solid #8b6829;outline-offset:5px}.illustration-label{position:absolute;bottom:15px;left:22px;color:#333127;background:#faf9f6da;padding:5px 9px;font-size:12px;letter-spacing:.08em}.system-panel{background:#24231f;color:#f8f5ed;padding:30px 30px 22px;display:flex;flex-direction:column}.panel-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.panel-top .eyebrow{color:#dfc38a;font-size:12px;letter-spacing:.1em;margin:0}.panel-top>span:last-child{font-size:12px;color:#c7bfae;white-space:nowrap}.panel-symbol{height:64px;width:64px;border:1px solid #6d5d3c;border-radius:50%;display:grid;place-items:center;margin:32px 0 25px;color:#d6b671}.panel-symbol svg{width:32px;height:32px}.system-name{font-size:14px!important;color:#d8bd87!important;margin:0 0 12px!important}.system-panel h2{font-size:2rem;line-height:1.16;letter-spacing:-.025em;margin:0 0 22px}.system-panel #system-description{font-size:16px;line-height:1.65;color:#d7d2c8;margin:0}.system-panel ul{padding:0;list-style:none;margin:22px 0 30px}.system-panel li{font-size:14px;line-height:1.55;padding:10px 0 10px 17px;border-top:1px solid #4b473d;position:relative;color:#e6dfd2}.system-panel li:before{content:'·';position:absolute;left:0;color:#d6b671}.system-panel .button{background:#d3b77e;border:1px solid #d3b77e;color:#201d16;display:block;padding:14px 16px;font-size:14px;text-align:center}.panel-paging{display:flex;justify-content:space-between;margin-top:auto;padding-top:24px}.panel-paging button{border:0;background:none;color:#d5cbbb;padding:10px 0;cursor:pointer;font:inherit;font-size:14px}.scene-bar{padding:23px 25px 10px;display:flex;justify-content:space-between;align-items:center;gap:20px}.scene-bar .eyebrow{font-size:12px;letter-spacing:.1em;color:#75613f;margin:0 0 8px}.scene-bar h2{font-size:1.4rem;margin:0;letter-spacing:-.02em}.scene-buttons{display:flex;flex-wrap:wrap;gap:7px}.scene-buttons button{border:1px solid #c8beab;background:transparent;border-radius:2px;color:#383125;font:inherit;font-size:14px;padding:11px 12px;cursor:pointer}.scene-buttons button[aria-pressed="true"]{background:#292720;color:#fff;border-color:#292720}.scene-description{padding:4px 25px 22px}.scene-description p{font-size:15px;line-height:1.65;margin:10px 0;color:#4c463a;max-width:780px}.scene-description .demo-note{font-size:12px;color:#6b6356}.system-selector{background:#faf9f6;padding:35px 5vw 55px}.system-selector>.eyebrow{font-size:12px;color:#76603a}.system-selector>div{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.system-choice{display:flex;align-items:center;gap:10px;padding:12px 15px;border:1px solid #cfc5b2;background:transparent;font:inherit;font-size:14px;color:#343028;cursor:pointer}.system-choice svg{width:20px;height:20px;flex-shrink:0}.system-choice.selected{background:#e9dfcb;border-color:#a88a4d}.demo-closing{padding:70px 7vw 85px;display:grid;grid-template-columns:1fr 1fr;gap:24px 60px;background:#e9e4d8}.demo-closing>.eyebrow{grid-column:1/-1;color:#75613f}.demo-closing h2{font-size:clamp(2.5rem,4vw,4.5rem);line-height:1.05;letter-spacing:-.04em;margin:0}.demo-closing p{font-size:18px;line-height:1.7;margin:0 0 25px;max-width:460px}.demo-closing .button{background:#26241f;color:white}
@media(min-width:1500px){.home-explorer{grid-template-columns:minmax(0,1fr) 400px}.system-panel{padding:40px}.home-stage{max-height:800px}.system-panel h2{font-size:2.4rem}}
@media(max-width:1100px){.home-explorer{grid-template-columns:minmax(0,1fr) 300px;padding:0 2vw}.system-panel{padding:24px}.system-panel h2{font-size:1.75rem}.scene-bar{display:block}.scene-buttons{margin-top:16px}.panel-symbol{margin:22px 0}.home-spot{width:42px;height:42px}}
@media(max-width:800px){.demo-intro{padding:38px 6vw 30px;display:block}.demo-intro>p{margin-top:22px;max-width:550px}.home-explorer{display:flex;flex-direction:column;padding:0}.home-stage{aspect-ratio:3/2}.home-spot{width:44px;height:44px}.home-spot svg{width:21px;height:21px}.home-spot span{display:none}.illustration-label{font-size:10px;bottom:6px;left:10px;padding:3px 5px}.system-panel{padding:30px 6vw}.panel-symbol{margin:22px 0 18px}.system-panel h2{font-size:2rem;max-width:430px}.system-panel .button{max-width:400px}.system-selector{padding:30px 6vw 40px}.system-selector>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.system-choice{font-size:14px;padding:12px 10px}.scene-bar,.scene-description{padding-left:6vw;padding-right:6vw}.demo-closing{display:block;padding:45px 6vw}.demo-closing h2{margin:20px 0 25px}.demo-closing p{font-size:17px}.panel-paging{padding-top:20px}}
@media(prefers-reduced-motion:reduce){.home-stage>img,.scene-tint,.home-spot{transition:none}}