@font-face{font-family:Longjing Serif;src:url(/assets/fonts/display-00.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap;unicode-range:U+7396}@font-face{font-family:Longjing Serif;src:url(/assets/fonts/display-01.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap;unicode-range:U+6E32}@font-face{font-family:Longjing Serif;src:url(/assets/fonts/display-02.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap;unicode-range:U+8086}@font-face{font-family:Longjing Serif;src:url(/assets/fonts/display-03.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap;unicode-range:U+58F9}@font-face{font-family:Longjing Serif;src:url(/assets/fonts/display-04.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap;unicode-range:U+5300}@font-face{font-family:Longjing Serif;src:url(/assets/fonts/display-05.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap;unicode-range:U+62FE,U+6367}@font-face{font-family:Longjing Serif;src:url(/assets/fonts/display-06.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap;unicode-range:U+61D2}@font-face{font-family:Longjing Serif;src:url(/assets/fonts/display-07.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap;unicode-range:U+4F0D,U+8FC1,U+9897}@font-face{font-family:Longjing Serif;src:url(/assets/fonts/display-08.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap;unicode-range:U+300C,U+300D,U+4E95}@font-face{font-family:Longjing Serif;src:url(/assets/fonts/display-09.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap;unicode-range:U+622A,U+6D6E}@font-face{font-family:Longjing Serif;src:url(/assets/fonts/display-10.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap;unicode-range:U+52AA,U+5BF8,U+5C3A,U+676F,U+67D3,U+8336}@font-face{font-family:Longjing Serif;src:url(/assets/fonts/display-11.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap;unicode-range:U+63A2,U+6DFB,U+732B,U+811A,U+8BAD,U+8DF3,U+9759,U+987A}@font-face{font-family:Longjing Serif;src:url(/assets/fonts/display-12.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap;unicode-range:U+4E03,U+4ED8,U+5708,U+57F9,U+5C42,U+5E8F,U+64CD,U+6D4F,U+7A7F,U+8865,U+8BB2,U+8F93,U+9646}@font-face{font-family:Longjing Serif;src:url(/assets/fonts/display-13.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap;unicode-range:U+4E49,U+4F8B,U+5199,U+51B3,U+5207,U+53F2,U+552E,U+5747,U+5B83,U+5E95,U+601D,U+626B,U+6309,U+76D8,U+79BB,U+79FB,U+7BC7,U+7D20,U+7EED,U+804C,U+80CC,U+843D,U+89D2,U+8FD4,U+95ED,U+9876}@font-face{font-family:Longjing Serif;src:url(/assets/fonts/display-14.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap;unicode-range:U+4E16,U+4E66,U+4EC0,U+4F17,U+503C,U+50CF,U+5148,U+5386,U+53D8,U+53EA,U+5411,U+5668,U+5E08,U+5E26,U+5F20,U+600E,U+627E,U+6362,U+6574,U+6784,U+6B65,U+6BCF,U+754C,U+7740,U+7B7E,U+7EA2,U+7EF4,U+822A,U+89C8,U+8D70,U+9500,U+952E,U+9879,U+9F99}@font-face{font-family:Longjing Serif;src:url(/assets/fonts/display-15.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap;unicode-range:U+4E48,U+4E5F,U+4E8C,U+4EA4,U+4ECE,U+505A,U+5177,U+52A9,U+5355,U+539F,U+5458,U+58F0,U+590D,U+5934,U+5B8C,U+5BB9,U+5BFC,U+5DF2,U+5E03,U+5EFA,U+5F97,U+6001,U+6216,U+6253,U+6301,U+641C,U+653E,U+6559,U+661F,U+6761,U+67E5,U+6837,U+6848,U+6BD4,U+6C34,U+6CA1,U+6D41,U+7531,U+767E,U+76EE,U+76F4,U+771F,U+7801,U+7A0B,U+7AE0,U+7B80,U+7D22,U+7EDF,U+7F6E,U+800C,U+89E3,U+8BA1,U+8BB0,U+8BBE,U+8D77,U+8F6C,U+8F7D,U+9009,U+91CC,U+FF1F}@font-face{font-family:Longjing Serif;src:url(/assets/fonts/display-16.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap;unicode-range:U+4E0A,U+4E0B,U+4E0D,U+4E0E,U+4E1A,U+4E2A,U+4E3A,U+4E3B,U+4E4B,U+4E8E,U+4EA7,U+4EE5,U+4F1A,U+4F4D,U+4F5C,U+4F60,U+4FE1,U+5165,U+5168,U+516C,U+5173,U+5185,U+51FA,U+5206,U+5230,U+5236,U+524D,U+529B,U+52A0,U+52A1,U+52A8,U+5316,U+53D1,U+53EF,U+53F7,U+5408,U+540C,U+540D,U+540E,U+544A,U+548C,U+54C1,U+56DE,U+56FE,U+5728,U+5730,U+5916,U+5927,U+597D,U+5B9A,U+5B9E,U+5C0F,U+5DE5,U+5E74,U+5E7F,U+5EA6,U+5F00,U+5F55,U+5FAE,U+5FC3,U+6210,U+6211,U+624B,U+63A5,U+6587,U+65B9,U+65F6,U+660E,U+662F,U+66F4,U+672C,U+673A,U+6765,U+6B21,U+6B63,U+6CD5,U+6CE8,U+7247,U+73B0,U+751F,U+770B,U+7AD9,U+7CFB,U+7EBF,U+8054,U+80FD,U+81EA,U+8BF4,U+8BF7,U+8FC7,U+8FD9,U+90E8,U+957F,U+95EE,U+9762,U+9875,U+9898,U+9996,U+FF08,U+FF09}@font-face{font-family:Longjing Serif;src:url(/assets/fonts/display-17.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap;unicode-range:U+3002,U+4E00,U+4E2D,U+65B0,U+6709,U+70B9,U+7684,U+FF0C,U+FF1A}@font-face{font-family:Longjing Serif;src:url(/assets/fonts/display-18.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap;unicode-range:U+951A}@font-face{font-family:Longjing Serif;src:url(/assets/fonts/display-19.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap;unicode-range:U+8D30}@font-face{font-family:Longjing Serif;src:url(/assets/fonts/display-20.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap;unicode-range:U+67D2}@font-face{font-family:Longjing Serif;src:url(/assets/fonts/display-21.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap;unicode-range:U+634C}@font-face{font-family:Longjing Serif;src:url(/assets/fonts/display-22.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap;unicode-range:U+53C1}@font-face{font-family:Cormorant Garamond;src:url(/assets/cormorant-garamond-latin-400-normal.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Cormorant Garamond;src:url(/assets/cormorant-garamond-latin-500-normal.woff2)format("woff2");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:Cormorant Garamond;src:url(/assets/cormorant-garamond-latin-400-italic.woff2)format("woff2");font-style:italic;font-weight:400;font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#070a12;--paper:#ebe7dc;--text-soft:#c4c7d0;--muted:#8e96a9;--faint:#5f677a;--line:#ebe7dc1a;--line-strong:#ebe7dc38;--glass:#0a0e18b8;--frame:#0b0f19;--accent:#dcbf86;--accent-soft:#dcbf8624;--on-accent:#17120a;--retro:#d9877a;--font-display:"Cormorant Garamond", "Longjing Serif", "Songti SC", "Noto Serif SC", "Source Han Serif SC", "Noto Serif CJK SC", "STSong", serif;--font-body:"PingFang SC", "HarmonyOS Sans SC", "MiSans", "Noto Sans SC", "Source Han Sans SC", "Microsoft YaHei", system-ui, sans-serif;--gutter-left:max(24px, env(safe-area-inset-left,0px));--gutter-right:max(24px, env(safe-area-inset-right,0px));--content:1200px;--header-height:72px;--ease:cubic-bezier(.22, 1, .36, 1)}*,:before,:after{box-sizing:border-box}html{background:var(--bg);-webkit-text-size-adjust:100%;scroll-padding-top:var(--header-height)}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{min-height:100vh;color:var(--paper);font-family:var(--font-body);letter-spacing:.04em;font-variant-numeric:lining-nums;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:0 0;margin:0;font-size:14px;line-height:1.8;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;letter-spacing:inherit;cursor:pointer;text-align:inherit;background:0 0;border:0;padding:0}h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0}ul,ol{padding:0;list-style:none}:focus-visible{outline:1px solid var(--accent);outline-offset:4px;border-radius:3px}::selection{background:var(--accent);color:var(--on-accent)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sky-canvas{z-index:-1;pointer-events:none;background:var(--bg);width:100%;height:100%;position:fixed;inset:0}.sparkle-canvas{z-index:90;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.sky-fallback{object-fit:contain;width:100%;height:100%;display:none}.sky-fallback.round{object-fit:cover;opacity:.8;border-radius:50%}html.sky-off .sky-fallback{display:block}html.sky-off .hero-moon{background:radial-gradient(circle at 45% 40%,#96a5c838,#96a5c814 70%,#0000 72%);border-radius:50%}.skip-link{z-index:100;background:var(--accent);color:var(--on-accent);border-radius:4px;padding:8px 14px;position:absolute;top:-60px;left:12px}.skip-link:focus{top:12px}.vertical{writing-mode:vertical-rl;text-orientation:mixed}.vertical>span{display:block}.vertical>span+span{margin-block-start:.5em}.kicker{color:var(--muted);letter-spacing:.3em;font-size:12px}.section-lead{color:var(--text-soft);font-family:var(--font-display);letter-spacing:.08em;font-size:clamp(1.05rem,1.5vw,1.2rem)}.section-note{color:var(--faint);letter-spacing:.18em;font-size:12px}.text-button{color:var(--muted);letter-spacing:.18em;border-bottom:1px solid var(--line-strong);padding:4px 0;font-size:12.5px;transition:color .25s,border-color .25s}.text-button:hover{color:var(--paper);border-color:var(--accent)}.round-button{border:1px solid var(--line-strong);width:36px;height:36px;color:var(--text-soft);border-radius:50%;place-items:center;font-size:18px;line-height:1;transition:border-color .3s,color .3s;display:inline-grid}.round-button:hover{color:var(--paper);border-color:#ebe7dc8c}.star-mark{width:15px;height:15px;fill:var(--paper)}body:before{content:"";height:env(safe-area-inset-top,0px);z-index:41;background:var(--bg);position:fixed;inset:0 0 auto}.site-header{top:env(safe-area-inset-top,0px);z-index:40;height:var(--header-height);padding-left:max(36px, env(safe-area-inset-left,0px));padding-right:max(36px, env(safe-area-inset-right,0px));background:linear-gradient(#070a12e0,#070a1200);justify-content:space-between;align-items:center;gap:24px;display:flex;position:fixed;left:0;right:0}.brand{font-family:var(--font-display);letter-spacing:.4em;align-items:center;gap:12px;font-size:15px;display:inline-flex}.nav-list{align-items:center;gap:clamp(22px,3.4vw,48px);display:flex}.nav-list a{color:var(--muted);letter-spacing:.32em;padding:10px 0;font-size:13px;transition:color .3s;display:block;position:relative}.nav-list a:hover,.nav-list a[aria-current=true]{color:var(--paper)}.nav-list a[aria-current=true]:after{content:"";background:var(--accent);height:1px;position:absolute;bottom:2px;left:0;right:.32em}.page-progress{left:max(28px, env(safe-area-inset-left,0px));z-index:30;background:var(--line-strong);width:1px;height:180px;position:fixed;top:calc(50% - 90px)}.page-progress i{left:-3px;top:calc(var(--page-progress,0) * 100% - 3px);width:7px;height:7px;box-shadow:0 0 10px var(--accent);background:var(--accent);border-radius:50%;position:absolute}.site-main{position:relative}.section{padding-left:var(--gutter-left);padding-right:var(--gutter-right);position:relative}.section-inner{max-width:var(--content);margin:0 auto;padding-block:clamp(110px,13vw,170px);position:relative}.hero{max-width:1400px;min-height:max(100svh,720px);padding:calc(var(--header-height) + 16px) max(64px, var(--gutter-right)) 72px max(72px, var(--gutter-left));grid-template-columns:minmax(220px,280px) minmax(0,1fr) auto;grid-template-areas:"note stage title";align-items:center;gap:clamp(20px,3vw,48px);margin:0 auto;display:grid;position:relative}.hero-stage{aspect-ratio:1.45;grid-area:stage;justify-self:center;width:min(100%,820px);position:relative}.hero-moon{aspect-ratio:1;width:64%;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.hero-signature{aspect-ratio:1.591;width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-kitten{aspect-ratio:1;width:16%;position:absolute;bottom:2%;left:-2%}.hero-title{max-height:72vh;font-family:var(--font-display);letter-spacing:.22em;grid-area:title;align-self:center;font-size:clamp(2rem,3vw,2.8rem);font-weight:500;line-height:1.2}.hero-title span:last-child{color:var(--muted);letter-spacing:.32em;padding-inline-start:3.4em;font-size:.62em}.hero-note{grid-area:note;align-self:end;gap:18px;padding-bottom:12px;display:grid}.hero-statement{color:var(--text-soft);letter-spacing:.1em;line-height:2}.hero-services{border-top:1px solid var(--line);gap:2px;padding-top:14px;display:grid}.hero-services li{color:var(--muted);letter-spacing:.18em;font-size:12.5px}.hero-services li:before{content:"· ";color:var(--accent)}.cases-head{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"kicker kicker""title lead";align-items:end;gap:10px 28px;margin-bottom:clamp(20px,3vw,40px);display:grid}.cases-head .kicker{grid-area:kicker}.cases-title{grid-area:title}.cases-lead{grid-area:lead;padding-bottom:10px}.cases .section-inner{padding-block:calc(var(--header-height) + 28px) 96px}.cases-title{font-family:var(--font-display);letter-spacing:.12em;font-size:clamp(2.6rem,4.4vw,3.6rem);font-weight:500;line-height:1.05}.cases-lead{color:var(--muted);letter-spacing:.1em;font-size:13px}.cases-layout{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(32px,5vw,80px);display:grid}.chart{aspect-ratio:1;justify-self:center;width:min(100%,600px);position:relative}.chart-rings{width:76%;height:76%;position:absolute;inset:12%;overflow:visible}.ring-frame{fill:none;stroke:var(--line-strong);stroke-width:.3px}.chart-ticks{stroke:#ebe7dc38;stroke-width:.3px;transform-origin:0 0;animation:240s linear infinite chart-spin}@keyframes chart-spin{to{transform:rotate(360deg)}}.ring-orbit{fill:none;stroke:#ebe7dc29;stroke-width:.35px;stroke-dasharray:.8 1.6}.ring-axis{stroke:#ebe7dc0f;stroke-width:.25px}.ring-year{fill:var(--faint);font-family:var(--font-display);letter-spacing:.4px;text-anchor:middle;font-size:3.4px}.ring-center{fill:var(--accent)}.chart-hand{width:var(--length);height:1px;transform:rotate(var(--angle));transform-origin:0;pointer-events:none;transition:transform .9s var(--ease), width .9s var(--ease);background:linear-gradient(90deg,#dcbf861a,#dcbf86bf);position:absolute;top:50%;left:50%}.star{left:var(--x);top:var(--y);border-radius:50%;width:44px;height:44px;margin:-22px 0 0 -22px;position:absolute}.star-dot{width:7px;height:7px;transition:transform .5s var(--ease);background:#f3f5fb;border-radius:50%;margin:-3.5px 0 0 -3.5px;position:absolute;top:50%;left:50%;box-shadow:0 0 6px 1px #e2eaffd9,0 0 18px 4px #aabef040}.star-dot:before,.star-dot:after{content:"";opacity:.55;background:linear-gradient(90deg,#0000,#ecf0ffd9,#0000);transition:opacity .4s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.star-dot:before{width:30px;height:1px}.star-dot:after{background:linear-gradient(#0000,#ecf0ffd9,#0000);width:1px;height:30px}.star:hover .star-dot,.star:focus-visible .star-dot{transform:scale(1.35)}.star.is-active .star-dot{background:#fffaf0;transform:scale(1.6);box-shadow:0 0 8px 2px #ffecc8e6,0 0 26px 8px #dcbf8659}.star.is-active .star-dot:before,.star.is-active .star-dot:after{opacity:1}.star.is-active:after{content:"";border:1px solid #dcbf8699;border-radius:50%;animation:2.8s ease-in-out infinite halo;position:absolute;inset:4px}@keyframes halo{0%,to{opacity:.9;transform:scale(.85)}50%{opacity:.35;transform:scale(1.12)}}.star.is-retro .star-dot{background:#f6d6cf;box-shadow:0 0 6px 1px #f0aa96cc,0 0 18px 4px #d9877a40}.star-label{pointer-events:none;gap:1px;width:max-content;max-width:210px;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.star.label-right .star-label{text-align:left;left:40px}.star.label-left .star-label{text-align:right;right:40px}.star-index{color:var(--faint);font-family:var(--font-display);letter-spacing:.18em;font-size:12px}.star-name{color:var(--muted);font-family:var(--font-display);letter-spacing:.06em;font-size:14.5px;line-height:1.35;transition:color .3s}.star:hover .star-name,.star:focus-visible .star-name,.star.is-active .star-name{color:var(--paper)}.star.is-active .star-index{color:var(--accent)}.star.is-retro.is-active .star-index{color:var(--retro)}html.sky-off .star-dot{box-shadow:0 0 10px 2px #e2eaffb3}.case-detail{gap:18px;min-width:0;display:grid}.case-panel{animation:panel-in .6s var(--ease) both;gap:14px;display:grid}.case-panel[hidden]{display:none}@keyframes panel-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.case-count{color:var(--accent);font-family:var(--font-display);letter-spacing:.14em;font-size:20px}.case-count span{color:var(--faint);font-size:14px}.case-panel.is-retro .case-count,.case-panel.is-retro .case-meta{color:var(--retro)}.case-title{font-family:var(--font-display);letter-spacing:.08em;font-size:clamp(1.7rem,2.5vw,2.2rem);font-weight:500;line-height:1.25}.case-meta{color:var(--faint);letter-spacing:.26em;font-size:11.5px}.case-summary{color:var(--text-soft);line-height:2}.case-metric{border-top:1px solid var(--line);font-family:var(--font-display);letter-spacing:.1em;align-items:center;gap:10px;padding-top:12px;font-size:1.1rem;display:flex}.case-metric:before{content:"";background:var(--accent);width:5px;height:5px;box-shadow:0 0 8px var(--accent);border-radius:50%}.case-steps{justify-content:space-between;display:flex}.gallery{gap:10px;min-width:0;display:grid}.gallery-frame{aspect-ratio:16/10;border:1px solid var(--line);background:radial-gradient(80% 70% at 50% 40%, #505f8c29, transparent 70%), var(--frame);cursor:zoom-in;width:100%;display:block;position:relative;overflow:hidden}.gallery-frame img{object-fit:contain;opacity:0;width:100%;height:100%;padding:12px;transition:opacity .45s;position:absolute;inset:0}.gallery-frame img.fit-cover{object-fit:cover;object-position:top center;padding:0}.gallery-frame img.is-current{opacity:1}.gallery-frame img:not(.is-current){visibility:hidden}.gallery-zoom{color:var(--text-soft);letter-spacing:.18em;opacity:0;background:#070a12d1;padding:3px 12px;font-size:11px;transition:opacity .3s;position:absolute;bottom:10px;right:10px}.gallery-frame:hover .gallery-zoom,.gallery-frame:focus-visible .gallery-zoom{opacity:1}@media (hover:none){.gallery-zoom{opacity:1}}.gallery-bar{justify-content:space-between;align-items:center;gap:14px;min-height:36px;display:flex}.gallery-caption{min-width:0;color:var(--faint);letter-spacing:.08em;font-size:12px}.gallery-controls{flex-shrink:0;align-items:center;gap:10px;display:flex}.gallery-count{color:var(--muted);font-family:var(--font-display);letter-spacing:.12em;margin-right:4px;font-size:14px}.scene-cloud{pointer-events:none;position:absolute;inset:10% 0}.tutorials-layout{grid-template-columns:minmax(220px,300px) minmax(0,1fr);align-items:start;gap:clamp(32px,6vw,96px);display:grid}.tutorials-head{top:calc(var(--header-height) + 40px);grid-template-columns:auto minmax(0,1fr);align-items:start;gap:22px;display:grid;position:sticky}.section-vertical{font-family:var(--font-display);letter-spacing:.18em;font-size:clamp(3.2rem,5vw,4.4rem);font-weight:500;line-height:1}.tutorials-intro{gap:14px;padding-top:8px;display:grid}.tutorial-list{border-top:1px solid var(--line)}.tutorial-row{border-bottom:1px solid var(--line);grid-template-columns:64px minmax(0,1fr) 150px 24px;align-items:center;gap:18px;padding:18px 0;display:grid}.tutorial-index{color:var(--faint);font-family:var(--font-display);font-size:1.7rem;font-style:italic;line-height:1;transition:color .3s}a.tutorial-row:hover .tutorial-index{color:var(--accent)}.tutorial-body{gap:4px;min-width:0;display:grid}.tutorial-title{letter-spacing:.04em;font-size:clamp(.98rem,1.3vw,1.08rem);line-height:1.5}.tutorial-category{color:var(--faint);letter-spacing:.24em;font-size:11.5px}.tutorial-thumb{aspect-ratio:2.35;object-fit:cover;opacity:0;width:150px;transition:opacity .4s ease, transform .5s var(--ease);transform:translate(-8px)}a.tutorial-row:hover .tutorial-thumb,a.tutorial-row:focus-visible .tutorial-thumb{opacity:1;transform:none}.tutorial-arrow{color:var(--faint);transition:color .3s}a.tutorial-row:hover .tutorial-arrow{color:var(--paper)}.tutorial-row.is-pending .tutorial-title{color:var(--muted)}.about-layout{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr) auto;grid-template-areas:"copy visual quote";align-items:center;gap:clamp(28px,4vw,64px);display:grid}.about-quote{font-family:var(--font-display);letter-spacing:.2em;grid-area:quote;font-size:clamp(2.1rem,3.2vw,2.9rem);font-weight:500;line-height:1.2}.about-quote span:last-child{padding-inline-start:2.4em}.about-visual{aspect-ratio:1;grid-area:visual;justify-self:center;width:min(100%,460px)}.about-copy{grid-area:copy;gap:20px;min-width:0;display:grid}.about-title{font-family:var(--font-display);letter-spacing:.08em;font-size:clamp(1.5rem,2.2vw,1.9rem);font-weight:500}.about-paragraph{color:var(--text-soft);line-height:2}.facts{border-top:1px solid var(--line);flex-wrap:wrap;gap:16px 34px;padding-top:18px;display:flex}.facts div{gap:2px;display:grid}.facts dd{font-family:var(--font-display);font-variant-numeric:lining-nums tabular-nums;font-size:1.8rem;line-height:1.1}.facts small{color:var(--muted);font-family:var(--font-body);margin-left:3px;font-size:.42em}.facts dt{color:var(--faint);letter-spacing:.16em;font-size:11.5px}.about-goal{color:var(--text-soft);font-family:var(--font-display);letter-spacing:.1em;align-items:center;gap:14px;font-size:1.05rem;display:flex}.about-goal span{color:var(--accent);font-family:var(--font-body);letter-spacing:.2em;border:1px solid #dcbf8699;padding:1px 8px;font-size:11px}.contact-layout{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;gap:clamp(36px,6vw,110px);display:grid}.contact-list{gap:20px;min-width:0;display:grid}.contact-list ul{border-top:1px solid var(--line)}.contact-row{border-bottom:1px solid var(--line);grid-template-columns:80px minmax(0,1fr) auto;align-items:center;gap:20px;min-height:84px;padding:16px 0;display:grid}.contact-label{color:var(--muted);letter-spacing:.3em;font-size:12.5px}.contact-value{gap:4px;min-width:0;display:grid}.contact-value strong{font-family:var(--font-display);letter-spacing:.08em;font-size:1.2rem;font-weight:500}.contact-value small{color:var(--faint);font-size:12px}.contact-link strong{transition:color .3s}.contact-link:hover strong{color:var(--accent)}.wechat-id{flex-wrap:wrap;align-items:baseline;gap:14px;display:flex}.wechat-id code{color:var(--paper);-webkit-user-select:all;user-select:all;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:15px}.qr{justify-items:center;gap:6px;display:grid}.qr img{object-fit:contain;background:#fff;width:96px;height:96px;padding:6px}.qr figcaption{color:var(--faint);letter-spacing:.14em;font-size:11px}.contact-colophon{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"mark title""services title";align-items:end;gap:24px 28px;display:grid}.contact-title{font-family:var(--font-display);letter-spacing:.18em;grid-area:title;align-self:start;font-size:clamp(1.8rem,2.6vw,2.4rem);font-weight:500;line-height:1.2}.contact-title span:last-child{padding-inline-start:3.2em}.colophon-mark{grid-area:mark;position:relative}.contact-signature{aspect-ratio:1.591;width:100%}.contact-services{color:var(--muted);letter-spacing:.2em;grid-area:services;gap:2px;font-size:12px;display:grid}.site-footer{max-width:calc(var(--content) + 48px);padding:22px var(--gutter-right) calc(22px + env(safe-area-inset-bottom,0px)) var(--gutter-left);border-top:1px solid var(--line);color:var(--faint);letter-spacing:.24em;flex-wrap:wrap;justify-content:space-between;gap:12px;margin:0 auto;font-size:11.5px;display:flex;position:relative}.site-footer a:hover{color:var(--paper)}.lightbox{border:1px solid var(--line-strong);width:min(1200px,100vw - 24px);max-width:none;max-height:calc(100dvh - 24px);color:var(--paper);background:#0a0d16;padding:0;overflow:hidden}.lightbox::backdrop{background:#04060be6}.lightbox-frame{grid-template-rows:auto minmax(0,1fr) auto;max-height:calc(100dvh - 26px);display:grid}.lightbox-bar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:12px 16px 12px 22px;display:flex}.lightbox-bar p{min-width:0;line-height:1.5;display:grid}.lightbox-bar span{color:var(--muted);font-size:12px}.lightbox-stage{overscroll-behavior:contain;background:var(--frame);overflow:auto}.lightbox-stage img{object-fit:contain;width:auto;max-height:calc(100dvh - 170px);margin:0 auto}.lightbox-stage.fit-cover img{width:min(100%,900px);max-height:none}.lightbox-nav{border-top:1px solid var(--line);color:var(--muted);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:18px;padding:10px 16px;font-size:12.5px;display:flex}@media (width<=1100px){.page-progress{display:none}}@media (width<=900px){:root{--header-height:62px}.site-header{padding-left:max(20px, env(safe-area-inset-left,0px));padding-right:max(20px, env(safe-area-inset-right,0px))}.nav-list{gap:18px}.nav-list a{letter-spacing:.16em}.hero{min-height:0;padding:calc(var(--header-height) + 8px) var(--gutter-right) 64px var(--gutter-left);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"stage stage""note title";align-items:start;gap:24px 20px}.hero-stage{width:100%}.hero-title{font-size:1.75rem}.hero-note{align-self:start;padding-top:8px}.section-inner{padding-block:96px}.cases-layout{grid-template-columns:minmax(0,1fr)}.chart{width:min(100%,360px)}.star-name{display:none}.star-index{font-size:13px}.tutorials-layout{grid-template-columns:minmax(0,1fr)}.tutorials-head{position:static}.tutorial-row{grid-template-columns:44px minmax(0,1fr) 18px;gap:12px}.tutorial-thumb{display:none}.about-layout{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"visual quote""copy copy"}.about-quote{font-size:1.7rem}.about-visual{width:100%}.contact-layout{grid-template-columns:minmax(0,1fr)}.contact-colophon{order:-1}.contact-row{grid-template-columns:64px minmax(0,1fr) auto;gap:14px}.qr img{width:84px;height:84px}.footer-motto{display:none}}@media (width<=420px){.nav-list{gap:14px}.nav-list a{letter-spacing:.08em;font-size:12.5px}.brand{letter-spacing:.24em}.contact-row{grid-template-columns:minmax(0,1fr) auto}.contact-label{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){.chart-ticks,.star.is-active:after{animation:none!important}*,:before,:after{transition:none!important;animation:none!important}}