*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#09090f;color:#e6e2d8;font-family:'Noto Sans JP',sans-serif;font-weight:300;line-height:1.95;-webkit-font-smoothing:antialiased}
a{color:#c4a764}
nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px clamp(20px,5vw,64px);background:rgba(9,9,15,.94);border-bottom:1px solid rgba(196,167,100,.14);backdrop-filter:blur(12px)}
.brand{font-family:'Shippori Mincho B1',serif;font-size:1.1rem;font-weight:600;letter-spacing:.2em;text-decoration:none}
.back{font-size:.72rem;letter-spacing:.08em;text-decoration:none}
.site-nav{display:flex;align-items:center;justify-content:center;gap:clamp(16px,2.5vw,32px);margin-left:auto}
.site-nav a{color:#aaa59c;font-size:.7rem;letter-spacing:.06em;text-decoration:none;white-space:nowrap}
.site-nav a[aria-current="page"]{color:#c4a764}
.header-buy{flex-shrink:0;padding:9px 16px;border:1px solid rgba(196,167,100,.45);color:#c4a764;font-size:.7rem;letter-spacing:.08em;text-decoration:none;white-space:nowrap}
.hero{padding:clamp(72px,10vw,120px) clamp(24px,6vw,80px) clamp(60px,8vw,96px);border-bottom:1px solid rgba(196,167,100,.16)}
.hero-inner,.article{max-width:860px;margin:0 auto}
.eyebrow{font-size:.68rem;letter-spacing:.28em;color:#c4a764;margin:0 0 24px}
.hero h1{font-family:'Shippori Mincho B1',serif;font-size:clamp(2rem,5vw,3.7rem);line-height:1.45;letter-spacing:0;margin:0;color:#f0ece2}
.article{padding:clamp(64px,9vw,112px) clamp(24px,4vw,40px)}
.article section{margin-bottom:72px}
.author-profile{padding-top:42px;border-top:1px solid rgba(196,167,100,.16)}
.author-profile .eyebrow{margin-bottom:16px}
.author-profile a{text-underline-offset:5px}
.article h2{font-family:'Shippori Mincho B1',serif;font-size:clamp(1.4rem,3vw,2rem);line-height:1.55;color:#f0ece2;margin:0 0 28px}
.article h3{font-family:'Shippori Mincho B1',serif;font-size:clamp(1.02rem,2vw,1.2rem);line-height:1.7;color:#e6e2d8;margin:0 0 12px}
.article p{color:#b8b3aa;margin:0 0 22px}
.brand-line{font-family:'Shippori Mincho B1',serif;font-size:clamp(1.15rem,2.5vw,1.45rem);line-height:1.9;color:#ddd8ce!important}
.checklist{padding:0;list-style:none;display:grid;gap:16px}
.checklist li{padding-left:28px;position:relative;color:#b8b3aa}
.checklist li::before{content:'✓';position:absolute;left:0;color:#c4a764}
.feature-list{border-top:1px solid rgba(196,167,100,.16)}
.feature{padding:28px 0;border-bottom:1px solid rgba(196,167,100,.16)}
.feature p{margin:0}
.feature-number{display:block;color:#c4a764;font-size:.68rem;letter-spacing:.16em;margin-bottom:8px}
.giving-back{text-align:center;padding:56px clamp(12px,4vw,36px);border-top:1px solid rgba(196,167,100,.16);border-bottom:1px solid rgba(196,167,100,.16)}
.giving-back .eyebrow{margin-bottom:24px}
.giving-back h2{margin-bottom:24px}
.giving-back p:last-child{margin-bottom:0}
.cta{padding:56px clamp(24px,5vw,56px);background:#0d0d18;border-top:1px solid rgba(196,167,100,.16);border-bottom:1px solid rgba(196,167,100,.16);text-align:center}
.cta-inner{max-width:860px;margin:0 auto}
.cta h2{font-family:'Shippori Mincho B1',serif;margin:0 0 32px}
.size-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:end}
.size-option{display:flex;flex-direction:column;gap:10px;min-width:0}
.size-option a{display:flex;min-height:126px;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px 12px;border:1px solid rgba(196,167,100,.38);color:#c4a764;text-decoration:none}
.size-option.featured a{background:#c4a764;color:#09090f}
.size-label{font-family:'Shippori Mincho B1',serif;font-size:1.45rem;font-weight:800}
.size-action{font-size:.68rem;letter-spacing:.08em}
.popular{min-height:26px;display:flex;align-items:center;justify-content:center;color:#c4a764;font-size:.64rem;letter-spacing:.08em}
.size-note{color:#8a8780;font-size:.8rem;margin:26px 0 10px}
.sold-out-note{color:#5f5b55;font-size:.72rem;margin:0}
.purchase-band{margin-top:0}
.guide-links{max-width:860px;margin:0 auto;padding:48px 24px;border-top:1px solid rgba(196,167,100,.16)}
.guide-links p{font-size:.68rem;letter-spacing:.22em;color:#8a8780;margin:0 0 18px}
.guide-links div{display:flex;flex-wrap:wrap;gap:12px 24px}
.guide-links a{font-size:.78rem;text-underline-offset:5px}
.legal-note{max-width:860px;margin:0 auto;padding:28px 24px 0;color:#55514c;font-size:.68rem;line-height:1.9}
footer{max-width:860px;margin:0 auto;padding:18px 24px 56px;color:#65615b;font-size:.7rem}
@media(max-width:760px){nav{flex-wrap:wrap;gap:10px 14px;padding:12px 16px}.site-nav{order:3;width:calc(100% + 32px);margin:0 -16px;padding:10px 16px 0;justify-content:flex-start;overflow-x:auto;border-top:1px solid rgba(196,167,100,.1);scrollbar-width:none}.site-nav::-webkit-scrollbar{display:none}.header-buy{margin-left:auto}.size-options{grid-template-columns:1fr}.size-option a{min-height:108px}.popular{min-height:0}.size-option:not(.featured) .popular{display:none}}
@media(max-width:420px){.brand{font-size:1rem}.back{font-size:.66rem}.hero{padding-top:56px}}
