:root{--sans:-apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", sans-serif;--serif:"Songti SC", "Noto Serif SC", Georgia, serif;--mono:ui-monospace, "SF Mono", Menlo, monospace;--paper:#eceae4;--ink:#16150f;--ink-soft:#6b675c;--coral:#c2543a}html{scroll-snap-type:y proximity;scroll-behavior:smooth}body{color:#111;background:#0e0e0e}section{scroll-snap-align:start;flex-direction:column;justify-content:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero{text-align:center;background:radial-gradient(ellipse 1100px 640px at 50% -10%, #faf8f1 0%, #faf8f100 60%), radial-gradient(ellipse 900px 500px at 50% 115%, #e3e0d5 0%, #e3e0d500 55%), var(--paper);align-items:center}.hero:before{content:"";z-index:1;pointer-events:none;background:radial-gradient(520px circle at var(--mx,50%) var(--my,42%), #fffdf4e6, transparent 62%);transition:background .12s linear;position:absolute;inset:0}.hero>*{z-index:2;position:relative}.hero .arcs{z-index:0;pointer-events:none;will-change:transform;position:absolute;bottom:-88vh;left:50%;transform:translate(-50%)}.hero .arcs i{border:1px solid #16150f17;border-radius:50%;display:block;position:absolute;left:50%;transform:translate(-50%)}.hero .arcs i:first-child{width:130vh;height:130vh;bottom:0}.hero .arcs i:nth-child(2){border-color:#16150f12;width:98vh;height:98vh;bottom:16vh}.hero .arcs i:nth-child(3){border-color:#16150f0d;width:66vh;height:66vh;bottom:32vh}.hero .eyebrow{letter-spacing:.42em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:5vh;font-size:12px}.hero h1{letter-spacing:-.02em;color:var(--ink);will-change:transform;max-width:94vw;font-size:clamp(26px,6.2vw,92px);font-weight:700;line-height:1.18;overflow:hidden}.hero h1.en{letter-spacing:-.01em;font-size:clamp(20px,4.4vw,64px)}.hero h1 .line{display:block}.hero h1 .ch{animation:1s cubic-bezier(.16,.8,.26,1) forwards rise;animation-delay:calc(60ms * var(--i) + .15s);display:inline-block;transform:translateY(112%)}@keyframes rise{to{transform:translateY(0)}}.hero h1 .chi{transition:transform .3s cubic-bezier(.2,.7,.2,1),color .3s;display:inline-block}.hero h1 .chi:hover{color:var(--coral);transform:translateY(-7%)rotate(-4deg)}.hero .rule{background:var(--ink);opacity:.5;width:1px;height:72px;margin:5vh 0 4vh}.hero .intro{font-family:var(--serif);letter-spacing:.12em;color:#3d3a32;max-width:88vw;font-size:clamp(14px,1.7vw,19px);line-height:2.1}.badge-wrap{z-index:2;will-change:transform;width:132px;height:132px;position:absolute;top:15vh;right:8.5vw}.badge{width:100%;height:100%;animation:20s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.badge text{font-family:var(--mono);letter-spacing:2.6px;fill:var(--ink-soft);font-size:11.5px}.badge-center{color:var(--ink);pointer-events:none;justify-content:center;align-items:center;font-size:26px;display:flex;position:absolute;inset:0}.corner{z-index:2;font-family:var(--mono);letter-spacing:.22em;color:#8a857a;text-transform:uppercase;font-size:11px;position:absolute;bottom:92px}.corner.l{left:40px}.corner.r{font-variant-numeric:tabular-nums;right:40px}.scroll-hint{letter-spacing:.3em;color:var(--ink-soft);z-index:2;font-size:11px;animation:2.4s ease-in-out infinite bob;position:absolute;bottom:90px;left:50%;transform:translate(-50%)}@keyframes bob{50%{transform:translate(-50%)translateY(8px)}}.band{z-index:3;backdrop-filter:blur(4px);background:#eceae4d1;border-top:1px solid #16150f24;align-items:center;height:58px;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.band .track{width:max-content;animation:30s linear infinite marquee;display:flex}.band span{white-space:nowrap;letter-spacing:.34em;text-transform:uppercase;color:var(--ink-soft);padding-right:2em;font-size:12px}.band b{color:var(--ink);font-weight:600}@keyframes marquee{to{transform:translate(-50%)}}.panel{padding:0 8vw}.panel-body{z-index:2;align-items:center;gap:56px;height:100vh;display:flex;position:relative}.panel .stage{perspective:1300px;flex:auto;justify-content:center;align-items:center;min-width:0;display:flex}.panel .visual{width:100%;transform-style:preserve-3d;will-change:transform;box-shadow:0 40px 120px #00000059}.panel .visual.live{transition:transform .18s ease-out}.panel .visual img{width:100%;display:block}.caption{flex:0 0 42%;min-width:300px;max-width:560px}.caption .no{letter-spacing:.4em;opacity:.6;text-transform:uppercase;margin-bottom:14px;font-size:12px}.caption .pname{font-family:var(--serif);letter-spacing:.04em;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;font-size:clamp(17px,1.8vw,22px);font-weight:600;display:flex}.caption .pnote{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;opacity:.7;border:1px solid;border-radius:999px;padding:3px 10px;font-size:10px}.caption h2{letter-spacing:-.01em;font-size:clamp(32px,2.6vw,42px);font-weight:700;line-height:1.18}.caption h2.en{font-size:clamp(24px,2.2vw,34px)}.caption h2 .line{display:block}.caption .sub{opacity:.75;max-width:560px;margin-top:16px;font-size:16px;font-weight:400;line-height:1.9}.caption .enter{letter-spacing:.24em;text-transform:uppercase;color:inherit;border-bottom:1px solid;align-items:center;gap:10px;margin-top:26px;padding-bottom:6px;font-size:13px;text-decoration:none;transition:opacity .3s,gap .3s;display:inline-flex}.caption .enter:hover{opacity:.6;gap:18px}.huge-ghost{z-index:1;opacity:.05;pointer-events:none;user-select:none;will-change:transform;font-size:26vw;font-weight:800;line-height:1;position:absolute;top:6vh;right:-1vw}.p-fourseasons{color:#5c4636;background:radial-gradient(1000px 720px at 68% 28%,#fffaf1 0%,#fffaf100 55%),radial-gradient(820px 620px at 18% 85%,#ffe9d2 0%,#ffe9d200 60%),#fff4e8}.p-fourseasons .visual{border-radius:28px;max-width:min(460px,30vw,100%);overflow:hidden;box-shadow:0 32px 90px #96603c47}.p-fourseasons .caption h2{color:#4a3626}.p-fourseasons .no{color:#c27a5b}.mini-stamp{z-index:1;will-change:transform;background:#fffdf8;border:1.5px dashed #a06e5080;border-radius:8px;width:72px;height:72px;padding:10px;position:absolute;box-shadow:0 10px 30px #96603c2e}.mini-stamp svg{width:100%;height:100%}.mini-stamp.s1{top:14vh;right:12vw}.mini-stamp.s2{width:62px;height:62px;bottom:20vh;right:22vw}.mini-stamp.s3{width:58px;height:58px;top:24vh;left:16vw}.postmark{z-index:1;font-family:var(--serif);color:#c27a5b;border:1.5px dashed #c27a5b80;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.postmark.pm1{width:128px;height:128px;font-size:15px;animation:40s linear infinite slowspin;top:9vh;right:8vw;transform:rotate(12deg)}.postmark.pm2{opacity:.7;width:84px;height:84px;font-size:12px;bottom:12vh;left:20vw;transform:rotate(-8deg)}@keyframes slowspin{to{transform:rotate(372deg)}}.waves{z-index:1;opacity:.5;position:absolute;top:16vh;left:6vw}.p-investment{color:#e8eaf2;background:radial-gradient(940px 580px at 50% 42%,#444ce72b 0%,#444ce700 68%),radial-gradient(700px 500px at 85% 90%,#3ecf8e0d 0%,#3ecf8e00 60%),#0a0d13}.p-investment:before{content:"";z-index:0;background-image:linear-gradient(#8b9cf90f 1px,#0000 1px),linear-gradient(90deg,#8b9cf90f 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;mask-image:radial-gradient(80% 70% at 50% 45%,#0000 30%,#000 100%)}.p-investment .visual{border-radius:10px;max-width:min(880px,52vw,100%);overflow:hidden;box-shadow:0 48px 140px #141e5a8c,0 0 0 1px #8b9cf924}.p-investment .caption .no{color:#8b9cf9}.cross{z-index:1;font-family:var(--mono);color:#8b9cf966;user-select:none;font-size:16px;position:absolute}.cross.c1{top:15vh;left:6vw}.cross.c2{top:15vh;right:6vw}.cross.c3{bottom:8vh;right:14vw}.cross.c4{bottom:8vh;left:30vw}.outro{color:var(--ink);background:radial-gradient(ellipse 1000px 560px at 50% -6%, #faf8f1 0%, #faf8f100 55%), var(--paper);justify-content:flex-start;gap:16vh;padding:20vh 8vw 16vh}.outro .o-principles,.outro .o-closing{max-width:780px}.outro .o-title{font-family:var(--serif);font-size:clamp(26px,3.4vw,44px);font-weight:600;line-height:1.4}.outro h2{font-family:var(--serif);font-size:clamp(28px,3.8vw,52px);font-weight:600;line-height:1.4}.outro p{color:#3d3a32;margin-top:26px;font-size:16px;line-height:2.1}.outro .ethos{letter-spacing:.3em;text-transform:uppercase;color:var(--ink-soft);flex-wrap:wrap;gap:5vw;margin-top:44px;font-size:13px;display:flex}.outro .o-cta{letter-spacing:.24em;color:inherit;border-bottom:1px solid;align-items:center;gap:10px;margin-top:34px;padding-bottom:6px;font-size:13px;text-decoration:none;transition:opacity .3s,gap .3s;display:inline-flex}.outro .o-cta:hover{opacity:.6;gap:18px}@media (width<=899px){.panel{padding:0 6vw}.panel-body{flex-direction:column;justify-content:center;gap:4.5vh;height:auto;min-height:100vh;padding:12vh 0 8vh}.panel .stage{flex:none;order:-1;width:100%}.p-fourseasons .visual{max-width:200px}.p-investment .visual{max-width:100%}.caption{flex:none;width:100%;min-width:0;max-width:none}.caption h2{font-size:clamp(24px,7.2vw,32px)}.caption h2.en{font-size:clamp(20px,6vw,28px)}}@media (width<=800px){.huge-ghost,.corner,.mini-stamp.s2,.mini-stamp.s3,.waves,.cross,.badge-wrap{display:none}.hero .eyebrow{letter-spacing:.28em;padding:0 20px}.outro{gap:12vh;padding:16vh 7vw 12vh}.outro .ethos{flex-direction:column;gap:14px}.scroll-hint{bottom:84px}}
