:root{color-scheme:light;--paper:#f5f5f3;--ink:#20211f;--muted:#777972;--line:#dcded8}*{box-sizing:border-box}html{background:var(--paper);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}body{margin:0;color:var(--ink)}.masthead{max-width:1280px;margin:auto;padding:25px 56px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:12px;align-items:center;font-size:18px;font-weight:600;letter-spacing:-.6px}.brand img{display:block;object-fit:contain;width:42px;height:42px}.edition{font-size:12px;letter-spacing:2px;color:#64665f}.hero{text-align:center;padding:81px 24px 0}.eyebrow{font-size:10px;font-weight:600;letter-spacing:3.2px;margin:0 0 25px;color:#74776d}h1{font-size:clamp(46px,7.5vw,94px);line-height:1.17;letter-spacing:-5px;font-weight:650;margin:0}.stop{display:none}.subtitle{font-size:20px;line-height:1.6;letter-spacing:.25px;margin:24px 0 0;color:#575a52}.product{max-width:1060px;margin:42px auto 0}.product img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;border-radius:22px}.product figcaption{font-size:10px;letter-spacing:1.5px;color:#85887e;margin:4px 0 0}.product figcaption span{padding:0 9px}.meaning{padding:138px 24px 115px;text-align:center}.meaning .eyebrow{margin-bottom:25px}h2{font-weight:600;font-size:clamp(36px,4.6vw,56px);letter-spacing:-1.8px;line-height:1.4;margin:0 0 28px}.description{font-size:18px;line-height:1.85;color:#61645c}.description p{margin:0 0 13px}.description .quiet{font-size:14px;color:#7f8279;margin-top:30px}.material-note{display:flex;justify-content:center;gap:35px;margin-top:45px;font-size:11px;letter-spacing:.5px;color:#7b7e74}footer{max-width:1168px;margin:auto;padding:24px 0 30px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:10px;color:#8a8d82;letter-spacing:1px}@media(max-width:700px){.masthead{padding:20px 22px}.brand{font-size:15px;gap:9px}.brand img{width:34px;height:34px}.edition{font-size:10px;letter-spacing:1px}.hero{padding:66px 12px 0}h1{font-size:clamp(39px,10.9vw,66px);letter-spacing:-2.5px}.eyebrow{font-size:9px;letter-spacing:2.4px;margin-bottom:24px}.subtitle{font-size:14px;letter-spacing:0;margin:22px 0 0}.product{margin:24px -12px 0}.product img{aspect-ratio:4/3}.product figcaption{font-size:10px;letter-spacing:.4px;margin-top:15px}.product figcaption span{padding:0 5px}.meaning{padding:97px 22px 80px}h2{font-size:36px;letter-spacing:-1.3px}.description{font-size:15px;line-height:1.9}.description .quiet{font-size:12px;margin-top:26px}.material-note{gap:13px;font-size:10px;margin-top:38px}footer{margin:0 22px;padding:20px 0 25px;font-size:9px;letter-spacing:.2px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

@media(max-width:700px){.product img{border-radius:0}}
/* Optional one-shot entrance. Base styles remain fully visible without JS. */
@media (prefers-reduced-motion:no-preference){
.hero.is-entering .product img{animation:product-arrive 1250ms cubic-bezier(.2,.65,.25,1) both;transform-origin:50% 70%}
.hero.is-entering h1{animation:title-arrive 700ms ease-out 600ms both}
.hero.is-entering .subtitle{animation:title-arrive 650ms ease-out 760ms both}
@keyframes product-arrive{from{opacity:.12;transform:translateY(18px) scale(.965)}to{opacity:1;transform:none}}
@keyframes title-arrive{from{opacity:.15;transform:translateY(7px)}to{opacity:1;transform:none}}
}
@media (prefers-reduced-motion:reduce){.hero.is-entering .product img,.hero.is-entering h1,.hero.is-entering .subtitle{animation:none;opacity:1;transform:none}}