/* Shared tokens keep the two buildless pages consistent without a framework. */
:root{--paper:#f5f1e8;--ink:#343b30;--olive:#525b3b;--clay:#a85d43;--clay-text:#9c5139;--line:#d7d3c6;--muted:#65665b;--serif:Georgia,'Times New Roman','Songti SC','Noto Serif CJK SC',serif;--sans:Arial,'PingFang SC','Microsoft YaHei',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.7 var(--sans)}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;width:100%;height:auto}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--clay);outline-offset:5px}.skip{position:absolute;left:1rem;top:-5rem;background:var(--paper);padding:12px;z-index:5}.skip:focus{top:1rem}.announcement{font-size:11px;letter-spacing:.12em;text-align:center;background:var(--olive);color:#fff;padding:8px 20px}.shell{max-width:1460px;margin:auto;padding:0 5.5vw}.header{height:112px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.wordmark{font:31px/1 var(--serif);letter-spacing:.02em;white-space:nowrap}.wordmark small{font:italic 18px var(--serif);letter-spacing:0;margin-left:6px}.nav{display:flex;align-items:center;gap:32px;font-size:12px}.nav a{padding:10px 0}.nav a:hover,.text-link:hover{text-decoration:underline;text-underline-offset:5px}.language{border:1px solid #9b9e8b;border-radius:50%;width:46px;height:46px;background:transparent;color:var(--ink);font-size:11px;cursor:pointer}.eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;line-height:1.5}.hero{display:grid;grid-template-columns:.86fr 1.14fr;min-height:660px;padding-top:36px;padding-bottom:46px;gap:5vw;align-items:center}.hero-copy{padding:22px 0 45px}.hero h1{font:normal clamp(46px,5vw,78px)/1.12 var(--serif);letter-spacing:-.04em;margin:30px 0 26px;max-width:630px}.hero h1 em{font-weight:normal;color:var(--clay)}.hero-description{font-size:14px;line-height:1.9;max-width:370px;color:var(--muted);margin-bottom:34px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;min-height:51px;border:1px solid var(--olive);background:var(--olive);color:#fff;padding:11px 23px;font-size:12px}.button:hover{background:#3e472d}.button.ghost{background:transparent;color:var(--ink)}.button.ghost:hover{background:#ebe7dc}.arrow{font-size:20px;line-height:1}.hero-art{position:relative}.art-caption{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.1em;padding-top:13px;gap:15px}.vertical-note{position:absolute;right:12px;top:23px;writing-mode:vertical-rl;font-size:9px;letter-spacing:.15em}.intro{padding:58px 0 76px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr;gap:5vw}.intro h2{font:normal clamp(27px,3vw,43px)/1.45 var(--serif);max-width:770px;margin:0;letter-spacing:-.02em}/* Small text needs a darker clay to meet 4.5:1; decorative clay stays unchanged. */
.intro .eyebrow{color:var(--clay-text);padding-top:12px}.section{padding:70px 0;border-top:1px solid var(--line)}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px;gap:25px}.section-heading h2{font:normal 38px/1.2 var(--serif);margin:10px 0 0}.text-link{font-size:12px;border-bottom:1px solid var(--ink);padding-bottom:4px}.concept-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:5vw;align-items:center}.product-visual{background:#e7e2d6;overflow:hidden}.product-visual img{transition:transform .5s}.product-visual:hover img{transform:scale(1.02)}.concept-copy{padding:20px 0;max-width:400px}.status{display:inline-block;font-size:10px;letter-spacing:.08em;border:1px solid #a5aa95;padding:4px 9px}.concept-copy h3{font:normal 40px/1.3 var(--serif);margin:24px 0 18px}.concept-copy p{font-size:14px;color:var(--muted)}.concept-copy .text-link{display:inline-block;margin-top:16px}.small-note{font-size:11px;color:var(--muted);line-height:1.8}.three-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:40px}.note{border-top:1px solid var(--line);padding-top:20px}.note-number{font:italic 27px var(--serif);color:var(--clay)}.note h3{font:normal 23px var(--serif);margin:18px 0 12px}.note p{font-size:13px;color:var(--muted);margin:0}.brand-panel{background:#e9eadf;padding:65px 6vw;margin:20px 0 75px;text-align:center}.brand-panel p{font:normal clamp(25px,3.3vw,44px)/1.5 var(--serif);max-width:820px;margin:20px auto}.brand-panel .small-note{font:12px/1.8 var(--sans);max-width:570px}.footer{border-top:1px solid var(--line);padding:35px 0 25px}.footer-top{display:flex;justify-content:space-between;align-items:start;gap:30px}.footer p{font-size:11px;color:var(--muted)}.footer-links{display:flex;gap:25px;font-size:11px}.footer-bottom{font-size:10px;display:flex;justify-content:space-between;gap:20px;margin-top:35px;color:var(--muted)}.breadcrumb{display:flex;gap:10px;font-size:11px;padding:26px 0;color:var(--muted)}.product-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:6vw;padding:10px 0 70px;align-items:start}.product-details{padding-top:20px}.product-details h1{font:normal clamp(38px,4.5vw,61px)/1.18 var(--serif);margin:23px 0}.product-intro{font-size:14px;color:var(--muted);max-width:440px}.palette{display:flex;gap:8px;align-items:center;margin:24px 0 10px}.swatch{width:23px;height:23px;border-radius:50%;background:#c9b697;border:1px solid #9a896c}.palette span:last-child{font-size:11px;padding-left:6px}.facts{margin:28px 0 20px;border-top:1px solid var(--line)}.fact{display:grid;grid-template-columns:95px 1fr;gap:18px;padding:14px 0;border-bottom:1px solid var(--line);font-size:12px}.fact dt{color:var(--muted)}.fact dd{margin:0}.concept-alert{background:#e9eadf;padding:16px 19px;font-size:12px;line-height:1.8;margin:22px 0}.detail-links{display:flex;gap:22px;flex-wrap:wrap;font-size:11px}.detail-links a{border-bottom:1px solid var(--line)}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:7vw;padding-bottom:65px}.details-grid h2{font:normal 30px var(--serif);margin:0 0 20px}.details-grid p{font-size:13px;color:var(--muted)}details{border-top:1px solid var(--line);padding:18px 0}details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-size:13px}details p{margin:14px 0 5px}.process-box{padding:35px;background:#e9e4d8}.process-box ol{padding-left:20px;font-size:13px;color:var(--muted)}.process-box li{margin:15px 0}.product-back{padding-top:20px;border-top:1px solid var(--line);margin-bottom:70px}.image-note{font-size:10px;color:var(--muted);margin:12px 0 0}
@media(min-width:1600px){.shell{padding-left:65px;padding-right:65px}}@media(max-width:900px){.shell{padding:0 6vw}.header{height:92px}.nav{gap:18px}.hero{min-height:0;gap:30px}.hero h1{font-size:46px}.hero-description{font-size:13px}.hero-copy{padding-bottom:20px}.hero-art img{min-height:480px;object-fit:cover}.intro{padding:42px 0}.concept-grid{gap:35px}.concept-copy h3{font-size:31px}.product-layout{gap:35px}.product-details h1{font-size:40px}.fact{grid-template-columns:75px 1fr}.details-grid{gap:35px}.three-notes{gap:25px}}@media(max-width:650px){.announcement{font-size:9px;letter-spacing:.05em}.header{height:84px;gap:15px}.wordmark{font-size:25px}.wordmark small{font-size:15px}.nav{gap:15px}.nav>a{font-size:11px}.nav .nav-story{display:none}.language{width:39px;height:39px}.hero{grid-template-columns:1fr;padding-top:18px;padding-bottom:32px;gap:0}.hero-copy{padding:24px 0 35px}.hero h1{font-size:clamp(44px,11vw,64px);margin:24px 0}.hero-description{max-width:440px;font-size:14px}.hero-art img{min-height:0}.art-caption{font-size:9px}.intro{grid-template-columns:1fr;gap:22px;padding:36px 0 44px}.intro .eyebrow{padding:0}.intro h2{font-size:28px}.section{padding:43px 0}.section-heading h2{font-size:29px}.section-heading>.small-note{display:none}.concept-grid{grid-template-columns:1fr;gap:8px}.concept-copy{padding:22px 0 0}.concept-copy h3{font-size:33px;margin-top:18px}.three-notes{grid-template-columns:1fr;gap:25px;margin-top:28px}.note{display:grid;grid-template-columns:35px 1fr;gap:0 16px}.note h3{margin:2px 0 10px}.note p{grid-column:2}.brand-panel{margin:15px 0 45px;padding:40px 23px}.brand-panel p{font-size:28px}.footer-top{flex-direction:column;gap:15px}.footer-bottom{margin-top:25px;font-size:9px}.product-layout{grid-template-columns:1fr;gap:10px;padding-bottom:38px}.product-details{padding-top:20px}.product-details h1{font-size:43px}.breadcrumb{font-size:10px;padding:22px 0}.details-grid{grid-template-columns:1fr;gap:38px;padding-bottom:40px}.process-box{padding:27px}.product-back{margin-bottom:40px}.fact{grid-template-columns:90px 1fr}.detail-links{gap:16px}.section-heading .text-link{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.product-visual img{transition:none}}

/* Five-second clarity: show the product itself, readable purpose text and its actual availability before scrolling. */
.hero{min-height:540px;padding-top:26px;padding-bottom:38px}
.hero-labels{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px}
.hero-labels .eyebrow{font-size:12px;letter-spacing:.08em}
.hero-labels .status{background:#e9eadf;border-color:#9b9e8b;font-size:11px;white-space:nowrap}
.hero h1{font-size:clamp(44px,4.5vw,70px);margin:24px 0}
.hero-description{font-size:15px;line-height:1.85;max-width:450px;margin-bottom:26px}
.hero-copy{padding:22px 0}
.hero-art img{min-height:0;object-fit:contain}
@media(max-width:900px){.hero h1{font-size:44px}.hero-description{font-size:14px}.hero{min-height:0}}
@media(max-width:650px){.hero{padding-top:12px;padding-bottom:28px}.hero-copy{padding:18px 0 28px}.hero h1{font-size:clamp(35px,9.5vw,52px);margin:22px 0}.hero-labels{gap:10px}.hero-labels .eyebrow{font-size:11px}.hero-labels .status{font-size:10px}.hero-description{font-size:14px;line-height:1.75;margin-bottom:22px}}