@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{font-family:'DM Sans',sans-serif;color:#f8eee8;background:#100b09;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-optical-sizing:auto;--bg:#100b09;--panel:#17100d;--line:rgba(255,236,220,.11);--muted:#98877e;--orange:#f19a64;--cream:#f8eee8}*{box-sizing:border-box}body{margin:0;min-width:360px;min-height:100vh;background:radial-gradient(ellipse at 48% 53%,#2c1710 0%,#160e0b 47%,#100b09 77%);overflow:hidden}button{font:inherit;color:inherit}.experience{width:100%;height:100vh;min-height:650px;display:flex;flex-direction:column;padding:0 5.1vw;position:relative;isolation:isolate}.experience:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(9,7,6,.45),transparent 28%,transparent 82%,rgba(9,7,6,.38)),repeating-linear-gradient(90deg,transparent 0,transparent 11.9vw,rgba(255,255,255,.014) 12vw,transparent 12.12vw)}.topbar{height:86px;flex:0 0 86px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.brand{display:inline-flex;align-items:flex-start;gap:2px;text-decoration:none;color:white;font:800 25px/1 Manrope,sans-serif;letter-spacing:-1.9px}.brand sup{font:600 8px/1 Manrope;margin-top:2px;letter-spacing:0}.topbar-note,.eyebrow,.footer,.orbit-hint,.model-caption,.selection-kicker,.start-caption,.start-vertical{font-size:9px;letter-spacing:1.6px;font-weight:600}.topbar-note{display:flex;gap:9px;align-items:center;color:#ad9a8e}.live-dot{width:6px;height:6px;border-radius:50%;background:#f3a16e;box-shadow:0 0 10px #f3a16e}.icon-button{width:37px;height:37px;display:grid;place-items:center;background:transparent;border:1px solid var(--line);border-radius:50%;cursor:pointer;transition:.2s}.icon-button:hover{border-color:var(--orange);color:var(--orange)}.icon-button svg{width:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.stage{flex:1;min-height:0;display:grid;grid-template-columns:minmax(200px,.72fr) minmax(300px,1.52fr) minmax(285px,.83fr);align-items:center;gap:2.8vw;padding:0 0 8px}.stage-copy{align-self:center;margin-top:-7vh;position:relative;z-index:1}.eyebrow{color:var(--orange);font-size:9px;letter-spacing:1.8px}.stage-copy .eyebrow{display:flex;align-items:center;gap:11px}.stage-copy .eyebrow i{display:block;width:28px;height:1px;background:#9d6950}.stage-copy h1,.start-content h1{font:500 clamp(32px,3.25vw,53px)/1.14 Manrope,sans-serif;letter-spacing:-2.4px;margin:27px 0 18px}.stage-copy h1 em,.start-content h1 em{font-weight:400;color:#e0aa89;font-family:Georgia,serif}.intro{max-width:245px;color:#ad9a90;font-size:13px;line-height:1.8}.model-frame{height:min(63vh,600px);min-height:400px;position:relative;border:1px solid rgba(242,185,151,.19);background:radial-gradient(ellipse at 49% 46%,rgba(96,49,31,.35),rgba(28,16,12,.13) 50%,rgba(10,8,7,.24) 82%);box-shadow:0 22px 100px rgba(0,0,0,.23),inset 0 0 70px rgba(0,0,0,.19)}.model-frame:before,.model-frame:after{content:"";position:absolute;left:50%;top:50%;width:min(29vw,390px);aspect-ratio:1;border:1px solid rgba(240,181,144,.075);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.model-frame:after{width:min(35vw,500px);border-color:rgba(240,181,144,.045)}#viewer{position:absolute;inset:0}#viewer canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}#viewer canvas:active{cursor:grabbing}.frame-corner{position:absolute;z-index:1;width:18px;height:18px;border-color:#e5a27a;opacity:.75}.corner-tl{top:-1px;left:-1px;border-top:1px solid;border-left:1px solid}.corner-br{bottom:-1px;right:-1px;border-right:1px solid;border-bottom:1px solid}.orbit-hint{position:absolute;bottom:29px;left:50%;transform:translateX(-50%);color:#bca69a;white-space:nowrap;font-size:8px;letter-spacing:1.3px;display:flex;align-items:center;gap:8px}.orbit-icon{font-size:18px;color:#f0a579}.model-caption{position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#e3a47d 50%,transparent);color:#af9a8d;font-size:8px;letter-spacing:1.35px}.model-caption span:last-child{position:absolute;left:15px;bottom:14px}.model-caption b,.footer-right b{color:#dc9167;margin:0 5px}.caption-mark{display:none}.control-panel{align-self:center;border:1px solid rgba(255,232,215,.1);background:linear-gradient(155deg,rgba(39,25,19,.86),rgba(20,14,12,.83));padding:25px 22px 18px;box-shadow:0 20px 50px rgba(0,0,0,.22)}.panel-heading{display:flex;justify-content:space-between;align-items:end;padding-bottom:19px;border-bottom:1px solid var(--line)}.panel-heading .eyebrow{margin:0 0 6px}.panel-heading h2{margin:0;font:500 18px Manrope,sans-serif;letter-spacing:-.4px}.panel-number{font:500 9px Manrope;color:#8c786c;letter-spacing:.8px;margin-bottom:3px}.control-group{padding:20px 0 18px;border-bottom:1px solid var(--line)}.group-heading{display:flex;gap:12px;align-items:flex-start;margin-bottom:15px}.group-index{font:500 9px Manrope;color:#d9946b;margin-top:3px}.group-heading h3{font:600 12px Manrope;margin:0 0 5px;letter-spacing:.1px}.group-heading p{font-size:10px;color:#96857b;margin:0}.layer-list{display:flex;flex-direction:column;gap:3px}.layer-option{width:100%;height:38px;border:0;border-radius:3px;background:transparent;display:grid;grid-template-columns:18px minmax(70px,1fr) minmax(102px,1.1fr) 10px;align-items:center;text-align:left;padding:0 9px;cursor:pointer;transition:background .18s}.layer-option:hover{background:rgba(255,255,255,.045)}.layer-option.active{background:linear-gradient(90deg,rgba(234,143,94,.14),rgba(234,143,94,.035));box-shadow:inset 2px 0 #eea071}.layer-radio{width:12px;height:12px;border:1px solid #75645b;border-radius:50%;display:grid;place-items:center}.layer-radio i{width:5px;height:5px;border-radius:50%;background:transparent}.layer-option.active .layer-radio{border-color:#f2a576;box-shadow:0 0 10px rgba(242,165,118,.35)}.layer-option.active .layer-radio i{background:#f4aa7b}.layer-name{font-size:11px;font-weight:500}.layer-description{color:#98877e;font-size:9px}.layer-chevron{color:#a38d81;font-size:15px;opacity:0}.layer-option:hover .layer-chevron,.layer-option.active .layer-chevron{opacity:1;color:#eba076}.timeline-group{padding-bottom:18px}.timeline-group .group-heading{margin-bottom:18px}.week-separator{color:#8d7669;margin:0 4px}.timeline{height:15px;position:relative;display:flex;justify-content:space-between;align-items:center;margin:0 9px}.timeline-track{height:1px;background:rgba(255,236,220,.37);position:absolute;left:0;right:0;top:7px}.timeline-point{position:relative;z-index:1;width:19px;height:19px;padding:0;background:transparent;border:0;display:grid;place-items:center;cursor:pointer}.timeline-point i{display:block;width:7px;height:7px;background:#d4c4bb;border-radius:50%;border:1px solid #eee3dc;transition:.2s}.timeline-point:hover i{background:#f4aa7b;transform:scale(1.18)}.timeline-point.active i{width:14px;height:14px;background:#f1a271;border:2px solid #ffe8d6;box-shadow:0 0 0 4px rgba(234,153,103,.16),0 0 16px rgba(234,153,103,.65)}.timeline-labels{display:flex;justify-content:space-between;margin:9px -4px 0}.timeline-labels span{white-space:nowrap;font-size:9px;color:#98877e;transition:color .2s}.timeline-labels span.active{color:#f2b48e}.selection-card{display:flex;align-items:center;gap:11px;padding:12px 11px;background:rgba(237,152,103,.07);border:1px solid rgba(237,152,103,.15);margin-top:15px}.selection-icon{font-size:17px;color:#f2a576}.selection-card>div{display:flex;flex-direction:column;gap:4px;flex:1}.selection-kicker{font-size:7px;color:#a79082;letter-spacing:1.2px}.selection-card strong{font:500 11px Manrope}.selection-card strong i{font-style:normal;color:#e9986b}.selection-arrow{color:#e89a70;font-size:15px}.interaction-note{border-top:1px solid var(--line);margin-top:14px;padding-top:14px;display:flex;align-items:center;gap:9px;color:#a08d82;font-size:8px;white-space:nowrap}.interaction-note b{color:#d9946b;font-weight:400}.mouse-glyph{width:12px;height:18px;border:1px solid #a88f80;border-radius:7px;position:relative;flex:none}.mouse-glyph i{position:absolute;top:3px;left:5px;height:4px;width:1px;background:#f0a277}.mouse-glyph b{position:absolute;font-size:8px;top:1px;right:-6px;color:#f0a277}.footer{flex:0 0 42px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:#806f65;font-size:7px;letter-spacing:1.4px}.footer-right{color:#bba79b;font-size:8px}.footer-right i{font-style:normal;font-size:6px}.loader{position:absolute;inset:0;z-index:2;background:rgba(16,11,9,.86);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:8px;letter-spacing:1.6px;color:#b99b88;transition:opacity .55s,visibility .55s}.loader-hidden{opacity:0;visibility:hidden}.loader-ring{width:27px;height:27px;border:1px solid rgba(241,154,100,.2);border-top-color:#f19a64;border-radius:50%;animation:spin 1s linear infinite}.loader-progress{font:500 10px Manrope;color:#efad83}.loader-error{color:#f6b294}@keyframes spin{to{transform:rotate(360deg)}}.start-screen{position:fixed;z-index:5;inset:0;background:radial-gradient(ellipse at 50% 58%,#321b11,#160f0c 47%,#0b0807 100%);display:grid;place-items:center;transition:opacity .65s,visibility .65s}.start-screen:before,.start-screen:after{content:"";position:absolute;inset:0;pointer-events:none}.start-screen:before{background:repeating-linear-gradient(90deg,transparent 0,transparent 12vw,rgba(255,255,255,.023) 12.05vw,transparent 12.15vw)}.start-screen:after{background:linear-gradient(0deg,rgba(240,143,88,.11),transparent 1px);background-size:100% 100%}.start-glow{position:absolute;width:50vw;height:50vw;border:1px solid rgba(247,170,126,.06);border-radius:50%;box-shadow:0 0 120px rgba(230,126,70,.04)}.start-content{position:relative;text-align:center;z-index:1}.start-brand{position:absolute;top:-27vh;left:50%;transform:translateX(-50%);font-size:26px}.start-eyebrow{font-size:9px;letter-spacing:3px;color:#eca177}.start-content h1{font-size:clamp(42px,6vw,76px);margin:23px 0 16px;letter-spacing:-3px}.start-content>p{font-size:13px;line-height:1.8;color:#b9a59a;margin:0 0 32px}.start-button{width:226px;height:51px;margin:0 auto;background:linear-gradient(110deg,#f4b28a,#e58b58);color:#24120b;border:0;display:flex;align-items:center;justify-content:space-between;padding:0 17px 0 21px;font-size:12px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.start-button:hover{transform:translateY(-2px);box-shadow:0 9px 30px rgba(232,139,87,.25)}.button-arrow{font-size:17px}.start-caption{display:block;color:#8f786c;font-size:7px;margin-top:16px;letter-spacing:1.4px}.start-vertical{position:absolute;right:34px;bottom:38px;writing-mode:vertical-rl;color:#92796b;font-size:7px;letter-spacing:2px}.start-vertical i{font-style:normal}.start-screen-hidden{opacity:0;visibility:hidden;pointer-events:none}

@media(max-width:1100px){.experience{padding:0 3.5vw}.stage{grid-template-columns:minmax(160px,.65fr) minmax(270px,1.3fr) minmax(265px,.9fr);gap:2vw}.control-panel{padding:20px 16px 14px}.layer-option{grid-template-columns:17px minmax(57px,.8fr) minmax(85px,1.2fr) 8px;padding:0 6px}.layer-description{font-size:8px}.timeline-labels span{font-size:8px}}@media(max-width:800px){body{overflow:auto}.experience{height:auto;min-height:100vh;padding:0 20px}.topbar{height:68px;flex-basis:68px}.topbar-note{font-size:7px;letter-spacing:1px}.stage{display:flex;flex-direction:column;gap:17px;padding:26px 0;align-items:stretch}.stage-copy{margin:0;display:grid;grid-template-columns:1fr auto;align-items:end}.stage-copy .eyebrow{grid-column:1/-1}.stage-copy h1{font-size:36px;margin:12px 0 0}.intro{font-size:11px;max-width:150px;margin-bottom:4px}.model-frame{height:55vh;min-height:320px;max-height:510px}.control-panel{width:100%;padding:18px}.footer{font-size:6px;letter-spacing:.8px}.start-content h1{font-size:48px;letter-spacing:-2px}.start-brand{top:-24vh}.interaction-note{white-space:normal}.timeline-labels span{font-size:9px}}@media(max-width:440px){.experience{padding:0 14px}.stage-copy h1{font-size:30px}.intro{max-width:128px;font-size:10px}.control-panel{padding:16px 12px}.layer-option{grid-template-columns:17px minmax(58px,.8fr) minmax(78px,1.2fr) 8px}.layer-name{font-size:10px}.layer-description{font-size:7px}.footer>span:first-child{max-width:220px;line-height:1.5}.start-content h1{font-size:40px}.start-content>p{font-size:11px}}