:root{color-scheme:dark;--gold:#dfb57b;--text:#f2e7d8;--muted:#c0afa0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0e0c0b;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,sans-serif}a{color:inherit}.grain{position:fixed;inset:0;pointer-events:none;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.14'/%3E%3C/svg%3E");z-index:2}.sitehead{height:82px;max-width:1200px;padding:0 28px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #463729}.mark{display:flex;align-items:center;gap:11px;text-decoration:none;letter-spacing:.15em;font-size:15px;font-weight:800}.mark img{border-radius:50%}.mark small{display:block;font-size:9px;font-weight:500;letter-spacing:.12em;color:var(--gold);margin-top:3px}.headback{font-size:12px;text-decoration:none;color:#dbc29e;border:1px solid #6c5338;border-radius:30px;padding:11px 17px}.headback span{margin-left:17px}.cover{min-height:640px;max-width:1200px;margin:auto;padding:95px 28px 60px;display:grid;grid-template-columns:1.25fr .75fr;gap:35px;align-items:center}.overline,.byline,.section-no,.intro-no,.taste-index,.outro-small{font-size:10px;font-weight:750;letter-spacing:.19em;color:var(--gold)}h1,h2,h3,.quote{font-family:Georgia,'Times New Roman',serif;font-weight:400}h1{font-size:clamp(50px,6.1vw,88px);letter-spacing:-.05em;line-height:1.055;margin:23px 0 25px}h1 i,h2 em,.outro h2 i{color:#d1a16d;font-weight:400}.deck{font-size:17px;line-height:1.75;color:#c9b8a4;max-width:610px}.byline{display:flex;gap:24px;color:#99836d;margin-top:35px}.cover-visual{min-height:350px;position:relative;display:grid;place-items:center}.sun{width:300px;height:300px;border-radius:50%;background:radial-gradient(circle at 35% 28%,#e8bf89,#8a5430 63%,#362215);box-shadow:0 25px 100px #000b,inset -20px -20px 40px #241309}.ring{position:absolute;width:400px;height:230px;border:1px solid #aa784478;border-radius:50%;transform:rotate(-28deg)}.glyph{position:absolute;font:150px Georgia,serif;color:#3f2516;text-shadow:1px 1px #ffdfae80;transform:rotate(-9deg)}.cover-visual span{position:absolute;bottom:0;letter-spacing:.25em;font-size:9px;color:#bda17b}.intro,article{max-width:800px;margin:auto;padding:0 26px}.intro{border-top:1px solid #564432;border-bottom:1px solid #564432;padding-top:37px;padding-bottom:42px;display:grid;grid-template-columns:140px 1fr;gap:25px}.intro p{font:24px/1.55 Georgia,serif;margin:0}article section{padding:92px 0;border-bottom:1px solid #54412d}article h2{font-size:clamp(39px,5vw,63px);line-height:1.13;letter-spacing:-.04em;margin:20px 0 28px}article p{font-size:17px;line-height:1.9;color:#cdbfae}article a{color:#e2bd87}.tastes{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:44px}.taste{min-height:345px;padding:27px;border-radius:16px;border:1px solid #6a5038;display:flex;flex-direction:column;background:linear-gradient(150deg,#302820,#1d1916)}.taste.floral{background:linear-gradient(145deg,#494031,#211d18)}.taste.fruit{background:linear-gradient(145deg,#493223,#221913)}.taste.dark{background:linear-gradient(145deg,#362720,#191514)}.taste.calm{background:linear-gradient(145deg,#30352c,#1a1c19)}.taste-symbol{font:54px Georgia,serif;color:#d3ae80;margin-bottom:27px}.taste-index{font-size:9px}.taste h3{font-size:29px;margin:12px 0 0}.taste p{font-size:13px;line-height:1.7;flex:1}.taste a{font-size:12px;text-decoration:none;color:#e5bb80;border-bottom:1px solid #9b7854;width:max-content;padding-bottom:8px}.quote{font-size:clamp(24px,4vw,36px);line-height:1.4;padding:28px 32px;background:#30251b;border-left:3px solid #c69a66;margin:36px 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:19px;margin-top:35px}.steps div{border-top:1px solid #806244;padding-top:20px}.steps b{display:block;color:#ba9569;font:29px Georgia,serif;margin-bottom:22px}.steps span{font-weight:700;font-size:14px}.steps p{font-size:13px;line-height:1.7}.final{border-bottom:0}.outro{margin:30px auto 0;padding:80px 24px 95px;text-align:center;background:radial-gradient(ellipse at 50% 0%,#53402d,#231a15 67%,#16120f);border-top:1px solid #7e5b38}.outro h2{font:normal clamp(42px,6vw,80px)/1.1 Georgia,serif;letter-spacing:-.04em;margin:20px 0}.outro p{max-width:440px;margin:0 auto 30px;line-height:1.8;color:#ccb9a1}.outro>a{display:inline-flex;gap:50px;padding:16px 23px;border-radius:40px;background:#e0b57d;color:#211910;font-weight:750;text-decoration:none;font-size:13px}footer{max-width:1150px;padding:24px 25px 110px;margin:auto;display:flex;justify-content:space-between;color:#87705c;font-size:10px;letter-spacing:.13em}.dock{position:fixed;z-index:5;left:50%;bottom:12px;transform:translateX(-50%);width:min(460px,calc(100% - 28px));display:grid;grid-template-columns:repeat(3,1fr);gap:6px;background:#29221d;border:1px solid #6e533c;border-radius:26px;padding:7px;box-shadow:0 8px 30px #0009}.dock a{display:flex;flex-direction:column;gap:3px;align-items:center;justify-content:center;text-decoration:none;border-radius:19px;padding:8px;color:#cab6a0;font-size:21px}.dock a.selected{background:linear-gradient(140deg,#55412b,#3c2d20);color:#ecc58f;border:1px solid #ab8354}.dock small{font-size:11px;font-weight:650}@media(max-width:700px){.sitehead{height:68px;padding:0 17px}.cover{grid-template-columns:1fr;gap:0;padding:57px 19px 25px;min-height:0}h1{font-size:clamp(47px,12vw,68px)}.deck{font-size:15px}.cover-visual{min-height:245px}.sun{width:203px;height:203px}.ring{width:260px;height:160px}.glyph{font-size:94px}.intro{display:block;padding:30px 20px}.intro p{font-size:22px;margin-top:17px}article{padding:0 20px}article section{padding:65px 0}article h2{font-size:43px}.tastes{grid-template-columns:1fr}.taste{min-height:280px}.steps{grid-template-columns:1fr}.steps div{padding:15px 0}.steps b{margin-bottom:8px}.quote{padding:23px}.outro{padding:65px 20px 85px}footer{padding-bottom:115px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Keep article navigation icons identical to the storefront SVG dock. */
.dock svg{display:block;width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.dock a{gap:5px;min-height:61px;padding:7px}