:root{--bg:#07080a;--fg:#f5f1e9;--muted:#918b82;--line:#f5f1e91f;--accent:#ff5438;--panel:#0d0f12;--table:#0f1114;--grid:#f5f1e909;--shadow:#0000004d;--serif:"Fraunces",serif;--sans:"Instrument Sans",sans-serif;--zh:"Noto Serif SC","Songti SC",serif}@media (prefers-color-scheme:light){html[data-theme=system]{--bg:#f4f1e9;--fg:#171612;--muted:#736d64;--line:#1716121f;--accent:#ff5a1f;--panel:#f8f5ee;--table:#ebe6dc;--grid:#17161209;--shadow:#463a2a24}}html[data-theme=light]{--bg:#f4f1e9;--fg:#171612;--muted:#736d64;--line:#1716121f;--accent:#ff5a1f;--panel:#f8f5ee;--table:#ebe6dc;--grid:#17161209;--shadow:#463a2a24}html[data-theme=dark]{--bg:#07080a;--fg:#f5f1e9;--muted:#918b82;--line:#f5f1e91f;--accent:#ff5438;--panel:#0d0f12;--table:#0f1114;--grid:#f5f1e909;--shadow:#0000004d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font-family:var(--sans);margin:0;transition:all .25s;overflow-x:hidden}button,a{font:inherit;color:inherit}a{text-decoration:none}.wrap{width:min(1180px,100% - 48px);margin:auto}nav{z-index:50;background:linear-gradient(to bottom,color-mix(in srgb,var(--bg) 84%,transparent),transparent);justify-content:space-between;align-items:center;padding:18px 24px;display:flex;position:fixed;top:0;left:0;right:0}.brand{font-family:var(--serif);letter-spacing:-.04em;font-size:21px;font-weight:700}.brand b{color:var(--accent)}.navright{gap:8px;display:flex}.pill{border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 88%,transparent);cursor:pointer;border-radius:999px;height:34px;padding:0 12px;font-size:10px}.theme{position:relative}.themeMenu{background:var(--panel);border:1px solid var(--line);width:132px;box-shadow:0 18px 50px var(--shadow);opacity:0;pointer-events:none;border-radius:14px;padding:6px;transition:all .2s;position:absolute;top:42px;right:0;transform:translateY(-6px)}.themeMenu.open{opacity:1;pointer-events:auto;transform:none}.themeMenu button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;width:100%;padding:9px}.themeMenu button:hover,.themeMenu button.active{background:color-mix(in srgb,var(--accent) 18%,transparent)}.hero{place-items:center;min-height:100svh;padding:100px 24px 70px;display:grid;position:relative;overflow:hidden}.hero:before{content:"";aspect-ratio:1;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 14%,transparent),transparent 55%);border-radius:50%;width:min(760px,72vw);position:absolute}.heroIn{text-align:center;position:relative}.hero h1{font-family:var(--serif);letter-spacing:-.075em;margin:0;font-size:clamp(86px,15vw,210px);line-height:.82}.hero h1 b{color:var(--accent)}.vline{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:28px;font-size:10px}.vline span{text-align:left;min-width:92px;font-family:var(--serif);text-transform:none;color:var(--accent);letter-spacing:0;margin-left:9px;font-size:23px;font-style:italic;display:inline-block}.hero h2{font-family:var(--serif);margin:24px 0 0;font-size:clamp(28px,3.5vw,44px);font-style:italic;font-weight:400}.down{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:9px;position:absolute;bottom:22px;right:24px}.stickers{align-items:center;min-height:100svh;padding:90px 0 110px;display:flex}.head{justify-content:space-between;align-items:end;gap:30px;margin-bottom:24px;display:flex}.eyebrow{letter-spacing:.14em;color:var(--accent);text-transform:uppercase;font-size:10px}.head h2{font-family:var(--serif);letter-spacing:-.045em;margin:10px 0 0;font-size:clamp(44px,6vw,78px);line-height:.95}.tools{flex-wrap:wrap;gap:7px;display:flex}.tool{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:999px;height:36px;padding:0 13px;font-size:10px}.tool.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.canvas{border:1px solid var(--line);background:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px),var(--table);height:min(72vh,710px);min-height:550px;box-shadow:0 24px 70px var(--shadow);background-size:32px 32px;border-radius:30px;position:relative;overflow:hidden}.canvas:before{content:"DRAG / STACK / CLICK";letter-spacing:.12em;color:var(--muted);font-size:9px;position:absolute;top:17px;left:20px}.sticker{--rot:0deg;touch-action:none;cursor:grab;user-select:none;transform:rotate(var(--rot));filter:drop-shadow(0 10px 13px var(--shadow));position:absolute}.sticker.dragging{cursor:grabbing}.sticker.pop{animation:.38s pop}@keyframes pop{50%{transform:rotate(calc(var(--rot) + 4deg)) scale(1.12)}}.si{color:#171612;background:#fff;border:4px solid #fff;place-items:center;display:grid;box-shadow:0 0 0 1px #17161226,0 10px 24px #28221b1f}.s1 .si{background:var(--accent);color:#fff;width:138px;height:138px;font-family:var(--serif);border-radius:50%;font-size:66px;font-weight:700}.s2 .si{color:#fff;background:#171612;border-radius:22px;width:165px;height:132px;font-size:24px;font-weight:700;line-height:.9}.s2 b{color:var(--accent)}.s3 .si{background:#fff8cf;border-radius:8px;width:190px;height:154px;padding:18px;display:block}.s3 h4{font-family:var(--serif);margin:12px 0 7px;font-size:24px}.s3 p{color:#756b55;margin:0;font-size:10px;line-height:1.45}.s4 .si{background:#ded8cf;border-radius:45%;width:146px;height:132px;font-size:70px}.s5 .si{background:#9bb8d2;border-radius:52px;width:170px;height:110px;font-size:48px}.s6 .si{color:#ddd;background:#191c18;border-radius:12px;width:210px;height:130px;padding:18px;font:10px/1.55 ui-monospace,monospace;display:block}.s6 b{color:var(--accent)}.s7 .si{width:170px;height:86px;font-family:var(--serif);border-radius:999px;font-size:38px;font-weight:700}.s7 b{color:var(--accent)}.s8 .si{width:120px;height:120px;box-shadow:none;background:0 0;border:0}.star{clip-path:polygon(50% 0,61% 34%,98% 35%,68% 56%,79% 92%,50% 70%,21% 92%,32% 56%,2% 35%,39% 34%);background:#f2ca69;place-items:center;width:100px;height:100px;font-weight:700;display:grid}.s9 .si{background:#d4e0c9;border-radius:999px;padding:13px 20px;font-size:12px;font-weight:700}.s10 .si{border-radius:7px;width:165px;height:195px;padding:9px 9px 34px;display:block}.photo{background:radial-gradient(circle at 70% 24%,#ffa7644d,#0000 18%),linear-gradient(135deg,#13202b,#3c4850 60%,#1a1f22);width:100%;height:100%}.burst{border:2px solid var(--accent);pointer-events:none;border-radius:50%;width:12px;height:12px;animation:.5s forwards ring;position:absolute;transform:translate(-50%,-50%)}@keyframes ring{to{opacity:0;width:80px;height:80px}}.statement{padding:150px 0 180px}.statementGrid{grid-template-columns:.95fr 1.05fr;align-items:end;gap:90px;display:grid}.statement h3{font-family:var(--zh);margin:0;font-size:clamp(42px,6vw,74px);line-height:1.25}.statement h3 em{color:var(--accent);font-style:normal}.statement p{font-family:var(--zh);color:var(--muted);margin:0;font-size:18px;line-height:2}.project{padding-bottom:190px}.pg{grid-template-columns:repeat(12,1fr);align-items:end;gap:18px;display:grid}.vis{border:1px solid var(--line);background:var(--panel);min-height:520px;position:relative;overflow:hidden}.info .id{letter-spacing:.14em;color:var(--accent);font-size:10px}.info h3{font-family:var(--serif);letter-spacing:-.04em;margin:13px 0;font-size:clamp(38px,5vw,64px);line-height:.95}.info p{color:var(--muted);font-size:14px;line-height:1.8}.p1 .vis{background:linear-gradient(145deg,#cac7bf,#85867f);grid-column:5/13}.p1 .info{grid-area:1/1/auto/5}.p2 .vis{color:#fff;background:#13110f;grid-column:1/9}.p2 .info{text-align:right;grid-area:1/9/auto/13}.p3 .vis{color:#fff;background:#0c1117;grid-column:4/12}.p3 .info{grid-area:1/1/auto/4}.mock{color:#222;background:#efefeb;border:1px solid #444;border-radius:18px;grid-template-columns:26% 1fr;display:grid;position:absolute;inset:10% 8%;overflow:hidden}.mock aside{background:#d8d6d0;border-right:1px solid #bbb}.mock main{padding:44px}.mock h4{font-family:var(--serif);margin:45px 0 14px;font-size:40px}.mock p{color:#777;max-width:440px}.phone{background:#d8d0c3;border:3px solid #4b4136;border-radius:32px;width:29%;height:78%;padding:9px;position:absolute;top:11%;left:16%;transform:rotate(-4deg)}.phonein{color:#171612;text-align:center;height:100%;font-family:var(--serif);background:#f4eee5;border-radius:24px;place-items:center;font-size:48px;font-weight:700;line-height:.84;display:grid}.phonein b{color:var(--accent)}.word{font-family:var(--serif);letter-spacing:-.05em;font-size:clamp(55px,8vw,100px);position:absolute;bottom:10%;right:7%}.word b{color:var(--accent)}.game{background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.player{background:var(--accent);border-radius:11px;width:44px;height:44px;position:absolute;top:47%;left:49%}.enemy{background:#b4ada2;border-radius:50%;width:27px;height:27px;position:absolute}.e1{top:54%;left:25%}.e2{top:56%;right:25%}.gameTitle{font-family:var(--serif);font-size:56px;line-height:.86;position:absolute;bottom:18px;right:20px}.note{padding-bottom:190px}.noteGrid{grid-template-columns:1.2fr .8fr;align-items:center;gap:70px;display:grid}.paper{color:#1c1915;min-height:470px;box-shadow:0 30px 70px var(--shadow);background:#eee9df;padding:58px 62px;transform:rotate(-1deg)}.paper h3{font-family:var(--zh);font-size:36px}.paper p{font-family:var(--zh);color:#49433b;font-size:16px;line-height:2}.noteSide h3{font-family:var(--serif);font-size:44px;font-style:italic;font-weight:400}.noteSide p{color:var(--muted);line-height:1.8}.assets{padding-bottom:200px}.assets h2{font-family:var(--serif);font-size:54px}.scatter{height:420px;position:relative}.card{color:#171612;width:180px;height:160px;box-shadow:0 16px 40px var(--shadow);background:#eee9df;border:1px solid #625c52;place-items:center;font-size:48px;display:grid;position:absolute}.c1{top:30px;left:5%;transform:rotate(-5deg)}.c2{color:#fff;background:#181915;top:0;left:28%;transform:rotate(3deg)}.c3{top:45px;left:51%;transform:rotate(-2deg)}.c4{top:10px;right:4%;transform:rotate(5deg)}.c5{bottom:0;left:18%;transform:rotate(2deg)}.c6{background:var(--accent);color:#fff;bottom:0;right:27%;transform:rotate(-4deg)}.about{padding-bottom:170px}.aboutGrid{border-top:1px solid var(--line);grid-template-columns:.8fr 1.2fr;gap:90px;padding-top:50px;display:grid}.aboutName{font-family:var(--zh);font-size:clamp(70px,9vw,112px)}.aboutText{font-family:var(--zh);color:var(--muted);font-size:20px;line-height:2}.end{text-align:center;place-items:center;min-height:80svh;display:grid}.end h2{font-family:var(--serif);letter-spacing:-.055em;font-size:clamp(72px,12vw,160px);font-style:italic;font-weight:400;line-height:.86}.end .v{border:1px solid var(--line);width:82px;height:82px;font-family:var(--serif);color:var(--accent);border-radius:50%;place-items:center;margin:auto;font-size:38px;display:grid}footer{border-top:1px solid var(--line);color:var(--muted);letter-spacing:.1em;justify-content:space-between;padding:24px;font-size:9px;display:flex}@media (width<=850px){.wrap{width:min(1180px,100% - 30px)}.head{display:block}.tools{margin-top:20px}.canvas{height:700px}.sticker{transform:rotate(var(--rot)) scale(.82);transform-origin:0 0}.statementGrid,.noteGrid,.aboutGrid{grid-template-columns:1fr;gap:40px}.pg{display:block}.vis{min-height:360px;margin-bottom:22px}.info{text-align:left!important}.project{padding-bottom:130px}.scatter{height:720px}.c1{left:0}.c2{left:auto;right:0}.c3{top:230px;left:4%}.c4{top:260px;right:0}.c5{bottom:0;left:5%}.c6{bottom:10px;right:5%}footer{flex-direction:column;gap:8px}}