:root{--ink:#233d37;--mint:#7fb7a8;--deep:#416f65;--pale:#edf6f1;--cream:#fffaf2;--brown:#513426;--line:rgba(65,111,101,.18);--shadow:0 24px 70px rgba(50,93,83,.15)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;overflow-x:hidden;color:var(--ink);background:var(--cream);font-family:"Noto Serif SC","Songti SC","Microsoft YaHei",system-ui,sans-serif;line-height:1.75}img,video{display:block;max-width:100%}button,a{font:inherit}a{color:inherit}.site-header{position:sticky;top:0;z-index:50;min-height:72px;padding:10px clamp(18px,4vw,64px);display:flex;align-items:center;justify-content:space-between;gap:24px;background:rgba(255,250,242,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;white-space:nowrap}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--deep);box-shadow:inset 0 0 0 5px rgba(255,255,255,.2)}.brand strong{display:block;font-size:18px;letter-spacing:.08em}.brand small{display:block;font:500 9px/1.2 system-ui,sans-serif;letter-spacing:.23em;color:var(--deep)}.site-nav{display:flex;align-items:center;gap:clamp(14px,2vw,30px)}.site-nav a{text-decoration:none;font-size:14px;font-weight:700;position:relative}.site-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-4px;height:2px;background:var(--mint);transition:.25s}.site-nav a:hover:after,.site-nav a:focus-visible:after{right:0}.nav-toggle{display:none;border:0;border-radius:999px;padding:8px 14px;color:#fff;background:var(--deep)}
.hero{min-height:calc(100svh - 72px);padding:clamp(18px,3vw,44px);display:grid;place-items:center;background:radial-gradient(circle at 12% 20%,#fff 0 6%,transparent 26%),linear-gradient(145deg,#d8ebe4,#f8f1e5 52%,#cfebe4)}.hero-video{position:relative;width:min(1240px,100%);height:min(76svh,780px);min-height:520px;overflow:hidden;border:1px solid rgba(255,255,255,.8);border-radius:clamp(26px,4vw,52px);background:linear-gradient(135deg,#799f98,#dfece8);box-shadow:0 35px 100px rgba(45,89,79,.26)}.video-glow{position:absolute;inset:-8%;background:url("assets/figure-01-basic.png") center/cover;filter:blur(55px) saturate(.7);opacity:.35;transform:scale(1.1)}.hero-video video,.video-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.video-fallback{display:none;object-fit:contain}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,40,35,.72) 0%,rgba(16,50,44,.36) 34%,transparent 62%),linear-gradient(0deg,rgba(20,55,48,.25),transparent 35%);pointer-events:none}.hero-copy{position:absolute;z-index:2;left:clamp(24px,6vw,88px);bottom:clamp(90px,13vh,150px);width:min(480px,68%);color:#fff;text-shadow:0 3px 22px rgba(0,0,0,.38)}.eyebrow{margin:0 0 10px;color:var(--deep);font:800 11px/1.4 system-ui,sans-serif;letter-spacing:.24em;text-transform:uppercase}.hero-copy .eyebrow{color:#d5eee7}.hero h1{margin:0;font-size:clamp(64px,10vw,136px);line-height:.95;letter-spacing:.12em}.hero-slogan{margin:20px 0 0;font-size:clamp(16px,2vw,25px);font-weight:700;letter-spacing:.06em}.video-controls{position:absolute;z-index:3;left:clamp(24px,6vw,88px);bottom:30px;display:flex;gap:10px}.video-controls button,.tap-play{display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.6);border-radius:999px;padding:10px 16px;color:#fff;background:rgba(20,55,48,.66);backdrop-filter:blur(12px);cursor:pointer}.video-controls svg{width:18px;height:18px;fill:currentColor}.video-controls button:hover{background:rgba(20,55,48,.9)}.tap-play{display:none;position:absolute;z-index:4;inset:50% auto auto 50%;transform:translate(-50%,-50%);font-weight:800;box-shadow:0 10px 35px rgba(0,0,0,.25)}.scroll-cue{margin:14px 0 0;text-align:center;font-size:12px;font-weight:700;letter-spacing:.18em;color:var(--deep)}.scroll-cue span{display:inline-block;animation:bob 1.6s infinite}@keyframes bob{50%{transform:translateY(5px)}}
.section{padding:clamp(78px,10vw,150px) max(22px,calc((100vw - 1200px)/2))}.section-head{max-width:700px;margin-bottom:44px}.section-head h2,.story h2,.presale h2,.designer h2{margin:0;color:var(--brown);font-size:clamp(36px,5vw,66px);line-height:1.15;letter-spacing:.04em}.section-head>p:last-child{margin:14px 0 0;color:#61736f}.identity{background:#fff}.identity-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.identity-card{position:relative;min-height:320px;padding:30px 24px;border-radius:28px;overflow:hidden;border:1px solid rgba(255,255,255,.8);box-shadow:var(--shadow);isolation:isolate}.identity-card:before{content:"";position:absolute;z-index:-1;width:220px;height:220px;border-radius:50%;right:-90px;bottom:-80px;background:rgba(255,255,255,.35)}.identity-card h3{margin:60px 0 14px;color:#314e47;font-size:28px}.identity-card p{margin:0;font-size:14px}.card-no{position:absolute;top:22px;left:24px;font:800 12px system-ui,sans-serif;letter-spacing:.2em}.tag{position:absolute;left:24px;bottom:24px;border-radius:999px;padding:5px 11px;background:rgba(255,255,255,.55);font-size:11px;font-weight:800}.mint{background:#cfe6dd}.blue{background:#d9e8ee}.pink{background:#f3d8da}.sage{background:#d8e4d8}.rainbow{background:linear-gradient(145deg,#f0d8e7,#dbebef 50%,#f7e1ba)}
.story{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(32px,7vw,90px);align-items:center;background:linear-gradient(180deg,#edf6f1,#f9f6ed)}.story-copy .lead{font-size:20px;font-weight:700}.story blockquote{margin:28px 0;padding:22px 24px;border-left:4px solid var(--mint);border-radius:0 16px 16px 0;background:rgba(255,255,255,.7);font-size:18px;font-weight:700}.facts{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:30px 0 0;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--line)}.facts div{padding:12px 16px;background:rgba(255,255,255,.72)}.facts dt{font-size:11px;color:#778983}.facts dd{margin:0;font-weight:800}.story-visual{margin:0}.story-visual img{width:100%;height:auto;border-radius:34px;box-shadow:var(--shadow)}.story-visual figcaption{text-align:center;margin-top:12px;font-size:13px;color:#6a7d77}.companions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:24px}.companions figure{position:relative;margin:0;max-height:560px;overflow:hidden;border-radius:30px;background:#fff}.companions img{width:100%;height:100%;object-fit:contain}.companions figcaption{position:absolute;left:20px;bottom:20px;display:flex;gap:10px;align-items:baseline;border-radius:999px;padding:8px 16px;background:rgba(255,255,255,.88);backdrop-filter:blur(10px)}.companions span{font-size:12px;color:#6f7d79}
.poster-section{background:#345f57}.section-head.light h2,.section-head.light .eyebrow,.section-head.light p{color:#fff}.poster-frame{width:min(800px,100%);margin:0 auto;padding:clamp(8px,1.5vw,16px);border-radius:32px;background:#f6f2e8;box-shadow:0 40px 100px rgba(7,30,26,.35)}.poster-frame img{width:100%;height:auto;border-radius:22px}
.figures{background:#fefbf6}.figure-gallery{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.figure-gallery figure{margin:0}.figure-image{aspect-ratio:290/590;overflow:hidden;border-radius:24px;background:#eef4f0;box-shadow:0 16px 45px rgba(60,93,84,.12)}.figure-image img{width:100%;height:100%;object-fit:cover}.figure-gallery figcaption{padding:14px 4px;display:flex;align-items:baseline;gap:10px}.figure-gallery figcaption span{font:800 11px system-ui,sans-serif;color:var(--mint)}.figure-gallery figcaption strong{font-size:18px}.source-sheet{margin-top:36px;border:1px solid var(--line);border-radius:20px;background:#fff}.source-sheet summary{padding:16px 20px;cursor:pointer;font-weight:800}.source-sheet img{width:100%;height:auto;border-radius:0 0 20px 20px}
.goods{background:#e8f2ed}.goods-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.goods-grid figure{margin:0;padding:12px;border-radius:26px;background:#fff;box-shadow:0 20px 60px rgba(66,106,96,.12)}.goods-grid img{width:100%;height:auto;border-radius:17px}.goods-grid figcaption{padding:10px 4px 2px;font-weight:800}.goods-wide{grid-column:1/-1}
.presale{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(30px,7vw,90px);align-items:center;background:#fff}.presale-copy p{font-size:18px}.presale-copy a{display:inline-block;margin-top:14px;border-radius:999px;padding:12px 18px;text-decoration:none;color:#fff;background:var(--deep);font-weight:800}.presale figure{margin:0;width:min(560px,100%);justify-self:end}.presale img{width:100%;height:auto;border-radius:34px;box-shadow:var(--shadow)}
.designer{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(30px,7vw,90px);align-items:center;background:#f3eee4}.logo-sheet{margin:0}.logo-sheet img{width:100%;height:auto;border-radius:30px;box-shadow:var(--shadow)}.designer-copy .role{color:var(--deep);font-weight:800;letter-spacing:.08em}.designer-copy .note{margin-top:28px;padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.65);font-size:12px;color:#6d7a76}footer{padding:70px 24px;text-align:center;color:#e7f3ee;background:#203d37}.footer-brand{display:inline-flex;gap:12px;align-items:baseline;text-decoration:none;font-size:28px;font-weight:800}.footer-brand span{font:600 11px system-ui,sans-serif;letter-spacing:.2em}footer p{font-size:16px}footer small{opacity:.65}
@media(max-width:980px){.site-nav{display:none;position:absolute;top:65px;left:14px;right:14px;padding:18px;flex-wrap:wrap;justify-content:center;border-radius:18px;background:#fff;box-shadow:var(--shadow)}.site-nav.open{display:flex}.nav-toggle{display:block}.identity-grid{grid-template-columns:repeat(2,1fr)}.identity-card:last-child{grid-column:1/-1}.story,.presale,.designer{grid-template-columns:1fr}.presale figure{justify-self:center}.designer-copy{grid-row:1}.figure-gallery{grid-template-columns:repeat(3,1fr)}.companions figure{max-height:480px}}
@media(max-width:620px){html{scroll-padding-top:70px}.site-header{min-height:64px}.brand-mark{width:36px;height:36px}.hero{min-height:auto;padding:14px}.hero-video{height:auto;min-height:0;aspect-ratio:4/5;border-radius:26px}.hero-video video,.video-fallback{height:100%;object-fit:contain}.hero-shade{background:linear-gradient(0deg,rgba(13,40,35,.8),transparent 60%)}.hero-copy{left:20px;right:20px;bottom:90px;width:auto}.hero h1{font-size:58px}.hero-slogan{font-size:15px}.video-controls{left:18px;bottom:18px}.video-controls button{padding:9px 12px;font-size:12px}.scroll-cue{display:none}.section{padding:72px 18px}.section-head{margin-bottom:30px}.identity-grid{grid-template-columns:1fr}.identity-card,.identity-card:last-child{grid-column:auto;min-height:250px}.identity-card h3{margin-top:48px}.story{gap:28px}.facts{grid-template-columns:1fr}.companions{grid-template-columns:1fr}.companions figure{max-height:none}.figure-gallery{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 18px;gap:14px}.figure-gallery figure{min-width:72vw;scroll-snap-align:center}.goods-grid{grid-template-columns:1fr}.goods-wide{grid-column:auto}.presale-copy p{font-size:16px}.logo-sheet img,.presale img,.story-visual img{border-radius:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scroll-cue span{animation:none}}