/* Shared visual system: warm paper, quiet type, restrained amber, open layouts.
   Load after styles.css. Home composition and product artwork live separately. */
:root{--paper:#f8f8f4;--band:#eeefe8;--footer:#23281f;--ink-900:#242820;--stone-800:#3c4237;--stone-600:#686e60;--rule:#dcded5;--rule-hover:#a5ac98;--amber:#c9953b;--amber-deep:#88631c;--header-h:84px}
body{color:#222620}
.site-header{background:rgba(248,248,244,.97);border-bottom:0}
.site-header .container{height:var(--header-h)}
.wordmark{font-size:12px;letter-spacing:.12em}
.nav a{font-family:var(--font-sans);text-transform:none;letter-spacing:0;font-size:14px}
.site-header .btn{font-family:var(--font-sans);text-transform:none;letter-spacing:0}
.nav-panel{background:var(--paper)}
.nav .nav-panel a.nav-panel-big{font-weight:400;letter-spacing:-.03em}
.nav .nav-panel a.nav-panel-small{font-weight:400}
.interior .display-1{font-size:clamp(48px,6.4vw,88px);font-weight:400;line-height:1.02;letter-spacing:-.06em;max-width:18ch}
.interior .display-2{font-size:clamp(34px,4vw,54px);font-weight:400;line-height:1.08;letter-spacing:-.045em}
.interior .display-3{font-weight:400;letter-spacing:-.035em}
.interior .tail{color:inherit}
.interior .h3{font-weight:400;font-size:24px;letter-spacing:-.03em;line-height:1.2}
.interior .eyebrow{font-size:10px;letter-spacing:.1em}
.interior .hero{padding-block:96px 100px}
.interior .hero>.eyebrow{margin-bottom:32px}
.interior .hero .lede{font-size:18px;line-height:1.6;color:var(--stone-600);max-width:52ch}
.interior .hero .descriptor{line-height:1.7}
.interior .section{padding-block:100px}
.interior .section--flush-top{padding-top:0}
.interior .section-head{max-width:46rem;gap:26px}
.interior .section-body{margin-top:48px}
.interior .btn{font-family:var(--font-sans);font-size:14px;text-transform:none;letter-spacing:0;font-weight:400}
.interior .btn--accent{background:var(--ink-900);border-color:var(--ink-900);color:var(--paper)}
.interior .btn--accent:hover{background:#414b36;color:var(--paper)}
.interior .mono-link{font-family:var(--font-sans);font-size:14px;text-transform:none;letter-spacing:0;overflow-wrap:anywhere}
.interior .badge{border:0;background:transparent;color:inherit;font-size:20px;flex-shrink:0}
.interior .ruled-head .badge{display:none}
.interior .ruled{gap:20px;padding-top:28px}
.interior .body{line-height:1.7;color:var(--stone-600)}
.interior .card{border-radius:0;background:var(--paper);border-color:var(--rule)}
.interior .card--access{padding:36px;gap:22px}
.interior .card--accent{border-top:2px solid var(--amber)}
.interior .card--band{background:var(--band)}
.interior .well{border-radius:0}
.interior .chip{font-size:10px;letter-spacing:.04em;background:transparent;border-color:var(--rule);color:var(--stone-600)}
.interior .chip--accent{background:#e3e8d9;color:var(--ink-900);border-color:#bbc5ac}
.interior .tags{gap:8px}
.interior .linkrow{padding-block:25px}
.interior .linkrow-title{font-weight:400;letter-spacing:-.025em}
.interior .linkrow--lg .linkrow-title{font-size:26px}
.interior .panel{border-radius:3px;border-color:var(--footer)}
.interior .panel-bar{gap:12px;flex-wrap:wrap}
.interior .pill{font-family:var(--font-sans);text-transform:none;letter-spacing:0;font-size:13px}
.interior .spec-val{max-width:65%;overflow-wrap:anywhere}
/* Product introductions pair the homepage artwork with the full product copy. */
.interior .detail-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,64px);align-items:center;padding-block:64px 88px}
.detail-copy{min-width:0}
.detail-copy>.eyebrow,.detail-copy>.tags{margin-bottom:32px}
.interior .detail-copy .display-1{font-size:clamp(46px,4.6vw,64px);max-width:16ch;margin:0;letter-spacing:-.055em}
.detail-copy .lede{margin-top:26px}
.interior .detail-art{height:520px}
.detail-art .data-slip{left:45%;padding:20px;max-width:53%}
.detail-art .data-slip strong{font-size:24px}
.detail-art .data-slip div{font-size:8px}
.detail-art .food-orbit{width:300px;height:300px}
.detail-art .food-orbit:before{inset:28px -36px}
.detail-art .orbit-label--two{right:-24px;top:135px}
/* Abstract app symbols, rather than previews of unannounced products. */
.apps-art{position:relative;height:480px;background:#e7e9de;overflow:hidden}
.art-caption{position:absolute;top:28px;left:28px;font:12px var(--font-sans);color:#656e58}
.art-caption--bottom{top:auto;bottom:28px}
.app-tile{position:absolute;width:150px;height:150px;border-radius:32px;display:grid;place-items:center;box-shadow:0 15px 35px #3139220c}
.tile-one{background:#c4ceaf;top:90px;left:15%;transform:rotate(-12deg)}
.tile-two{background:#f8f8ef;top:180px;right:12%;transform:rotate(10deg)}
.tile-three{background:#dac393;bottom:45px;left:18%;transform:rotate(-7deg)}
.tile-orbit{width:85px;height:85px;border:1px solid #566443;border-radius:50%;position:relative}
.tile-orbit:after{content:"";position:absolute;inset:17px -15px;border:1px solid #566443;border-radius:50%;transform:rotate(-35deg)}
.tile-bars{display:flex;align-items:end;gap:9px;height:70px}
.tile-bars i{display:block;width:15px;height:40px;background:#566443;border-radius:10px}.tile-bars i:nth-child(2){height:65px}.tile-bars i:nth-child(3){height:52px}
.tile-plus{font-size:92px;font-weight:400;line-height:1;color:#68562e}
/* Reading pages keep stable section anchors and generous reading widths. */
.interior .legal-head{padding-block:72px 64px}
.interior .legal-head .display-1{font-size:clamp(48px,6vw,80px);max-width:none;margin-top:36px}
.interior .legal-meta{font-family:var(--font-sans);font-size:13px;text-transform:none;letter-spacing:0;margin-top:28px}
.interior .legal-body{grid-template-columns:minmax(200px,1fr) minmax(0,2fr);gap:64px;padding-block:64px 100px}
.interior .toc{top:calc(var(--header-h) + 24px);max-height:calc(100vh - var(--header-h) - 48px);overflow:auto;padding-right:12px}
.interior .toc a{font-size:13px;padding-block:11px;border-bottom:0}
.interior .toc-head{font-size:10px}
.interior .legal-sections{max-width:70ch}
.interior .legal-section{padding-block:40px;grid-template-columns:32px minmax(0,1fr);scroll-margin-top:calc(var(--header-h) + 20px)}
.interior .legal-section h2{font-size:28px;font-weight:400;letter-spacing:-.035em}
.interior .legal-section p,.interior .legal-section li{line-height:1.75}
.interior .legal-section a{overflow-wrap:anywhere}
/* Calculator and popovers share the same paper and sage surfaces. */
.interior .calc-summary{border:1px solid #c3cbb6;border-radius:0;background:#e9eddf;padding:32px}
.interior .calc-total,.interior .price{font-family:var(--font-sans);font-weight:400;letter-spacing:-.045em}
.interior .opt-title{font-weight:400;font-size:18px;letter-spacing:-.02em}
.interior .calc-detail{border-radius:0;background:var(--band)}
.interior .info{background:var(--paper);border-radius:4px}
.interior .tl-node{background:var(--paper)}
.interior .tl-node--accent{background:#e3e8d9;border-color:#aeb99c}
.page-web .hero .display-1{max-width:22ch;font-size:clamp(48px,5.8vw,78px)}
.page-web .hero .descriptor{max-width:65ch}
@media(max-width:1000px){.interior .detail-art{height:480px}.detail-art .food-orbit{width:230px;height:230px}.detail-art .food-circle{width:185px;height:185px}.detail-art .food-circle span{font-size:32px}.detail-art .orbit-label{font-size:9px;padding:8px 12px}.detail-art .orbit-label--two{top:105px}.detail-art .data-slip{left:35%;max-width:63%;padding:15px}.detail-art .bottle{margin-left:-30px}}
@media(max-width:860px){.interior .detail-hero{grid-template-columns:1fr;gap:40px}.interior .detail-copy .display-1{max-width:19ch;font-size:64px}.interior .detail-art{height:420px}.interior .legal-body{grid-template-columns:1fr;gap:40px}.interior .toc{position:static;max-height:none;display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.interior .toc-head{grid-column:1/-1}.apps-art{height:420px}.detail-art .data-slip{left:50%;max-width:45%;padding:22px}.detail-art .food-orbit{width:280px;height:280px}.detail-art .food-circle{width:220px;height:220px}.detail-art .orbit-label--two{top:130px}}
@media(max-width:600px){:root{--header-h:72px}.site-header .container{gap:12px}.wordmark{font-size:10px}.site-header .btn{font-size:12px;padding:7px 14px}.interior .hero{padding-block:56px 64px}.interior .display-1{font-size:54px;letter-spacing:-.055em}.interior .display-2{font-size:38px}.interior .hero .lede{font-size:16px}.interior .section{padding-block:64px}.interior .section--flush-top{padding-top:0}.interior .detail-hero{padding-block:48px 64px}.interior .detail-copy .display-1{font-size:50px}.interior .detail-art{height:360px}.detail-art .data-slip{left:42%;max-width:56%;padding:15px}.detail-art .data-slip strong{font-size:21px}.detail-art .food-orbit{width:230px;height:230px}.detail-art .food-circle{width:175px;height:175px}.detail-art .food-circle span{font-size:30px}.detail-art .orbit-label--two{top:105px}.interior .card--access{padding:24px}.interior .legal-head{padding-block:48px}.interior .legal-body{padding-block:40px 64px}.interior .legal-section{grid-template-columns:24px minmax(0,1fr);gap:12px}.interior .legal-section h2{font-size:25px}.interior .toc{display:flex;gap:0}.interior .legal-meta{gap:12px 20px}.interior .calc-summary{padding:24px}.apps-art{height:370px}.app-tile{width:120px;height:120px;border-radius:26px}.tile-one{top:70px;left:12%}.tile-two{top:140px;right:10%}.tile-three{bottom:35px;left:16%}.art-caption{font-size:8px;left:20px;top:20px}.art-caption--bottom{top:auto;bottom:18px}.tile-orbit{width:65px;height:65px}.tile-plus{font-size:72px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Labels use the same natural typography as the rest of the site. */
.eyebrow,.interior .eyebrow,.home .eyebrow,.num,.toc-head,.nav-panel-head,.footer-head,.panel-label,.list-head,.opt-price,.wordmark{
  font-family:var(--font-sans);text-transform:none;letter-spacing:0;font-weight:400;
}
.eyebrow,.interior .eyebrow,.home .eyebrow{font-size:14px;line-height:1.5;color:var(--stone-600)}
.wordmark{font-size:16px;letter-spacing:-.02em}
.footer-head{font-size:14px;color:var(--on-ink-82)}
.nav-panel-head,.toc-head,.interior .toc-head,.list-head,.panel-label{font-size:13px}
.interior .chip{font-family:var(--font-sans);font-size:14px;font-weight:400;line-height:1.5;letter-spacing:0;text-transform:none;border:0;border-radius:0;padding:0;background:transparent;color:var(--stone-600)}
.interior .tags{gap:8px 18px;flex-wrap:wrap}
.interior .tags .chip+.chip{border-left:1px solid var(--rule);padding-left:18px}
.interior .legal-head .pills{gap:24px}
.interior .legal-head .chip{padding-bottom:6px}
.interior .legal-head .chip[aria-current]{color:var(--ink-900);border-bottom:1px solid currentColor}
.interior .legal-head a.chip:hover{color:var(--ink-900)}
.interior .toc a .num{font-family:var(--font-sans);letter-spacing:0}
@media(max-width:600px){.wordmark{font-size:14px}.home .eyebrow,.interior .eyebrow{font-size:13px}}