@import url('./practical.css');
:root{color-scheme:dark;--bg:#101b26;--ink:#eef1ea;--dim:#9cabb6;--line:#ffffff16;--mint:#caf4ce;--blue:#aabaff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--mint);outline-offset:5px}a{color:inherit;text-decoration:none}.topbar{height:88px;border-bottom:1px solid var(--line);padding:0 5vw;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:4;background:#101b26}.brand{display:flex;align-items:center;gap:11px;font-size:21px;letter-spacing:3px;font-weight:650}.brand i{display:grid;place-content:center;border:1px solid #768d9b;width:33px;height:33px;transform:rotate(-8deg);font-style:normal;font-size:21px;letter-spacing:0}.brand span{font-size:9px;letter-spacing:2px;color:var(--dim);border-left:1px solid #657482;margin-left:15px;padding:8px 0 8px 22px}.chapter,.eyebrow{font-size:10px;letter-spacing:2.1px;color:var(--dim);font-weight:600}.small-btn,.back{background:none;color:#d3dedf;border:0;font-size:12px;padding:10px}.small-btn{border:1px solid #ffffff25;border-radius:30px;padding:11px 18px}.bottom{padding:18px 5vw;display:flex;justify-content:space-between;color:#81929d;font-size:10px;letter-spacing:1px;border-top:1px solid var(--line);position:relative;z-index:2}.bottom i{display:inline-block;width:5px;height:5px;background:#a8dab7;border-radius:50%;margin-right:8px}h1,h2,h3,p{margin:0}h1{font-size:clamp(42px,4.9vw,76px);line-height:1.07;letter-spacing:-3.5px;font-weight:480}h1 em{font-style:normal;color:var(--mint)}.primary{border:0;background:var(--mint);color:#162b2a;min-height:54px;padding:16px 23px;border-radius:8px;display:inline-flex;align-items:center;justify-content:space-between;gap:32px;font-size:14px;font-weight:650;box-shadow:0 8px 30px #0002;transition:transform .2s,background .2s}.primary:hover:enabled{background:#e0ffde;transform:translateY(-2px)}.welcome{min-height:calc(100vh - 139px);display:grid;grid-template-columns:1.1fr 1fr;position:relative;overflow:hidden;padding:5vh 7vw 5vh;background:radial-gradient(ellipse at 77% 58%,#35495666,transparent 50%),linear-gradient(110deg,#101b26,#15232e)}.intro-copy{position:relative;z-index:2;padding-top:10px}.intro-copy .eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:30px}.line{width:30px;height:1px;background:var(--mint)}.intro-copy p{color:#b3c0c8;line-height:1.7;margin:26px 0 28px;font-size:16px}.identity{display:flex;flex-direction:column;gap:9px;width:285px;margin-bottom:18px}.identity label{font-size:9px;letter-spacing:2px;color:#98a9b5}.identity input{background:transparent;border:0;border-bottom:1px solid #70828e;color:var(--ink);padding:8px 0;font-size:20px;width:100%;border-radius:0}.intro-copy .primary{width:285px}.continue{display:block;font-size:11px;color:#98a9b5;margin-top:18px}.hero-stage{position:relative;min-height:560px}.hero-stage canvas{position:absolute;width:100%;height:100%;z-index:2;opacity:0;transition:opacity 1s}.hero-stage canvas.ready{opacity:1}.hero-fallback{position:absolute;height:80%;width:auto;max-width:85%;object-fit:contain;left:50%;top:8%;transform:translateX(-50%);opacity:.15;mask-image:linear-gradient(transparent,#000 20%,#000 70%,transparent)}.hero-stage:has(canvas.ready) .hero-fallback{opacity:0}.hero-stage:has(canvas.failed) .hero-fallback{opacity:1}.orbit{position:absolute;left:50%;top:50%;border:1px solid #8aabc324;border-radius:50%;transform:translate(-50%,-50%)}.o1{width:90%;aspect-ratio:1}.o2{width:105%;aspect-ratio:1;border-style:dashed;opacity:.45}.hero-coordinate{position:absolute;right:10%;top:4%;font:9px monospace;letter-spacing:2px;color:#93acbd}.hero-caption{position:absolute;bottom:5%;left:0;right:0;margin:auto;width:260px;background:#1c2c39d9;backdrop-filter:blur(15px);padding:16px 20px;border:1px solid #a4bfdc30;border-radius:8px;z-index:3}.hero-caption span{display:block;font-size:8px;letter-spacing:2px;color:#92a8b8;margin-bottom:8px}.hero-caption strong{font-size:16px;font-weight:450}.hero-caption i{position:absolute;right:20px;top:34px;color:#bdd5f5;font-size:9px}.chapter-label{position:absolute;bottom:4%;right:3%;color:#8699a9;font-size:40px;font-weight:200;display:flex;align-items:center;gap:12px}.chapter-label span{font-size:8px;line-height:1.8;letter-spacing:2px}.campus{min-height:700px;height:calc(100vh - 139px);position:relative;overflow:hidden}.campus-bg{width:100%;height:100%;object-fit:cover;position:absolute;filter:brightness(.65) saturate(.65)}.campus-shade{position:absolute;inset:0;background:linear-gradient(90deg,#101b26eb,transparent 70%),linear-gradient(0deg,#101b26,transparent 30%)}.campus-title{position:absolute;top:42px;left:5vw}.campus-title h1{font-size:60px;margin:20px 0}.campus-title p{font-size:14px;color:#ccd5d7}.stations{position:absolute;inset:0 0 155px;pointer-events:none}.station{position:absolute;display:flex;align-items:center;gap:10px;pointer-events:auto;background:transparent;border:0;color:var(--ink);text-align:left;transition:transform .2s}.station:hover{transform:translateY(-5px)}.station-pin{width:55px;height:55px;display:grid;place-content:center;font-size:24px;border:1px solid var(--job);color:var(--job);background:#132331ed;border-radius:50%;box-shadow:0 0 0 7px #17293855,0 10px 35px #0008}.station-label{background:#152531eb;border:1px solid #abc1d630;padding:12px 17px;backdrop-filter:blur(8px);border-radius:8px}.station-label small{display:block;font-size:8px;color:var(--job);letter-spacing:1.5px;margin-bottom:6px}.station-label strong{font-size:13px;font-weight:500}.station-0{left:48%;top:20%}.station-1{left:67%;top:43%}.station-2{left:29%;top:58%}.station-3{left:57%;top:76%}.station-4{left:5%;top:82%}.station.done .station-pin{background:var(--job);color:#142730}.mentor{position:absolute;bottom:28px;left:5vw;right:5vw;display:flex;align-items:center;gap:22px;padding:22px 24px;border:1px solid #829bad40;background:#172733e8;backdrop-filter:blur(18px);border-radius:12px}.mentor-avatar{border:1px solid #8da5b6;border-radius:50%;width:46px;height:46px;display:grid;place-content:center;flex-shrink:0;color:#bacfdb;font-size:12px}.mentor small{font-size:8px;letter-spacing:1.5px;color:#93abbc}.mentor p{font-size:13px;line-height:1.6;max-width:440px;margin-top:8px}.hub-progress{margin-left:auto;min-width:105px}.hub-progress b{font-size:32px;font-weight:400;display:block}.hub-progress b span{color:#8197a8;font-size:20px}.hub-progress small{font-size:7px}.mentor .primary{font-size:12px;white-space:nowrap;gap:8px}.workbench{max-width:1150px;margin:auto;padding:28px 35px 40px;min-height:calc(100vh - 139px)}.workbar{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#a0b5c2;border-bottom:1px solid var(--line);padding-bottom:20px}.workbar .back{padding-left:0}.live-dot{color:#aad4c4}.boss-clock{color:#ffcba8;font-size:22px;font-weight:450;font-variant-numeric:tabular-nums}.task-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin:32px 0}.task-heading h1{font-size:38px;letter-spacing:-1px;margin-top:12px}.task-heading p{font-size:13px;color:#a9bdc7;line-height:1.6;max-width:290px}.task-finish{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px}.task-finish:empty{display:none}.task-finish strong{display:block;font-size:18px;font-weight:450;margin-top:8px}.choice{max-width:1250px;margin:0 auto;min-height:calc(100vh - 139px);display:grid;grid-template-columns:1fr 1.2fr;gap:8vw;padding:60px 50px}.choice-head .back{display:block;padding:0;margin-bottom:50px}.choice h1{margin-top:20px}.choice-head p{color:#9db2c0;line-height:1.8;font-size:14px;margin-top:28px}.choice-list{display:flex;flex-direction:column;justify-content:center}.role-choice{display:flex;align-items:center;gap:22px;background:none;color:var(--ink);border:0;border-bottom:1px solid var(--line);padding:23px 0;text-align:left}.role-choice:hover:enabled{background:#ffffff06}.role-choice small{font-size:8px;letter-spacing:1px;color:#8fa8bb}.role-choice h2{font-size:21px;font-weight:450;margin-top:8px}.role-choice>span:last-child{margin-left:auto;font-size:24px}.role-symbol{font-size:35px;width:50px;text-align:center}.interlude{min-height:calc(100vh - 139px);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:45px 20px;background:radial-gradient(ellipse at 50% 20%,#603f382e,transparent 60%)}.interlude h1{margin:24px 0}.interlude h1 em{color:#edc8a8}.interlude p{color:#a7bbc5;line-height:1.8;margin-bottom:26px;font-size:14px}.interlude .back{margin-top:18px}.alarm-orbit{width:55px;height:55px;border-radius:50%;border:1px solid #e0bb92;box-shadow:0 0 0 14px #e0bb9206;color:#f1c095;display:grid;place-content:center;margin-bottom:32px;font-size:27px}.offer{min-height:calc(100vh - 139px);display:grid;place-items:center;padding:50px 20px;background:radial-gradient(ellipse,#45656335,transparent 70%)}.offer-paper{width:630px;max-width:100%;border:1px solid #b4d0c62a;border-radius:18px;background:linear-gradient(140deg,#21383e,#172733);padding:42px 50px;position:relative}.offer h1{font-size:52px;margin-top:30px}.seal{position:absolute;right:40px;top:35px;border:1px solid #a9d8c9;border-radius:50%;width:55px;height:55px;display:grid;place-content:center;color:var(--mint);font-size:22px}.offer-role{border-top:1px solid #ffffff20;border-bottom:1px solid #ffffff20;margin:30px 0;padding:20px 0}.offer-role small,.offer-role span{font-size:9px;letter-spacing:1.5px;color:#a4c0c7}.offer-role h2{font-size:25px;font-weight:450;margin:12px 0}.offer p{font-size:14px;color:#b9c8cb;line-height:1.8;margin-bottom:25px}.save-note{display:block;font-size:10px;color:#8faaa9;margin-top:18px}#announcement:not(:empty){position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:20;padding:16px 24px;background:#234849;border:1px solid #a3c8bf;border-radius:10px;max-width:90vw;font-size:13px}
@media(min-width:1600px){.welcome{padding-top:8vh}.hero-stage{min-height:650px}}@media(max-width:1000px){.chapter{display:none}.welcome{padding:40px}.hero-stage{min-height:520px}h1{font-size:50px}.brand span{display:none}.mentor{flex-wrap:wrap;gap:12px;bottom:15px}.mentor p{max-width:340px}.hub-progress{display:none}.mentor .primary{margin-left:auto}.station-label{padding:10px}.station-1{left:62%}.station-3{left:55%}.station-2{left:28%}.choice{padding:45px 30px;gap:40px}}@media(max-width:700px){.topbar{height:70px;padding:0 22px}.bottom{font-size:8px;gap:14px;padding:17px 22px}.small-btn{font-size:10px;padding:9px 12px}.welcome{padding:30px 25px;grid-template-columns:1fr;overflow:visible}.intro-copy h1{font-size:46px;letter-spacing:-2px}.intro-copy .eyebrow{font-size:8px;margin-bottom:22px}.intro-copy p{font-size:14px;margin:20px 0}.hero-stage{min-height:430px;grid-row:2}.hero-coordinate{top:5%}.chapter-label{display:none}.intro-copy .primary,.identity{width:100%}.campus{height:auto;min-height:1030px}.campus-title{top:30px;left:25px}.campus-title h1{font-size:46px}.stations{position:relative;padding:290px 25px 220px;inset:auto;display:flex;flex-direction:column;gap:18px}.station{position:relative;left:auto;top:auto;width:100%;padding:0}.station-label{flex:1;padding:13px 18px}.mentor{left:20px;right:20px;bottom:24px;padding:20px}.mentor-avatar{display:none}.mentor .primary{width:100%;margin:10px 0 0}.mentor p{max-width:100%}.workbench{padding:18px}.workbar{gap:10px;font-size:8px}.live-dot{display:none}.task-heading{display:block;margin:26px 0}.task-heading h1{font-size:30px}.task-heading p{margin-top:16px;max-width:none}.task-finish{align-items:stretch;flex-direction:column}.choice{grid-template-columns:1fr;padding:35px 25px;gap:30px}.choice-head .back{margin-bottom:25px}.choice h1{font-size:48px}.role-choice{gap:14px}.role-choice h2{font-size:18px}.role-choice small{font-size:7px}.offer-paper{padding:35px 25px}.offer h1{font-size:42px}.seal{width:35px;height:35px;right:24px;top:26px}.offer .eyebrow{font-size:8px}.interlude h1{font-size:52px}.hero-caption{bottom:0}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* Exhibition build: typography belongs to the environment, not a marketing landing page. */
:root{--bg:#18232a;--mint:#c6d2b3;--blue:#a5bdc8}.topbar{background:#18232a;height:72px}.brand{font-weight:500;font-size:18px;letter-spacing:4px}.brand i{border-radius:0;transform:none;font-weight:400}.brand span{font-size:8px}.chapter{font-family:monospace;letter-spacing:1.5px}.primary{background:#c6d2b3;border-radius:3px;box-shadow:none;font-weight:500}.small-btn{border-radius:3px;font-size:10px}.welcome{background:radial-gradient(ellipse at 75% 45%,#54717a42,transparent 55%),#18232a}.intro-copy h1{font-size:clamp(50px,5vw,78px);font-weight:400;letter-spacing:-3px}.intro-copy .eyebrow{font-family:monospace;font-size:9px}.intro-copy p{max-width:350px;font-size:15px;color:#a9b9bf}.hero-caption{border-radius:3px;background:#22343bcc;backdrop-filter:blur(8px)}.hero-caption strong{font-size:15px}.orbit{border-color:#9bb4bb18}.o2{display:none}.hero-coordinate{font-size:8px}.campus canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .7s}.campus canvas.ready{opacity:1}.campus-shade{pointer-events:none;background:linear-gradient(90deg,#18232ad9,transparent 65%),linear-gradient(0deg,#18232ae6,transparent 35%)}.campus-title{pointer-events:none}.campus-title h1{font-size:48px;font-weight:400;letter-spacing:-2px}.station-pin{border-radius:8px;box-shadow:0 10px 25px #0005;background:#223039ea}.station-label{border-radius:3px;background:#223039ed}.mentor{border-radius:4px;background:#203139ed;border-color:#819ba140}.workbench{max-width:1500px;padding:18px 4vw 28px}.workbar{padding-bottom:12px}.task-heading{margin:22px 0;align-items:center}.task-heading h1{font-size:32px;font-weight:450;letter-spacing:-.8px;margin-top:9px}.task-heading p{display:none}.task-heading .eyebrow{font:8px monospace;letter-spacing:1.5px}.workbar .back{font-size:11px}.task-finish{border-top:1px solid #8aa1ab33;padding-top:20px}.task-finish strong{font-size:16px;font-weight:400}.choice h1{font-weight:400}.choice-list{gap:0}.role-choice{border-radius:0}.interlude h1{font-weight:400}.offer-paper{border-radius:4px;background:#22363c}.offer h1{font-weight:400}.offer-role h2{font-weight:400}.offer .seal{border-radius:2px}.bottom{font-family:monospace;font-size:8px}.campus{height:calc(100vh - 119px);min-height:660px}
@media(max-width:700px){.welcome{padding:28px 24px}.intro-copy h1{font-size:52px}.workbench{padding:15px 10px}.task-heading{margin:18px 4px}.task-heading h1{font-size:26px}.task-heading .eyebrow{font-size:7px}.campus{height:auto;min-height:1030px}.campus-title h1{font-size:42px}.topbar{padding:0 18px}.brand{font-size:16px;gap:8px}.hero-stage{min-height:430px}}

.campus:has(canvas.ready) .campus-bg{opacity:0}.campus canvas.ready{transition:none}
/* Warm workshop art direction; restrained colour carries through the surrounding UI. */
:root{--bg:#1c303b;--ink:#f0f1e6;--dim:#a4babd;--mint:#d5dfbd;--line:#a7c5bd24}body{background:radial-gradient(ellipse at 20% 0,#38576355,transparent 70%),#1c303b}.topbar{background:#1b303be8;border-bottom-color:#9fbbb729}.brand i{border-color:#9fb9b7;color:#e7e4ca}.brand span{border-color:#718e94;color:#abc0bd}.primary{background:#d5dfbd;color:#253d38;border-radius:6px;box-shadow:0 6px 16px #0d222322}.primary:hover:enabled{background:#e4ebd0}.workbar{border-color:#95b1b227}.task-heading{margin:23px 0 24px}.task-heading h1{font-size:34px;letter-spacing:-1px;color:#ecefe5}.task-heading .eyebrow{color:#a6bcb8}.workbar>span{color:#a9c6c2}.welcome{background:radial-gradient(ellipse at 77% 47%,#74939755,transparent 51%),linear-gradient(120deg,#1b2f3a,#2c4650)}.hero-caption{background:#29444fdf;border-color:#b2c9bd44;box-shadow:0 15px 40px #0d243622;border-radius:8px}.hero-caption span{color:#aec6c4}.hero-coordinate{color:#b6c9bf}.hero-stage .o1{border-color:#b1c8b934}.intro-copy h1 em{color:#d5dfbd}.identity input{border-color:#789897}.chapter-label{color:#94b0ae}.bottom{color:#92adac;border-color:#90aaa829}.small-btn{border-color:#91b1b044;border-radius:5px;color:#cbdbd3}.station-pin{background:#2a424ddd;border-color:#bdd5ca;border-radius:13px}.station-label{background:#263e49e8;border-color:#b4cbc03b;border-radius:7px}.mentor{background:#223e48e8;border-radius:10px;border-color:#bdd1c33b}.mentor-avatar{color:#d4e0ce;border-color:#8faead}.campus-shade{background:linear-gradient(90deg,#203944d9,transparent 70%),linear-gradient(0deg,#1b323be8,transparent 40%)}.choice-list .role-choice:hover:enabled{background:#95bab210}.offer-paper{border-radius:12px;border-color:#b6d0c54a;background:linear-gradient(135deg,#34544f,#263e4d)}.offer .seal{border-radius:50%;color:#d4e6bb}.interlude{background:radial-gradient(ellipse at 50% 20%,#bd997425,transparent 60%)}
@media(max-width:700px){.task-heading h1{font-size:26px}.task-heading{margin:18px 4px}}

@media(min-width:701px){.stations .station-0{left:20%;top:48%}.stations .station-1{left:51%;top:39%}.stations .station-2{left:73%;top:57%}}