*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!visible{visibility:visible!important}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.block{display:block}.grid{display:grid}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.border{border-width:1px}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}:root{--canvas:#f5f5f7;--surface:#fff;--surface-2:#ececf0;--text:#1d1d1f;--muted:#6e6e73;--quiet:#929298;--line:rgba(29,29,31,.11);--accent:var(--configured-accent,#2677ff);--accent-2:color-mix(in srgb,var(--accent) 68%,#8b5cf6);--glow:color-mix(in srgb,var(--accent) 17%,transparent);--header:rgba(245,245,247,.76);--shadow:0 34px 90px rgba(26,31,44,.14);--ease:cubic-bezier(.16,1,.3,1);--gutter:clamp(20px,4vw,64px);font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif}:root[data-theme=dark]{--canvas:#08090b;--surface:#111216;--surface-2:#18191e;--text:#f5f5f7;--muted:#a2a2aa;--quiet:#73737b;--line:rgba(255,255,255,.11);--accent:color-mix(in srgb,var(--configured-accent,#2677ff) 72%,white);--accent-2:color-mix(in srgb,var(--accent) 68%,#a89cff);--glow:color-mix(in srgb,var(--accent) 18%,transparent);--header:rgba(8,9,11,.72);--shadow:0 36px 110px rgba(0,0,0,.42)}*{box-sizing:border-box}html{scroll-behavior:auto;background:var(--canvas)}body{margin:0;overflow-x:clip;background:var(--canvas);color:var(--text);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}body,button,a{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit}[hidden]{display:none!important}svg{width:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.skip-link{position:fixed;z-index:1000;top:12px;left:12px;padding:10px 16px;border-radius:999px;background:var(--text);color:var(--canvas);transform:translateY(-160%)}.skip-link:focus{transform:none}.topbar{position:fixed;z-index:100;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;height:68px;padding:0 var(--gutter);border-bottom:1px solid transparent;transition:.3s var(--ease)}.topbar.is-solid{border-color:var(--line);background:var(--header);backdrop-filter:saturate(160%) blur(22px)}.brand{display:flex;align-items:center;gap:10px;width:-moz-max-content;width:max-content;font-size:14px;font-weight:680;letter-spacing:-.02em}.brand-mark{display:grid;width:29px;height:29px;place-items:center;border-radius:50%;background:var(--text);color:var(--canvas);font-size:13px}.theme-toggle{display:grid;width:64px;height:44px;place-items:center;padding:0;border:0;background:transparent;cursor:pointer;touch-action:manipulation}.theme-toggle-track{position:relative;display:block;width:58px;height:34px;overflow:hidden;border:1px solid color-mix(in srgb,var(--text) 14%,transparent);border-radius:999px;background:linear-gradient(145deg,color-mix(in srgb,var(--surface-2) 82%,var(--accent) 18%),var(--surface));box-shadow:inset 0 1px 2px color-mix(in srgb,var(--text) 9%,transparent),0 6px 18px color-mix(in srgb,var(--text) 8%,transparent);transition:border-color .25s var(--ease),box-shadow .25s var(--ease),background .35s var(--ease)}.theme-toggle-track:after{position:absolute;inset:1px 5px auto;height:45%;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.34),transparent);content:"";pointer-events:none}.theme-toggle-thumb{position:absolute;z-index:1;top:3px;left:3px;display:grid;width:26px;height:26px;place-items:center;border:1px solid rgba(255,255,255,.68);border-radius:50%;background:#fff;box-shadow:0 2px 8px #1d1d1f2e,0 1px 1px #1d1d1f1f;color:#b56a00;transition:transform .38s var(--ease),background .3s var(--ease),color .3s var(--ease),box-shadow .3s var(--ease)}.theme-toggle svg{grid-area:1/1;width:14px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7;transition:opacity .25s var(--ease),transform .35s var(--ease)}.theme-toggle .moon{opacity:0;transform:rotate(-30deg) scale(.65)}.theme-toggle:hover .theme-toggle-track{border-color:color-mix(in srgb,var(--text) 25%,transparent);box-shadow:inset 0 1px 2px color-mix(in srgb,var(--text) 10%,transparent),0 8px 24px color-mix(in srgb,var(--text) 12%,transparent)}.theme-toggle:active .theme-toggle-thumb{transform:scale(.9)}.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:999px}[data-theme=dark] .theme-toggle-track{background:linear-gradient(145deg,#151824,#0d0e12)}[data-theme=dark] .theme-toggle-thumb{transform:translate(24px);border-color:#ffffff21;background:#292b33;box-shadow:0 2px 10px #0000007a,inset 0 1px #ffffff14;color:#b9cfff}[data-theme=dark] .theme-toggle .sun{opacity:0;transform:rotate(45deg) scale(.65)}[data-theme=dark] .theme-toggle .moon{opacity:1;transform:none}[data-theme=dark] .theme-toggle:active .theme-toggle-thumb{transform:translate(24px) scale(.9)}.hero{position:relative;display:grid;min-height:100svh;place-items:center;overflow:hidden;padding:110px var(--gutter) 90px;background:radial-gradient(circle at 72% 45%,var(--glow),transparent 28%),linear-gradient(180deg,color-mix(in srgb,var(--surface) 45%,var(--canvas)),var(--canvas))}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:72px 72px;opacity:.26;-webkit-mask-image:radial-gradient(circle at 50% 45%,#000,transparent 72%);mask-image:radial-gradient(circle at 50% 45%,#000,transparent 72%)}.hero-glow{position:absolute;left:50%;top:48%;width:min(78vw,1050px);height:380px;border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);border-radius:50%;filter:blur(.2px);transform:translate(-50%,-50%) rotate(-7deg)}.hero-glow:before,.hero-glow:after{position:absolute;border:1px solid color-mix(in srgb,var(--accent-2) 20%,transparent);border-radius:50%;content:""}.hero-glow:before{inset:52px -110px;transform:rotate(13deg)}.hero-glow:after{inset:115px 85px;box-shadow:0 0 120px var(--glow)}.hero-copy{position:relative;z-index:2;width:min(1140px,100%);text-align:center}.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 24px;color:var(--muted);font-size:11px;font-weight:760;letter-spacing:.18em}.hero .eyebrow{justify-content:center}.eyebrow i{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 13%,transparent)}.hero h1{margin:0;font-size:clamp(54px,8.2vw,118px);font-weight:680;line-height:.9;letter-spacing:-.075em}.hero h1 em{color:transparent;background:linear-gradient(98deg,var(--text) 8%,var(--accent) 58%,var(--accent-2));-webkit-background-clip:text;background-clip:text;font-style:normal}.hero-cn{max-width:660px;margin:36px auto 0;color:var(--muted);font-size:clamp(16px,1.6vw,21px);line-height:1.75}.hero-proof{display:flex;align-items:center;justify-content:center;gap:12px;margin:28px 0 0;color:var(--quiet);font-size:12px}.hero-proof span{width:3px;height:3px;border-radius:50%;background:currentColor}.enter-works{position:absolute;z-index:3;bottom:28px;left:50%;display:flex;min-height:54px;align-items:center;gap:16px;padding:7px 8px 7px 20px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--surface) 76%,transparent);color:var(--muted);font-size:12px;transform:translate(-50%);backdrop-filter:blur(18px)}.enter-works svg{display:grid;width:38px;height:38px;padding:9px;border-radius:50%;background:var(--text);color:var(--canvas)}.works{position:relative;height:100svh;overflow:hidden;border-top:1px solid var(--line);overscroll-behavior:contain}.works-intro{position:absolute;z-index:8;top:28px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;color:var(--quiet);font-size:10px;letter-spacing:.14em}.works-intro p{margin:0;font-weight:700}.work-loop{position:absolute;inset:0}.work-scene{position:absolute;inset:0;display:grid;align-items:center;overflow:hidden;padding:104px var(--gutter) 76px;isolation:isolate;opacity:0;pointer-events:none;transform:translate3d(110%,0,0);transition:transform .78s var(--ease),opacity .5s ease}.work-scene[data-position=prev]{opacity:.18;transform:translate3d(-106%,0,0)}.work-scene[data-position=current]{z-index:3;opacity:1;pointer-events:auto;transform:translateZ(0)}.work-scene[data-position=next]{opacity:.18;transform:translate3d(106%,0,0)}.work-scene[data-position=far-left]{transform:translate3d(-170%,0,0)}.work-scene[data-position=far-right]{transform:translate3d(170%,0,0)}.work-loop.is-resetting .work-scene{transition:none}.scene-inner{display:grid;grid-template-columns:minmax(0,.82fr) minmax(420px,1.18fr);gap:clamp(54px,8vw,140px);align-items:center;width:min(1320px,100%);margin:auto}.work-scene[data-side=reverse] .scene-copy{order:2}.work-scene[data-side=reverse] .scene-art{order:1}.scene-copy{position:relative;z-index:2;opacity:.38;transform:translateY(26px);transition:opacity .65s .12s var(--ease),transform .75s .12s var(--ease)}.work-scene[data-position=current] .scene-copy{opacity:1;transform:none}.scene-index{display:flex;align-items:center;gap:12px;color:var(--quiet);font-size:10px;font-weight:700;letter-spacing:.16em}.scene-index i{width:42px;height:1px;background:var(--line)}.scene-copy h2{max-width:9ch;margin:25px 0 22px;font-size:clamp(48px,6.4vw,92px);font-weight:670;line-height:.92;letter-spacing:-.065em}.scene-copy>p{max-width:520px;margin:0;color:var(--muted);font-size:clamp(16px,1.4vw,20px);line-height:1.7}.scene-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.scene-tags span{padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:10px;font-weight:650}.scene-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}.action{display:inline-flex;min-height:48px;align-items:center;gap:9px;padding:0 17px;border:1px solid var(--line);border-radius:999px;font-size:12px;font-weight:650;transition:.22s var(--ease)}.action svg{width:16px}.action:hover{border-color:color-mix(in srgb,var(--text) 24%,transparent);transform:translateY(-2px)}.action.primary{border-color:var(--text);background:var(--text);color:var(--canvas)}.action.icon{width:48px;justify-content:center;padding:0}.action.icon span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.scene-art{position:relative;z-index:2;min-height:min(65vw,690px);opacity:.28;transform:translate(6vw) scale(.93);transition:opacity .8s .08s var(--ease),transform .9s .08s var(--ease)}[data-side=reverse] .scene-art{transform:translate(-6vw) scale(.93)}.work-scene[data-position=current] .scene-art{opacity:1;transform:none}.product-window{position:absolute;inset:7% 0;overflow:hidden;border:1px solid var(--line);border-radius:clamp(24px,3vw,42px);background:var(--surface);box-shadow:var(--shadow);transform:perspective(1200px) rotateY(-4deg)}[data-side=reverse] .product-window{transform:perspective(1200px) rotateY(4deg)}.work-scene[data-position=current] .product-window{animation:windowSettle 1.2s var(--ease) both}.product-window:before{position:absolute;z-index:2;top:0;left:0;right:0;height:38px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface) 85%,transparent);content:""}.product-window:after{position:absolute;z-index:3;top:15px;left:18px;width:8px;height:8px;border-radius:50%;background:#ff5f57;box-shadow:16px 0 #febc2e,32px 0 #28c840;content:""}.product-window img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;transition:transform 1.2s var(--ease)}.work-scene[data-position=current] .product-window img{transform:scale(1.035)}.workflow{position:absolute;inset:5%;display:grid;align-content:center;padding:clamp(26px,5vw,70px);border:1px solid var(--line);border-radius:clamp(24px,3vw,42px);background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 92%,var(--accent)),var(--surface));box-shadow:var(--shadow)}.workflow:before{position:absolute;top:15%;right:10%;width:45%;aspect-ratio:1;border-radius:50%;background:var(--glow);filter:blur(80px);content:""}.workflow-label{position:relative;margin-bottom:34px;color:var(--quiet);font-size:10px;font-weight:750;letter-spacing:.18em}.workflow ol{position:relative;display:grid;gap:14px;margin:0;padding:0;list-style:none}.workflow li{position:relative;display:grid;grid-template-columns:44px 1fr auto;align-items:center;min-height:74px;padding:0 22px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--surface) 72%,transparent);color:var(--muted);transform:translateY(10px);opacity:.44;transition:.6s var(--ease)}.work-scene[data-position=current] .workflow li{transform:none;opacity:1}.work-scene[data-position=current] .workflow li:nth-child(2){transition-delay:.1s}.work-scene[data-position=current] .workflow li:nth-child(3){transition-delay:.2s}.work-scene[data-position=current] .workflow li:nth-child(4){transition-delay:.3s}.workflow li span{font-size:11px;font-weight:750}.workflow li strong{color:var(--text);font-size:14px}.workflow li i{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 7px color-mix(in srgb,var(--accent) 12%,transparent)}.scene-word{position:absolute;z-index:0;right:-.04em;bottom:-.21em;color:transparent;font-size:clamp(150px,30vw,480px);font-weight:800;line-height:1;letter-spacing:-.1em;-webkit-text-stroke:1px var(--line);opacity:.45;pointer-events:none}.work-scene[data-side=reverse] .scene-word{right:auto;left:-.08em}.carousel-controls{position:absolute;z-index:12;right:var(--gutter);bottom:28px;display:flex;align-items:center;gap:12px}.carousel-controls button{display:grid;width:44px;height:44px;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--header);cursor:pointer;backdrop-filter:blur(16px)}.carousel-controls span{min-width:54px;color:var(--quiet);font-size:10px;font-weight:700;letter-spacing:.12em;text-align:center}.carousel-hint{position:absolute;z-index:10;bottom:38px;left:var(--gutter);display:flex;align-items:center;gap:10px;margin:0;color:var(--quiet);font-size:9px;font-weight:700;letter-spacing:.15em}.carousel-hint span{width:32px;height:1px;background:var(--line)}.back-hero{position:fixed;z-index:90;right:var(--gutter);bottom:88px;display:flex;min-height:48px;align-items:center;gap:8px;padding:0 16px;border:1px solid var(--line);border-radius:999px;background:var(--header);font-size:11px;font-weight:650;opacity:0;pointer-events:none;transform:translateY(12px);backdrop-filter:blur(18px);transition:.3s var(--ease)}.back-hero svg{width:15px}.back-hero.visible{opacity:1;pointer-events:auto;transform:none}.back-hero.force-hidden{display:none}.detail-view{min-height:100svh;padding:132px var(--gutter) 90px}.detail-shell{width:min(1240px,100%);margin-inline:auto}.detail-back{display:inline-flex;min-height:44px;align-items:center;margin-bottom:60px;color:var(--muted);font-size:12px}.reading-progress{position:fixed;z-index:110;top:0;left:0;right:0;height:2px;background:var(--line)}.reading-progress i{display:block;width:100%;height:100%;background:var(--accent);transform:scaleX(0);transform-origin:left}.detail-shell{max-width:1120px}.detail-head{max-width:900px}.detail-head h1{margin:0;font-size:clamp(56px,8vw,106px);font-weight:680;line-height:.92;letter-spacing:-.07em}.detail-head>p:not(.eyebrow){max-width:720px;margin:30px 0;color:var(--muted);font-size:20px;line-height:1.7}.detail-actions{display:flex;gap:10px}.detail-visual{position:relative;height:min(64vw,680px);margin-top:76px;overflow:hidden;border:1px solid var(--line);border-radius:34px;background:var(--surface);box-shadow:var(--shadow)}.detail-visual img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.detail-visual .product-window{inset:0;border:0;border-radius:0;box-shadow:none;transform:none}.detail-visual .workflow{position:relative;inset:auto;height:100%;border:0;box-shadow:none}.detail-layout{display:grid;grid-template-columns:180px minmax(0,720px);justify-content:space-between;gap:60px;margin-top:100px}.detail-layout aside{position:sticky;top:110px;height:-moz-max-content;height:max-content;display:grid;gap:8px}.detail-layout aside a{padding:7px 0;color:var(--quiet);font-size:11px}.detail-copy section{scroll-margin-top:110px;margin-bottom:72px}.detail-copy h2{margin:0 0 24px;font-size:36px;letter-spacing:-.04em}.detail-copy p{margin:0 0 20px;color:var(--muted);font-size:17px;line-height:1.9}.detail-copy blockquote{margin:35px 0;padding:22px 24px;border-left:3px solid var(--accent);background:var(--surface);color:var(--muted)}@keyframes windowSettle{0%{transform:perspective(1200px) rotateY(-7deg) scale(.96)}to{transform:perspective(1200px) rotateY(0) scale(1)}}@media (max-width:820px){.brand span:last-child{display:none}.hero h1{font-size:clamp(50px,15vw,84px)}.hero-glow{width:125vw}.works-intro span{display:none}.scene-inner{grid-template-columns:1fr;gap:22px}.work-scene{padding-top:92px;padding-bottom:86px}.work-scene[data-side=reverse] .scene-copy,.work-scene[data-side=reverse] .scene-art{order:initial}.scene-copy h2{font-size:clamp(44px,11vw,68px)}.scene-copy>p{font-size:15px;line-height:1.55}.scene-tags{margin-top:16px}.scene-actions{margin-top:20px}.scene-art{min-height:38vh;transform:translateY(20px) scale(.96)!important}.scene-word{font-size:70vw;bottom:.02em}.detail-layout{grid-template-columns:1fr}.detail-layout aside{position:static;display:none}.detail-head>p:not(.eyebrow){font-size:17px}}@media (max-width:520px){.topbar{height:62px;padding:0 14px}.hero{padding-inline:20px}.hero-cn{font-size:15px}.hero-proof{font-size:10px}.enter-works{bottom:20px}.work-scene{padding:82px 20px 76px}.scene-copy h2{margin:14px 0 12px;font-size:clamp(38px,11vw,54px)}.scene-copy>p{display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical}.scene-tags{display:none}.action{min-height:42px}.scene-art{min-height:34vh}.workflow{inset:0;padding:18px}.workflow-label{margin-bottom:14px}.workflow ol{gap:7px}.workflow li{grid-template-columns:30px 1fr auto;min-height:47px;padding:0 12px;border-radius:12px}.workflow li strong{font-size:12px}.scene-actions{gap:8px}.carousel-controls{right:14px;bottom:17px}.carousel-controls button{width:40px;height:40px}.carousel-hint{left:20px;bottom:29px;font-size:8px}.carousel-hint span{display:none}.detail-view{padding:110px 20px 70px}.detail-visual{height:420px;margin-top:48px}.back-hero{right:14px;bottom:72px}.back-hero span{display:none}.back-hero{width:48px;justify-content:center;padding:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.back-hero{transition:none}}.hero{place-items:center start}.hero-copy{width:min(1260px,100%);text-align:left}.hero .eyebrow{justify-content:flex-start}.hero h1{max-width:10em;font-size:clamp(52px,6.4vw,96px);line-height:.94}.hero-cn{max-width:580px;margin:28px 0 0}.hero-proof{justify-content:flex-start;margin-top:18px}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.hero-action{display:inline-flex;min-height:50px;align-items:center;gap:18px;padding:0 19px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--surface) 72%,transparent);font-size:12px;font-weight:650;backdrop-filter:blur(16px);transition:.25s var(--ease)}.hero-action:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--text) 26%,transparent)}.hero-action.primary{border-color:var(--text);background:var(--text);color:var(--canvas)}.hero-atmosphere{position:absolute;top:50%;right:2vw;width:min(46vw,646px);aspect-ratio:1;transform:translateY(-50%)}.hero-orbit{position:absolute;inset:var(--orbit-inset);border-radius:50%;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 28%,transparent);transform:translate3d(calc(var(--hero-x,0) * 12px),calc(var(--hero-y,0) * 12px),0);transition:transform .7s var(--ease)}.hero-orbit:before,.hero-orbit:after{position:absolute;width:9px;height:9px;border:4px solid var(--canvas);border-radius:50%;background:var(--accent);box-shadow:0 0 28px var(--glow);content:""}.hero-orbit:nth-child(1):before{top:9%;left:28%}.hero-orbit:nth-child(1):after{right:7%;bottom:24%}.hero-orbit:nth-child(2):before{top:10%;right:13%}.hero-orbit:nth-child(2):after{bottom:5%;left:25%}.hero-node-track{position:absolute;inset:0;animation:heroOrbit 24s linear infinite;animation-delay:var(--orbit-phase)}.hero-node{position:absolute;top:0;left:50%;display:grid;width:82px;aspect-ratio:1;place-items:center;border:1px solid var(--line);border-radius:50%;background:color-mix(in srgb,var(--surface) 76%,transparent);box-shadow:0 18px 65px var(--glow);color:var(--muted);font-size:12px;font-weight:700;transform:translate(-50%);animation:heroCounterOrbit 24s linear infinite;animation-delay:var(--orbit-phase);backdrop-filter:blur(14px)}.hero-node-product{width:104px;background:var(--text);color:var(--canvas)}@keyframes heroOrbit{to{transform:rotate(360deg)}}@keyframes heroCounterOrbit{to{transform:translate(-50%) rotate(-360deg)}}.home-chapter{position:relative;padding:clamp(100px,12vw,170px) var(--gutter);border-top:1px solid var(--line);scroll-margin-top:68px}.chapter-shell{position:relative;z-index:2;width:min(1320px,100%);margin-inline:auto}.chapter-head{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(40px,8vw,120px);align-items:end;margin-bottom:70px}.chapter-head h2{margin:0;font-size:clamp(52px,7.4vw,100px);font-weight:670;line-height:.94;letter-spacing:-.07em}.chapter-head h2 span{color:var(--muted)}.chapter-head>p{max-width:470px;margin:0 0 8px;color:var(--muted);font-size:17px;line-height:1.75}.home-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.home-work-card{position:relative;overflow:hidden;min-height:760px;border:1px solid var(--line);border-radius:34px;background:var(--surface);box-shadow:0 20px 70px color-mix(in srgb,var(--text) 7%,transparent);transition:transform .45s var(--ease),box-shadow .45s var(--ease)}.home-work-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.home-card-top{position:absolute;z-index:3;top:22px;left:24px;right:24px;display:flex;justify-content:space-between;color:var(--quiet);font-size:9px;font-weight:760;letter-spacing:.16em}.home-card-visual{height:54%;overflow:hidden;background:var(--surface-2)}.home-card-visual>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;transition:transform .8s var(--ease)}.home-work-card:hover .home-card-visual>img{transform:scale(1.025)}.home-card-copy{padding:30px}.home-card-copy h3{max-width:14ch;margin:0 0 16px;font-size:clamp(34px,3.6vw,54px);font-weight:660;line-height:1;letter-spacing:-.055em}.home-card-copy>p{min-height:82px;margin:0;color:var(--muted);line-height:1.7}.home-card-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.skills-chapter{overflow:hidden;background:linear-gradient(180deg,var(--canvas),color-mix(in srgb,var(--canvas) 86%,var(--accent) 14%))}.chapter-glow{position:absolute;top:20%;left:50%;width:70vw;height:36vw;border-radius:50%;background:var(--glow);filter:blur(130px);opacity:.55;transform:translate(-50%)}.home-skill-card{background:color-mix(in srgb,var(--surface) 88%,transparent)}.home-skill-card .home-card-visual{height:48%;padding:58px 34px 30px;background:transparent}.home-workflow{display:grid;gap:11px}.home-workflow>span{display:grid;grid-template-columns:40px 1fr auto;align-items:center;min-height:65px;padding:0 18px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--surface) 74%,transparent);color:var(--text);font-size:13px;font-weight:620}.home-workflow i{color:var(--quiet);font-size:10px;font-style:normal}.home-workflow b{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 7px color-mix(in srgb,var(--accent) 12%,transparent)}@media (max-width:820px){.hero{place-items:center}.hero-copy{text-align:center}.hero .eyebrow,.hero-proof{justify-content:center}.hero-cn{margin-inline:auto}.hero-actions{justify-content:center}.hero-atmosphere{right:-18vw;width:92vw;opacity:.55}.chapter-head{grid-template-columns:1fr;gap:24px}.home-work-grid{grid-template-columns:1fr}.home-work-card{min-height:680px}.chapter-head>p{font-size:15px}}@media (max-width:520px){.hero h1{font-size:clamp(46px,13vw,64px)}.hero-actions{display:grid}.hero-action{justify-content:space-between}.hero-node-track{display:none}.home-chapter{padding:90px 20px}.chapter-head{margin-bottom:42px}.chapter-head h2{font-size:48px}.home-work-card{min-height:610px;border-radius:24px}.home-card-visual{height:48%}.home-card-copy{padding:24px}.home-card-copy h3{font-size:38px}.home-card-copy>p{min-height:0;font-size:14px}.home-skill-card .home-card-visual{padding:48px 20px 20px}.home-workflow>span{min-height:54px}.back-hero{bottom:14px}}.home-work-grid{grid-template-columns:minmax(0,1fr);gap:28px}.home-work-card{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(360px,.84fr);min-height:600px;opacity:0;transform:translateY(24px) scale(.992);transition:opacity .42s ease-in,transform .5s ease-in,box-shadow .45s var(--ease)}.home-work-card[data-viewport-side=above]{transform:translateY(-24px) scale(.992)}.home-work-card:nth-child(2n){grid-template-columns:minmax(360px,.84fr) minmax(0,1.16fr)}.home-work-card:nth-child(2n) .home-card-visual{order:2}.home-work-card.is-in-viewport{opacity:1;transform:none;transition-timing-function:var(--ease)}.home-work-card.is-in-viewport:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.home-card-visual{height:auto;min-height:600px}.home-card-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(34px,5vw,72px)}.home-card-copy h3{margin-bottom:20px;font-size:clamp(40px,4.6vw,68px);line-height:.96}.home-card-copy>p{min-height:0;font-size:16px;line-height:1.75}.home-card-actions{margin-top:30px}.home-skill-card .home-card-visual{display:grid;align-items:center;height:auto;min-height:600px;padding:70px 50px}.home-workflow{gap:13px}.home-workflow>span{min-height:72px;padding-inline:20px}@media (max-width:980px){.home-work-card,.home-work-card:nth-child(2n){grid-template-columns:1fr}.home-work-card:nth-child(2n) .home-card-visual{order:initial}.home-card-visual,.home-skill-card .home-card-visual{min-height:520px}.home-card-copy{padding:42px}}@media (max-width:520px){.home-work-card{min-height:0;transform:translateY(18px)}.home-work-card[data-viewport-side=above]{transform:translateY(-18px)}.home-card-visual,.home-skill-card .home-card-visual{min-height:350px}.home-card-copy{padding:26px}.home-card-copy>p{font-size:14px}.home-skill-card .home-card-visual{padding:52px 20px 24px}}@media (prefers-reduced-motion:reduce){.home-work-card{opacity:1;transform:none}.hero-node-track{animation:none!important;transform:rotate(var(--orbit-angle))}.hero-node{animation:none!important;transform:translate(-50%) rotate(var(--orbit-counter-angle))}}.work-visual-fallback{position:relative;overflow:hidden;background:radial-gradient(circle at 68% 32%,var(--glow),transparent 28%),linear-gradient(145deg,var(--surface-2),var(--surface))}.work-visual-fallback:before,.work-visual-fallback:after{position:absolute;border:1px solid color-mix(in srgb,var(--accent) 24%,transparent);border-radius:50%;content:""}.work-visual-fallback:before{width:62%;aspect-ratio:1;top:-18%;right:-10%}.work-visual-fallback:after{width:34%;aspect-ratio:1;bottom:-12%;left:10%}.detail-meta>p{margin:0;color:var(--quiet);font-size:12px;letter-spacing:.08em}.detail-tags{display:flex;flex-wrap:wrap;gap:7px}.detail-tags span{padding:6px 9px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:10px}.detail-copy h3{margin:42px 0 16px;font-size:24px;letter-spacing:-.025em}.detail-copy ul,.detail-copy ol{margin:0 0 28px;padding-left:1.3em;color:var(--muted)}.detail-copy li{margin-bottom:10px;font-size:17px;line-height:1.8}.detail-copy strong{color:var(--text)}.detail-copy a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.detail-copy code{padding:3px 7px;border:1px solid var(--line);border-radius:7px;background:var(--surface);font-size:.86em}.detail-copy pre{overflow:auto;margin:28px 0;padding:24px;border:1px solid var(--line);border-radius:18px;background:#16171b}.detail-copy pre code{padding:0;border:0;background:transparent}.detail-copy blockquote p{margin:0}.detail-copy img{max-width:100%;height:auto;border-radius:18px}.detail-copy table{width:100%;margin:28px 0;border-collapse:collapse}.detail-copy th,.detail-copy td{padding:12px;border-bottom:1px solid var(--line);text-align:left}.detail-copy th{color:var(--text)}.detail-copy td{color:var(--muted)}.site-footer{padding:36px var(--gutter);border-top:1px solid var(--line);background:var(--canvas);color:var(--quiet);font-size:11px;text-align:center}.site-footer.home-footer{border-top-color:transparent;background:color-mix(in srgb,var(--canvas) 86%,var(--accent) 14%)}.site-footer a:hover{color:var(--text)}@media (max-width:520px){.detail-copy h2{font-size:30px}.detail-copy h3{font-size:22px}.detail-copy p,.detail-copy li{font-size:16px}.detail-copy pre{padding:18px}.site-footer{padding-bottom:80px}}