/* Tusk / an explorable product gallery */
:root{--room-accent:#86efcf;--ease:cubic-bezier(.16,1,.3,1)}
#grain{opacity:.035}#vignette{background:linear-gradient(0deg,#030b13a6,transparent 25%,transparent 78%,#030b1377);pointer-events:none}
#world{background:#071018}
.landing{background:linear-gradient(90deg,rgba(4,12,20,.98),rgba(4,12,20,.90) 25%,rgba(4,12,20,.27) 57%,rgba(4,12,20,.05));padding:0;display:block;z-index:15;isolation:isolate}
.landing.dismissed{pointer-events:none}
.landing:before,.landing:after,.landing-scrim,.landing-light,.landing-grid{display:none}
.exp-nav{display:flex;align-items:center;justify-content:space-between;margin:0 4.2vw;padding:26px 0;border-bottom:1px solid #bad6d524;position:relative;z-index:2}
.exp-brand{color:#f0f8f5;text-decoration:none;display:flex;align-items:center;gap:12px;font-size:23px;font-weight:750;letter-spacing:.12em}
.exp-brand svg{height:35px;width:35px}.exp-brand small{color:#86efcf;font-size:23px;margin-left:-10px}
.exp-nav-note{font-size:10px;letter-spacing:.2em;color:#b6ccce}
.exp-nav button{border:1px solid #bedfd14a;border-radius:5px;background:#10272677;color:#dff6ec;padding:13px 19px;font-size:11px}
.exp-nav button span{margin-left:25px;color:#86efcf}
.exp-copy{position:absolute;left:8.2vw;top:46%;transform:translateY(-42%);width:min(610px,48vw)}
.exp-eyebrow{display:flex;align-items:center;gap:12px;font-size:10px;font-weight:650;letter-spacing:.23em;color:#a9cec7;margin-bottom:27px}
.exp-eyebrow:before{content:'';width:25px;height:1px;background:#86efcf}
.exp-copy h1{font-size:clamp(57px,6.7vw,107px);line-height:.99;letter-spacing:-.065em;font-weight:500;margin:0 0 29px;color:#f2f6f0;text-shadow:none}
.exp-copy h1 em{display:block;font-family:Georgia,serif;font-weight:400;color:#a4ecd5;letter-spacing:-.072em;margin-top:8px}
.exp-copy p{max-width:410px;margin:0 0 31px;color:#adbfca;font-size:15px;line-height:1.85}
.exp-buttons{display:flex;gap:19px;align-items:center}
.exp-enter{display:flex;align-items:center;justify-content:space-between;gap:30px;background:#b3eed8;color:#0b2428;border:0;border-radius:4px;padding:19px 22px;font-weight:700;font-size:12px;min-width:220px;transition:transform .2s}
.exp-enter:hover{transform:translateY(-2px)}.exp-enter span{font-size:20px}
.exp-tour{display:flex;gap:11px;align-items:center;border:0;background:transparent;color:#c5d8d9;font-size:11px;padding:12px 0}
.exp-tour span{display:grid;place-items:center;width:31px;height:31px;border:1px solid #779e9a7a;border-radius:50%;font-size:8px}
.exp-mini{display:flex;gap:26px;margin-top:35px;font-size:9px;color:#8caaa9;letter-spacing:.12em}
.exp-mini b{font-weight:500;color:#d1e5df;margin-right:7px}
.exp-caption{position:absolute;right:5vw;top:46%;width:175px;padding-left:15px;border-left:1px solid #91c8b984;display:flex;flex-direction:column;gap:10px;text-shadow:0 2px 8px #041018}
.exp-caption small{font-size:9px;letter-spacing:.18em;color:#9dd7c8}.exp-caption strong{font-size:20px;letter-spacing:.03em;font-weight:500}.exp-caption span{font-size:10px;color:#bed1d4;line-height:1.7}
.exp-loading{position:absolute;right:5vw;bottom:176px;font-size:9px;letter-spacing:.14em;color:#b2c8c6;transition:opacity .5s}.exp-loading:after{content:'';display:block;width:calc(160px * var(--load-progress,0));height:1px;background:#86efcf;margin-top:12px;transition:width .2s}.scene-ready .exp-loading{opacity:0}
.exp-chapters{position:absolute;bottom:56px;left:8.2vw;right:5vw;border-top:1px solid #adc7c22d;padding-top:19px;display:flex;align-items:center;gap:18px}
.exp-chapters>small{font-size:8px;letter-spacing:.2em;color:#6d9494;max-width:100px;line-height:1.7;margin-right:20px}
.exp-chapters button{background:none;border:0;border-left:1px solid #6c98983d;color:#bfd2d2;text-align:left;font-size:10px;line-height:1.6;padding:0 0 0 17px;min-width:100px;transition:color .2s}
.exp-chapters button:hover{color:#b3eed8}.exp-chapters button span{display:block;color:#76a89c;font-size:8px;letter-spacing:.1em;margin-bottom:5px}
.exp-credits{position:absolute;left:8.2vw;bottom:17px;font-size:8px;letter-spacing:.13em;color:#638582;background:none;border:0;padding:0}
body.world-entered .masthead{padding:21px 32px;background:linear-gradient(#071018cf,transparent);z-index:12}
.mast-center{font-size:8px;margin-left:0;letter-spacing:.18em}.mast-actions{gap:10px}.mast-actions button{letter-spacing:.07em;font-size:9px}.mast-actions .outline-small{border-radius:4px;padding:12px 17px;background:#09202baa}
#assetsBtn{display:none}#qualityText{color:var(--room-accent)}.mast-actions .outline-small{background:#b3eed8;color:#0b2428;border-color:#b3eed8}
.mission-panel{top:88px;left:32px;width:330px;border:0;border-radius:0;background:none;backdrop-filter:none;padding:0;box-shadow:none;gap:15px}
.mission-index{font-size:33px;font-weight:300;color:var(--room-accent);min-width:auto;padding-right:15px;border-right:1px solid #95b6b746;line-height:1}
.mission-index>span:last-child{font-size:9px;margin-left:0;display:block;margin-top:9px;color:#729397}
.mission-detail small{font-size:8px;letter-spacing:.18em;color:#a0b7bc}.mission-detail strong{font-size:19px;font-weight:550;margin:7px 0 6px}.mission-detail>span{font-size:10px;color:#91acb4;line-height:1.55;max-width:240px}
.mission-open{display:none}
#roomBrief{position:fixed;left:32px;bottom:115px;width:295px;z-index:8;padding:20px 21px;background:linear-gradient(135deg,#071822f2,#081a23de);border:1px solid #8badb32b;border-top:2px solid var(--room-accent);backdrop-filter:blur(14px);border-radius:3px;display:none}
body.world-entered #roomBrief{display:block}
#briefKicker{font-size:8px;letter-spacing:.16em;color:var(--room-accent);display:block;line-height:1.7}
#briefTitle{font-size:20px;line-height:1.17;letter-spacing:-.035em;font-weight:550;margin:12px 0;color:#e7f3ee}
#briefBody{font-size:11px;line-height:1.7;color:#9cb5bd;margin:0 0 16px}
#briefTry{border:1px solid #85d9bf55;background:#8ad8bd18;color:#c3eedf;border-radius:3px;padding:11px 13px;text-align:left;width:100%;font-size:10px}
#briefDetails{border:0;color:#a3bfca;border-bottom:1px solid #5274817a;background:none;font-size:10px;padding:0 0 4px;margin:13px 0 15px}
#briefStatus{font-size:9px;line-height:1.7;color:#668b98;display:block;border-top:1px solid #749b9f22;padding-top:10px}#briefStatus.complete{color:#94dabf}
.control-dock{bottom:31px;background:#081822dd;border-radius:4px;border:1px solid #83a5b137;padding:3px 10px;box-shadow:none}
.dock-control{padding:12px 15px;letter-spacing:.08em;font-size:8px}.dock-control>span{color:var(--room-accent);font-size:14px}
.next-waypoint{right:31px;bottom:32px;border:1px solid #83a5b137;background:#081822dd;border-radius:4px;padding:12px 16px;box-shadow:none}
.waypoint-orbit{width:32px;height:32px;background:none;border:1px solid #86c8bc59;border-radius:50%;color:var(--room-accent);font-size:17px}
.next-waypoint>span:last-child{font-size:8px}.next-waypoint small{font-size:10px;color:#c5e0dc}
#worldLabel,.movement-tutorial,.welcome-tip,.guide-narrator,#hotspot,#sideIndex{display:none!important}
body.world-entered .hud{display:flex!important;bottom:0;padding:8px 32px;border:0;background:none;opacity:.6;pointer-events:none}
.hud-left{display:none!important}.hud-right{font-size:7px;gap:8px;margin-left:auto}.hud-right .coords{min-width:110px}
#chapterNav{display:none}#heroContent{display:none}
.holo-screen{width:235px;border-radius:3px;padding:13px 15px;min-height:0;background:linear-gradient(135deg,#09232edb,#102f3de0);border:1px solid #90cec967;box-shadow:0 6px 25px #0003}
.holo-chrome{font-size:8px;letter-spacing:.06em}.holo-screen strong{font-size:16px;letter-spacing:-.01em}.holo-description{font-size:10px;line-height:1.5}.holo-footer{font-size:8px;margin-top:10px;padding-top:10px}.holo-beam{opacity:.32}.portal-screen{width:190px}
#crosshair{opacity:.24}.panel-open #roomBrief{visibility:hidden}
.modal-shell{border-radius:6px;background:linear-gradient(135deg,#122733,#081820);border-color:#719b9b59}
.modal-backdrop{background:#030a13b8;backdrop-filter:blur(11px)}.modal-h2{letter-spacing:-.045em;font-weight:500}.modal-desc{color:#9bb4be}
.action-btn{border-radius:3px}.journey-list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:26px 0}
.journey-list article{border:1px solid #7fa29c2e;padding:24px;background:#18373b3b}.journey-list article>span{font-size:9px;letter-spacing:.12em;color:#9bddca}.journey-list h3{font-size:20px;font-weight:500;letter-spacing:-.035em;line-height:1.2}.journey-list p{font-size:12px;line-height:1.8;color:#99b5bd}
.tour-active #roomBrief{display:none!important}
#inworldUI .mission-panel{min-width:0;background:none!important;border:0!important;border-radius:0!important;backdrop-filter:none;box-shadow:none;padding:0}
@media(max-width:1100px){.exp-copy{left:6vw;width:53vw}.exp-copy h1{font-size:clamp(54px,7.4vw,89px)}.exp-chapters{left:6vw;gap:7px}.exp-chapters>small{display:none}.exp-chapters button{min-width:88px;padding-left:12px}.exp-caption{right:3vw;width:140px}.mast-center{display:none}}
@media(max-width:760px){#audioBtn{display:none}.mast-actions #settingsBtn{display:block;font-size:0;padding:9px}#settingsBtn #qualityText{font-size:9px;margin:0}.control-dock{width:auto;max-width:none}#inworldUI .mission-panel{width:260px;top:76px;left:17px}}
@media(max-width:760px){.exp-nav{padding:18px 0;margin:0 22px}.exp-nav-note{display:none}.exp-brand{font-size:19px}.exp-copy{left:27px;width:calc(100vw - 54px);top:40%;transform:translateY(-40%)}.exp-copy h1{font-size:clamp(49px,9vw,70px);line-height:1.0}.exp-copy p{max-width:330px;font-size:12px;line-height:1.8}.exp-eyebrow{font-size:8px;margin-bottom:20px}.landing{background:linear-gradient(90deg,#041018ef,#041018b0 65%,#04101888)}.exp-caption{display:none}.exp-buttons{gap:13px}.exp-enter{min-width:185px;font-size:10px;padding:16px 18px;gap:12px}.exp-tour{font-size:9px}.exp-mini{font-size:7px;gap:12px;margin-top:24px}.exp-chapters{left:27px;right:22px;bottom:40px;display:grid;grid-template-columns:repeat(3,1fr);row-gap:13px;padding-top:14px}.exp-chapters button{font-size:9px;min-width:0}.exp-credits{left:27px;bottom:13px;font-size:7px}.masthead{padding:15px!important}.masthead .wordmark{font-size:18px}.masthead .tusk-icon{height:26px;width:26px}.mast-actions{gap:7px}.mast-actions .outline-small{padding:10px 12px}.mission-panel{left:17px;top:74px;width:260px}.mission-detail strong{font-size:16px}.mission-detail>span{display:none}.mission-index{font-size:28px}.mission-detail small{font-size:7px}#roomBrief{left:17px;bottom:95px;width:250px;padding:15px}#briefTitle{font-size:18px;margin:8px 0}#briefBody{font-size:10px;margin-bottom:11px}#briefStatus{display:none}#briefDetails{margin-bottom:0}#briefKicker{font-size:7px}#briefTry{padding:9px 10px}.control-dock{left:17px;right:auto;transform:none;bottom:25px;padding:2px 4px}.dock-control{font-size:0;padding:10px 12px}.dock-control span{font-size:17px}.next-waypoint{right:17px;bottom:25px;padding:9px 11px}.next-waypoint>span:last-child{display:none}.waypoint-orbit{width:29px;height:29px}.hud{padding:5px 17px!important}.hud-right{font-size:6px}.hud-right .coords{display:none}.journey-list{grid-template-columns:1fr;gap:10px}.journey-list article{padding:16px}.modal-body{padding:25px 22px}.exp-loading{bottom:160px;right:22px;font-size:7px}.holo-screen{width:180px}.holo-description{display:none}}

