*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:#111116;color:#f8eddd;font-family:Arial,sans-serif;-webkit-font-smoothing:antialiased}body{overflow-x:hidden;overflow-y:auto}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button,textarea{font:inherit}button{cursor:pointer;color:inherit;background:none;border:0}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #e3bd88;outline-offset:4px}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400}em{font-weight:400;color:#e0bba0}.experience{height:100dvh;min-height:660px;position:relative;overflow:hidden;isolation:isolate;background:#111116}.scene{position:absolute;inset:0;z-index:0;touch-action:pan-y pinch-zoom;cursor:grab}.scene.dragging{cursor:grabbing}.scene canvas{width:100%;height:100%;display:block}.ambient-wash{position:absolute;inset:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse at 50% 45%,transparent 20%,#11111633 80%);opacity:.7}.edge-shade{position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(180deg,#111116aa 0%,transparent 22%,transparent 61%,#111116d9 92%)}.topbar{position:absolute;z-index:6;top:8px;left:5%;right:5%;height:66px;display:flex;justify-content:space-between;align-items:center}.brand{display:block;margin-left:-17px}.brand img{display:block;width:136px;height:66px;object-fit:contain}.top-actions{display:flex;align-items:center;gap:26px}.quiet{font-size:11px;padding:12px 0;color:#d7c8bb;min-height:44px}.quiet span{margin-left:7px}.index-trigger{border:1px solid #dfc7a43b;border-radius:100px;min-height:41px;padding:9px 14px;display:flex;gap:9px;align-items:center;font-size:11px;background:#ffffff03}.grid-icon{font-size:19px;line-height:1}.intro{position:absolute;z-index:2;top:86px;left:20px;right:20px;text-align:center;pointer-events:none}.eyebrow{font-size:8px;letter-spacing:2px;line-height:1.7;color:#bba997}.intro .eyebrow>span{color:#deb27c;margin-right:6px;font-size:13px}.intro h1{font-size:48px;line-height:1.05;letter-spacing:-1.7px;margin:14px 0}.intro h1 br{display:none}.scene-status{position:absolute;top:48%;width:100%;text-align:center;z-index:5;pointer-events:none;font-size:11px;letter-spacing:1px;color:#ddc19e;transition:opacity .5s}.scene-status.done{opacity:0}.scene-label{position:absolute;z-index:2;top:45%;writing-mode:vertical-rl;letter-spacing:2px;font-size:7px;color:#ba9b7c;opacity:.5;pointer-events:none}.left-label{left:3%;transform:rotate(180deg)}.right-label{right:3%}.motion-toggle{position:absolute;z-index:4;right:5%;top:100px;width:35px;height:35px;border:1px solid #dec9a230;border-radius:50%;color:#dcc5a9;font-size:12px;background:#17161c88}.drag-hint{position:absolute;z-index:2;top:calc(63% - 12px);left:0;width:100%;text-align:center;font-size:7px;letter-spacing:2px;color:#dbc6a6;pointer-events:none;opacity:.75;display:flex;gap:14px;align-items:center;justify-content:center}.drag-hint>span{font-size:15px}.active-work{position:absolute;z-index:3;bottom:154px;left:50%;transform:translateX(-50%);width:min(540px,calc(100% - 42px));text-align:center;pointer-events:none}.work-kicker{display:flex;gap:9px;align-items:center;justify-content:center;font-size:8px;letter-spacing:1.8px;text-transform:uppercase;color:#cba986;margin-bottom:12px;font-variant-numeric:tabular-nums}.kicker-dot{width:3px;height:3px;border-radius:50%;background:#cba986}.active-work h2{font-size:35px;line-height:1.09;letter-spacing:-1px;max-width:560px;margin:auto;text-wrap:balance}.active-work p{font-size:11px;line-height:1.7;max-width:370px;margin:11px auto 0;color:#b9a79f;text-wrap:balance}.watch{pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;gap:16px;background:#f1e3cb;border:1px solid #fff0d488;color:#362a2a;font-size:11px;border-radius:100px;min-height:45px;padding:11px 24px;margin-top:18px;box-shadow:0 6px 30px #e5b5710f;transition:transform .2s,box-shadow .2s}.watch:hover{transform:translateY(-2px);box-shadow:0 6px 30px #e5b57133}.play-symbol{font-size:10px}.watch-arrow{font-size:17px;margin-left:7px}.world-nav{position:absolute;bottom:83px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:24px;z-index:5}.round-arrow{width:43px;height:43px;border-radius:50%;border:1px solid #d2b79144;color:#dec3a1;font-size:18px;display:grid;place-items:center;transition:background .2s}.round-arrow:hover{background:#dfb98618}.round-arrow:active{transform:scale(.92)}.world-position{display:flex;align-items:center;gap:12px;font-size:10px;font-variant-numeric:tabular-nums;color:#c3a889}.world-position>span:last-child{color:#6c615c}.position-line{height:1px;width:106px;background:#72604b66;display:block;overflow:hidden}.position-line i{height:100%;width:10%;display:block;background:#d4ac72;transition:width .7s cubic-bezier(.2,.8,.2,1)}.bottom{position:absolute;left:5%;right:5%;bottom:max(15px,env(safe-area-inset-bottom));padding-top:14px;border-top:1px solid #d0ac791a;display:flex;align-items:center;justify-content:space-between;z-index:5}.bottom-index{font-size:10px;color:#b19d8e;min-height:40px;padding:0}.bottom-index span{margin-left:15px}.enroll{display:flex;align-items:center;gap:20px;font-size:11px;color:#ead4b5;min-height:40px;padding:0}.enroll>span{font-size:19px}.enroll:hover{color:white}#scene-curtain{position:absolute;inset:0;background:#0d0b10;pointer-events:none;opacity:0;z-index:7;transition:opacity .25s}#scene-curtain.on{opacity:.65}.no-js{position:fixed;inset:20% 10%;z-index:20;padding:30px;background:#1f1b25}.no-js a{display:block;margin-top:20px;text-decoration:underline}#flat-scene{position:absolute;top:23%;left:50%;height:39%;width:240px;transform:translateX(-50%);border:1px solid #ddaf7455;border-radius:80px 80px 8px 8px;overflow:hidden}#flat-scene img{width:100%;height:100%;object-fit:cover}.sheet{border:1px solid #ac856633;border-radius:22px;color:#f5e8d7;background:#201c23;padding:0;width:min(720px,calc(100% - 24px));max-height:92dvh;overflow:auto;overscroll-behavior:contain;box-shadow:0 40px 160px #000a}.sheet::backdrop{background:#08070bbd;backdrop-filter:blur(14px)}.sheet[open]{animation:sheetIn .4s cubic-bezier(.16,1,.3,1)}@keyframes sheetIn{from{opacity:0;transform:translateY(45px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.sheet-header{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;gap:10px;position:sticky;top:0;background:#201c23f5;backdrop-filter:blur(14px);z-index:2;border-bottom:1px solid #edd1a914}.sheet-header .eyebrow{font-size:7px;letter-spacing:1.4px}.close{width:39px;height:39px;border-radius:50%;border:1px solid #cba9852d;background:#fff1;color:#ead9c5;font-size:17px;flex-shrink:0}.sheet-content{padding:28px}.sheet h2{font-size:40px;line-height:1.13;letter-spacing:-1.1px;text-wrap:balance}.sheet-lead{font-size:13px;line-height:1.8;color:#b8a89f;margin:20px 0}.filters{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;padding:5px 1px 20px}.filters button{border:1px solid #c6a87d35;border-radius:30px;padding:11px 15px;white-space:nowrap;font-size:10px;min-height:39px;color:#bea996}.filters button.selected{background:#e4ccb0;color:#322726;border-color:#e4ccb0}.index-list{display:grid;gap:8px}.index-card{width:100%;display:flex;align-items:center;gap:15px;padding:10px 0;border-bottom:1px solid #d1ad7e22;text-align:left}.index-card[hidden]{display:none}.index-card img{width:61px;height:77px;border-radius:7px;object-fit:cover;flex-shrink:0}.index-card .index-copy{flex:1;min-width:0}.index-card small{display:block;font-size:7px;letter-spacing:1.4px;text-transform:uppercase;color:#b39476;margin-bottom:8px}.index-card strong{font-family:Georgia,serif;font-size:20px;font-weight:400;line-height:1.2;display:block}.index-card>span:last-child{font-size:21px;color:#c6a17f}.video-sheet{width:min(850px,calc(100% - 24px))}#full-video{width:100%;height:min(50dvh,470px);display:block;object-fit:contain;background:#100d12}.video-copy .eyebrow{margin-bottom:12px;color:#cba580}.video-copy h2{font-size:31px}.video-copy>p{font-size:13px;line-height:1.8;color:#bda99e;margin:14px 0 22px}.filled{display:flex;align-items:center;justify-content:center;gap:20px;min-height:49px;width:100%;border-radius:100px;background:#edd9bc;color:#352527;font-size:12px;padding:14px 16px}.filled span{font-size:18px}.course-sheet{max-width:650px}.gold{color:#d5ad82;margin-bottom:18px}.course-steps{margin:28px 0}.course-steps article{display:flex;gap:20px;padding:23px 0;border-top:1px solid #cfae822b}.course-steps article>span{font-size:11px;color:#a58260;padding-top:4px}.course-steps h3{font-size:24px;margin-bottom:9px}.course-steps p{font-size:12px;line-height:1.7;color:#b9a296}.course-note{font-size:11px;line-height:1.8;color:#d0b698;margin:0 0 25px}.course-sheet details{border-bottom:1px solid #ba9e8233;padding:10px 0}.course-sheet summary{font-size:12px;padding:10px 0;cursor:pointer;line-height:1.5}.course-sheet details p{font-size:12px;line-height:1.8;color:#b8a49a;padding:5px 0 10px}.course-sheet .filled{margin-top:25px}.contact-sheet{max-width:520px}.contact-sheet textarea{width:100%;border:1px solid #b49b7d44;border-radius:14px;background:#17151b;color:#ead8c4;padding:17px;resize:vertical;font:13px/1.8 Arial,sans-serif;margin:4px 0 22px}#copy-status{font-size:12px;line-height:1.7;color:#cba788;margin-top:14px;min-height:18px}
@media(max-width:600px){.topbar{left:22px;right:22px;top:5px}.brand img{width:123px;height:60px}.brand{margin-left:-21px}.top-actions{gap:16px}.quiet{font-size:9px}.index-trigger{font-size:9px;padding:7px 10px;gap:6px;min-height:34px}.grid-icon{font-size:17px}.intro{top:82px}.intro .eyebrow{font-size:6.6px;letter-spacing:1.65px}.intro h1{font-size:35px;line-height:1.04;letter-spacing:-1.1px;margin:13px 0}.intro h1 br{display:block}.motion-toggle{right:19px;top:173px;width:29px;height:29px;font-size:10px}.scene-label{display:none}.drag-hint{top:60.7%;font-size:6px;letter-spacing:1.6px}.active-work{bottom:154px;width:calc(100% - 38px)}.work-kicker{font-size:7px;letter-spacing:1.2px;margin-bottom:9px}.active-work h2{font-size:28px;letter-spacing:-.7px;line-height:1.07;max-width:345px}.active-work p{font-size:10px;max-width:300px;margin-top:9px;line-height:1.6}.watch{min-height:43px;margin-top:14px;font-size:10px;padding:10px 20px;gap:13px}.watch-arrow{font-size:16px}.world-nav{bottom:87px;gap:22px}.round-arrow{width:37px;height:37px;font-size:16px}.world-position{font-size:9px;gap:11px}.position-line{width:90px}.bottom{left:23px;right:23px;bottom:max(17px,env(safe-area-inset-bottom));padding-top:10px}.bottom-index{font-size:9px}.enroll{font-size:10px;gap:12px}.sheet-content{padding:23px}.sheet h2{font-size:32px}.sheet-header{padding:10px 14px}.sheet-header .eyebrow{font-size:6.5px}.sheet-lead{font-size:12px;margin:17px 0}.index-card strong{font-size:20px}.video-copy h2{font-size:27px}.video-copy>p{font-size:12px}.filled{font-size:11px}.course-steps h3{font-size:22px}}
@media(max-height:760px) and (max-width:600px){.intro{top:72px}.intro h1{font-size:29px;margin-top:9px}.intro .eyebrow{font-size:6px}.active-work{bottom:143px}.active-work h2{font-size:25px}.active-work p{display:none}.watch{margin-top:13px}.work-kicker{margin-bottom:8px}.drag-hint{top:57.5%}.motion-toggle{top:153px}}
@media(max-height:659px){body{overflow-y:auto}.experience{height:660px}.sheet{max-height:94dvh}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

@media(max-height:760px) and (max-width:600px){.drag-hint{display:none}}

/* The arrow controls carry the swipe affordance without covering long titles. */
.drag-hint{display:none}

.scene canvas[hidden]{display:none}

/* Responsive controls and safe areas; retain native scrolling and pinch zoom. */
.experience{min-height:calc(660px + env(safe-area-inset-top) + env(safe-area-inset-bottom))}
.scene{inset:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
.topbar{top:calc(8px + env(safe-area-inset-top));left:max(5%,env(safe-area-inset-left));right:max(5%,env(safe-area-inset-right))}
.intro{top:calc(86px + env(safe-area-inset-top))}
.motion-toggle{top:calc(100px + env(safe-area-inset-top));width:44px;height:44px}
.index-trigger,.watch,.filters button,.bottom-index,.enroll{min-height:44px}
.round-arrow,.close{width:44px;height:44px;flex-shrink:0}
.world-nav{bottom:calc(83px + env(safe-area-inset-bottom))}
.active-work{bottom:calc(154px + env(safe-area-inset-bottom))}
.bottom{bottom:calc(15px + env(safe-area-inset-bottom));left:max(5%,env(safe-area-inset-left));right:max(5%,env(safe-area-inset-right))}
.sheet{max-width:calc(100% - 24px - env(safe-area-inset-left) - env(safe-area-inset-right));max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}
.sheet h2,.index-card strong{overflow-wrap:anywhere}
.contact-sheet textarea{font-size:16px}
textarea:focus-visible{outline:2px solid #e3bd88;outline-offset:3px}
@media(max-width:600px){
 .topbar{top:calc(5px + env(safe-area-inset-top));left:max(22px,env(safe-area-inset-left));right:max(22px,env(safe-area-inset-right))}
 .intro{top:calc(82px + env(safe-area-inset-top))}
 .motion-toggle{top:calc(167px + env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right))}
 .world-nav{bottom:calc(87px + env(safe-area-inset-bottom))}
 .bottom{bottom:calc(17px + env(safe-area-inset-bottom));left:max(23px,env(safe-area-inset-left));right:max(23px,env(safe-area-inset-right))}
}
@media(max-height:760px) and (max-width:600px){
 .intro{top:calc(72px + env(safe-area-inset-top))}
 .active-work{bottom:calc(143px + env(safe-area-inset-bottom))}
 .motion-toggle{top:calc(147px + env(safe-area-inset-top))}
}

/* Playback feedback remains visible when the connection is interrupted. */
.video-status{padding:14px 24px;color:#ead8c4;font-size:13px;line-height:1.6;background:#17151b}.video-status .filled{margin-top:12px}.video-status[hidden],.video-status [hidden]{display:none}
