/* Typography updated: 2026-10-10 19:59 +08:00 */
/* Updated 2026-10-10 19:03 +08:00 */
.project-intro{padding:110px 6% 80px;background:#121510}.project-intro h2{font-size:clamp(38px,5.5vw,86px);font-weight:400;line-height:1.25;letter-spacing:-3px}.project-intro em{font-style:normal;color:#9aad7c}.project-intro nav{margin-top:50px;display:flex;flex-wrap:wrap;gap:14px 32px}.project-intro nav a{font-size:12px;border-bottom:1px solid #ffffff33;padding-bottom:12px}.project-intro small{margin-right:14px;color:#a0b17c;font-size:12px}.panorama{height:200svh;position:relative;scroll-margin-top:0;--scene-ink:#e7f9ff;--scene-accent:#98e8ed;background:#0c161a}.panorama-sticky{position:sticky;top:0;height:100svh;min-height:620px;overflow:hidden;isolation:isolate}.scene-host{position:absolute;inset:0;z-index:-3;overflow:hidden;background:radial-gradient(ellipse at 70% 45%,#30494b,#101a20 66%)}.scene-host canvas{display:block;width:100%;height:100%}.scene-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:35vw;font-weight:700;opacity:.18;color:#8dafbb;line-height:1}.scene-fallback span{position:absolute;bottom:15%;font-size:4vw}.scene-host.ready .scene-fallback{display:none}.scene-shade{position:absolute;inset:0;background:linear-gradient(90deg,#071014c9 0%,#07101475 24%,transparent 56%),linear-gradient(0deg,#071014bd,transparent 25%);z-index:-1;pointer-events:none}.panorama-top{position:absolute;left:5%;right:5%;top:35px;display:flex;justify-content:space-between;gap:16px;align-items:center;font-size:12px;letter-spacing:1.5px;color:#c4d9d9}.project-status{font-size:12px;letter-spacing:0;border:1px solid #b6d9d344;border-radius:20px;padding:7px 12px}.panorama-copy{position:absolute;top:24%;left:6%;width:34%;max-width:550px;color:var(--scene-ink)}.panorama-name{font-size:15px;letter-spacing:.5px;margin:0 0 22px;color:var(--scene-accent)}.panorama-copy h2{font-size:clamp(36px,4.3vw,68px);line-height:1.22;letter-spacing:-2.5px;font-weight:500;text-shadow:0 3px 30px #020b1355}.panorama-desc{font-size:12px;line-height:2;max-width:330px;color:#bfcecc;margin:25px 0}.scene-options{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 20px}.scene-options button,.scene-play{padding:10px 14px;border:1px solid #b5d7d14a;border-radius:24px;background:#09151880;font-size:12px;color:#c9d8d4;backdrop-filter:blur(8px)}.scene-options button[aria-pressed=true]{color:#08201e;background:var(--scene-accent);border-color:var(--scene-accent)}.scene-options button:hover{border-color:var(--scene-accent)}.scene-actions{display:flex;gap:23px;align-items:center;margin-top:25px;flex-wrap:wrap}.scene-actions a{font-size:12px;border-bottom:1px solid var(--scene-accent);padding:8px 0}.scene-pause{border:0;background:#06101455;font-size:12px;padding:8px;color:#b5c8c5;border-radius:3px}.scene-caption{position:absolute;bottom:32px;left:5%;right:5%;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#b2c6c5;line-height:1.7}.scroll-cue{white-space:nowrap;color:var(--scene-accent)}.scene-progress{position:absolute;height:2px;bottom:0;left:0;right:0;background:#ffffff11}.scene-progress span{height:100%;display:block;background:var(--scene-accent);width:0%}.cryptoquantlab{--scene-accent:#a9a4ff;--scene-ink:#eeeaff}.cryptoquantlab .scene-host{background:radial-gradient(ellipse at 70% 50%,#262b51,#0d1222 70%)}.interactive-worlds{--scene-accent:#e8c483;--scene-ink:#fff0cf}.interactive-worlds .scene-host{background:radial-gradient(ellipse at 70% 50%,#5c6650,#222f2c 75%)}.interactive-worlds .scene-shade{background:linear-gradient(90deg,#112322d4,#11232277 28%,transparent 58%),linear-gradient(0deg,#101f22d9,transparent 30%)}.digital-content{height:165svh;--scene-accent:#ffd3d8}.digital-content .scene-shade{background:linear-gradient(90deg,#271921e8,#27192188 30%,transparent 70%),linear-gradient(0deg,#271921e8,transparent 30%)}.digital-content .scene-host{background:#352a30}.panorama-video{width:100%;height:100%;object-fit:cover;object-position:65% center;transform:scale(1.03);display:block}.digital-content .panorama-copy{top:25%}.digital-content .panorama-desc{color:#eee0de}.scene-play{margin:15px 0 0}.project-page .project-header{position:absolute;height:85px;z-index:10;display:flex;gap:20px;padding:0 5%;background:linear-gradient(#061014bb,transparent)}.project-header>a:not(.brand){font-size:12px}.project-page .panorama-top{top:110px}.project-page .panorama-copy{top:29%}.project-story{padding:110px 10%;background:#edece4;color:#22291c}.project-story h2{font-size:clamp(35px,6vw,80px);letter-spacing:-2px}.project-story>p{font-size:15px;max-width:680px;line-height:2.2;margin:35px 0 60px}.project-story>div{display:flex;gap:30px;flex-wrap:wrap}.project-story>div span{border-top:1px solid #22291c44;padding-top:22px;font-size:16px;flex:1;min-width:180px}.project-story small{display:block;font-size:12px;margin-bottom:16px;color:#738265}.next-project{display:block;border-top:1px solid #22291c44;margin-top:100px;padding-top:25px;font-size:12px}.next-project strong{display:block;font-size:clamp(28px,4vw,55px);font-weight:400;margin-top:18px}.reduced .panorama{height:110svh}.reduced .panorama-sticky{position:relative}.reduced .scroll-cue{visibility:hidden}.scene-host.failed:after{content:'靜態展示模式';position:absolute;right:7%;top:50%;font-size:12px;color:#cbd5cf}.scene-host.failed canvas{display:none}@media(min-width:1600px){.panorama-copy{left:8%}}@media(max-width:950px){.panorama-copy{width:40%;left:5%;top:26%}.panorama-copy h2{font-size:42px}.panorama-desc{font-size:12px;max-width:260px}.scene-options button{padding:9px 11px;font-size:12px}.scene-actions{gap:14px}.scene-caption{font-size:12px}}@media(max-width:650px){.project-intro{padding:65px 7%}.project-intro h2{font-size:39px;letter-spacing:-2px}.project-intro nav{display:grid;grid-template-columns:1fr 1fr;gap:20px}.project-intro nav a{font-size:12px}.panorama{height:180svh}.panorama-sticky{height:100svh;min-height:690px}.panorama-top{top:26px;left:6%;right:6%;font-size:12px;gap:8px}.panorama-top>span:nth-child(2){font-size:12px;letter-spacing:1px;text-align:right}.project-status{display:none}.panorama-copy,.digital-content .panorama-copy{left:7%;right:7%;top:auto;bottom:87px;width:auto;max-width:none}.panorama-name{font-size:12px;margin-bottom:10px}.panorama-copy h2{font-size:33px;line-height:1.15;letter-spacing:-1.5px}.panorama-copy h2 br{display:none}.panorama-desc{font-size:12px;line-height:1.8;max-width:100%;margin:13px 0}.scene-options{margin:15px 0 10px}.scene-actions{margin-top:12px;gap:22px}.scene-actions a{font-size:12px}.scene-pause{font-size:12px}.scene-shade{background:linear-gradient(0deg,#071014f5 0%,#071014dd 25%,transparent 60%)}.interactive-worlds .scene-shade{background:linear-gradient(0deg,#122325fa,#122325d9 25%,transparent 60%)}.digital-content .scene-shade{background:linear-gradient(0deg,#271921f5,#271921d9 28%,transparent 65%)}.scene-caption{bottom:20px;left:7%;right:7%;display:block;font-size:12px}.scroll-cue{display:block;margin-top:7px}.scene-options button{font-size:12px;padding:8px 13px}.panorama-video{object-position:58% 25%}.digital-content .scene-play{padding:8px 13px;font-size:12px;margin:3px 0}.project-page .project-header{height:72px}.project-header .brand{font-size:23px}.project-header>a:not(.brand){font-size:12px}.project-page .panorama-top{top:87px}.project-page .panorama-copy{top:auto;bottom:87px}.project-story{padding:65px 7%}.project-story>p{font-size:12px}.project-story>div{gap:20px}.project-story>div span{min-width:100%;font-size:15px}.next-project{margin-top:60px}.reduced .panorama{height:auto;min-height:100svh}}@media(prefers-reduced-motion:reduce){.panorama{height:auto;min-height:100svh}.panorama-sticky{position:relative}}

/* Night scene adjustment 2026-10-10 19:14 +08:00 */
.interactive-worlds.is-night .scene-host{background:radial-gradient(ellipse at 65% 40%,#15394a,#08151d 75%)}

/* Mobile title rhythm 2026-10-10 19:18 +08:00 */
@media(max-width:650px){.panorama-copy h2 br{display:block}.panorama-copy h2{font-size:31px}}