:root{--bg:#edf7f2;--ink:#10241d;--accent:#087862;--accent2:#ffad4d;--surface:#ffffff;--line:color-mix(in srgb,var(--ink) 15%,transparent);--soft:color-mix(in srgb,var(--accent) 12%,var(--surface))}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}.site{min-height:100vh;overflow:hidden}.nav{width:min(1180px,calc(100% - 40px));height:82px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:800;letter-spacing:.02em}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border:2px solid var(--ink);background:var(--accent);font:900 12px/1 Arial,sans-serif;overflow:hidden}.nav-links{display:flex;gap:28px;font-size:13px;font-weight:650}.nav-links a{text-decoration:none;opacity:.68}.nav-links a:hover,.nav-links a:focus-visible{opacity:1}.domain{padding:7px 11px;border:1px solid var(--line);border-radius:999px;font-size:12px;letter-spacing:.05em}.hero{width:min(1180px,calc(100% - 40px));min-height:650px;margin:auto;padding:70px 0 98px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:76px}.eyebrow{margin:0 0 24px;color:var(--accent);font-size:12px;font-weight:850;letter-spacing:.16em;text-transform:uppercase}.hero h1{max-width:720px;margin:0;font-family:"Songti SC","STSong",Georgia,serif;font-size:clamp(50px,6.1vw,82px);line-height:1.12;letter-spacing:-.045em}.lead{max-width:620px;margin:28px 0 0;color:color-mix(in srgb,var(--ink) 67%,transparent);font-size:18px;line-height:1.9}.hero-link{display:inline-flex;align-items:center;gap:14px;margin-top:36px;padding:13px 0;border-bottom:2px solid var(--accent);text-decoration:none;font-weight:800}.hero-link::after{content:"→"}.hero-art{min-width:0}.art{position:relative;min-height:455px}.content-section{width:min(1180px,calc(100% - 40px));margin:auto;padding:104px 0}.section-head{display:grid;grid-template-columns:220px 1fr;gap:55px;margin-bottom:56px}.section-label{margin:8px 0 0;color:var(--accent);font-size:12px;font-weight:850;letter-spacing:.16em;text-transform:uppercase}.section-head h2{max-width:820px;margin:0;font-family:"Songti SC","STSong",Georgia,serif;font-size:clamp(35px,4vw,54px);line-height:1.3}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{min-height:280px;padding:30px;border:1px solid var(--line);background:var(--surface)}.card-code{display:inline-block;color:var(--accent);font-size:12px;font-weight:900;letter-spacing:.08em}.card h3{margin:74px 0 14px;font-size:22px}.card p{margin:0;color:color-mix(in srgb,var(--ink) 65%,transparent);line-height:1.8}.statement{padding:100px 20px;text-align:center;background:var(--ink);color:var(--bg)}.statement blockquote{max-width:900px;margin:0 auto;font-family:"Songti SC","STSong",Georgia,serif;font-size:clamp(32px,4.6vw,60px);line-height:1.35}.statement p{margin:28px 0 0;color:color-mix(in srgb,var(--bg) 65%,transparent);font-size:12px;font-weight:750;letter-spacing:.16em}.footer{background:var(--surface)}.footer-inner{width:min(1180px,calc(100% - 40px));margin:auto;padding:44px 0 48px;display:flex;justify-content:space-between;gap:30px}.owner{margin:0;font-weight:750}.legal{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px 24px;color:color-mix(in srgb,var(--ink) 72%,transparent);font-size:13px;text-align:right}.legal span{white-space:nowrap}.legal a{color:var(--accent);text-underline-offset:3px}

.variant-curiosity .brand-mark{border-radius:50%}.art-curiosity{display:grid;place-items:center}.art-curiosity::before,.art-curiosity::after{content:"";position:absolute;border-radius:50%;border:1px solid var(--line)}.art-curiosity::before{width:430px;height:430px}.art-curiosity::after{width:310px;height:310px;border-style:dashed}.question{position:relative;z-index:2;width:220px;height:220px;display:grid;place-items:center;border-radius:50%;background:var(--accent2);font:900 150px/1 Georgia,serif;box-shadow:18px 22px 0 var(--accent)}.orbit-chip{position:absolute;z-index:3;padding:10px 15px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:13px;font-weight:750;box-shadow:0 12px 32px color-mix(in srgb,var(--ink) 12%,transparent)}.chip-one{top:11%;right:12%}.chip-two{bottom:13%;left:7%}.chip-three{right:2%;bottom:22%}
.variant-lab .hero-copy{order:2}.variant-lab .hero-art{order:1}.variant-lab .brand-mark{border-radius:10px}.art-lab{display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:1fr 1fr;gap:14px;transform:rotate(-2deg)}.lab-tile{padding:28px;display:flex;flex-direction:column;justify-content:space-between;border:2px solid var(--ink);border-radius:22px;background:var(--surface);box-shadow:10px 10px 0 var(--accent2)}.lab-tile:nth-child(3){background:var(--accent);color:white}.tile-wide{grid-row:1/3}.lab-tile small{font-weight:850;letter-spacing:.14em}.lab-tile strong{font-family:"Songti SC","STSong",serif;font-size:clamp(32px,5vw,64px)}.variant-lab .card{border-radius:24px}.variant-lab .card:nth-child(2){background:var(--soft)}
.variant-talk .hero{grid-template-columns:1fr;padding-top:90px;text-align:center}.variant-talk .hero h1,.variant-talk .lead{margin-left:auto;margin-right:auto}.variant-talk .hero-link{margin-top:32px}.variant-talk .hero-art{max-width:900px;width:100%;margin:20px auto 0}.art-talk{min-height:330px}.bubble{position:absolute;padding:22px 28px;border-radius:28px;font-weight:750;box-shadow:0 18px 55px color-mix(in srgb,var(--ink) 13%,transparent)}.bubble-a{top:22px;left:5%;background:var(--surface);font-size:21px}.bubble-b{top:112px;right:3%;background:var(--accent);color:white;font-size:22px}.bubble-c{bottom:15px;left:36%;background:var(--accent2);font-size:19px}.bubble-a::after,.bubble-b::after,.bubble-c::after{content:"";position:absolute;width:18px;height:18px;bottom:-7px;background:inherit;transform:rotate(45deg)}.bubble-a::after{left:28px}.bubble-b::after{right:30px}.bubble-c::after{left:30px}.variant-talk .cards{gap:28px}.variant-talk .card{border-radius:36px}.variant-talk .card-code{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--soft);font-size:18px}
.variant-editorial .nav{border-bottom:1px solid var(--line)}.variant-editorial .brand-mark{background:var(--ink);color:var(--bg)}.variant-editorial .hero{grid-template-columns:.9fr 1.1fr}.variant-editorial .hero h1{font-size:clamp(52px,6.7vw,92px)}.art-editorial{padding:34px;border-left:8px solid var(--accent);background:var(--surface);box-shadow:22px 22px 0 var(--ink);display:flex;flex-direction:column;justify-content:space-between}.art-editorial p{margin:30px 0;font:900 clamp(42px,6vw,76px)/.95 Arial,sans-serif;letter-spacing:-.07em}.edition{font:800 12px/1 Arial,sans-serif;letter-spacing:.14em}.red-dot{width:70px;height:70px;border-radius:50%;background:var(--accent);align-self:flex-end}.variant-editorial .card{border:none;border-top:4px solid var(--ink);background:transparent}.variant-editorial .card:nth-child(2){border-color:var(--accent)}
.variant-club .nav,.variant-club .hero,.variant-club .content-section{width:min(1240px,calc(100% - 40px))}.variant-club .brand-mark{background:var(--accent);color:#111;border-color:var(--accent)}.variant-club .hero h1,.variant-club .section-head h2,.variant-club .statement blockquote{font-family:Arial Black,Impact,sans-serif;text-transform:uppercase;letter-spacing:-.045em}.art-club{padding:34px;border:1px solid color-mix(in srgb,var(--bg) 28%,transparent);background:var(--surface);color:var(--bg);display:flex;flex-direction:column;justify-content:space-between}.club-index{align-self:flex-end;color:var(--accent);font:800 13px/1 monospace}.art-club strong{font:900 clamp(100px,13vw,180px)/.8 Impact,sans-serif;color:var(--accent);letter-spacing:-.05em}.club-bars{display:grid;grid-template-columns:repeat(4,1fr);align-items:end;height:80px;gap:10px}.club-bars i{display:block;background:var(--accent);height:25%}.club-bars i:nth-child(2){height:48%}.club-bars i:nth-child(3){height:72%}.club-bars i:nth-child(4){height:100%}.art-club small{font-weight:800;letter-spacing:.16em}.variant-club .card{border-color:color-mix(in srgb,var(--bg) 18%,transparent);background:var(--surface);color:var(--bg)}.variant-club .card p{color:color-mix(in srgb,var(--bg) 65%,transparent)}.variant-club .statement{background:var(--accent);color:var(--ink)}
.variant-notebook{background-image:linear-gradient(color-mix(in srgb,var(--accent) 8%,transparent) 1px,transparent 1px);background-size:100% 34px}.variant-notebook .brand-mark{background:var(--surface);color:var(--accent);border-color:var(--accent);font-family:Georgia,serif;font-style:italic}.art-notebook{padding:48px 44px;background:var(--surface);border:1px solid var(--line);box-shadow:18px 18px 0 var(--accent2);transform:rotate(1.5deg)}.paper-tag{display:inline-block;padding:8px 10px;background:var(--accent);color:white;font:800 11px/1 monospace;letter-spacing:.1em}.art-notebook h2{margin:60px 0 18px;font-family:"Kaiti SC","STKaiti",serif;font-size:44px}.art-notebook p{max-width:330px;line-height:1.8}.paper-lines{height:72px;margin-top:40px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 22px,var(--line) 23px,var(--line) 24px)}.variant-notebook .card{border-left:6px solid var(--accent);box-shadow:6px 6px 0 color-mix(in srgb,var(--accent) 16%,transparent)}
.variant-tempo .brand-mark{background:var(--accent);color:white;transform:rotate(-5deg)}.variant-tempo .hero{position:relative;grid-template-columns:1fr 1fr}.variant-tempo .hero h1,.variant-tempo .section-head h2{font-family:Arial Black,"PingFang SC",sans-serif;letter-spacing:-.055em}.art-tempo{display:grid;place-items:center}.tempo-ring{width:390px;height:390px;padding:42px;border:18px solid var(--accent);border-radius:50%;display:flex;flex-direction:column;justify-content:center;transform:rotate(8deg);box-shadow:18px 18px 0 var(--accent2);background:var(--surface)}.tempo-ring span{font:900 46px/1 Impact,sans-serif;letter-spacing:.08em}.tempo-ring strong{font:900 92px/.88 Impact,sans-serif;color:var(--accent);letter-spacing:-.04em}.spark{position:absolute;width:16px;height:70px;background:var(--accent2)}.spark-a{top:10%;left:12%;transform:rotate(-32deg)}.spark-b{right:7%;bottom:13%;transform:rotate(38deg)}.spark-c{width:55px;height:55px;right:8%;top:7%;border-radius:50%;background:var(--ink)}.variant-tempo .card{border:3px solid var(--ink);box-shadow:8px 8px 0 var(--accent)}.variant-tempo .card:nth-child(2){transform:translateY(18px);background:var(--accent);color:white}.variant-tempo .card:nth-child(2) p{color:rgba(255,255,255,.75)}.variant-tempo .statement{background:var(--accent);color:white}
@media(max-width:900px){.hero{grid-template-columns:1fr;gap:42px;padding-top:52px}.variant-lab .hero-copy,.variant-lab .hero-art{order:initial}.variant-editorial .hero,.variant-tempo .hero{grid-template-columns:1fr}.section-head{grid-template-columns:1fr;gap:18px}.cards{grid-template-columns:1fr}.card{min-height:220px}.card h3{margin-top:42px}.footer-inner{flex-direction:column}.legal{justify-content:flex-start;text-align:left}.art{min-height:390px}.variant-talk .hero{padding-top:60px}}
@media(max-width:620px){.nav{width:min(100% - 30px,1180px);height:72px}.nav-links{display:none}.domain{display:none}.hero{width:min(100% - 30px,1180px);min-height:auto;padding:54px 0 72px}.hero h1{font-size:clamp(42px,13vw,62px)}.lead{font-size:16px}.art{min-height:330px}.art-curiosity::before{width:320px;height:320px}.art-curiosity::after{width:240px;height:240px}.question{width:170px;height:170px;font-size:112px;box-shadow:12px 14px 0 var(--accent)}.chip-one{right:0}.chip-two{left:0}.chip-three{right:0}.art-lab{min-height:410px;grid-template-columns:1fr 1fr}.tile-wide{grid-row:auto;grid-column:1/3}.lab-tile{padding:22px}.bubble{padding:17px 20px;font-size:16px!important}.bubble-a{left:0}.bubble-b{right:0}.bubble-c{left:18%}.art-editorial{min-height:390px;padding:28px}.art-club strong{font-size:118px}.art-notebook{padding:34px 26px}.art-notebook h2{font-size:34px}.tempo-ring{width:285px;height:285px;padding:26px;border-width:13px;box-shadow:12px 12px 0 var(--accent2)}.tempo-ring span{font-size:34px}.tempo-ring strong{font-size:66px}.content-section{width:min(100% - 30px,1180px);padding:78px 0}.statement{padding:78px 18px}.footer-inner{width:min(100% - 30px,1180px)}.legal{flex-direction:column;gap:4px}.variant-tempo .card:nth-child(2){transform:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}