:root{--bg: #f6f4ef;--bg-2: #efece4;--bg-3: #e7e2d4;--ink: #1a1814;--ink-2: #4a463e;--ink-3: #8a847a;--line: #d9d4c7;--line-2: #ece8dd;--paper: #fbf9f4;--accent: oklch(.62 .16 35);--accent-ink: oklch(.32 .09 35);--good: oklch(.62 .13 155);--font-sans: "Inter Tight", "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", system-ui, sans-serif;--font-display: "Fraunces", "Noto Serif TC", "Source Han Serif TC", Georgia, serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{display:block;max-width:100%}.nav{position:fixed;top:0;left:0;right:0;z-index:40;display:flex;align-items:center;gap:28px;padding:14px 32px;background:color-mix(in oklab,var(--bg) 70%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid color-mix(in oklab,var(--line) 60%,transparent)}.nav .brand{display:flex;align-items:baseline;gap:10px;font-family:var(--font-display);font-weight:600;font-size:18px;letter-spacing:-.01em}.nav .brand .mark{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;background:var(--ink);color:var(--bg);border-radius:6px;font-family:var(--font-mono);font-size:12px;font-weight:600;transform:translateY(2px)}.nav .brand .zh{font-size:14px;color:var(--ink-3);font-weight:400;letter-spacing:.04em}.nav .links{display:flex;gap:22px;margin-left:8px}.nav .links a{color:var(--ink-2);text-decoration:none;font-size:13.5px;padding:6px 0;border-bottom:1px solid transparent;transition:color .16s,border-color .16s}.nav .links a:hover{color:var(--ink);border-color:var(--ink)}.nav .links a.active{color:var(--ink);border-color:var(--accent)}.nav .cta{margin-left:auto;display:flex;gap:10px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:999px;border:1px solid var(--ink);background:var(--ink);color:var(--bg);font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;transition:transform .12s ease,background .12s ease,color .12s ease}.btn:hover{transform:translateY(-1px)}.btn.ghost{background:transparent;color:var(--ink);border-color:var(--line)}.btn.ghost:hover{border-color:var(--ink)}.btn.accent{background:var(--accent);border-color:var(--accent);color:#fff}.btn.sm{padding:7px 13px;font-size:13px}.btn.lg{padding:14px 24px;font-size:15px}.hero{position:relative;min-height:100vh;padding:140px 32px 80px;display:grid;grid-template-rows:1fr auto;overflow:hidden}.hero-bg-word{position:absolute;left:-2vw;right:-2vw;bottom:-6vw;font-family:var(--font-display);font-weight:500;font-style:italic;font-size:clamp(120px,24vw,360px);line-height:.85;letter-spacing:-.04em;color:color-mix(in oklab,var(--ink) 5%,transparent);pointer-events:none;white-space:nowrap;-webkit-user-select:none;user-select:none}.hero-inner{max-width:1280px;width:100%;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:64px;align-items:end;position:relative;z-index:2}.hero h1{font-family:var(--font-display);font-weight:500;font-size:clamp(48px,7vw,108px);line-height:.96;letter-spacing:-.025em;margin:0;text-wrap:balance}.hero h1 em{font-style:italic;font-weight:400;color:var(--accent-ink)}.hero .lede{max-width:480px;font-size:16px;line-height:1.6;color:var(--ink-2);margin:24px 0 0}.hero .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-meta{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;color:var(--ink-3);text-transform:uppercase;display:grid;gap:18px;align-content:end;padding-bottom:10px}.hero-meta .row{display:flex;gap:12px;align-items:center}.hero-meta .row .dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}.hero-meta .row b{color:var(--ink);font-weight:500;letter-spacing:.06em}.hero-foot{display:flex;align-items:end;justify-content:space-between;margin-top:80px;padding:0 0 8px;position:relative;z-index:2;max-width:1280px;width:100%;margin-left:auto;margin-right:auto}.hero-foot .scroll-cue{display:inline-flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;color:var(--ink-3);text-transform:uppercase}.scroll-cue .arrow{width:20px;height:20px;border:1px solid var(--ink-3);border-radius:50%;position:relative;display:inline-flex;animation:bob 1.8s ease-in-out infinite}.scroll-cue .arrow:after{content:"";position:absolute;width:6px;height:6px;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);transform:rotate(45deg);top:5px;left:6px}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.hero-foot .agencies{display:flex;gap:28px;font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}.rail{position:fixed;top:50%;right:22px;transform:translateY(-50%);z-index:30;display:flex;flex-direction:column;gap:14px;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;color:var(--ink-3)}.rail a{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;position:relative}.rail a .tick{width:18px;height:1px;background:var(--line);transition:background .16s,width .16s}.rail a .lbl{opacity:0;transform:translate(-6px);transition:opacity .16s,transform .16s;pointer-events:none}.rail a:hover .lbl{opacity:1;transform:translate(0)}.rail a.on .tick{background:var(--ink);width:28px}.rail a.on{color:var(--ink)}.section{position:relative;padding:120px 32px;border-top:1px solid var(--line)}.section:nth-of-type(2n){background:var(--bg-2)}.section.dark{background:var(--ink);color:var(--bg);border-color:#ffffff14}.section.dark .meta-line,.section.dark .num,.section.dark .glyph{color:#ffffff80}.section.dark h2 em{color:#ff977d;color:oklch(.78 .14 35)}.section.dark .desc{color:#ffffffb3}.section-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}.section.flipped .section-inner>.visual{order:2}.section.flipped .section-inner>.copy{order:1}.copy{display:grid;gap:22px;align-content:center}.meta-line{display:flex;align-items:center;gap:14px;font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;color:var(--ink-3);text-transform:uppercase}.meta-line .num{font-family:var(--font-display);font-weight:500;font-size:14px;letter-spacing:0;color:var(--ink)}.meta-line .rule{flex:0 0 56px;height:1px;background:var(--line)}.section h2{font-family:var(--font-display);font-weight:500;font-size:clamp(48px,6.6vw,96px);line-height:.95;letter-spacing:-.025em;margin:0;text-wrap:balance}.section h2 em{font-style:italic;font-weight:400;color:var(--accent-ink)}.section h2 .glyph{display:block;font-family:var(--font-mono);font-size:12px;letter-spacing:.18em;color:var(--ink-3);margin-bottom:12px;font-weight:400}.desc{font-size:16px;line-height:1.65;color:var(--ink-2);max-width:52ch;text-wrap:pretty}.kvs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 24px;border-top:1px solid var(--line);padding-top:18px;margin-top:6px}.section.dark .kvs{border-color:#ffffff1f}.kv .k{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-bottom:4px}.kv .v{font-size:14px;color:inherit}.section .copy .actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}.visual{position:relative;aspect-ratio:4 / 5;width:100%;border-radius:18px;overflow:hidden;background:var(--paper);border:1px solid var(--line);box-shadow:0 1px #1a18140a,0 30px 60px -30px #1a18142e;display:grid;place-items:center}.section.dark .visual{border-color:#ffffff14;box-shadow:0 30px 80px -30px #0009}.visual.stripes:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(45deg,color-mix(in oklab,var(--paper) 100%,transparent) 0,color-mix(in oklab,var(--paper) 100%,transparent) 12px,color-mix(in oklab,var(--paper) 80%,var(--line-2)) 12px,color-mix(in oklab,var(--paper) 80%,var(--line-2)) 13px)}.visual.dots:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(color-mix(in oklab,var(--ink) 12%,transparent) 1px,transparent 1.4px);background-size:14px 14px}.visual.washi:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 30%,color-mix(in oklab,var(--accent) 30%,transparent),transparent 50%),radial-gradient(circle at 75% 70%,color-mix(in oklab,var(--ink) 18%,transparent),transparent 50%),var(--paper)}.visual.tape:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,var(--bg-3) 0 50%,var(--paper) 50% 100%)}.visual.grid:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(var(--line-2) 1px,transparent 1px) 0 0/40px 40px,linear-gradient(90deg,var(--line-2) 1px,transparent 1px) 0 0/40px 40px,var(--paper)}.visual.noir:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 30%,#2a2620,#14110d 70%)}.visual.parchment:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 0%,color-mix(in oklab,var(--accent) 16%,transparent),transparent 60%),var(--paper)}.silhouette{position:relative;z-index:2;width:60%;aspect-ratio:1 / 1.05;display:grid;place-items:center}.silhouette .label{position:absolute;bottom:-36px;left:0;right:0;text-align:center;font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3)}.section.dark .silhouette .label{color:#ffffff80}.visual .corner-tl,.visual .corner-tr,.visual .corner-bl,.visual .corner-br{position:absolute;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);z-index:3}.visual .corner-tl{top:14px;left:16px}.visual .corner-tr{top:14px;right:16px}.visual .corner-bl{bottom:14px;left:16px}.visual .corner-br{bottom:14px;right:16px}.section.dark .visual .corner-tl,.section.dark .visual .corner-tr,.section.dark .visual .corner-bl,.section.dark .visual .corner-br{color:#fff6}.cloth{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.cloth .body{width:58%;aspect-ratio:1 / 1.18;border-radius:14% 14% 18% 18%/16% 16% 22% 22%;background:linear-gradient(180deg,var(--ink) 0%,color-mix(in oklab,var(--ink) 80%,var(--bg-3)) 100%);position:relative;box-shadow:inset 0 -20px 50px #ffffff0a,inset 0 20px 40px #0000002e}.cloth .body:before,.cloth .body:after{content:"";position:absolute;top:-8%;width:30%;aspect-ratio:1 / .7;background:inherit;border-radius:50% 50% 30% 30%}.cloth .body:before{left:-22%;transform:rotate(-12deg)}.cloth .body:after{right:-22%;transform:rotate(12deg)}.cloth .neck{position:absolute;top:-3%;left:50%;transform:translate(-50%);width:24%;aspect-ratio:1/.4;border-radius:0 0 50% 50%/0 0 100% 100%;background:var(--paper);z-index:2;border:1px solid color-mix(in oklab,var(--ink) 30%,transparent)}.section.dark .cloth .neck{background:var(--ink);border-color:#fff3}.cloth.polo .body{border-radius:12% 12% 18% 18%}.cloth.polo .placket{position:absolute;top:4%;left:50%;transform:translate(-50%);width:6%;height:28%;background:color-mix(in oklab,var(--paper) 30%,transparent);border-radius:4px;z-index:1}.cloth.tank .body:before,.cloth.tank .body:after{width:14%;top:-3%}.cloth.tank .body{border-radius:20% 20% 24% 24%/16% 16% 22% 22%}.cloth.jacket .body{background:linear-gradient(180deg,color-mix(in oklab,var(--accent-ink) 80%,var(--ink)),color-mix(in oklab,var(--accent-ink) 50%,var(--ink)))}.cloth.jacket .zipper{position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);width:2px;background:color-mix(in oklab,var(--paper) 60%,transparent);z-index:2}.cloth.cap{display:grid;place-items:center}.cloth.cap .crown{width:56%;aspect-ratio:1 / .55;background:linear-gradient(180deg,var(--ink) 0%,color-mix(in oklab,var(--ink) 80%,var(--bg-3)) 100%);border-radius:50% 50% 8% 8%/100% 100% 8% 8%;position:relative}.cloth.cap .brim{position:absolute;bottom:-6%;width:78%;height:14%;background:color-mix(in oklab,var(--ink) 90%,var(--bg-3));border-radius:0 0 50% 50%/0 0 100% 100%;left:50%;transform:translate(-50%)}.cloth.cap .button{position:absolute;top:6%;left:50%;transform:translate(-50%);width:8%;aspect-ratio:1;background:var(--accent);border-radius:50%}.cloth.bag .body{width:60%;aspect-ratio:1 / 1.05;border-radius:8% 8% 18% 18%;background:linear-gradient(180deg,var(--accent-ink) 0%,color-mix(in oklab,var(--accent-ink) 60%,var(--ink)) 100%)}.cloth.bag .handle{position:absolute;top:-10%;left:50%;transform:translate(-50%);width:50%;height:28%;border:4px solid var(--accent-ink);border-bottom:none;border-radius:50% 50% 0 0;z-index:1}.cloth.bag .stitch{position:absolute;top:8%;left:8%;right:8%;height:8%;border:1px dashed color-mix(in oklab,var(--paper) 70%,transparent);border-radius:4px}.mono{position:absolute;top:16px;right:16px;z-index:4;font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3);display:inline-flex;align-items:center;gap:6px;background:color-mix(in oklab,var(--paper) 80%,transparent);border:1px solid var(--line);padding:5px 9px;border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.section.dark .mono{background:#ffffff0f;color:#ffffffb3;border-color:#ffffff29}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.in{opacity:1;transform:translateY(0)}.reveal.d1{transition-delay:80ms}.reveal.d2{transition-delay:.16s}.reveal.d3{transition-delay:.24s}.reveal.d4{transition-delay:.32s}.reveal-x-l{opacity:0;transform:translate(-32px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}.reveal-x-l.in{opacity:1;transform:translate(0)}.reveal-x-r{opacity:0;transform:translate(32px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}.reveal-x-r.in{opacity:1;transform:translate(0)}.reveal-scale{opacity:0;transform:scale(.94);transition:opacity 1s cubic-bezier(.2,.7,.2,1),transform 1s cubic-bezier(.2,.7,.2,1)}.reveal-scale.in{opacity:1;transform:scale(1)}.visual{transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}.visual.in-tilt{transform:rotate(-1.2deg)}.section.flipped .visual.in-tilt{transform:rotate(1.2deg)}.parallax{will-change:transform}.banner{position:relative;min-height:90vh;display:grid;align-items:end;padding:120px 32px 64px;overflow:hidden}.banner .bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 70% 30%,color-mix(in oklab,var(--accent) 30%,transparent),transparent 60%),radial-gradient(ellipse at 30% 80%,color-mix(in oklab,var(--ink) 30%,transparent),transparent 60%),var(--ink)}.banner .grain{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,255,255,.04) 1px,transparent 1.2px);background-size:4px 4px;mix-blend-mode:overlay}.banner-inner{position:relative;z-index:2;max-width:1280px;margin:0 auto;color:var(--bg);display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:end}.banner h2{font-family:var(--font-display);font-weight:500;font-size:clamp(56px,9vw,140px);line-height:.92;letter-spacing:-.03em;margin:0;color:#fff}.banner h2 em{font-style:italic;color:#ff977d;color:oklch(.78 .14 35)}.banner .desc{color:#ffffffb3}.banner .meta-line{color:#ffffff80}.banner .meta-line .num{color:#fff}.banner .meta-line .rule{background:#fff3}.cta-band{padding:140px 32px;background:var(--bg);border-top:1px solid var(--line);text-align:center}.cta-band-inner{max-width:980px;margin:0 auto}.cta-band h2{font-family:var(--font-display);font-weight:500;font-size:clamp(40px,5.6vw,80px);line-height:1;letter-spacing:-.025em;margin:0;text-wrap:balance}.cta-band h2 em{font-style:italic;color:var(--accent-ink)}.cta-band p{font-size:16px;line-height:1.6;color:var(--ink-2);max-width:56ch;margin:22px auto 0}.cta-band .actions{margin-top:32px;display:inline-flex;gap:12px;flex-wrap:wrap;justify-content:center}.foot{background:var(--ink);color:#fff9;padding:64px 32px 32px;font-size:13px}.foot-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px}.foot h5{color:#fff;font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin:0 0 14px;font-weight:500}.foot a{color:#fff9;text-decoration:none;display:block;padding:4px 0}.foot a:hover{color:#fff}.foot .brand-block{font-family:var(--font-display);color:#fff;font-size:22px;font-weight:500;letter-spacing:-.01em;margin-bottom:14px}.foot .legal{margin-top:48px;padding-top:22px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;color:#fff6;text-transform:uppercase}@media (max-width: 1080px){.hero-inner{grid-template-columns:1fr;gap:32px;align-items:start}.section-inner{grid-template-columns:1fr;gap:36px}.section.flipped .section-inner>.visual{order:0}.banner-inner{grid-template-columns:1fr;gap:32px}.rail,.nav .links{display:none}.foot-inner{grid-template-columns:1fr 1fr}}