:root{--ink:#eee8dc;--ground:#262329;--focus:#d9c1a0}html{scroll-behavior:auto}body{background:var(--ground);color:var(--ink)}em{font-family:Editorial,Georgia,serif;font-weight:400}.studio-return{background:#1b191c;color:#d7d0c5}.s-nav{position:absolute;top:42px;left:0;width:100%;z-index:20;padding:25px 4.5vw;display:flex;align-items:center;justify-content:space-between}.s-wordmark{font-family:Editorial,Georgia,serif;font-size:45px;line-height:1;letter-spacing:-2px}.s-nav nav{display:flex;gap:35px;align-items:center;font-size:11px}.s-nav nav a{padding:12px 0}.s-nav nav a:last-child{border:1px solid #d7cbbb66;border-radius:30px;padding:13px 20px}.s-nav nav a:last-child span{margin-left:25px}.light-story{height:1100svh;position:relative}.light-stage{height:100svh;position:sticky;top:0;overflow:hidden;isolation:isolate;background:#262329}.light-stage #ora-world{position:absolute;inset:0;z-index:-1}#ora-world canvas{display:block;width:100%;height:100%}.ora-poster{position:absolute;inset:0;height:100%;object-fit:cover;object-position:65% 50%}.webgl-ready .ora-poster{opacity:0}.light-shot{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;padding:18vh 6vw 10vh}.light-shot a{pointer-events:auto}.light-shot h2{font-size:clamp(48px,6.7vw,108px);line-height:.97;letter-spacing:-.04em}.light-shot h2 em{letter-spacing:-.04em}.light-shot>p{font-size:14px;line-height:1.65;max-width:33ch;margin-top:27px}.s-caption{font-size:11px;letter-spacing:.025em;display:block;margin-bottom:25px}.s-opening{visibility:visible;opacity:1;padding-top:22vh}.s-opening>.s-caption{font-size:12px;margin:0 0 34px}.s-opening h1{font-size:clamp(84px,12vw,190px);font-weight:400;letter-spacing:-.04em;line-height:1.02}.s-opening h1 em{letter-spacing:-.04em;position:relative;top:.025em}.s-opening .opening-note{margin-top:40px;font-size:13px;line-height:1.65}.opening-scroll{position:absolute;bottom:12vh;left:6vw;font-size:11px}.opening-scroll>span{margin-left:45px}.s-contour{padding-left:58vw;padding-top:19vh}.s-contour h2{font-size:clamp(46px,5.9vw,95px)}.s-assembly{padding-top:12vh}.s-assembly h2{font-size:clamp(45px,5.8vw,92px)}.s-assembly>p{max-width:29ch}.s-assembly ol{padding:0;list-style:none;font-size:11px;line-height:2.7;margin-top:28px}.s-assembly li span{opacity:.6;margin-right:14px}.s-close{padding-left:59vw;padding-top:17vh}.s-close h2{font-size:clamp(43px,5.2vw,84px)}.s-close p{max-width:30ch}.s-portal{display:flex;align-items:center;justify-content:center;text-align:center;padding-bottom:18vh}.s-portal h2{font-size:clamp(65px,9.3vw,150px)}.s-garden{padding-top:17vh}.s-garden h2{font-size:clamp(52px,6vw,96px);max-width:8ch}.s-evening{padding-left:55vw;padding-top:16vh}.s-evening h2{font-size:clamp(46px,5.6vw,92px)}.s-story-end{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding-bottom:16vh}.s-story-end h2{font-size:clamp(56px,8vw,130px)}.s-story-end a{display:flex;justify-content:space-between;gap:45px;font-size:12px;padding:16px 22px;border:1px solid #eee8dc77;border-radius:30px;margin-top:35px}.light-progress{position:absolute;bottom:23px;left:4.5vw;right:4.5vw;display:flex;gap:25px;align-items:center;font-size:11px;color:#e7e0d4}.light-progress>span{min-width:105px}.light-progress>div{height:1px;background:#c8bfa244;position:relative;flex:1}.light-progress i{position:absolute;inset:0 auto 0 0;width:0;background:#d9ccb8}.light-progress button{background:none;border:1px solid #d9ccb866;border-radius:30px;padding:9px 13px;font-size:11px;min-height:35px}.s-loading{position:absolute;bottom:13vh;right:12vw;font-size:11px;background:#29272bcc;padding:14px 20px;border-radius:30px}.s-introduction{display:grid;grid-template-columns:1.15fr 1fr;gap:12%;padding-block:130px;background:#ded5c7;color:#35312f}.s-introduction h2{font-size:clamp(45px,5.6vw,90px);line-height:1;letter-spacing:-.04em}.s-introduction>div:last-child{padding-top:40px}.s-introduction p{font-size:16px;line-height:1.8}.s-introduction p+p{margin-top:26px}.s-introduction .s-study{font-size:11px;border-top:1px solid #4a38342b;padding-top:24px;line-height:1.7}.material{background:#634b4e;color:#eee1d0;display:grid;grid-template-columns:.8fr 1.2fr;gap:40px 8%;padding-block:120px}.material-heading h2{font-size:clamp(48px,6.6vw,105px);line-height:.95;letter-spacing:-.04em}.material-image{grid-column:2;grid-row:1/3}.material-image img{height:100%;min-height:660px;object-fit:cover}.material-notes{padding-top:20px}.material-notes article{border-top:1px solid #e5d1bd44;padding:24px 0}.material-notes h3{font-size:22px;letter-spacing:-.035em}.material-notes p{font-size:12px;line-height:1.7;margin-top:10px;max-width:38ch}.dimensions{background:#ded5c7;color:#35312f;display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;padding-block:110px}.dimensions h2{font-size:clamp(46px,6vw,96px);line-height:1;letter-spacing:-.04em}.dimensions p{font-size:14px;max-width:35ch;margin-top:30px}.dimension-drawing svg{display:block;width:100%;max-height:550px}.dimension-line{stroke-width:.7;opacity:.6}.dimension-drawing>span{font-size:11px;text-align:center;display:block;margin-top:25px;opacity:.7}.light-lab{background:#28252a;padding-block:120px}.lab-heading{display:grid;grid-template-columns:1fr 1fr;gap:25px 10%;margin-bottom:65px}.lab-heading>.s-caption{grid-column:1/-1;margin-bottom:0}.lab-heading h2{font-size:clamp(44px,5.3vw,86px);line-height:1.03;letter-spacing:-.04em}.lab-heading p{font-size:14px;max-width:35ch;align-self:end;justify-self:end}.lab-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:0;background:#201d21}.lab-grid #lamp-view{min-height:680px;position:relative;overflow:hidden;background:#373038}#lamp-view canvas{position:absolute;inset:0;width:100%;height:100%}.lamp-fallback{position:absolute;inset:0;height:100%;object-fit:cover}.webgl-ready .lamp-fallback{opacity:0}.lab-scene-title,.lab-scene-note{position:absolute;bottom:30px;z-index:2;font-size:11px}.lab-scene-title{left:30px}.lab-scene-note{right:30px;opacity:.7;font-size:11px}.lab-controls{padding:45px 40px}.lab-controls fieldset{padding:0;border:0;margin:0 0 40px}.lab-controls legend{font-size:11px;margin-bottom:18px}.mood-options{display:flex;gap:8px;flex-wrap:wrap}.mood-options button{font-size:11px;padding:10px 14px;border:1px solid #d9ccb844;border-radius:30px;background:none;min-height:40px}.mood-options button[aria-pressed=true]{color:#30272a;background:#d4b99b;border-color:#d4b99b}.lab-controls label{display:flex;justify-content:space-between;font-size:12px;gap:20px;margin-top:35px}.lab-controls output{color:#c4b398;font-size:11px}.lab-controls input{margin-top:16px;accent-color:#cdb18a}.range-ends{display:flex;justify-content:space-between;font-size:11px;color:#b6a99b;margin-top:4px}.lab-controls .finish-options{margin-top:37px;display:flex;gap:13px}.finish-options button{background:none;display:flex;flex-direction:column;align-items:center;gap:10px;font-size:11px;padding:4px 8px;min-width:60px}.finish-options i{display:block;width:29px;height:29px;border-radius:50%;background:#836544;border:4px solid #302a2e}.finish-options button[aria-pressed=true] i{outline:1px solid #dfc8a9;outline-offset:3px}.finish-options [data-finish=graphit] i{background:#373a3e}.finish-options [data-finish=silber] i{background:#a4a3a2}#save-light{display:flex;justify-content:space-between;align-items:center;width:100%;padding:17px 0;border-bottom:1px solid #d9ccb855;background:none;font-size:12px;min-height:50px}.lab-note{font-size:11px!important;line-height:1.65!important;color:#b5a99d;margin-top:20px}.s-use{background:#998871;color:#252324;display:grid;grid-template-columns:1fr 1fr;gap:13%;padding-block:110px}.s-use h2{font-size:clamp(45px,5.7vw,92px);line-height:1;letter-spacing:-.04em}.use-cases article{border-top:1px solid #2b262d44;padding:24px 0}.use-cases article>span{font-size:11px}.use-cases h3{font-size:27px;letter-spacing:-.04em;margin:14px 0}.use-cases p{font-size:13px;line-height:1.7;max-width:43ch}.faq{background:#ded5c7;color:#35312f}.s-finale{background:#634b4e;padding:100px 6vw 120px}.s-finale>span{font-size:11px}.s-finale>a{display:block;position:relative;max-width:1000px;font-size:clamp(65px,11vw,176px);line-height:.9;letter-spacing:-.04em;margin-top:35px}.s-finale>a>span{position:absolute;right:0;bottom:0;font-family:Arial;font-size:.6em}.demo-footer{background:#211e23;color:#d4c7b8}.demo-footer .s-wordmark{font-size:58px;font-weight:400}.s-static{padding:65px 6vw;background:#ded5c7;color:#35312f}.s-static article{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;margin-bottom:65px}.s-static h2{font-size:44px;line-height:1.05;letter-spacing:-.04em;margin-bottom:25px}.s-static p{font-size:14px}.s-static img{aspect-ratio:1;object-fit:cover}.s-static-mode .light-story{height:95svh;min-height:650px}.s-static-mode .light-stage{position:relative;height:100%}.s-static-mode .light-shot:not(.s-opening){display:none}.s-static-mode .s-opening{opacity:1!important;visibility:visible!important}.s-static-mode .light-progress>div,.s-static-mode #light-chapter,.s-static-mode .opening-scroll{display:none}.s-static-mode .light-progress{justify-content:flex-end}
@media(max-width:800px){.s-nav{padding:21px 24px}.s-wordmark{font-size:35px}.s-nav nav>a:not(:last-child){display:none}.s-nav nav a:last-child{font-size:11px;padding:11px 15px}.s-nav nav a:last-child span{margin-left:20px}.light-story{height:1000svh}.light-shot{padding:10vh 24px 12vh}.s-opening{padding-top:17vh}.s-opening>.s-caption{font-size:11px;margin-bottom:25px}.s-opening h1{font-size:clamp(64px,10.8vw,83px);line-height:1.06}.s-opening .opening-note{position:absolute;bottom:17vh;left:24px;font-size:11px;margin:0}.opening-scroll{left:24px;bottom:11vh;font-size:11px}.s-contour,.s-close,.s-evening{padding-left:24px;padding-top:9vh}.light-shot h2{font-size:47px}.light-shot>p{font-size:12px;margin-top:20px;max-width:29ch}.s-assembly{padding-top:8vh}.s-assembly h2{font-size:43px}.s-assembly>p{max-width:31ch;font-size:11px}.s-assembly ol{position:absolute;bottom:13vh;left:24px;font-size:11px;line-height:2.3}.s-close h2{font-size:43px}.s-close p{max-width:26ch;font-size:11px}.s-portal{padding-bottom:25vh}.s-portal h2{font-size:64px}.s-garden{padding-top:10vh}.s-garden h2{font-size:54px}.s-evening h2{font-size:47px}.s-story-end{padding-bottom:26vh}.s-story-end h2{font-size:48px}.light-progress{left:20px;right:20px;gap:12px;font-size:11px;bottom:18px}.light-progress>span{min-width:70px}.light-progress button{font-size:11px;padding:9px 12px;max-width:130px}.s-loading{bottom:29vh;right:20px}.s-introduction{grid-template-columns:1fr;gap:35px;padding-block:75px}.s-introduction h2{font-size:48px}.s-introduction>div:last-child{padding-top:0}.s-introduction p{font-size:14px}.material{grid-template-columns:1fr;padding-block:75px;gap:35px}.material-heading h2{font-size:58px}.material-image{grid-column:1;grid-row:auto}.material-image img{min-height:0;aspect-ratio:1}.material-notes{padding:0}.material-notes p{max-width:45ch}.dimensions{grid-template-columns:1fr;gap:40px;padding-block:75px}.dimensions h2{font-size:53px}.dimension-drawing svg{max-height:450px}.light-lab{padding-block:75px}.lab-heading{display:block;margin-bottom:35px}.lab-heading h2{font-size:43px;margin-top:22px}.lab-heading p{margin-top:25px;font-size:13px;max-width:40ch}.lab-grid{grid-template-columns:1fr;margin-inline:-22px}.lab-grid #lamp-view{min-height:510px}.lab-controls{padding:35px 24px}.lab-scene-title{left:24px;bottom:23px}.lab-scene-note{right:24px;bottom:23px}.s-use{grid-template-columns:1fr;gap:40px;padding-block:75px}.s-use h2{font-size:48px}.s-finale{padding:75px 24px}.s-finale>a{font-size:70px}.s-finale>a>span{right:0}.s-static article{grid-template-columns:1fr;gap:25px}.s-static h2{font-size:37px}.s-static-mode .light-story{min-height:690px}}

#save-light-view{position:absolute;right:24px;top:24px;z-index:3;background:#29232999;backdrop-filter:blur(8px);border:1px solid #e2d2bb66;padding:11px 16px;font-size:11px;border-radius:30px;min-height:40px}

#save-story-view{position:absolute;right:4.5vw;top:25px;background:#28232b88;border:1px solid #ddcbb444;border-radius:30px;padding:10px 15px;font-size:11px;min-height:38px;z-index:5}.s-static-mode #save-story-view{display:none}@media(max-width:800px){#save-story-view{top:auto;bottom:67px;right:20px;font-size:11px;padding:9px 12px}}

.s-garden{background:linear-gradient(90deg,#21182388,transparent 63%)}.s-static img{object-fit:contain;background:#322b34}

@media(max-width:800px){.s-garden h2{font-size:47px}.s-garden>p{font-size:11px;max-width:35ch;line-height:1.6;margin-top:16px}}

.light-progress button{background:#302c26;color:#fff7ea;border-color:#fff7ea80}

.light-progress{bottom:calc(23px + var(--opening-offset,0px))}

@media(max-width:800px){.render-unavailable .world-poster,.render-unavailable .ora-poster{top:auto;bottom:80px;height:48%;object-fit:contain;object-position:center}.render-unavailable .hero-intro h1,.render-unavailable .s-opening h1{font-size:64px}.render-unavailable .s-opening{padding-top:18vh}.render-unavailable .s-opening .opening-note{position:absolute;bottom:16px;font-size:11px}.render-unavailable .s-opening>.s-caption{font-size:11px}}

.opening-scroll{bottom:calc(12vh + 44px)}

.s-opening>.s-caption{margin:28px 0 0}
.s-opening .opening-note{margin-top:20px}

@media(max-width:800px){.s-opening .opening-note{display:none}}
/* Keep the supporting copy clear of the fixed chapter control on short screens. */
@media (min-width:801px) and (max-height:820px){.s-opening .opening-note{display:none}.s-opening>.s-caption{margin-top:22px}}

/* The 1000px material master stays crisp at 2x display density. */
.material-image{align-self:center}.material-image img{min-height:0;max-width:500px;height:auto;aspect-ratio:1;margin-inline:auto}.s-static img{max-width:550px}