:root{color-scheme:light;--paper:#f4f1e9;--ink:#262820;--muted:#64665d;--line:#d7d4c9;--green:#183c31}*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #aa633c;outline-offset:5px}img{display:block;max-width:100%;height:auto}p{margin:0 0 18px}h1,h2{margin:0;line-height:1.18;letter-spacing:-.04em;font-weight:500}h1{font-size:clamp(32px,4.4vw,66px);text-wrap:balance}h2{font-size:clamp(23px,2.2vw,32px)}.bar{min-height:80px;padding:18px clamp(18px,4vw,64px);display:flex;align-items:center;justify-content:space-between;gap:22px;border-bottom:1px solid var(--line);background:#f4f1e9f5;position:sticky;top:0;z-index:3}.brand{font-size:18px;font-weight:700;letter-spacing:-.025em;white-space:nowrap}.brand span{font-size:12px;font-weight:400;letter-spacing:.05em;margin-left:7px}.bar nav{display:flex;gap:8px;flex-wrap:wrap}.bar nav a{font-size:13px;padding:9px 13px;min-height:42px;border:1px solid transparent}.bar nav a[aria-current=page]{border-color:var(--green);color:var(--green)}.overview,.detail{max-width:1640px;margin:auto;padding:0 clamp(18px,4vw,64px)}.intro{padding:70px 0 34px;max-width:780px}.intro>p:last-child{max-width:640px;margin-top:25px;font-size:17px;color:var(--muted)}.eyebrow{font-size:11px;letter-spacing:.13em;font-weight:600;margin-bottom:14px}.notice{padding:16px 20px;border:1px solid var(--line);color:var(--muted);font-size:13px;margin:0 0 36px;line-height:1.7}.concept-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.concept{border:1px solid var(--line);min-width:0}.cover{display:block;overflow:hidden}.cover img{width:100%;transition:transform .3s}.cover:hover img{transform:scale(1.025)}.card-copy{padding:25px}.card-copy .english{font-size:13px;margin:10px 0 20px;color:var(--muted)}.card-copy>p:not(.eyebrow):not(.english){font-size:14px;color:var(--muted);min-height:94px}.swatches{display:flex;gap:5px;margin:24px 0}.swatches i{width:27px;height:27px;border:1px solid #0002;border-radius:50%}.button{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 17px;min-height:48px;border:1px solid var(--ink);font-size:14px}.button:hover{background:var(--green);color:var(--paper)}.recommendation{padding:70px 0 85px;max-width:800px}.recommendation p:last-child{margin-top:22px;color:var(--muted);font-size:15px}.site-footer{padding:28px clamp(18px,4vw,64px);display:flex;gap:24px;justify-content:space-between;border-top:1px solid var(--line);font-size:11px;letter-spacing:.04em;color:var(--muted)}.site-footer a{text-decoration:underline}.detail-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;padding:64px 0 32px}.detail-intro h1{font-size:clamp(34px,4vw,56px);letter-spacing:-.035em}.detail-intro .lead{font-size:20px;margin:15px 0}.detail-intro p{max-width:700px}.detail-intro>div>p:last-child{color:var(--muted);font-size:15px}.spec{border-left:1px solid var(--line);padding-left:32px;font-size:13px;color:var(--muted)}.spec b{display:block;color:var(--ink);font-size:11px;letter-spacing:.03em;margin-bottom:5px}.section-nav{display:flex;gap:5px 20px;flex-wrap:wrap;padding-bottom:30px;font-size:13px}.section-nav a{padding:8px 0;text-decoration:underline;text-underline-offset:6px;min-height:40px}figure{margin:0 0 55px;scroll-margin-top:110px}figcaption{display:flex;justify-content:space-between;align-items:end;gap:20px;padding:18px 0}figcaption h2{font-size:24px;display:inline;margin-left:18px}figcaption p{font-size:13px;margin:8px 0 0;color:var(--muted)}figcaption>a{font-size:12px;text-decoration:underline;flex-shrink:0;padding:10px 0}.detail figure img{width:100%;background:#e5e0d5;border:1px solid var(--line)}.end-nav{max-width:340px;margin:50px 0 75px}
@media(max-width:1050px){.bar nav a span{display:none}.detail-intro{gap:35px}.card-copy{padding:19px}.concept-grid{gap:16px}}@media(max-width:760px){.bar{align-items:flex-start;flex-direction:column;gap:8px;padding-top:12px;padding-bottom:12px}.bar nav{gap:3px}.bar nav a{padding:6px 12px;min-height:38px}.intro{padding-top:38px}.concept-grid{grid-template-columns:1fr}.card-copy>p:not(.eyebrow):not(.english){min-height:0}.detail-intro{grid-template-columns:1fr;gap:20px;padding-top:36px}.spec{padding:0;border:0}.spec p{margin-bottom:12px}.site-footer{flex-direction:column;gap:10px}.notice{padding:14px;font-size:12px}.recommendation{padding-top:46px;padding-bottom:50px}figcaption{align-items:start;flex-direction:column;gap:5px}figcaption h2{font-size:21px;margin-left:10px}figure{margin-bottom:25px}.section-nav{gap:0 16px}.detail-intro h1{overflow-wrap:anywhere}.section-nav a{font-size:12px}.bar .brand span{font-size:11px}.end-nav{margin-bottom:45px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cover img{transition:none}}

@media(min-width:761px){.intro{padding:36px 0 18px;max-width:960px}.intro h1{font-size:42px}.intro>p:last-child{margin-top:18px;max-width:820px;font-size:15px}.overview .notice{margin-bottom:26px}}