@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,700&family=IBM+Plex+Mono:wght@400;500;700&family=Sora:wght@400;500;600;700&display=swap";:root{--background: #f1ece3;--surface: #fbf7f0;--surface-strong: #e8ded1;--text-primary: #2b2520;--text-secondary: #756b62;--text-soft: #9a8e84;--accent: #c96f4b;--accent-soft: #dfaa8f;--olive: #858b70;--line: rgba(43, 37, 32, .14);--grid: rgba(43, 37, 32, .07);--code-background: #211d19;--code-surface: #2a2521;--code-text: #eee7dc;--ink: var(--background);--ink-2: var(--surface);--paper: var(--text-primary);--muted: var(--text-secondary);--red: var(--accent);--red-dark: #a85a3c;--serif: "Fraunces", "Iowan Old Style", "Palatino Linotype", serif;--sans: "Sora", "Segoe UI", "Helvetica Neue", sans-serif;--mono: "IBM Plex Mono", "Consolas", monospace;--pad: clamp(20px, 3.1vw, 60px);--rail-w: clamp(88px, 12vw, 140px);--fast: .18s;--mid: .28s;--slow: .7s;--process-p: 0;--wire-o: 1;--build-o: 0;--live-o: 0;--grid-o: 1}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--background);overflow-x:clip}body{margin:0;background:var(--background);color:var(--text-primary);font-family:var(--sans);overflow-x:clip;line-height:1.5}body.has-intro{overflow:hidden}body::selection{background:var(--accent);color:#fff}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}.mono{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.skip-link{position:fixed;z-index:1000;left:16px;top:-60px;background:var(--text-primary);color:var(--surface);padding:12px 16px}.skip-link:focus{top:16px}:focus-visible{outline:2px solid var(--red);outline-offset:4px}.grain{position:fixed;inset:0;z-index:80;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.75'/%3E%3C/svg%3E")}.journey{color:var(--text-primary);pointer-events:none}.journey.is-docked{pointer-events:auto}.intro-word-stage{position:relative;width:min(92vw,560px);height:clamp(72px,14vw,128px);display:grid;place-items:center;overflow:hidden;contain:layout paint}.intro-word{position:absolute;inset:0;display:grid;place-items:center;margin:0;font-size:clamp(40px,8.5vw,100px);font-weight:700;letter-spacing:-.05em;line-height:1;text-transform:uppercase;white-space:nowrap;opacity:0;pointer-events:none;will-change:transform,opacity}.intro-word.is-shown{opacity:1}.intro-word.is-in{animation:introWordIn .22s cubic-bezier(.22,.8,.28,1) forwards}.intro-word.is-out{animation:introWordOut .18s ease forwards}@keyframes introWordIn{0%{opacity:0;transform:translate3d(0,42%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes introWordOut{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,-42%,0)}}.journey-rail{display:flex;flex-direction:column;gap:0}.jr-item{display:flex;align-items:baseline;gap:10px;color:var(--text-primary);opacity:.22;transition:opacity var(--mid),color var(--mid),transform var(--mid);line-height:1.15;text-transform:uppercase}.jr-num{font:9px var(--mono);letter-spacing:.08em;color:var(--text-soft)}.jr-label{font-weight:600;letter-spacing:.04em}.jr-signature .jr-label{letter-spacing:-.02em}.jr-item.is-active,.jr-item:hover,.jr-item:focus-visible{opacity:1;color:var(--accent)}.jr-item.is-active .jr-num{color:var(--accent)}.journey.is-playing{position:fixed;inset:0;z-index:200;display:grid;place-items:center;background:var(--background)}.journey.is-playing .journey-rail{display:none}.intro-continue{position:absolute;left:50%;top:calc(50% + clamp(64px,9vw,94px));z-index:2;min-height:46px;border:1px solid var(--line);border-radius:999px;padding:0 22px;background:#fbf7f0b8;color:var(--text-primary);font:10px var(--mono);letter-spacing:.18em;text-transform:uppercase;opacity:0;pointer-events:none;transform:translate(-50%,10px);transition:opacity .3s ease,transform .3s ease,border-color var(--fast),color var(--fast)}.intro-continue[hidden]{display:none}.journey.is-waiting{pointer-events:auto;cursor:pointer}.journey.is-waiting .intro-continue.is-visible{opacity:1;pointer-events:none;transform:translate(-50%)}.intro-continue:hover,.intro-continue:focus-visible{border-color:var(--accent);color:var(--accent)}.journey.is-exiting{opacity:0;transition:opacity .32s ease}.journey-beat{position:absolute;left:50%;bottom:8px;width:8px;height:8px;border-radius:50%;background:var(--accent);transform:translate(-50%) scale(.7)}.journey-beat.is-pulse{animation:beat-pulse .32s ease}.journey.is-docked .journey-beat,.journey.is-morphing .intro-word-stage{display:none}.journey.is-morphing{position:fixed;z-index:200;left:max(10px,calc(var(--pad) - 6px));top:50%;width:var(--rail-w);transform:translateY(-50%);isolation:isolate}.journey.is-morphing:before{content:"";position:fixed;z-index:-1;inset:0;background:var(--background)}.journey.is-morphing .journey-rail{display:flex;flex-direction:column;gap:12px;transform-origin:center;animation:rail-dock .52s cubic-bezier(.22,.8,.28,1) forwards}.journey.is-morphing .jr-item{font:11px var(--mono);font-weight:500;letter-spacing:.06em;opacity:.28}.journey.is-morphing .jr-item[data-rail=lau]{opacity:1;color:var(--accent)}.journey.is-morphing .jr-signature{display:none}.journey.is-docked{position:sticky;z-index:65;top:50vh;height:0;margin-left:max(10px,calc(var(--pad) - 6px));transform:translateY(-50%);width:var(--rail-w)}.journey.is-docked .intro-word-stage{display:none}.journey.is-docked .journey-rail{position:absolute;inset:0 auto auto 0;display:flex;flex-direction:column;gap:12px}.journey.is-docked .jr-signature{display:none}.journey.is-docked .jr-item{font-size:11px;font-family:var(--mono);font-weight:500;letter-spacing:.06em;opacity:.28;pointer-events:auto}.journey.is-docked .jr-item.is-active{opacity:1;color:var(--accent);transform:translate(4px)}.journey-mobile{display:none;margin:0 0 16px;color:var(--text-soft);letter-spacing:.1em;font-size:9px}@keyframes beat-pulse{0%{transform:translate(-50%) scale(.55)}50%{transform:translate(-50%) scale(1.15)}to{transform:translate(-50%) scale(.7)}}@keyframes rail-dock{0%{transform:translate(calc(50vw - max(10px,calc(var(--pad) - 6px)) - 50%)) scale(2);opacity:1}to{transform:translate(0) scale(1);opacity:1}}.site-header{position:fixed;z-index:100;top:0;left:0;width:100%;height:72px;padding:0 var(--pad);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid transparent;transition:transform var(--fast),background var(--fast),border-color var(--fast)}.site-header.is-scrolled{background:#f1ece3eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-color:var(--line)}.site-header.is-hidden{transform:translateY(-100%)}.wordmark{font-weight:900;font-size:19px;letter-spacing:-.05em}.desktop-nav{display:flex;gap:36px;font-family:var(--mono);font-size:13px;letter-spacing:.08em;text-transform:uppercase}.desktop-nav a{position:relative}.desktop-nav a:after{content:"";position:absolute;left:0;bottom:-8px;width:100%;height:1px;background:var(--paper);transform:scaleX(0);transform-origin:right;transition:transform var(--fast)}.desktop-nav a:hover:after,.desktop-nav a:focus-visible:after{transform:scaleX(1);transform-origin:left}.language-switcher{justify-self:end;position:relative}.language-select-shell{position:relative;min-width:84px}.language-select-shell:after{content:"↓";position:absolute;right:12px;top:50%;color:var(--accent);font:11px var(--mono);pointer-events:none;transform:translateY(-54%)}.language-switcher select{width:100%;min-height:38px;appearance:none;border:1px solid var(--line);border-radius:999px;padding:0 32px 0 14px;background:#fbf7f0c2;color:var(--text-primary);font:9px var(--mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.language-switcher select:hover,.language-switcher select:focus-visible{border-color:var(--accent);background:var(--surface)}.menu-toggle,.mobile-nav{display:none}.hero-process{position:relative;min-height:190vh;background:radial-gradient(circle at 78% 82%,rgba(201,111,75,.12),transparent 28%),var(--background)}.hero-process-sticky{position:sticky;top:0;min-height:100svh;overflow:hidden;padding:96px var(--pad) 28px calc(var(--pad) + var(--rail-w));display:flex;flex-direction:column}.hero-grid{position:absolute;inset:0;pointer-events:none;opacity:0;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:72px 72px}body.intro-done .hero-grid{animation:grid-in .5s ease forwards}html.is-reduced .hero-grid{opacity:1;animation:none}.hero-process-desktop{flex:1;min-height:0;display:grid;grid-template-columns:minmax(240px,.95fr) minmax(300px,1.15fr) minmax(140px,.55fr);gap:2vw;align-items:start;align-content:center}.hero-copy{position:relative;z-index:2;align-self:center}.hero-role{font-family:var(--mono);font-size:11px;letter-spacing:.14em;line-height:1.5;color:var(--muted);margin:0 0 22px;opacity:0}body.intro-done .hero-role{animation:fade-up .45s ease .15s forwards}html.is-reduced .hero-role{opacity:1;animation:none}.hero-process h1,.mobile-hero-copy h2{font-size:clamp(36px,4.8vw,78px);line-height:.9;letter-spacing:-.06em;margin:0;text-transform:uppercase}html[lang^=zh] .hero-process h1,html[lang=ja] .hero-process h1,html[lang^=zh] .mobile-hero-copy h2,html[lang=ja] .mobile-hero-copy h2{letter-spacing:-.02em;text-transform:none}.hero-process h1 span,.mobile-hero-copy h2 span{display:block;opacity:0;transform:translateY(28px)}body.intro-done .hero-process h1 span{animation:title-in .65s cubic-bezier(.22,.8,.28,1) forwards}body.intro-done .hero-process h1 span:nth-child(1){animation-delay:.22s}body.intro-done .hero-process h1 span:nth-child(2){animation-delay:.32s}body.intro-done .hero-process h1 span:nth-child(3){animation-delay:.42s}.hero-process h1 em,.mobile-hero-copy h2 em{font-family:var(--serif);font-weight:400;font-style:italic}html.is-reduced .hero-process h1 span{opacity:1;transform:none;animation:none}.hero-intro{max-width:40ch;margin:22px 0 0;font-size:clamp(14px,1.1vw,18px);line-height:1.55;color:var(--text-secondary);opacity:0}body.intro-done .hero-intro{animation:fade-up .5s ease .55s forwards}html.is-reduced .hero-intro{opacity:1;animation:none}.hero-ctas{display:flex;align-items:center;gap:18px;margin-top:28px;flex-wrap:wrap;opacity:0}body.intro-done .hero-ctas{animation:fade-up .5s ease .75s forwards}html.is-reduced .hero-ctas{opacity:1;animation:none}.cta-line{display:inline-flex;align-items:center;min-height:44px;padding:0 4px;border-bottom:1px solid var(--text-primary);font:11px var(--mono);letter-spacing:.12em;text-transform:uppercase;transition:color var(--fast),border-color var(--fast)}.cta-line:hover,.cta-line:focus-visible{color:var(--accent);border-color:var(--accent)}.magnet-orb{position:relative;display:grid;place-items:center;width:112px;height:112px;border:1px solid var(--line);border-radius:50%;font:11px/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase;text-align:center;padding:14px;background:var(--surface);transition:background var(--mid),color var(--mid),border-color var(--mid),transform var(--mid);will-change:transform}.magnet-orb i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--red);top:14px;right:18px}.magnet-orb:hover,.magnet-orb:focus-visible{background:var(--text-primary);color:var(--surface);border-color:var(--text-primary)}.scroll-make-real{margin:28px 0 0;color:var(--text-soft);font-size:10px;letter-spacing:.12em;transition:opacity .25s ease}.process-sticky{display:contents}.process-index,.process-desktop{display:none}.process-canvas-wrap{display:flex;justify-content:center;align-items:flex-start;align-self:start;min-height:0;height:auto;opacity:0}body.intro-done .process-canvas-wrap{animation:fade-up .55s ease .4s forwards}html.is-reduced .process-canvas-wrap{opacity:1;animation:none}.process-mobile{display:none}.process-stages{position:relative;display:flex;flex-direction:column;gap:18px;padding-left:18px}.process-word{font-size:clamp(28px,3.4vw,56px);line-height:.95;letter-spacing:-.05em;color:var(--paper);opacity:.22;transition:opacity var(--mid),transform var(--mid)}.process-word.is-active{opacity:1;transform:translate(6px)}.process-marker{position:absolute;left:0;top:.35em;width:8px;height:8px;border-radius:50%;background:var(--red);transition:transform .35s cubic-bezier(.22,.8,.28,1)}.browser-frame{width:min(100%,460px);height:auto;aspect-ratio:4 / 3;background:var(--surface);border:1px solid var(--line);box-shadow:0 24px 60px #2b25201f;display:flex;flex-direction:column;overflow:hidden}.browser-frame.compact{width:100%;height:42vh;min-height:260px;transform:none}.browser-chrome{display:flex;align-items:center;gap:6px;height:32px;padding:0 12px;background:var(--surface-strong);color:var(--text-secondary);flex-shrink:0}.browser-chrome i{width:7px;height:7px;border-radius:50%;background:#b5a89a}.browser-chrome span{margin-left:auto;font:8px var(--mono)}.process-canvas{position:relative;flex:1;min-height:0;background:var(--surface);overflow:hidden}.canvas-layer{position:absolute;inset:0;pointer-events:none}.layer-wire{opacity:var(--wire-o)}.layer-build{opacity:var(--build-o)}.layer-live{opacity:var(--live-o)}.canvas-layer.is-shown{opacity:1}.layer-wire{background:var(--surface);color:var(--text-primary)}.chat-stage{height:100%;display:flex;flex-direction:column;padding:12px 14px 14px;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:24px 24px}.chat-head{display:flex;justify-content:space-between;color:var(--text-soft);padding-bottom:10px;border-bottom:1px solid var(--line);margin-bottom:12px}.chat-thread{flex:1;display:flex;flex-direction:column;gap:12px;overflow:hidden;min-height:0}.chat-bubble{max-width:92%;padding:0 0 0 12px;border:0;background:transparent;border-left:2px solid transparent}.chat-bubble.from-lau{border-left-color:var(--accent);align-self:stretch;max-width:100%}.chat-bubble.from-client{align-self:stretch;max-width:100%;border-left-color:var(--line)}.chat-bubble small{display:block;font:8px var(--mono);letter-spacing:.1em;color:var(--accent);margin-bottom:6px}.chat-bubble.from-client small{color:var(--text-soft)}.chat-bubble p{margin:0;font-size:clamp(12px,1.1vw,15px);line-height:1.45;color:var(--text-primary)}.chat-input{margin-top:12px;padding:12px 0 4px;border-top:1px solid var(--line);color:var(--text-soft);display:flex;align-items:center;gap:8px}.chat-caret{width:1px;height:14px;background:var(--accent);animation:caret-blink 1s steps(1) infinite}html.is-reduced .chat-caret{animation:none;opacity:.5}@keyframes caret-blink{0%,45%{opacity:1}50%,to{opacity:0}}.layer-build{background:var(--code-background);color:var(--code-text)}.code-editor{height:100%;display:flex;flex-direction:column;background:var(--code-background);color:var(--code-text)}.code-tabs{display:flex;gap:0;border-bottom:1px solid rgba(238,231,220,.1);background:var(--code-surface)}.code-tabs span{padding:8px 12px;color:#eee7dc73;border-right:1px solid rgba(238,231,220,.08)}.code-tabs .is-on{color:var(--code-text);background:var(--code-background)}.code-path{padding:6px 12px;color:#eee7dc66;border-bottom:1px solid rgba(238,231,220,.08)}.code-body{position:relative;flex:1;display:grid;grid-template-columns:36px 1fr 28px;min-height:0;overflow:hidden}.code-lines{padding:12px 0;text-align:right;font:10px/1.55 var(--mono);color:#eee7dc47;background:#1a1714;border-right:1px solid rgba(238,231,220,.06)}.code-lines span{display:block;padding-right:8px}.code-source{margin:0;padding:12px 14px;overflow:hidden;font:10px/1.55 var(--mono);color:#eee7dcd1;white-space:pre}.code-minimap{border-left:1px solid rgba(238,231,220,.06);background:#1a1714;padding:10px 6px}.code-minimap i{display:block;height:70%;background:linear-gradient(180deg,var(--accent),transparent 70%);opacity:.35;width:100%}.code-cursor-line{position:absolute;left:36px;right:28px;height:15.5px;background:#c96f4b1f;top:12px;pointer-events:none;opacity:calc(var(--build-o))}.code-status{display:flex;gap:16px;padding:6px 12px;border-top:1px solid rgba(238,231,220,.08);color:#eee7dc73;background:var(--code-surface)}.c-kw{color:var(--accent-soft)}.c-fn{color:var(--olive)}.c-tag{color:var(--accent)}.c-attr{color:#eee7dc8c}.c-str{color:#d8c4a0}.compact-code .code-source{padding:16px;font-size:11px}.layer-live{background:var(--surface);color:var(--text-primary);pointer-events:none}.still-live{height:100%;display:flex;flex-direction:column;background:var(--surface)}.still-nav{display:flex;align-items:center;gap:14px;padding:10px 14px;border-bottom:1px solid var(--line);font-size:11px}.still-nav b{letter-spacing:-.04em}.still-nav .mono{color:var(--text-soft);margin-left:auto}.still-nav .mono+.mono{margin-left:0}.still-hero{flex:1;display:grid;grid-template-columns:1.1fr 1fr;min-height:0}.still-art{position:relative;overflow:hidden;background:linear-gradient(160deg,#fbf7f026 0 30%,#2b252073 80%),linear-gradient(125deg,#c4b39a,#858b70 42%,#5a6358 70%,#3d4440)}.still-art:before{content:"";position:absolute;inset:16% 14% 14%;border:1px solid rgba(251,247,240,.28);background:linear-gradient(180deg,transparent 45%,rgba(43,37,32,.25)),repeating-linear-gradient(90deg,transparent 0 20px,rgba(251,247,240,.08) 20px 21px)}.still-art:after{content:"";position:absolute;width:38%;height:26%;left:20%;bottom:24%;background:#c96f4b47;border:1px solid rgba(251,247,240,.2)}.still-copy{padding:18px 16px;display:flex;flex-direction:column;gap:8px;justify-content:center;background:var(--surface)}.still-copy small{color:var(--accent)}.still-copy h3{margin:0;font-family:var(--serif);font-weight:400;font-size:clamp(22px,2.5vw,38px);line-height:.92;letter-spacing:-.04em}.still-copy>p{margin:0;font-size:13px;line-height:1.45;color:var(--text-secondary);max-width:30ch}.still-cta{align-self:flex-start;pointer-events:auto;border:1px solid var(--accent);background:var(--accent);color:var(--surface);padding:10px 14px;font:9px var(--mono);letter-spacing:.1em;cursor:pointer;transition:background var(--fast),color var(--fast),transform var(--fast)}.still-cta.ghost{background:transparent;color:var(--text-primary);border-color:var(--text-primary)}.still-cta:hover,.still-cta:focus-visible{background:var(--text-primary);border-color:var(--text-primary);color:var(--surface)}.still-cta.is-pressed{transform:scale(.98);background:var(--olive);border-color:var(--olive)}.demo-toast{font:9px var(--mono);letter-spacing:.08em;color:var(--accent)}.demo-toast[hidden]{display:none}.still-rooms{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.still-rooms>div{padding:10px 12px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:4px}.still-rooms>div:last-child{border-right:0}.still-rooms span{font:8px var(--mono);color:var(--accent)}.still-rooms b{font-size:11px;font-weight:400}.still-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-top:1px solid var(--line);background:var(--surface-strong)}.still-foot p{margin:0;font:9px var(--mono);letter-spacing:.1em;color:var(--text-secondary)}#processFrame{container-type:inline-size}#processFrame .still-nav{flex-shrink:0;gap:8px;padding:6px 9px;font-size:8px}#processFrame .still-nav .mono{font-size:6px;letter-spacing:.08em}#processFrame .still-copy{gap:4px;padding:7px 9px}#processFrame .still-copy small{font-size:7px;letter-spacing:.08em}#processFrame .still-copy h3{font-size:20px;font-size:clamp(18px,5.2cqw,24px);line-height:.9}#processFrame .still-copy>p{font-size:8px;font-size:clamp(7px,2.15cqw,10px);line-height:1.28}#processFrame .still-cta{padding:6px 8px;font-size:6px;letter-spacing:.08em}#processFrame .still-rooms{display:none}#processFrame .still-foot{flex-shrink:0;gap:8px;min-height:31px;padding:5px 9px}#processFrame .still-foot p{font-size:6px;letter-spacing:.08em}.live-status{position:absolute;left:12px;bottom:10px;display:flex;gap:10px;color:var(--surface);mix-blend-mode:difference;opacity:calc(var(--live-o));pointer-events:none}.process-live-tags{display:flex;flex-wrap:wrap;gap:8px}.process-live-tags[hidden]{display:none}.process-live-tags span{border:1px solid var(--line);padding:5px 8px;color:var(--text-soft)}.process-progress{margin-top:auto;width:2px;height:120px;background:var(--line);position:relative;overflow:hidden}.process-progress i{position:absolute;left:0;top:0;width:100%;height:100%;background:var(--accent);transform:scaleY(var(--process-p));transform-origin:top}.process-meta{display:flex;flex-direction:column;gap:14px;align-self:start;min-height:280px}.process-num{color:var(--accent);margin:0;font-size:12px}.process-title{margin:0;font-size:clamp(28px,3vw,48px);letter-spacing:-.05em;line-height:1}.process-body{margin:0;color:var(--text-secondary);font-size:15px;line-height:1.55;max-width:28ch}.process-project{margin:18px 0 0;color:var(--text-soft)}.process-role{margin:0;color:var(--text-secondary);font-size:13px}.process-cta{display:inline-flex;align-items:center;gap:10px;margin-top:8px;border:1px solid var(--line);padding:12px 16px;font:11px var(--mono);letter-spacing:.1em;text-transform:uppercase;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity var(--mid),transform var(--mid),background var(--mid),color var(--mid);visibility:hidden}.process-cta.is-visible{opacity:1;pointer-events:auto;transform:none;visibility:visible}.process-cta:hover,.process-cta:focus-visible{background:var(--text-primary);color:var(--surface)}.section{position:relative;padding:100px var(--pad);border-top:1px solid var(--line)}.section-index{display:flex;justify-content:space-between;color:var(--muted);padding-bottom:16px;border-bottom:1px solid var(--line)}.section-head{display:grid;grid-template-columns:1.2fr .8fr;gap:4vw;align-items:end;margin:48px 0 56px}.section-head h2{margin:0;font-size:clamp(48px,7vw,110px);line-height:.82;letter-spacing:-.07em}.section-head h2 i{font-family:var(--serif);font-weight:400;font-style:italic}.section-head p{margin:0;color:var(--text-secondary);font-size:clamp(15px,1.2vw,20px);line-height:1.55;max-width:36ch}.work{min-height:100svh;padding-bottom:80px}.work-list{position:relative;border-top:1px solid var(--line)}.work-row{position:relative;display:grid;grid-template-columns:72px 1fr auto;gap:24px;align-items:center;padding:42px 0;border-bottom:1px solid var(--line);transition:opacity var(--mid);cursor:none;color:inherit}.process-card.reveal-ready:not(.is-revealed),.work-row.reveal-ready:not(.is-revealed){opacity:0;transform:translateY(28px) scale(.985)}.process-card.reveal-ready,.work-row.reveal-ready{transition:opacity .72s cubic-bezier(.22,.8,.28,1) var(--reveal-delay, 0ms),transform .72s cubic-bezier(.22,.8,.28,1) var(--reveal-delay, 0ms)}.process-card.reveal-ready.is-revealed,.work-row.reveal-ready.is-revealed{opacity:1;transform:none}.work-list:hover .work-row:not(:hover){opacity:.35}.work-num{color:var(--muted);transition:color var(--mid),transform var(--mid)}.work-row:hover .work-num,.work-row:focus-visible .work-num{color:var(--red);transform:translate(4px)}.work-main h3{margin:0;font-size:clamp(28px,4.2vw,64px);line-height:.92;letter-spacing:-.05em;transition:transform var(--mid)}.work-row:hover .work-main h3,.work-row:focus-visible .work-main h3{transform:translate(12px)}.work-main p{margin:12px 0 0;max-width:46ch;color:var(--text-secondary);font-size:15px;line-height:1.55}.work-status{margin:14px 0 0;color:var(--accent);letter-spacing:.1em}.work-tag{color:var(--muted);text-align:right;max-width:18ch}.work-row:after{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:1px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform var(--mid)}.work-row:hover:after,.work-row:focus-visible:after{transform:scaleX(1)}.work-preview{position:absolute;z-index:20;width:min(26vw,360px);aspect-ratio:4 / 3;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.92);transition:opacity .22s ease,transform .22s ease;left:0;top:0}.work-preview.is-active{opacity:1;transform:translate(-50%,-50%) scale(1)}.preview-card{position:absolute;inset:0;border:1px solid #302c2c;box-shadow:0 20px 50px #00000073;opacity:0;transition:opacity var(--fast);overflow:hidden}.work-preview[data-active=hospitality] .preview-hospitality,.work-preview[data-active=demo5] .preview-demo5{opacity:1}.preview-visual{height:100%;padding:22px;color:#eee8df;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(160deg,transparent 0 30%,rgba(0,0,0,.75) 70%),linear-gradient(125deg,#8f8780,#383c39 45%,#1f2020)}.preview-visual small{font:9px var(--mono)}.preview-visual strong{font-size:28px;line-height:.9;letter-spacing:-.05em;margin-top:10px}.preview-demo{height:100%;background:#151414;color:#e6dfd5;padding:24px;display:flex;flex-direction:column;gap:10px}.preview-demo b{font-size:28px}.preview-demo span{font:10px var(--mono);color:#908c86}.preview-demo i{display:block;height:4px;background:#4f4c4a;width:70%}.preview-demo i:nth-child(4){width:50%;background:var(--red)}.preview-cursor{position:absolute;right:12px;bottom:12px;background:var(--paper);color:var(--ink);padding:6px 8px;font-size:9px}body.has-work-cursor,body.has-work-cursor *{cursor:none!important}.finale{min-height:95svh;display:flex;flex-direction:column;padding-bottom:28px;background:radial-gradient(circle at 72% 40%,rgba(201,111,75,.12),transparent 34%),linear-gradient(180deg,var(--background),var(--surface-strong))}.finale-about{display:grid;grid-template-columns:180px 1fr;gap:4vw;padding-bottom:48px;border-bottom:1px solid var(--line)}.finale-label{color:var(--red);margin:0}.finale-copy h2{margin:0 0 24px;font-size:clamp(28px,3.4vw,48px);line-height:1.05;letter-spacing:-.04em}.finale-copy h2 span{display:block}.finale-copy p{margin:0;max-width:62ch;font-size:clamp(16px,1.35vw,22px);line-height:1.6;color:var(--text-secondary)}.contact-actions{width:min(100%,820px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:8px}.contact-card{min-height:82px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);border-radius:999px;padding:18px 28px;background:var(--surface);text-align:center;transition:background var(--mid),color var(--mid),border-color var(--mid),transform var(--mid)}.contact-card span{color:var(--muted);font:10px var(--mono);letter-spacing:.12em;text-transform:uppercase}.contact-card b{font-size:clamp(15px,1.25vw,20px);font-weight:400;line-height:1.25}.contact-card:hover,.contact-card:focus-visible{border-color:var(--text-primary);background:var(--text-primary);color:var(--surface);transform:translateY(-2px)}.contact-card:hover span,.contact-card:focus-visible span{color:var(--accent-soft)}.finale-caps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:36px 0;border-bottom:1px solid var(--line)}.finale-caps span{color:var(--red)}.finale-caps p{margin:12px 0 0;color:var(--text-secondary);font-size:14px;line-height:1.5}.finale-contact{flex:1;display:flex;flex-direction:column;justify-content:center;padding:56px 0 40px}.finale-contact h2{margin:0 0 28px;font-size:clamp(42px,7vw,110px);line-height:.86;letter-spacing:-.07em}html[lang^=zh] .finale-contact h2,html[lang=ja] .finale-contact h2{letter-spacing:-.02em}.finale-contact h2 span{display:block}.finale-contact h2 em{font-family:var(--serif);font-weight:400;font-style:italic}.finale-contact>p{margin:0 0 36px;max-width:48ch;color:var(--text-secondary);font-size:clamp(15px,1.2vw,20px);line-height:1.55}.magnet-pill{display:inline-flex;flex-direction:column;gap:6px;align-self:flex-start;border:1px solid var(--line);border-radius:999px;padding:18px 28px;min-height:64px;justify-content:center;transition:background var(--mid),color var(--mid),border-color var(--mid);will-change:transform;background:var(--surface)}.magnet-pill span{font:11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.magnet-pill b{font-size:clamp(16px,1.5vw,22px);font-weight:400}.magnet-pill:hover,.magnet-pill:focus-visible{background:var(--text-primary);color:var(--surface);border-color:var(--text-primary)}.magnet-pill:hover span,.magnet-pill:focus-visible span{color:var(--accent-soft)}.site-footer{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;border-top:1px solid var(--line);padding-top:22px;color:var(--muted)}.site-footer p{margin:0;text-align:center}.site-footer>span{text-align:right}.frame-counter{position:fixed;z-index:70;right:18px;bottom:18px;display:flex;flex-direction:column;align-items:end;color:var(--text-soft);pointer-events:none}.frame-counter b{font-size:30px;color:var(--text-primary)}@keyframes title-in{to{opacity:1;transform:none}}@keyframes fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes grid-in{to{opacity:1}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hero-process h1 span,.hero-role,.hero-intro,.hero-ctas,.process-canvas-wrap,.magnet-orb,.hero-grid{opacity:1!important;transform:none!important}.browser-frame{transform:none!important}@media(min-width:901px){.hero-process{min-height:0}.hero-process-sticky{position:relative;height:auto;overflow:visible}.hero-process-desktop{display:none}.process-mobile{display:flex;flex-direction:column;gap:28px}.process-card{min-height:70svh;display:flex;flex-direction:column;gap:20px;padding-bottom:20px;border-bottom:1px solid var(--line)}.layer-wire,.layer-build,.layer-live,.canvas-layer.is-shown{opacity:1!important;visibility:visible!important}}}.idea-section{background:linear-gradient(180deg,var(--background),var(--surface))}.frame-side-label{position:sticky;z-index:2;top:50vh;width:var(--rail-w);height:0;margin:0;display:flex;align-items:baseline;gap:10px;color:var(--accent);transform:translateY(-50%)}.frame-side-label span{color:var(--text-soft);font-size:9px}.frame-side-label strong{font-size:11px;font-weight:500;letter-spacing:.06em}.idea-head{max-width:52ch;margin-bottom:36px;padding-left:calc(var(--rail-w) + 24px)}.idea-head h2{margin:0 0 18px;font-size:clamp(36px,5.5vw,72px);line-height:.92;letter-spacing:-.05em}.idea-head h2 span{display:block}.idea-head p{margin:0;color:var(--text-secondary);font-size:clamp(15px,1.2vw,19px);line-height:1.55}.idea-note{margin:14px 0 0!important;color:var(--text-soft)!important;font-size:11px!important}.idea-layout{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(240px,.85fr);gap:clamp(20px,4vw,48px);align-items:start;padding-left:calc(var(--rail-w) + 24px)}.idea-board{display:flex;flex-direction:column;gap:12px;min-width:0}.idea-upload{position:relative;display:flex;flex-direction:column;gap:10px}.idea-upload-dropzone{min-height:126px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:1px dashed rgba(43,37,32,.28);background:linear-gradient(135deg,rgba(201,111,75,.06),transparent 52%),#fbf7f0b3;text-align:center;cursor:pointer;transition:border-color var(--fast),background var(--fast),transform var(--fast)}.idea-upload-dropzone:hover,.idea-upload-dropzone.is-dragging,.idea-upload-input:focus-visible+.idea-upload-dropzone{border-color:var(--accent);background-color:var(--surface);transform:translateY(-2px)}.idea-upload-dropzone.is-full{opacity:.55;pointer-events:none}.idea-upload-dropzone .mono{color:var(--accent)}.idea-upload-dropzone strong{font-size:clamp(18px,2vw,26px);letter-spacing:-.03em}.idea-upload-dropzone small{color:var(--text-soft);font:9px var(--mono);letter-spacing:.08em}.idea-upload-count{margin:0;color:var(--text-soft);letter-spacing:.08em}.idea-upload-preview{display:flex;flex-direction:column;gap:8px}.idea-upload-preview[hidden]{display:none}.idea-upload-list{display:flex;flex-direction:column;gap:8px}.idea-upload-item{min-height:96px;display:grid;grid-template-columns:72px 1fr auto;gap:14px;align-items:center;border:1px solid var(--line);padding:10px;background:var(--surface)}.idea-upload-item img{width:72px;height:72px;object-fit:cover;background:var(--surface-strong)}.idea-upload-item div{min-width:0;display:flex;flex-direction:column;gap:5px}.idea-upload-item b{overflow:hidden;font-size:13px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.idea-upload-item small{color:var(--text-soft);font:9px var(--mono)}.idea-upload-item button{min-height:40px;border:1px solid var(--line);padding:0 12px;color:var(--accent);font:9px var(--mono);letter-spacing:.08em}.idea-turnstile{min-height:65px}.idea-turnstile[hidden]{display:none}.idea-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.tool-btn,.width-btn{min-height:44px;min-width:44px;padding:0 12px;border:1px solid var(--line);background:var(--surface);font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase}.tool-btn.is-on,.width-btn.is-on{background:var(--text-primary);color:var(--surface);border-color:var(--text-primary)}.tool-colors{display:flex;gap:6px;margin-left:4px}.swatch{width:28px;height:28px;min-width:28px;border-radius:50%;border:2px solid transparent;background:var(--sw)}.swatch.is-on{border-color:var(--text-primary);outline:1px solid var(--surface)}.tool-widths{display:flex;gap:4px}.idea-canvas-wrap{position:relative;border:1px solid var(--line);background:var(--surface);min-height:360px;height:min(52vh,520px);touch-action:none;overflow:hidden}#ideaCanvas{display:block;width:100%;height:100%;cursor:crosshair;touch-action:none}.idea-guides{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:10px;padding:28px;pointer-events:none;transition:opacity .45s ease}.idea-guides p{margin:0;font-family:var(--serif);font-style:italic;color:var(--text-soft);font-size:clamp(15px,1.4vw,20px)}.idea-guides.is-faded{opacity:0}.idea-notes{position:absolute;inset:0;pointer-events:none}.idea-sticky{position:absolute;width:140px;min-height:88px;padding:10px;background:#f3e6c8;border:1px solid rgba(43,37,32,.18);font-size:13px;line-height:1.35;color:var(--text-primary);pointer-events:auto;box-shadow:0 8px 18px #2b252014;cursor:grab}.idea-form{display:flex;flex-direction:column;gap:18px;border-top:1px solid var(--line);padding-top:8px}.idea-form fieldset{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.idea-form legend{margin-bottom:8px;color:var(--accent)}.choice{display:flex;gap:10px;align-items:center;min-height:40px;color:var(--text-primary);font-size:14px}.field{display:flex;flex-direction:column;gap:8px}.field span{color:var(--accent)}.field input,.field textarea{border:0;border-bottom:1px solid var(--line);background:transparent;padding:12px 0;font:inherit;color:var(--text-primary);resize:vertical}.field input:focus-visible,.field textarea:focus-visible{outline:none;border-bottom-color:var(--accent)}.idea-privacy{margin:0;font-size:12px;line-height:1.5;color:var(--text-soft)}.idea-submit{min-height:52px;border:1px solid var(--text-primary);background:var(--text-primary);color:var(--surface);font:11px var(--mono);letter-spacing:.14em;text-transform:uppercase;cursor:pointer}.idea-submit:hover,.idea-submit:focus-visible{background:var(--accent);border-color:var(--accent)}.idea-submit:disabled{opacity:.55;cursor:wait}.idea-status{margin:0;white-space:pre-line;font-size:14px;line-height:1.5;color:var(--text-secondary)}.idea-status[data-kind=ok]{color:var(--olive)}.idea-status[data-kind=error]{color:var(--accent)}.hp{position:absolute;left:-9999px;height:0;overflow:hidden}@media(max-width:1100px){.hero-process-desktop{grid-template-columns:1fr 1.1fr;gap:16px}.process-meta{display:none}.idea-layout{grid-template-columns:1fr}.section-head{grid-template-columns:1fr;gap:20px}.work-row{grid-template-columns:48px 1fr;gap:16px}.work-tag{grid-column:2;text-align:left;max-width:none}.finale-about{grid-template-columns:1fr;gap:20px}}@media(max-width:900px){.frame-side-label{display:none}.journey.is-morphing{left:50%;width:min(92vw,560px);transform:translate(-50%,-50%)}.journey.is-morphing .journey-rail{animation:none}.journey.is-docked{display:none}.journey-mobile{display:block}.hero-process{min-height:0}.hero-process-sticky{position:relative;height:auto;overflow:visible;padding:88px var(--pad) 40px}.hero-process-desktop{display:none}.process-mobile{display:flex;flex-direction:column;gap:28px}.mobile-hero-copy h2{font-size:clamp(34px,10vw,52px)}.mobile-hero-copy h2 span{opacity:1;transform:none}.process-card{min-height:68svh;display:flex;flex-direction:column;gap:18px;padding-bottom:20px;border-bottom:1px solid var(--line)}.process-card-copy h3{margin:10px 0;font-size:clamp(32px,10vw,48px);letter-spacing:-.04em}.process-card-copy p{margin:0;color:var(--text-secondary);font-size:15px;line-height:1.55}.idea-head,.idea-layout{padding-left:0}.idea-canvas-wrap{height:60svh;min-height:280px}.idea-toolbar{gap:6px}.work-preview{display:none!important}.work-list:hover .work-row:not(:hover){opacity:1}.work-row:hover .work-main h3,.work-row:focus-visible .work-main h3{transform:none}}@media(max-width:760px){:root{--pad: 18px}.site-header{height:64px;grid-template-columns:auto 1fr auto;gap:8px;background:#f1ece3e0;border-color:var(--line);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.intro-word-stage{width:calc(100vw - 36px);height:96px}.intro-word{font-size:clamp(38px,13vw,58px)}.intro-continue{top:calc(50% + 78px);min-width:218px;min-height:48px;border:0;border-radius:0;background:transparent;color:var(--accent);font-size:11px;letter-spacing:.2em}.journey.is-waiting .intro-continue.is-visible{animation:press-to-continue 1.15s steps(2,end) infinite}.desktop-nav{display:none}.menu-toggle{display:flex;align-items:center;justify-self:end;min-height:38px;padding:0 11px;border:1px solid var(--line);border-radius:999px;font:10px var(--mono);letter-spacing:.1em;text-transform:uppercase}.mobile-nav{display:flex;position:absolute;top:70px;left:var(--pad);width:calc(100% - (var(--pad) * 2));background:#fbf7f0fa;border:1px solid var(--line);padding:8px 16px;flex-direction:column;box-shadow:0 18px 42px #2b252024;opacity:0;visibility:hidden;transform:translateY(-6px) scale(.985);transform-origin:top;transition:all var(--fast)}.mobile-nav.is-open{opacity:1;visibility:visible;transform:none}.mobile-nav a{display:flex;align-items:center;padding:14px 0;min-height:50px;border-bottom:1px solid var(--line);font:13px var(--mono);text-transform:uppercase;letter-spacing:.08em}.mobile-nav a:last-child{border-bottom:0}.language-switcher{justify-self:center}.language-select-shell{min-width:72px}.language-switcher select{min-height:36px;padding-left:12px;font-size:8px}.language-select-shell:after{right:10px}.hero-process-sticky{padding:92px var(--pad) 56px;background:radial-gradient(circle at 100% 12%,rgba(201,111,75,.15),transparent 36%),var(--background)}.journey-mobile{margin-bottom:28px;overflow:hidden;color:var(--accent);line-height:1.5;white-space:nowrap}.process-mobile{gap:16px}.mobile-hero-copy{min-height:calc(100svh - 180px);display:flex;flex-direction:column;justify-content:center;padding-bottom:46px}.mobile-hero-copy .hero-role{margin-bottom:18px;color:var(--accent)}.mobile-hero-copy h2{max-width:9ch;font-size:clamp(40px,12.5vw,56px);line-height:.92}.mobile-hero-copy .hero-intro{max-width:34ch;margin-top:24px;font-size:15px;line-height:1.68}.mobile-hero-copy .hero-ctas{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:28px}.mobile-hero-copy .cta-line{min-height:50px;justify-content:center;padding:10px 12px;border:1px solid var(--line);background:var(--surface);font-size:10px;line-height:1.35;text-align:center}.mobile-hero-copy .cta-line:last-child{border-color:var(--text-primary);background:var(--text-primary);color:var(--surface)}.process-card{min-height:0;gap:22px;padding:24px 18px 18px;border:1px solid var(--line);background:#fbf7f0b8}.process-card-copy{display:grid;grid-template-columns:34px 1fr;column-gap:8px;align-items:start}.process-card-copy>span{padding-top:7px;color:var(--accent)}.process-card-copy h3{margin:0;font-size:clamp(30px,9vw,42px);line-height:1}.process-card-copy p{grid-column:2;margin-top:12px;font-size:14px;line-height:1.65}.browser-frame.compact{height:auto;min-height:0;aspect-ratio:4 / 3;box-shadow:0 14px 34px #2b25201f}.process-card .still-hero{grid-template-columns:.85fr 1.15fr}.process-card .still-copy{padding:12px}.process-card .still-copy h3{font-size:clamp(19px,5.5vw,26px)}.section{padding:76px var(--pad)}.section-head h2{font-size:clamp(40px,13vw,58px);line-height:.88}.section-index{font-size:9px}.section-head{gap:18px;margin:34px 0 38px}.section-head p{font-size:15px}.idea-head{margin-bottom:28px}.idea-head h2{font-size:clamp(38px,12vw,52px);line-height:.96}.idea-board{display:none}.idea-upload-dropzone{min-height:210px;padding:28px 20px;border-style:solid}.idea-upload-dropzone:before{content:"+";width:48px;height:48px;display:grid;place-items:center;margin-bottom:10px;border:1px solid var(--line);border-radius:50%;color:var(--accent);font:24px/1 var(--serif)}.idea-upload-preview{min-height:0}.idea-upload-item{grid-template-columns:78px 1fr;gap:14px}.idea-upload-item img{width:78px;height:104px}.idea-upload-item button{grid-column:1 / -1;width:100%}.idea-form{margin-top:10px;padding:22px 18px;border:1px solid var(--line);background:#fbf7f0ad}.choice{min-height:46px;border-bottom:1px solid var(--line)}.choice input{accent-color:var(--accent)}.work-row{grid-template-columns:36px 1fr;gap:10px;padding:32px 0}.work-main h3{font-size:clamp(28px,8.6vw,38px);line-height:.94}.work-main p{margin-top:14px;font-size:14px;line-height:1.65}.work-tag{margin-top:4px;color:var(--accent);font-size:9px;line-height:1.55}.finale-caps{grid-template-columns:1fr;gap:0;padding:20px 0}.finale-caps>div{padding:18px 0;border-bottom:1px solid var(--line)}.finale-caps>div:last-child{border-bottom:0}.finale-about{padding-bottom:36px}.finale-copy h2{font-size:clamp(30px,9vw,40px);line-height:1.08}.finale-copy p{font-size:15px;line-height:1.72}.finale-contact{padding:48px 0 34px}.finale-contact h2{margin-bottom:24px;font-size:clamp(40px,12.5vw,56px);line-height:.92}.finale-contact>p{margin-bottom:28px;font-size:15px;line-height:1.65}.contact-actions{grid-template-columns:1fr;gap:12px}.contact-card{width:100%;min-height:78px;border-radius:18px;padding:17px 20px}.magnet-pill{width:100%;max-width:100%;border-radius:18px;padding:17px 20px}.site-footer{grid-template-columns:1fr auto;padding-bottom:max(6px,env(safe-area-inset-bottom))}.site-footer p,.frame-counter,.still-rooms{display:none}}@keyframes press-to-continue{0%,to{opacity:1}50%{opacity:.42}}@media(max-width:420px){.mobile-hero-copy{min-height:calc(100svh - 164px)}.mobile-hero-copy .hero-ctas{grid-template-columns:1fr}.process-card{padding-inline:14px}.language-switcher{justify-self:center}}@media(pointer:coarse){.work-preview{display:none!important}.magnet-orb,.magnet-pill{transform:none!important}}