*{box-sizing:border-box}
:root{color-scheme:dark;background:#15211d;color:#f1efe4;font-family:Arial,"Noto Sans TC",sans-serif;font-synthesis:none}
body{margin:0;overscroll-behavior-y:none}
html,body{overflow-x:clip}.sw-track{pointer-events:auto}
button,a,input{-webkit-tap-highlight-color:transparent}
button,a{color:inherit}button{font:inherit;cursor:pointer}a{text-decoration:none}
button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #d8dab1;outline-offset:6px}
.sw-root{--sw-bg:#15211d;--sw-ink:#f1efe4;--sw-accent:#c5c99d;--sw-ink-soft:#c3c7b7}
.sw-topbar,.sw-copylayer,.sw-route,.sw-hint,.sw-scrollbar{display:none}
.sw-scene__still{transform:none!important}.sw-scene__video,.sw-scene__still{object-position:center}
.sw-scene__video{opacity:0}.sw-scene.has-clip .sw-scene__video{opacity:1}
.sw-stage::after{content:"";position:absolute;inset:0;z-index:200;background:linear-gradient(180deg,rgba(7,16,12,.55),transparent 25%,transparent 55%,rgba(7,16,12,.72));pointer-events:none}
.masthead{position:fixed;z-index:300;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:36px 4.5vw;gap:24px}
.brand{display:flex;align-items:center;gap:15px;font-size:26px;font-weight:600;letter-spacing:.04em}.brand svg{width:40px;height:40px}.brand small{display:block;margin-top:7px;font-size:8px;letter-spacing:.34em;font-weight:400}

.intro{position:fixed;z-index:220;left:6.5vw;top:30%;pointer-events:none;will-change:opacity;max-width:500px;text-shadow:0 2px 30px #0d191a55}.eyebrow{font-size:10px;letter-spacing:.24em;margin-bottom:27px}.intro h1{font-size:clamp(44px,5.2vw,80px);font-weight:400;line-height:1.08;letter-spacing:-.055em;margin:0 0 25px}.intro h1 em{font-style:normal;color:#d0d5c2}.intro>p:not(.eyebrow){font-size:14px;line-height:1.9;letter-spacing:.08em}.intro button{pointer-events:auto;margin-top:20px;padding:10px 0;border:0;background:none;font-size:12px;letter-spacing:.13em}.intro button span{display:inline-grid;place-items:center;width:35px;height:35px;border:1px solid #e0e4c788;border-radius:50%;margin-left:24px}
.preview-note{position:fixed;z-index:240;right:4.5vw;bottom:150px;max-width:300px;font-size:11px;line-height:1.8;padding:14px 18px;border-left:1px solid #c7d0b455;background:#12241b85;backdrop-filter:blur(12px)}.preview-note>span:first-child{letter-spacing:.08em}.preview-note p{margin:5px 0;color:#c4ccbe}.preview-note #load-state{color:#ced5a6;font-size:10px}.preview-note button{border:0;background:none;text-decoration:underline;margin-left:12px;font-size:11px}
.journey-control{position:fixed;z-index:300;left:4.5vw;right:4.5vw;bottom:35px;display:grid;grid-template-columns:1fr minmax(200px,430px) 1fr;align-items:center;gap:40px;font-size:11px;letter-spacing:.08em}.direction{display:flex;align-items:center;gap:13px;color:#d9deca}.dot{width:5px;height:5px;background:#d4dfa9;border-radius:50%}.timeline-labels{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.12em;color:#c7cdbd}.timeline input{display:block;width:100%;height:26px;margin:5px 0 0;appearance:none;background:transparent;cursor:ew-resize}.timeline input::-webkit-slider-runnable-track{height:2px;background:linear-gradient(90deg,#e7ebd3 var(--position,0%),#e7ebd345 var(--position,0%))}.timeline input::-webkit-slider-thumb{appearance:none;width:9px;height:9px;margin-top:-3.5px;border:0;border-radius:50%;background:#eef2da}.timeline input::-moz-range-track{height:2px;background:#e7ebd345}.timeline input::-moz-range-progress{height:2px;background:#e7ebd3}.timeline input::-moz-range-thumb{width:9px;height:9px;border:0;border-radius:50%;background:#eef2da}.journey-control>button{justify-self:end;border:0;background:none;font-size:11px;letter-spacing:.08em;padding:12px 0}.journey-control>button span{margin-left:12px}.no-script{position:fixed;inset:0;z-index:500;display:grid;place-content:center;gap:20px;background:#15211d}
@media(max-width:860px){.masthead{padding:24px 6vw;align-items:flex-start}.brand{font-size:18px;gap:9px}.brand svg{width:29px;height:29px}.brand small{font-size:6px}.intro{left:6vw;top:22%;max-width:75vw}.intro h1{font-size:44px}.preview-note{left:6vw;right:6vw;bottom:150px;max-width:none;padding:10px 14px;font-size:10px}.journey-control{left:6vw;right:6vw;bottom:calc(20px + env(safe-area-inset-bottom));grid-template-columns:1fr 1fr;gap:15px}.timeline{grid-column:1/-1;grid-row:1}.direction{font-size:10px}.sw-scene__video,.sw-scene__still{object-fit:contain;object-position:center}.sw-stage::after{background:linear-gradient(180deg,#15211d 0%,transparent 35%,transparent 65%,#15211d 95%)}.intro{top:18%}.intro .eyebrow{font-size:8px;margin-bottom:15px}.intro>p:not(.eyebrow){font-size:12px}.intro button{margin-top:0}}
@media(max-width:520px){.masthead{flex-wrap:wrap;gap:18px}.intro h1{font-size:34px}.intro{top:20%}.preview-note{bottom:145px}.preview-note p{line-height:1.6}}
@media(max-height:650px){.intro{top:23%}.intro h1{font-size:38px}.intro .eyebrow{margin-bottom:12px}.intro>p:not(.eyebrow){display:none}.preview-note{bottom:115px}.masthead{padding-top:20px}.journey-control{bottom:20px}}
@media(prefers-reduced-motion:reduce){.intro{opacity:1!important}.intro button{display:none}.sw-scene__still{transform:none!important}}

.proposal-label{display:block;border:1px solid #ecedd540;background:#15211d80;border-radius:30px;padding:10px 16px;font-size:12px;letter-spacing:.04em;backdrop-filter:blur(15px)}
@media(max-width:520px){.proposal-label{font-size:11px;padding:8px 12px;margin-left:auto}}