:root{--bg:#f5f1eb;--paper:#fffdfa;--ink:#25231e;--gold:#a78349;--muted:#70695f;--line:#dfd9cf}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--bg);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:inherit}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.wrap{width:min(1220px,calc(100% - 40px));margin:auto}
.notice{background:#24231f;color:#f4efe6;font-size:12px;letter-spacing:.03em}.notice .wrap{padding:11px 0;display:flex;justify-content:space-between;gap:14px}.notice a{color:inherit}
.head{position:sticky;top:0;z-index:20;background:rgba(250,248,243,.96);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.head .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:82px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none}.brand img{width:36px;height:36px;object-fit:contain}.brand strong{font:bold 21px Georgia,serif;letter-spacing:.08em}
.links{display:flex;gap:23px;align-items:center;font-size:14px}.links a{text-decoration:none}.links a:hover{text-decoration:underline}.mini-btn{display:inline-flex;padding:10px 17px;border-radius:10px;background:#25231f;color:white;text-decoration:none;font-size:13px}
.crumb{font-size:13px;color:#746c5e;margin:30px 0 20px}.crumb a{color:#59432b}
.detail{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(28px,5vw,78px);align-items:start}.gallery,.info{min-width:0}
.hero-image{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:1/1.08;border-radius:24px;overflow:hidden;background:#ece8df;border:1px solid #e0dbd1}
.hero-image img{display:block;width:100%;height:100%;object-fit:contain;transition:opacity .2s ease}.hero-image img.swap{opacity:.2}
.hero-image .pill{position:absolute;left:18px;top:18px;background:rgba(255,255,255,.92);border:1px solid #e6e1d7;border-radius:30px;padding:7px 12px;font-size:11px;letter-spacing:.05em;z-index:1;text-transform:uppercase}
.thumbs{display:flex;gap:10px;overflow-x:auto;padding:14px 0 8px}.thumb{width:84px;height:84px;flex:none;padding:5px;border:1px solid #ddd6cb;border-radius:11px;background:white;cursor:pointer}.thumb.active{border:2px solid #997743}.thumb img{width:100%;height:100%;object-fit:contain;display:block;border-radius:6px}
.kicker{color:#927447;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.14em;margin:8px 0 13px}
.info h1{font:400 clamp(32px,3.5vw,50px)/1.12 Georgia,"Times New Roman",serif;letter-spacing:-.025em;margin:0 0 18px}
.info .intro{font-size:16px;line-height:1.8;color:#675e52;margin-bottom:22px}
.label{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.variants{display:flex;flex-wrap:wrap;gap:9px;margin:11px 0 12px}.finish-btn{display:flex;gap:8px;align-items:center;padding:10px 12px;border:1px solid #ddd5c9;background:#fff;border-radius:11px;color:#403b34;cursor:pointer;font:500 13px/1.2 inherit}.finish-btn[aria-pressed="true"]{border:2px solid #8b6f45;background:#f9f5ec;padding:9px 11px}
.finish-swatch{width:17px;height:17px;border-radius:50%;border:1px solid #bbb9b3;flex:none}.small{font-size:13px;color:#82786a;line-height:1.5}
.quote-box{padding:25px 25px 22px;margin:25px 0;background:#fffdfa;border-radius:20px;border:1px solid #ded8ce;box-shadow:0 14px 40px #30281809}
.quote-box h2{font:400 27px Georgia,serif;margin:0 0 8px}.quote-box p{font-size:14px;line-height:1.7;color:#6a6257;margin:0 0 17px}
.cta{display:flex;align-items:center;justify-content:center;min-height:52px;padding:13px 18px;border-radius:11px;background:#22211e;color:#fff;text-decoration:none;font-size:15px;font-weight:700;text-align:center}.cta:hover{background:#4c4234}
.secondary{display:inline-block;margin-top:14px;text-decoration:underline;text-underline-offset:3px;font-size:13px}
.facts{border-top:1px solid var(--line);margin:26px 0 0;padding:24px 0}.facts h2{font:400 22px Georgia,serif;margin:0 0 13px}.facts ul{padding:0;list-style:none;display:grid;gap:10px;font-size:14px;line-height:1.5;color:#5a554d}.facts li{padding-left:21px;position:relative}.facts li:before{content:"✓";position:absolute;left:0;color:#997743}
.next-section{margin:58px 0 70px;padding:25px 30px;background:#e9e3da;border-radius:20px}.next-section h2{font:400 26px Georgia,serif;margin:0 0 10px}.next-section p{font-size:14px;line-height:1.75}
.foot{background:#201f1b;color:#ddd9d0;padding:34px 0;margin-top:30px;font-size:13px}.foot .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px}.foot p{max-width:550px;line-height:1.7;margin:9px 0}.foot nav{display:flex;flex-wrap:wrap;gap:15px}.foot a{color:#f0ece4}
@media(max-width:820px){.detail{grid-template-columns:1fr}.links{gap:12px}.mini-btn{display:none}.hero-image{max-height:550px}.info h1{font-size:38px}.notice .wrap{flex-direction:column;gap:3px}.head .wrap{min-height:66px}}
@media(max-width:580px){.wrap{width:calc(100% - 28px)}.links a:nth-child(3){display:none}.links{font-size:12px}.brand img{width:29px;height:29px}.brand strong{font-size:16px}.head .wrap{gap:12px}.info h1{font-size:32px}.hero-image{border-radius:15px}.thumb{width:71px;height:71px}.quote-box{padding:18px}.next-section{padding:18px}.crumb{margin:20px 0 14px}}

.confirmed-facts{display:grid;grid-template-columns:minmax(90px,1fr) 2fr;gap:8px 16px;padding:18px 0;border-block:1px solid #52614a;font-size:13px}.confirmed-facts dt{color:#b9c2b9}.confirmed-facts dd{margin:0;overflow-wrap:anywhere}