.simc{height:calc(var(--panels,5) * 100vh + 40vh);background:var(--obsidian-deep);position:relative}.simc__stage{height:100svh;position:sticky;top:0;overflow:hidden}.simc__track{width:calc(var(--n) * 100vw);will-change:transform;height:100%;display:flex}.spanel{background:var(--obsidian-deep);flex:none;width:100vw;height:100%;position:relative;overflow:hidden}.spanel__media{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.spanel__media--frame{z-index:1;inset:50% var(--gutter) auto auto;aspect-ratio:16/9;object-fit:contain;background:var(--ivory);border-radius:6px;width:min(52vw,1000px);height:auto;transform:translateY(-50%)}.spanel[data-panel=daylight]{background:linear-gradient(#0a0c0db8,#0a0c0ddb),url(/media/full/site-hero.webp) 50%/cover}.spanel__plate{z-index:1;aspect-ratio:3.18;object-fit:cover;border-radius:3px;width:min(62vw,1120px);height:auto;inset:44% 5vw auto auto;transform:translateY(-50%)perspective(1700px)rotateX(46deg)rotate(-11deg);box-shadow:0 70px 120px -30px #000000e6,0 0 0 1px #c8aa7880}.spanel:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0a0c0ddb,#0a0c0d75 26%,#0000 50%),linear-gradient(#0000 70%,#0a0c0d99);position:absolute;inset:0}.spanel__text{z-index:2;left:var(--gutter);gap:8px;width:min(34vw,440px);display:grid;position:absolute;bottom:clamp(64px,12vh,120px)}.spanel__lead{color:var(--champagne);font-size:clamp(1.1rem,1.6vw,1.4rem);font-weight:600}.spanel__text .body{color:#d7dbd6}.spanel__how{color:var(--champagne)}.spanel__legend{color:#d7dbd6;grid-template-columns:auto minmax(90px,200px) auto;justify-content:start;align-items:center;gap:10px;margin-top:6px;font-size:.8rem;display:grid}.spanel__legend i{height:7px;box-shadow:0 0 0 1px var(--hairline);background:linear-gradient(90deg,#101315,#21645e 28%,#79c6bc 52%,#c8aa78 76%,#faf4e8);border-radius:1px}.spanel[data-panel=hours]:after{background:linear-gradient(90deg,#0a0c0df0,#0a0c0db8 30%,#0000 56%),linear-gradient(#0000 70%,#0a0c0d99)}.simc__stage:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0a0c0dbd,#0000);height:110px;position:absolute;inset:0 0 auto}.simc__index{z-index:2;right:var(--gutter);color:var(--stone);gap:20px;font-size:.84rem;display:flex;position:absolute;top:30px}.simc__index li{padding-top:9px;transition:color .4s;position:relative}.simc__index li:before{content:"";background:var(--hairline-strong);height:1px;position:absolute;top:0;left:0;right:0}.simc__index li:after{content:"";background:var(--champagne);transform-origin:0;height:1px;transition:transform .6s var(--ease-out);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.simc__index li.is-on{color:var(--ivory)}.simc__index li.is-on:after{transform:scaleX(1)}.reduce .simc,.no-webgl .simc{height:auto}.reduce .simc__stage,.no-webgl .simc__stage{height:auto;position:static;overflow:visible}.reduce .simc__track,.no-webgl .simc__track{width:auto;display:block}.reduce .spanel,.no-webgl .spanel{width:100%;height:72vh}.reduce .simc__index,.no-webgl .simc__index{display:none}@media (width<=860px){.simc{height:auto}.simc__stage{height:auto;position:static;overflow:visible}.simc__track{width:auto;display:block}.spanel{border-top:1px solid var(--hairline);width:100%;height:84svh}.spanel:after{background:linear-gradient(#0000 38%,#0a0c0df0 72%)}.spanel__text{right:var(--gutter);width:auto;bottom:26px}.spanel canvas.spanel__media{height:58%}.spanel__plate{width:150vw;inset:30% auto auto 50%;transform:translate(-50%,-50%)perspective(900px)rotateX(46deg)rotate(-16deg)}.spanel__media--frame{inset:88px auto auto var(--gutter);width:calc(100% - 2 * var(--gutter));aspect-ratio:16/9;height:auto;transform:none}.spanel__text{width:auto}.simc__index{display:none}}.sscene{height:760vh;position:relative}.sscene__stage{background:radial-gradient(80% 70% at 60% 45%, #171c1e 0%, var(--obsidian) 72%);height:100svh;position:sticky;top:0;overflow:hidden}.sscene__canvas{width:100%;height:100%;position:absolute;inset:0}.sscene__stage:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(var(--obsidian), transparent);height:22vh;position:absolute;inset:0 0 auto}.sscene__stage:after{content:"";pointer-events:none;background:linear-gradient(#0000 58%,#0a0c0dd1);position:absolute;inset:0}.sscene__film{opacity:0;visibility:hidden;width:100%;height:100%;position:absolute;inset:0}.sscene__dip{background:var(--obsidian-deep);opacity:0;pointer-events:none;position:absolute;inset:0}.sscene__caps{z-index:2;left:var(--gutter);width:min(36vw,440px);height:220px;position:absolute;bottom:11vh}.scap{opacity:0;visibility:hidden;position:absolute;bottom:0;left:0}.scap .body{color:#d1d6d1;margin-top:.7em}.sscene__soft{z-index:2;right:var(--gutter);text-align:right;font-family:var(--serif);opacity:0;pointer-events:none;gap:8px;font-size:clamp(1.7rem,3vw,2.8rem);line-height:1.08;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.sscene__note{z-index:2;right:var(--gutter);position:absolute;bottom:24px}.sscene__list{padding:110px var(--gutter) 40px;display:none}.sscene__list>div{border-top:1px solid var(--hairline);padding:18px 0}.reduce .sscene,.no-webgl .sscene{height:auto}.reduce .sscene__stage,.no-webgl .sscene__stage{display:none}.reduce .sscene__list,.no-webgl .sscene__list{display:block}.sindex__grid{grid-template-columns:repeat(4,1fr);gap:clamp(24px,3vw,48px);margin-top:clamp(32px,4vw,56px);display:grid}.sindex__grid h3{border-bottom:1px solid #10131547;padding-bottom:12px}.sindex__grid li{border-bottom:1px solid #1013151f;gap:2px;padding:12px 0;display:grid}.sindex__grid li span{color:var(--ink-soft);font-size:.92rem;line-height:1.4}.sindex__grid strong{font-weight:600}.sindex__soft{margin-top:28px;font-size:1.04rem}@media (width<=960px){.sindex__grid{grid-template-columns:1fr 1fr}}@media (width<=860px){.sscene__caps{left:var(--gutter);right:var(--gutter);width:auto;height:170px;bottom:5svh}.sscene__soft{font-size:1.7rem;top:16svh;transform:none}.sscene__note{display:none}}@media (width<=560px){.sindex__grid{grid-template-columns:1fr}}
