@layer od-layout{:where(.od-stack,.od-row,.od-row-top,.od-cluster,.od-grid,.od-field,.od-stat,.od-cell,.od-tile)>:where(*){min-width:0}.od-stack{gap:var(--od-gap,8px);flex-direction:column;display:flex}.od-row{align-items:center;gap:var(--od-gap,8px);display:flex}.od-cluster{align-items:center;gap:var(--od-gap,8px);flex-wrap:wrap;display:flex}.od-fill{flex:1 1 0;min-width:0}.od-fixed{flex:none}.od-media{width:100%;height:auto;aspect-ratio:var(--od-ratio,auto);display:block}.od-media-cover{object-fit:cover}.od-truncate{white-space:nowrap;text-overflow:ellipsis;max-width:100%;display:block;overflow:hidden}.od-nowrap{white-space:nowrap}.od-keep{word-break:keep-all;overflow-wrap:anywhere}.od-touch{min-width:44px;min-height:44px}}:root{--ink:#0b0c0f;--ink-2:#0e1014;--surface:#14161c;--surface-2:#1a1d24;--line:#ffffff17;--line-2:#ffffff29;--text:#f4f2ec;--muted:#9da0aa;--dim:#6e727c;--amber:#e9a13b;--amber-2:#f6c46a;--amber-soft:#e9a13b24;--cool:#5fb4c7;--danger:#e06a6a;--maxw:1120px;--rad-sm:8px;--rad:14px;--rad-lg:22px;--ease:cubic-bezier(.16, .84, .32, 1);--pad:clamp(20px, 5vw, 44px);--font-display:"Space Grotesk", "Noto Sans TC", system-ui, -apple-system, "Segoe UI", sans-serif;--font-body:"Noto Sans TC", system-ui, -apple-system, "Segoe UI", "PingFang TC", "Microsoft JhengHei", sans-serif;--font-mono:"SFMono-Regular", Consolas, Menlo, monospace;--hud:64px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-snap-type:y mandatory;-webkit-text-size-adjust:100%;background:var(--ink)}body{background:var(--ink);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:contain;margin:0;font-size:16px;line-height:1.7;overflow-x:hidden}body.overlay-open{overflow:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}:focus-visible{outline:2px solid var(--amber);outline-offset:3px;border-radius:4px}::selection{background:var(--amber);color:#0b0c0f}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.wrap{width:100%;max-width:var(--maxw);padding-inline:var(--pad);margin-inline:auto}h1,h2,h3{font-family:var(--font-display);margin:0;line-height:1.15}.eyebrow{font-family:var(--font-mono);letter-spacing:.26em;text-transform:uppercase;color:var(--amber);margin:0;font-size:.72rem;font-weight:600}.progress{z-index:200;background:linear-gradient(90deg, var(--amber-2), var(--amber));width:0;height:2px;transition:width .2s linear;position:fixed;top:0;left:0}.hud{height:var(--hud);z-index:150;pointer-events:none;background:linear-gradient(#0b0c0fb8,#0b0c0f00);align-items:center;display:flex;position:fixed;inset:0 0 auto}.hud .wrap{pointer-events:none;justify-content:space-between;align-items:center;gap:14px;display:flex}.hud .wrap>*{pointer-events:auto}.brand{flex:none;align-items:center;gap:11px;display:flex}.hud-nav{align-items:center;gap:8px;display:flex}.hud-link{color:var(--muted);border-radius:99px;align-items:center;gap:7px;min-height:44px;padding:9px 12px;font-size:.86rem;transition:color .2s,background .2s;display:inline-flex}.hud-link:hover{color:var(--text);background:#ffffff0f}.hud-cta{white-space:nowrap;background:var(--amber);color:#1a1204;min-height:44px;transition:transform .2s var(--ease), box-shadow .2s;border-radius:99px;align-items:center;gap:8px;padding:10px 18px;font-size:.85rem;font-weight:500;display:inline-flex}.hud-cta:hover{transform:translateY(-1px);box-shadow:0 10px 26px #e9a13b4d}.hud-back{color:var(--text);border:1px solid var(--line-2);border-radius:99px;align-items:center;gap:7px;min-height:44px;padding:9px 14px;font-size:.86rem;transition:background .2s,border-color .2s;display:inline-flex}.hud-back:hover{background:#ffffff12}.hud-back[hidden]{display:none}.hero{isolation:isolate;align-items:center;min-height:100svh;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:-2;will-change:transform;position:absolute;inset:-4%}.hero-bg img{object-fit:cover;object-position:60% 42%;filter:grayscale(.55)brightness(.42)contrast(1.1);width:100%;height:100%}.hero-bg:after{content:"";background:linear-gradient(180deg, #0b0c0fb8 0%, #0b0c0f80 36%, #0b0c0fe6 80%, var(--ink) 100%), radial-gradient(70% 60% at 78% 18%, #e9a13b38, transparent 62%), radial-gradient(60% 55% at 10% 90%, #5fb4c726, transparent 66%);position:absolute;inset:0}.hero-grid{z-index:-1;opacity:.3;pointer-events:none;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:74px 74px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 70% at 50% 40%,#000 30%,#0000 78%);mask-image:radial-gradient(80% 70% at 50% 40%,#000 30%,#0000 78%)}.hero-inner{width:100%;padding-top:var(--hud);will-change:transform, opacity;position:relative}.typed-line{font-family:var(--font-display);letter-spacing:-.03em;flex-wrap:wrap;align-items:baseline;min-height:1.18em;margin:20px 0 0;font-size:clamp(2.5rem,7.6vw,5.4rem);font-weight:900;line-height:1.12;display:flex}.typed{color:var(--text)}.caret{background:var(--amber);border-radius:2px;width:3px;height:.9em;margin-left:9px;animation:1s step-end infinite blink;display:inline-block;transform:translateY(.05em)}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.hero-sub{color:#c9cbd2;max-width:58ch;margin:22px 0 0;font-size:clamp(1rem,1.7vw,1.16rem);line-height:1.75}.hero-actions{flex-wrap:wrap;align-items:center;gap:14px;min-height:54px;margin-top:34px;display:flex}.btn{cursor:pointer;min-height:52px;transition:transform .2s var(--ease), box-shadow .25s, background .2s, border-color .2s, opacity .2s;border-radius:99px;justify-content:center;align-items:center;gap:10px;padding:15px 28px;font-size:.96rem;font-weight:500;display:inline-flex}.btn svg{flex:none}.btn-primary{background:var(--amber);color:#1a1204;box-shadow:0 12px 34px #e9a13b42}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 44px #e9a13b66}.btn-ghost{border:1px solid var(--line-2);color:var(--text)}.btn-ghost:hover{background:#ffffff0f;transform:translateY(-2px)}.scroll-hint{z-index:3;color:var(--muted);letter-spacing:.16em;font-size:.76rem;font-family:var(--font-mono);text-transform:uppercase;flex-direction:column;align-items:center;gap:10px;transition:opacity .3s;display:flex;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.scroll-hint button{border:1px solid var(--line-2);width:46px;height:46px;color:var(--text);border-radius:50%;place-items:center;transition:background .2s,border-color .2s;display:grid}.scroll-hint button:hover{background:#ffffff12;border-color:#e9a13b80}.scroll-hint svg{animation:bob 1.7s var(--ease) infinite}@keyframes bob{0%,to{transform:translateY(-2px)}50%{transform:translateY(4px)}}.hero,.cross,.contact{scroll-snap-align:start}.cross{background:radial-gradient(90% 80% at var(--lx) 38%, #26272b 0%, #17181b 46%, #0b0c0f 100%);min-height:100svh;transition:--lx .9s var(--ease);position:relative;overflow:hidden}@property --lx{syntax:"<percentage>";inherits:false;initial-value:50%}.cross:has(.door:first-child:is(:hover,:focus-visible)){--lx:30%}.cross:has(.door:nth-child(3):is(:hover,:focus-visible)){--lx:70%}.cross-inner{z-index:4;min-height:100svh;padding:calc(var(--hud) + 22px) var(--pad) 26px;opacity:0;transition:opacity .8s var(--ease), transform .8s var(--ease);flex-direction:column;justify-content:space-between;display:flex;position:relative;transform:translateY(18px)}.cross.in .cross-inner{opacity:1;transform:none}.cross-head .eyebrow{color:var(--amber-2)}.cross-head{color:var(--text);max-width:660px}.cross-head h2{letter-spacing:-.02em;max-width:20ch;margin:12px 0 0;font-size:clamp(1.55rem,3.3vw,2.4rem);font-weight:900}.cross-head p{color:#c4c6cc;max-width:50ch;margin:12px 0 0;font-size:clamp(.95rem,1.5vw,1.05rem)}.door-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,2.4vw,32px);width:100%;max-width:780px;margin:auto;display:grid}.door{cursor:pointer;text-align:center;background:0 0;border:0;flex-direction:column;align-items:center;gap:20px;padding:0;display:flex}.cross.in .door{animation:door-in .9s var(--ease) .15s backwards}.cross.in .door:nth-child(2){animation-delay:.27s}.cross.in .door:nth-child(3){animation-delay:.39s}@keyframes door-in{0%{opacity:0;transform:translateY(28px)}}.door-face{perspective:1100px;width:100%;height:clamp(200px,44vh,360px);transition:box-shadow .5s var(--ease);background:radial-gradient(110% 60% at 50% 100%,#f6c46ad9,#e9a13b4d 42%,#0000 78%),#121317;border-radius:10px 10px 3px 3px;display:block;position:relative;overflow:hidden;box-shadow:0 0 0 1px #08090b99,0 0 0 6px #f4f2ec09,0 10px 24px -18px #e9a13b40}.door-leaf{border-radius:inherit;-webkit-backdrop-filter:blur(14px)saturate(140%);backdrop-filter:blur(14px)saturate(140%);transform-origin:0;transition:transform .6s var(--ease);background:linear-gradient(#2a2a2edb 0%,#242428cc 60%,#2a2622b3 100%);position:absolute;inset:0 0 2px;box-shadow:inset 0 1px #ffffff0f}.door-leaf:after{content:"";border-radius:inherit;-webkit-mask-composite:xor;opacity:.75;transition:opacity .4s var(--ease);pointer-events:none;background:linear-gradient(160deg,#f6c46a8c,#e9a13b1f 45%,#e9a13b66);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.door-leaf:before{content:"";background:linear-gradient(#ffffff06,#e9a13b0a);border:1px solid #e9a13b24;border-radius:6px;position:absolute;inset:8% 12% 9%}.door-icon{width:36%;height:auto;color:var(--amber-2);filter:drop-shadow(0 0 14px #e9a13b59);margin:auto;position:absolute;inset:0}.door-knob{background:var(--amber-2);border-radius:50%;width:8px;height:8px;position:absolute;top:52%;right:9%;box-shadow:0 0 10px 1px #f6c46a8c}.door.picking .door-leaf{transform:rotateY(82deg)}.door:focus-visible{outline:2px solid var(--amber-2);outline-offset:6px;border-radius:14px}.door-label{gap:2px;display:grid}.door-name{font-family:var(--font-display);color:var(--text);font-size:1.02rem;font-weight:700;line-height:1.2}.door-sub{color:#c4c6cc;font-size:.76rem;line-height:1.4}.door-tag{color:var(--amber-2);border:1px solid #e9a13b61;border-radius:99px;align-items:center;gap:4px;margin-top:auto;padding:4px 10px;font-size:.74rem;font-weight:600;transition:background .2s,color .2s;display:inline-flex}@media (hover:hover){.door:hover .door-leaf{transform:rotateY(20deg)}.door:hover .door-leaf:after{opacity:1}.door:hover .door-face{box-shadow:0 0 0 1px #08090b99,0 0 0 6px #f4f2ec0d,0 12px 28px -18px #e9a13b66}.door:hover .door-tag{background:var(--text);border-color:var(--text);color:var(--ink)}}.cross:not(.behind) .door.is-road .door-face,.brief.open{view-transition-name:door}.cross:not(.behind) .door.is-road .door-icon,.brief.open .brief-icon{view-transition-name:door-icon}.vt .overlay{transition:none}::view-transition-group(door){animation-duration:.66s;animation-timing-function:cubic-bezier(.55,0,.15,1)}::view-transition-group(door-icon){animation-duration:.66s;animation-timing-function:cubic-bezier(.55,0,.15,1)}::view-transition-image-pair(door){overflow:clip}::view-transition-old(door){object-fit:cover;height:100%;overflow:clip}::view-transition-new(door){object-fit:cover;height:100%;overflow:clip}.overlay{z-index:130;background:var(--ink);opacity:0;visibility:hidden;transition:opacity .45s var(--ease), visibility .45s;position:fixed;inset:0}.overlay.open{opacity:1;visibility:visible}.brief{background:radial-gradient(70% 45% at 50% 115%, #e9a13b1f, transparent 70%), var(--ink);-webkit-overflow-scrolling:touch;overscroll-behavior:contain;overflow-y:auto}.brief-inner{width:100%;min-height:100%;max-width:var(--maxw);padding:calc(var(--hud) + 16px) var(--pad) 40px;grid-template:"head parts""foot parts"1fr/minmax(0,.85fr) minmax(0,1fr);align-content:center;gap:0 clamp(24px,5vw,64px);margin-inline:auto;display:grid}.brief-body{grid-area:head}.brief-foot{grid-area:foot}.brief-icon{width:52px;height:52px;color:var(--amber);display:block}.brief-parts{grid-area:parts;align-content:start;gap:16px;margin-top:8px;display:grid}.brief-part{background:var(--surface);border:1px solid var(--line);border-radius:var(--rad);padding:clamp(18px,2.4vw,26px)}.brief-part h3{font-family:var(--font-display);margin:0;font-size:1.2rem;font-weight:700}.brief-part-sub{color:var(--dim);margin:2px 0 0;font-size:.82rem}.brief-link{min-height:44px;color:var(--amber-2);align-items:center;gap:6px;margin-top:8px;font-size:.9rem;font-weight:600;display:inline-flex}.brief-body .back{color:var(--muted);align-items:center;gap:8px;min-height:44px;margin-bottom:16px;padding:8px 0;font-size:.88rem;display:inline-flex}.brief-body h2{letter-spacing:-.02em;margin:12px 0 0;font-size:clamp(1.8rem,4.4vw,2.8rem);font-weight:900}.brief-lead{color:#c9cbd2;max-width:46ch;margin:14px 0 0}.brief-list{color:#c9cbd2;gap:8px;margin:14px 0 0;padding:0;font-size:.94rem;line-height:1.55;list-style:none;display:grid}.brief-list li{padding-left:18px;position:relative}.brief-list li:before{content:"";background:var(--amber);border-radius:50%;width:6px;height:6px;position:absolute;top:.62em;left:2px}.brief-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.brief-note{color:var(--dim);margin:14px 0 0;font-size:.76rem}@media (hover:hover){.brief-body .back:hover,.brief-link:hover{color:var(--text)}}.contact-inner{scroll-snap-align:end;width:100%;min-height:100svh;max-width:var(--maxw);padding:calc(var(--hud) + 24px) var(--pad) 48px;grid-template-columns:1fr 1fr;align-content:center;gap:clamp(28px,4vw,56px);margin-inline:auto;display:grid}.contact-info h2{letter-spacing:-.02em;margin:14px 0 16px;font-size:clamp(1.7rem,3.4vw,2.5rem);font-weight:900}.contact-info p{color:var(--muted);max-width:42ch;margin:0 0 24px}.contact-rows{border-top:1px solid var(--line);gap:2px;margin:0;display:grid}.crow{border-bottom:1px solid var(--line);grid-template-columns:72px 1fr;align-items:baseline;gap:16px;padding:15px 0;display:grid}.crow dt{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--dim);font-size:.68rem}.crow dd{color:var(--text);overflow-wrap:anywhere;margin:0;font-size:.92rem}.crow dd small{color:var(--dim);margin-top:2px;font-size:.74rem;display:block}.form{background:var(--surface);border:1px solid var(--line);border-radius:var(--rad-lg);padding:clamp(22px,3vw,32px)}.picks{border:0;margin:0 0 20px;padding:0}.picks legend{color:#cfd1d8;margin-bottom:10px;padding:0;font-size:.82rem;font-weight:500}.pick{cursor:pointer;position:relative}.pick input{opacity:0;pointer-events:none;position:absolute}.pick span{border:1px solid var(--line-2);min-height:44px;color:var(--muted);border-radius:99px;align-items:center;padding:0 16px;font-size:.86rem;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.pick input:checked+span{background:var(--amber-soft);border-color:var(--amber);color:var(--text)}.pick input:focus-visible+span{outline:2px solid var(--amber);outline-offset:2px}@media (hover:hover){.pick:hover span{color:var(--text)}}.field{gap:8px;margin-bottom:18px;display:grid}.field label{color:#cfd1d8;font-size:.82rem;font-weight:500}.field label .req{color:var(--amber)}.field input,.field textarea{background:var(--ink);border:1px solid var(--line-2);border-radius:var(--rad-sm);width:100%;color:var(--text);padding:13px 15px;font-family:inherit;font-size:1rem;transition:border-color .2s,box-shadow .2s}.field textarea{resize:vertical;min-height:104px}.field input::placeholder,.field textarea::placeholder{color:#6a6d77}.field input:focus,.field textarea:focus{border-color:var(--amber);outline:none;box-shadow:0 0 0 3px #e9a13b2e}.field .err{color:#f0a0a0;font-size:.76rem;display:none}.field.error .err{display:block}.field.error input,.field.error textarea{border-color:var(--danger);box-shadow:0 0 0 3px #e06a6a24}.form .btn{width:100%}.form-note{color:var(--dim);text-align:center;margin:12px 0 0;font-size:.72rem}.form-success{text-align:center;padding:26px 6px;display:none}.form-success svg{color:var(--amber);margin:0 auto 14px}.form-success h3{margin-bottom:8px;font-size:1.25rem}.form-success p{color:var(--muted);margin:0;font-size:.9rem}.form.done .form-body{display:none}.form.done .form-success{display:block}.toast{z-index:220;background:var(--surface);border:1px solid var(--line-2);color:var(--text);opacity:0;pointer-events:none;transition:opacity .3s var(--ease), transform .3s var(--ease);text-align:center;border-radius:99px;max-width:min(88vw,520px);padding:12px 20px;font-size:.86rem;position:fixed;bottom:26px;left:50%;transform:translate(-50%,16px);box-shadow:0 16px 40px #00000080}.toast.show{opacity:1;transform:translate(-50%)}@media (max-width:1024px){.contact-inner{grid-template-columns:1fr;align-content:start}.brief-inner{grid-template-columns:1fr;grid-template-areas:"head""parts""foot";align-content:start}.brief-parts{margin-top:28px}.door-face{height:clamp(170px,30vh,280px)}}@media (max-width:820px){.door-grid{gap:12px}}@media (max-width:620px){.hud-link,.hud-back{display:none}.door-grid{gap:10px}.door-face{height:clamp(130px,24vh,200px)}.door-name{font-size:.9rem}.door-sub{font-size:.7rem}.hero-actions{flex-direction:column;align-items:stretch}.btn{width:100%}.cross-head h2{max-width:none}}@supports not (height:100svh){.hero,.cross,.contact-inner{min-height:100vh}}@supports not selector(:focus-visible){:focus{outline:2px solid var(--amber);outline-offset:3px}}@supports (padding:max(0px, env(safe-area-inset-left))){.hud .wrap{padding-left:max(var(--pad), env(safe-area-inset-left));padding-right:max(var(--pad), env(safe-area-inset-right))}.scroll-hint,.toast{bottom:max(26px, env(safe-area-inset-bottom))}}@media (hover:none){.btn:hover{box-shadow:none;transform:none}.hud-link:hover{color:var(--muted);background:0 0}.hud-cta:hover{box-shadow:none;transform:none}.scroll-hint button:hover{border-color:var(--line-2);background:0 0}}@media (max-height:560px) and (orientation:landscape){.cross-head p{display:none}.cross-head h2{margin-top:8px;font-size:1.35rem}.door-face{height:clamp(110px,42vh,200px)}.door-sub{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.caret{display:none}.cross-inner{opacity:1;transform:none}.scroll-hint svg{animation:none}}.brief-slogan{font-family:var(--font-display);color:var(--amber-2);margin:10px 0 0;font-size:clamp(1rem,1.8vw,1.15rem);font-weight:500}.brief-sub{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--dim);margin:26px 0 0;font-size:.68rem}.brief-steps{counter-reset:s;gap:8px;margin:10px 0 0;padding:0;list-style:none;display:grid}.brief-steps li{counter-increment:s;color:var(--muted);grid-template-columns:28px 1fr;font-size:.92rem;display:grid}.brief-steps li:before{content:counter(s, decimal-leading-zero);font-family:var(--font-mono);color:var(--amber);padding-top:.2em;font-size:.72rem}