*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#f2f0ea;color:#18191c;font:300 16px/1.62 Manrope,Arial,sans-serif}a{color:inherit;text-underline-offset:5px}button{font:inherit}header{height:88px;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #18191c20}.logo{width:108px;display:block}header nav{display:flex;gap:30px;font-size:14px}header nav a{text-decoration:none}header [aria-current]{text-decoration:underline;text-decoration-color:#b5c4d1;text-decoration-thickness:2px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:400}h1{font-size:clamp(66px,8vw,120px);line-height:.98;letter-spacing:-.07em;margin-bottom:30px}h2{font-size:clamp(38px,5vw,72px);line-height:1.08;letter-spacing:-.055em;margin-bottom:24px}h3{font-size:30px;line-height:1.2;letter-spacing:-.03em}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:600;margin-bottom:24px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:650px}.hero-copy{padding:70px 7vw 70px 5.5vw}.hero-copy>p:not(.eyebrow){max-width:450px}.lead{font-size:24px;line-height:1.5;letter-spacing:-.02em}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 24px;background:#18191c;color:#fff;text-decoration:none;font-size:14px;border-radius:3px;margin-top:12px}.button:hover{background:#1b1c21}.hero-art{position:relative;display:flex;align-items:center;justify-content:center;background:#16171b;overflow:hidden;min-height:500px}.hero-art img{position:relative;object-fit:contain;width:35%;height:400px;filter:drop-shadow(10px 28px 18px #30242b30)}.peach-pouch{transform:rotate(-12deg) translateY(-20px);z-index:1}.grape-pouch{transform:rotate(10deg) translateY(32px)}.orbit{position:absolute;width:75%;aspect-ratio:1;border:1px solid #fff9;border-radius:50%}.art-caption{position:absolute;bottom:28px;left:0;width:100%;text-align:center;font-size:12px;text-transform:uppercase;letter-spacing:.14em}.section-nav{position:sticky;top:0;z-index:5;display:flex;justify-content:center;gap:40px;padding:19px 20px;background:#f2f0eaf5;backdrop-filter:blur(10px);border-block:1px solid #18191c25;font-size:14px}.section-nav a{text-decoration:none;white-space:nowrap}.section{padding:100px 5.5vw}.section-heading{max-width:690px;margin-bottom:48px}.section-heading>p:last-child{max-width:590px;color:#4e5853}.timing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid #18191c40}.timing-grid article{padding:32px 28px}.timing-grid article:first-child{padding-left:0}.timing-grid article+article{border-left:1px solid #18191c30}.step{display:block;color:#b5c4d1;margin-bottom:44px;font-size:14px}.during{background:#1b1c21}.timing-grid article p{max-width:360px}.timing-grid summary{font-size:14px}.source-note{font-size:13px;color:#556058;max-width:850px;margin:22px 0 0}details{border-bottom:1px solid #18191c25}summary{cursor:pointer;padding:20px 32px 20px 0;position:relative;list-style:none;font-weight:500}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:4px;font-size:22px;top:14px}details[open]>summary:after{content:'−'}details p,details dl{font-size:15px}details>a{display:inline-block;margin-bottom:20px;font-size:14px}.duration{margin:0}.duration div{padding:12px 0;border-top:1px solid #18191c20}.duration dt{font-weight:600}.duration dd{margin:6px 0 0}.inside{background:#16171b;color:#f2f0ea}.inside .section-heading>p:last-child{color:#b5c4d1}.flavour-controls{display:flex;gap:10px;margin-bottom:36px;flex-wrap:wrap}.flavour-controls button{border:1px solid #8e9a92;border-radius:30px;padding:10px 23px;background:transparent;color:inherit;cursor:pointer}.flavour-controls [aria-pressed=true]{background:#f2f0ea;border-color:#f2f0ea;color:#18191c}.product-detail{display:grid;grid-template-columns:1fr 1.4fr;gap:7vw}.product-image{display:grid;place-items:center;background:#16171b;min-height:480px;border-radius:3px}.product-image img{width:55%;height:380px;object-fit:contain;filter:drop-shadow(15px 25px 18px #0005)}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-bottom:30px}.metric strong{display:block;font-size:42px;font-weight:400;letter-spacing:-.05em;line-height:1.2}.metric span{font-size:14px;color:#b5c4d1}.inside details{border-color:#ffffff30}.inside summary{padding-block:22px}.inside details p,.inside .source-note{color:#c1cac4}.inside table{width:100%;border-collapse:collapse;font-size:14px;margin-bottom:24px}.inside th,.inside td{text-align:left;border-bottom:1px solid #ffffff25;padding:10px 4px}.inside th{font-weight:500}.inside h4{font-size:15px;margin-bottom:10px}.testing{display:grid;grid-template-columns:1fr 1fr;gap:9vw;background:#151b25}.testing p{max-width:540px}.testing-detail{padding-top:32px}.text-link{font-size:14px}.practical{display:grid;grid-template-columns:1fr 1fr;gap:9vw}.story{background:#f5f2ec;display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center}.story-art{position:relative;color:#525f55}.story-art svg{position:relative;width:100%;display:block}.sun{position:absolute;right:15%;top:10%;width:110px;height:110px;border-radius:50%;background:#da90b5}.closing{background:#0b0c0f;text-align:center;padding:85px 24px}.closing h2{margin-bottom:20px}footer{display:flex;gap:30px;align-items:center;justify-content:space-between;padding:40px 5.5%;background:#16171b;color:#d7ded8;font-size:13px}.skip{position:absolute;top:-100px;left:10px;padding:12px;background:white;z-index:20}.skip:focus{top:10px}:focus-visible{outline:3px solid #b5c4d1;outline-offset:5px}@media(max-width:760px){header{height:75px;padding-inline:6%}header nav{gap:18px;font-size:13px}.hero{grid-template-columns:1fr}.hero-copy{padding:48px 6%}.hero-art{min-height:370px}.hero-art img{height:290px;width:30%}.hero .lead{font-size:21px}.section-nav{justify-content:flex-start;overflow-x:auto;gap:25px;padding:17px 6%;font-size:13px}.section{padding:65px 6%}.timing-grid{grid-template-columns:1fr}.timing-grid article,.timing-grid article:first-child{padding:25px 20px}.timing-grid article+article{border-left:0;border-top:1px solid #18191c30}.step{margin-bottom:16px}.product-detail,.testing,.practical,.story{grid-template-columns:1fr;gap:35px}.product-image{min-height:330px}.product-image img{height:290px;width:45%}.metric strong{font-size:36px}.testing-detail{padding-top:0}.section-heading{margin-bottom:30px}.story-art{max-width:400px}.flavour-controls{gap:7px}.flavour-controls button{font-size:14px;padding:10px 17px}footer span{display:none}footer{padding:30px 6%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Shared visual language from index.html: paper, blue charcoal, fine rules,
   Manrope 300/400, the same glass navigation and open, full-width sections. */
:root{--ink:#18191c;--paper:#f2f0ea;--surface-navy:#18191c;--surface-deep:#0b0c0f;--surface-raised:#18191c;--accent-blue:#b5c4d1;--layout-max:1440px;--wide-gutter:max(24px,calc((100vw - var(--layout-max))/2))}
header.nav{position:absolute;z-index:10;top:18px;left:50%;width:min(1600px,calc(100vw - 64px));transform:translateX(-50%);height:auto;padding:18px 26px;border:1px solid transparent;border-radius:10px;color:var(--paper);background:transparent;transition:background .3s,border-color .3s}
header.nav.is-sticky{position:fixed;background:rgba(14,16,20,.76);border-color:rgba(238,242,243,.12);backdrop-filter:blur(16px) saturate(120%)}
header .logo{width:104px}header nav{gap:26px;font-weight:500;font-size:14px}header nav a{opacity:.8;position:relative}header nav a:hover,header [aria-current]{opacity:1}header [aria-current]{text-decoration:none}header [aria-current]:after{content:'';height:1px;background:currentColor;position:absolute;left:0;right:0;bottom:-7px}
.hero{position:relative;isolation:isolate;min-height:90svh;background:#101114;color:var(--paper);align-items:center;padding-top:100px;overflow:hidden}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.42;filter:grayscale(.72) contrast(1.04);z-index:-2}
.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(3,4,5,.1),rgba(8,9,10,.28) 60%,var(--surface-navy)),linear-gradient(90deg,rgba(8,9,9,.9),rgba(8,9,9,.5) 56%,rgba(8,9,9,.3))}
.hero-copy{padding-top:70px;padding-bottom:80px}.hero h1{font-size:clamp(3.45rem,7vw,7.25rem);font-weight:400;line-height:.92;letter-spacing:-.055em}.hero-copy>p{color:rgba(242,240,234,.84)}.hero-copy .lead{font-size:20px;line-height:1.6;font-weight:300}.eyebrow{font-weight:400;font-size:14px;letter-spacing:.06em}.hero .eyebrow{color:var(--accent-blue)}
.hero-art{background:transparent;overflow:visible;min-height:460px}.hero-art img{height:360px;width:34%;filter:drop-shadow(0 20px 13px rgba(0,0,0,.28))}.peach-pouch{transform:rotate(-7deg) translateY(-12px)}.grape-pouch{transform:rotate(7deg) translateY(18px)}.art-caption{color:rgba(242,240,234,.62)}
.button{min-height:52px;background:var(--paper);border:1px solid var(--paper);color:var(--ink);border-radius:0;font-weight:500;transition:background .22s,color .22s}.button:hover,.button:focus-visible{background:transparent;color:var(--paper)}
.section-nav{position:relative;top:auto;background:var(--surface-navy);color:var(--paper);border-color:rgba(242,240,234,.18);padding:22px 5.5vw;justify-content:flex-start;gap:36px;backdrop-filter:none;font-weight:400}.section-nav a{opacity:.72}.section-nav a:hover{opacity:1}
.section{padding-block:100px}h2{font-weight:400;line-height:.94;letter-spacing:-.05em}h3{font-weight:400}.section-heading{margin-bottom:52px}
#when{background:var(--surface-deep);color:var(--paper)}#when .section-heading>p:last-child,#when .source-note{color:rgba(242,240,234,.7)}#when .eyebrow,#when .step{color:var(--accent-blue)}.timing-grid{border-color:rgba(181,196,209,.25)}.timing-grid article+article{border-color:rgba(181,196,209,.2)}.timing-grid article{background:none}.timing-grid .during{background:rgba(181,196,209,.035)}#when details,#when .duration div{border-color:rgba(181,196,209,.22)}.timing-grid article>p{color:rgba(242,240,234,.8)}
.inside{background:var(--surface-navy)}.inside .eyebrow{color:var(--accent-blue)}.flavour-controls{gap:28px;border-bottom:1px solid rgba(181,196,209,.25)}.flavour-controls button{border:0;border-bottom:1px solid transparent;border-radius:0;padding:14px 0;background:none;font-weight:400;opacity:.65}.flavour-controls [aria-pressed=true]{background:none;border-color:var(--paper);color:var(--paper);opacity:1}.product-image{background:none;border-radius:0}.metrics{border-bottom:1px solid rgba(181,196,209,.25)}.metric strong{font-weight:300}.metric span{color:rgba(242,240,234,.65)}.inside details p,.inside .source-note{color:rgba(242,240,234,.74)}
.testing{background:var(--surface-navy);color:var(--paper)}.testing .eyebrow{color:var(--accent-blue)}.testing .lead{color:#c4ccd3;font-weight:300}.testing-detail details{border-color:rgba(181,196,209,.25)}.testing p{color:rgba(242,240,234,.8)}.testing h2{color:#c4ccd3}.practical{background:var(--paper)}.practical .faq{border-top:1px solid rgba(24,25,28,.25)}summary{font-weight:500;font-size:15px}.story{background:#f5f2ec}.story-art{display:grid;place-items:center}.heritage-art{width:min(100%,500px);height:auto}.heritage-landscape{fill:none;stroke:#272923;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.heritage-moon{fill:#FF857D;stroke:#171717;stroke-width:2.5}
.closing{text-align:left;padding:85px 5.5vw;background:var(--surface-deep);color:var(--paper)}.closing .eyebrow{color:var(--accent-blue)}.closing p{color:rgba(242,240,234,.74)}footer{position:relative;display:flex;flex-wrap:wrap;background:var(--surface-deep);color:var(--paper);overflow:hidden;border-top:1px solid rgba(242,240,234,.18);padding-bottom:0}.footer-wordmark{flex:0 0 100%;margin:40px 0 -1vw;transform:scaleX(1.06)}.footer-wordmark img{display:block;width:100%;height:auto}
@media(min-width:1441px){header.nav{width:min(var(--layout-max),calc(100vw - 48px))}.hero{padding-left:var(--wide-gutter);padding-right:var(--wide-gutter)}.hero-copy{padding-left:0}.section,.section-nav,.closing,footer{padding-left:var(--wide-gutter);padding-right:var(--wide-gutter)}}
@media(max-width:760px){header.nav{width:calc(100vw - 48px);padding:5px 16px}header .logo{width:78px}header nav{gap:12px;font-size:14px}header nav a{display:inline-flex;min-height:44px;align-items:center}header [aria-current]:after{bottom:4px}.hero{padding-top:102px;min-height:0}.hero-copy{padding:35px 24px 0}.hero h1{font-size:clamp(2.8rem,12vw,4rem)}.hero-copy .lead{font-size:18px}.hero-art{min-height:330px;margin-top:20px}.hero-art img{height:235px;width:30%}.art-caption{bottom:20px}.section-nav{padding:20px 24px;gap:25px}.section{padding:72px 24px}.timing-grid article,.timing-grid article:first-child{padding:24px 0}.timing-grid .during{padding-inline:16px}.timing-grid article+article{border-top-color:rgba(181,196,209,.25)}.product-image{min-height:300px}.flavour-controls{gap:24px}.flavour-controls button{padding:12px 0}.closing{padding:65px 24px}footer{padding:28px 24px 0}.hero-video{object-position:58% center}.story-art{max-width:100%}.heritage-art{max-width:250px}.footer-wordmark{margin-top:20px}h2{font-size:clamp(2.25rem,8vw,3.1rem)}}

/* Story-led About: a compact editorial opening, with no campaign hero. */
header.nav{position:relative;top:auto;left:auto;transform:none;width:100%;padding:26px 5.5vw;background:var(--surface-navy);border-radius:0}
header.nav.is-sticky{position:relative;background:var(--surface-navy);border-color:transparent;backdrop-filter:none}
.story-opening{display:grid;grid-template-columns:1.5fr .65fr;align-items:center;gap:7vw;padding:64px 5.5vw 60px;background:#f5f2ec;color:var(--ink)}
.story-opening h1{font-size:clamp(2.8rem,5.2vw,5rem);line-height:1.02;letter-spacing:-.055em;margin-bottom:24px}.story-opening .lead{max-width:650px;font-size:20px;font-weight:300;margin-bottom:0}.story-opening .heritage-art{width:100%;max-width:300px}.story-opening .eyebrow{font-size:13px}
.origins{display:grid;grid-template-columns:1fr 1.2fr;gap:9vw;background:var(--paper)}.origins .lead{font-size:22px}.origins p{max-width:660px}.difference{background:var(--surface-navy);color:var(--paper)}.difference .section-heading>p:last-child{color:rgba(242,240,234,.74)}.difference .eyebrow,.difference .step{color:var(--accent-blue)}.difference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(181,196,209,.25)}.difference-grid article{padding:30px 28px 0 0}.difference-grid article+article{padding-left:28px;border-left:1px solid rgba(181,196,209,.25)}.difference-grid h3{font-size:27px;max-width:340px}.difference-grid p{color:rgba(242,240,234,.76)}.difference-grid a{font-size:14px}.difference-grid details{border-color:rgba(181,196,209,.25)}
@media(min-width:1441px){header.nav,.story-opening{padding-left:var(--wide-gutter);padding-right:var(--wide-gutter)}}
@media(max-width:760px){header.nav{padding:16px 24px;width:100%}.story-opening{grid-template-columns:1fr;padding:40px 24px;gap:22px}.story-opening h1{font-size:clamp(2.5rem,10vw,3.8rem)}.story-opening .story-art{display:none}.story-opening .lead{font-size:18px}.origins{grid-template-columns:1fr;gap:12px}.origins .lead{font-size:20px}.difference-grid{grid-template-columns:1fr}.difference-grid article,.difference-grid article+article{padding:26px 0;border-left:0;border-bottom:1px solid rgba(181,196,209,.25)}.difference-grid .step{margin-bottom:18px}}

/* Historical milestones: one continuous chronological rail, with optional detail. */
.origins.history{display:block}.history-intro{display:grid;grid-template-columns:1fr 1.2fr;gap:9vw;margin-bottom:64px}.history-intro>div:last-child>p:last-child{font-size:14px;color:#55585c}.history-timeline{list-style:none;margin:0;padding:0}.history-timeline>li{position:relative;display:grid;grid-template-columns:220px minmax(0,1fr);gap:70px;padding:0 0 54px}.history-timeline>li:before{content:'';position:absolute;left:250px;top:15px;bottom:-15px;width:1px;background:#18191c35}.history-timeline>li:last-child:before{bottom:54px}.history-timeline>li:after{content:'';position:absolute;left:245px;top:12px;width:11px;height:11px;border:1px solid #18191c;background:var(--paper);border-radius:50%}.history-timeline>.history-brand:after{background:#EB89BC;border-color:#18191c}.history-date{padding-top:0}.history-era{display:block;text-transform:uppercase;letter-spacing:.07em;font-size:12px;margin-bottom:12px;color:#5b5e63}.history-date>time{font-size:clamp(44px,5vw,72px);line-height:1;font-weight:300;letter-spacing:-.055em}.history-event{border-bottom:1px solid #18191c28;padding-bottom:26px}.history-place{font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:#5b5e63;margin:0 0 16px}.history-event h3{font-size:clamp(24px,2.4vw,34px);margin-bottom:16px}.history-event>p{max-width:650px}.history-event details{border:0;max-width:660px}.history-event summary{padding-bottom:6px}.history-event details[open] summary{padding-bottom:20px}.history-event details p{color:#505359}.history-event details a{font-size:14px}.history-source{max-width:880px;color:#55585c;margin-top:0}.history-brand .history-date>time{color:#8b3b64}
@media(max-width:760px){.history-intro{grid-template-columns:1fr;gap:12px;margin-bottom:40px}.history-timeline>li{grid-template-columns:1fr;gap:20px;padding:0 0 42px 30px}.history-timeline>li:before{left:5px;top:10px;bottom:-10px}.history-timeline>li:after{left:0;top:8px}.history-timeline>li:last-child:before{bottom:42px}.history-date>time{font-size:48px}.history-era{margin-bottom:8px}.history-event h3{font-size:27px}.history-event{padding-bottom:22px}.history-place{font-size:12px}.history-source{font-size:13px}}

/* Compact history: six illustrated milestones, full narrative on demand. */
.history-intro{margin-bottom:34px}.history-intro h2{font-size:clamp(36px,4vw,56px)}.history-intro .lead{font-size:18px;max-width:460px}.history-cards{list-style:none;margin:0 0 28px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px}.history-cards>li{min-width:0;border-bottom:1px solid #18191c25;padding-bottom:18px}.history-visual{position:relative;margin:0 0 15px;background:#e4e5e1;color:#59636a}.history-visual>img,.history-visual>svg{display:block;width:100%;height:160px;object-fit:cover}.history-visual>img{filter:saturate(.68)}.history-visual figcaption{padding:7px 0;background:var(--paper);font-size:12px;line-height:1.4;color:#606268}.photo-credit{position:absolute;right:6px;top:137px;background:#0009;color:white;padding:2px 5px;font-size:10px;line-height:1.5}.history-card-copy{display:grid;grid-template-columns:78px 1fr;gap:4px 15px}.history-card-copy>time{grid-row:1/3;font-size:36px;line-height:1.1;font-weight:300;letter-spacing:-.05em}.history-card-copy h3{font-size:17px;line-height:1.4;margin:0;font-weight:400;letter-spacing:-.02em}.history-card-copy p{font-size:13px;margin:0;color:#62646a}.history-full{border-top:1px solid #18191c30;border-bottom:1px solid #18191c30;margin-bottom:20px}.history-full>summary{font-size:14px}.history-full>.history-timeline{margin-top:35px}.image-sources{font-size:14px;padding-bottom:22px}.image-sources h3{font-size:20px}.image-sources ul{padding-left:20px}.history-source{font-size:12px}.history.section{padding-block:70px}
@media(max-width:1000px){.history-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.history-card-copy{grid-template-columns:1fr}.history-card-copy>time{grid-row:auto;font-size:32px;margin-bottom:6px}}
@media(max-width:520px){.history-cards{grid-template-columns:1fr;gap:18px}.history-cards>li{display:grid;grid-template-columns:120px 1fr;gap:16px;align-items:start;padding-bottom:18px}.history-visual{margin:0}.history-visual>img,.history-visual>svg{height:90px}.history-visual figcaption{font-size:10px;padding-top:5px}.photo-credit{top:72px;font-size:8px;right:2px;padding:1px 3px}.history-card-copy{display:block}.history-card-copy>time{display:block;font-size:29px;margin-bottom:7px}.history-card-copy h3{font-size:15px;margin-bottom:5px}.history-card-copy p{font-size:12px}.history.section{padding-block:48px}}
.history-visual img[src$="saito.jpg"]{object-position:center 25%}.history-visual img[src$="yaizu.webp"]{object-position:center 78%}

/* A continuous editorial journey, alternating above and below one time rail. */
.history-rail-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.history-rail-controls p{font-size:13px;margin:0;color:#595c61}.history-rail-controls p span{padding:0 12px}.history-rail-controls>div{display:flex;gap:8px}.history-rail-controls button{width:44px;height:44px;border:1px solid #18191c35;border-radius:50%;background:transparent;font-size:22px;color:var(--ink);cursor:pointer}.history-rail-controls button:hover{background:var(--ink);color:var(--paper)}.history-rail-controls button:disabled{opacity:.25;cursor:default;background:transparent;color:var(--ink)}
.history-rail{overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#8d8e93 transparent;padding-bottom:16px;margin-bottom:24px;overscroll-behavior-x:contain}.history-cards{display:flex;gap:0;width:max-content;margin:0;padding:0 20px 0 0;position:relative}.history-cards:before{content:'';position:absolute;left:0;right:0;top:213px;height:1px;background:#18191c40}.history-cards>li{position:relative;display:flex;flex-direction:column;width:245px;flex:0 0 245px;height:420px;padding:0 28px 0 0;border:0;scroll-snap-align:start;align-items:stretch}.history-cards>li:after{content:'';position:absolute;left:0;top:209px;width:9px;height:9px;border-radius:50%;background:var(--paper);border:1px solid #18191c}.history-cards>li:nth-child(5):after{background:#EB89BC}.history-visual{height:181px;margin:0;position:absolute;left:0;right:28px;top:12px}.history-visual>img,.history-visual>svg{height:148px;width:100%;object-fit:cover}.history-visual figcaption{font-size:11px;line-height:1.35;padding:6px 0;background:transparent}.photo-credit{top:129px;font-size:9px}.history-card-copy{position:absolute;top:236px;left:0;right:28px;display:block}.history-card-copy>time{display:block;font-size:38px;font-weight:300;line-height:1.1;margin-bottom:10px;letter-spacing:-.05em}.history-card-copy h3{font-size:16px;line-height:1.4;margin:0 0 7px;max-width:215px}.history-card-copy p{font-size:12px;line-height:1.45;margin:0;color:#606268}.history-cards>li:nth-child(even) .history-visual{top:237px}.history-cards>li:nth-child(even) .history-card-copy{top:auto;bottom:231px}.history-cards>li:nth-child(5) time{color:#8b3b64}.history-full{margin-top:4px}.history-rail:focus-visible{outline:2px solid #8b3b64;outline-offset:6px}
@media(min-width:1650px){.history-cards>li{width:240px;flex-basis:240px}}
@media(max-width:760px){.history-cards>li{display:flex;grid-template-columns:none;width:230px;flex-basis:230px;height:420px;padding:0 24px 0 0;border:0;gap:0}.history-visual{left:0;right:24px;margin:0}.history-visual>img,.history-visual>svg{height:148px}.history-card-copy{right:24px}.history-card-copy>time{font-size:36px;margin-bottom:10px}.history-card-copy h3{font-size:16px}.history-card-copy p{font-size:12px}.history-visual figcaption{font-size:11px}.photo-credit{top:129px;font-size:9px}.history-rail{margin-right:-24px;padding-right:24px}.history-rail-controls p{font-size:12px}.history-intro{margin-bottom:25px}}

.chapter-gels{height:100px;display:flex;justify-content:center;align-items:center;gap:3px;padding:7px;background:var(--surface-navy)}.chapter-gels img{height:85px;width:29%;object-fit:contain}.history-visual:has(.chapter-gels){background:transparent}@media(min-width:521px) and (max-width:760px){.chapter-gels{height:75px;padding:4px;gap:0}.chapter-gels img{height:65px;width:31%}}

/* Horizontal timeline with an unobtrusive, scrollbar-free viewport. */
.history-rail{scrollbar-width:none;-ms-overflow-style:none}
.history-rail::-webkit-scrollbar{display:none;width:0;height:0}
.history-visual{height:148px}
.chapter-gels{height:148px;padding:10px;gap:4px}
.chapter-gels img{height:128px;width:29%;object-fit:contain}
@media(prefers-reduced-motion:reduce){.history-rail{scroll-behavior:auto}}

/* Keep each milestone in a single column: image, marker, year, event, place. */
.history-cards>li{height:390px}
.history-visual,.history-cards>li:nth-child(even) .history-visual{top:12px}
.history-cards:before{top:185px}
.history-cards>li:after{top:181px}
.history-card-copy,.history-cards>li:nth-child(even) .history-card-copy{top:208px;bottom:auto}

/* Readable milestone summaries and a consistent photographic treatment. */
.history-cards>li{width:280px;flex-basis:280px;height:465px;padding-right:30px}
.history-visual,.history-cards>li:nth-child(even) .history-visual{right:30px;height:166px}
.history-visual>img{height:166px;filter:saturate(.72) contrast(.94) brightness(1.03)}
.history-visual:after{content:'';position:absolute;inset:0;background:#e9e3d8;mix-blend-mode:color;opacity:.09;pointer-events:none}
.history-cards:before{top:201px}
.history-cards>li:after{top:197px;background:var(--paper)}
.history-cards>li:nth-child(5):after{background:var(--paper)}
.history-card-copy,.history-cards>li:nth-child(even) .history-card-copy{top:223px;right:30px;bottom:auto}
.history-card-copy>time,.history-cards>li:nth-child(5) time{font-size:25px;color:var(--ink);margin-bottom:12px}
.history-card-copy h3{max-width:none;font-size:17px;margin-bottom:7px}
.history-card-copy .history-description{font-size:13px;line-height:1.6;margin-top:14px;color:#47494e}
/* The homepage's floating navigation proportions and glass finish. */
header.nav,header.nav.is-sticky{position:absolute;top:18px;left:50%;transform:translateX(-50%);width:min(1600px,calc(100vw - 64px));height:auto;padding:18px 26px;border:1px solid rgba(238,242,243,.12);border-radius:10px;background:rgba(14,16,20,.76);backdrop-filter:blur(16px) saturate(120%);-webkit-backdrop-filter:blur(16px) saturate(120%)}
header.nav.is-sticky{position:fixed}
header .logo{width:104px;height:auto}
header .nav-links{display:flex;gap:38px;font:500 14px/1.25 Manrope,Arial,sans-serif;letter-spacing:0}
header .nav-links a{color:var(--paper);opacity:.8;text-decoration:none;transition:opacity .2s ease}
header .nav-links a:after{position:absolute;right:0;bottom:-7px;left:0;height:1px;background:currentColor;content:'';transform:scaleX(0);transform-origin:right;transition:transform .28s cubic-bezier(.16,1,.3,1)}
header .nav-links a:hover,header .nav-links a:focus-visible,header .nav-links [aria-current]{opacity:1}
header .nav-links a:hover:after,header .nav-links a:focus-visible:after,header .nav-links [aria-current]:after{transform:scaleX(1);transform-origin:left}
.story-opening{padding-top:150px}
@media(max-width:760px){header.nav,header.nav.is-sticky{padding:5px 20px}header .nav-links{gap:16px}header .nav-links a{display:inline-flex;min-height:44px;align-items:center}.story-opening{padding-top:120px}}
@media(max-width:520px){header.nav,header.nav.is-sticky{width:calc(100vw - 24px);padding:5px 16px}header .logo{width:78px}header .nav-links{gap:12px}}

/* A simpler reading hierarchy without repeated labels or introductions. */
.history-intro{display:block;margin-bottom:34px}
.history-intro h2{margin-bottom:0}
.difference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:760px){.difference-grid{grid-template-columns:1fr}}

/* Interactive running planner. */
.fuel-planner .section-heading{margin-bottom:36px}.fuel-controls{max-width:680px;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}.fuel-controls label{font-size:18px}.fuel-controls output{font-size:32px;letter-spacing:-.04em}.fuel-controls input{grid-column:1/-1;width:100%;margin:8px 0;accent-color:#EB89BC;cursor:pointer;height:28px}.fuel-scale{grid-column:1/-1;display:flex;justify-content:space-between;font-size:12px;color:#b5c4d1;margin-top:-16px}.fuel-context{margin:30px 0 24px;max-width:680px;font-size:17px;color:var(--paper)}.fuel-endpoints{display:flex;justify-content:space-between;font-size:12px;color:#b5c4d1;padding-bottom:10px;border-bottom:1px solid #b5c4d155}.fuel-route{margin-top:30px}.fuel-route ol{list-style:none;display:grid;grid-template-columns:repeat(var(--hours,3),minmax(0,1fr));gap:12px;padding:0;margin:0}.fuel-route li{position:relative;text-align:center;padding-top:26px}.fuel-route li:before{content:'';position:absolute;width:7px;height:7px;border-radius:50%;background:#b5c4d1;top:-4px;left:calc(50% - 4px)}.fuel-packet{background:transparent;border:1px solid transparent;border-radius:8px;color:var(--paper);padding:12px;width:100%;cursor:pointer;transition:background .2s,transform .2s}.fuel-packet:hover,.fuel-packet[aria-pressed=true]{background:#b5c4d10d;border-color:#b5c4d14d;transform:translateY(-3px)}.fuel-packet img{display:block;height:112px;width:80px;object-fit:contain;margin:0 auto 16px;filter:drop-shadow(0 5px 8px #0005);animation:fuel-pop .35s both}.fuel-packet span{display:block;font-size:14px}.fuel-packet small{display:block;font-size:12px;color:#b5c4d1;margin-top:5px}.fuel-selection{min-height:52px;margin:24px 0 8px;font-size:15px;color:var(--paper);max-width:800px}.fuel-basis{font-size:13px;color:#b5c4d1;max-width:800px}.fuel-method{max-width:850px;border-top:1px solid #b5c4d133;margin-top:26px}.fuel-method p{color:#c4c8cb}.fuel-rest{grid-column:1/-1;min-height:155px;display:grid;place-items:center;color:#b5c4d1;font-size:20px;border-bottom:1px solid #b5c4d122}.fuel-rest:before{display:none}.fuel-route.is-short .fuel-endpoints{border-bottom:0}@keyframes fuel-pop{from{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:none}}
@media(max-width:600px){.fuel-controls output{font-size:27px}.fuel-controls label{font-size:16px}.fuel-route:not(.is-short) .fuel-endpoints{border:0}.fuel-route:not(.is-short) ol{display:block;border-left:1px solid #b5c4d155;margin-left:12px}.fuel-route li{text-align:left;padding:6px 0 6px 24px}.fuel-route li:before{left:-4px;top:50%}.fuel-packet{display:grid;grid-template-columns:55px 1fr;align-items:center;column-gap:22px;text-align:left;padding:10px}.fuel-packet img{grid-row:1/3;height:76px;width:48px;margin:0}.fuel-packet span{align-self:end}.fuel-packet small{align-self:start}.fuel-rest{padding:0!important;text-align:center!important}.fuel-selection{min-height:76px}}
@media(prefers-reduced-motion:reduce){.fuel-packet,.fuel-packet img{transition:none;animation:none}.fuel-packet:hover,.fuel-packet[aria-pressed=true]{transform:none}}

@media(max-width:600px){.fuel-route:not(.is-short){position:relative;padding-bottom:28px}.fuel-route:not(.is-short) #fuel-finish{position:absolute;bottom:0;left:12px}}

.fuel-basis{margin:20px 0 0;max-width:850px}.fuel-example-label{font-size:13px;margin-bottom:18px}.fuel-equation{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:20px;border-top:1px solid #b5c4d133;padding-top:20px}.fuel-equation strong{display:block;font-size:28px;font-weight:400;color:var(--paper);line-height:1.2}.fuel-equation div span{display:block;font-size:13px;margin-top:8px}.fuel-selection{min-height:48px}.fuel-basis[hidden],.fuel-selection[hidden]{display:none}@media(max-width:600px){.fuel-equation{gap:8px}.fuel-equation strong{font-size:22px}.fuel-equation div span{font-size:12px}.fuel-selection{min-height:70px}}

/* Keep timing beside the route, with the pouch as the secondary visual. */
.fuel-route li{padding-top:8px}
.fuel-packet{display:flex;flex-direction:column;align-items:center;gap:18px}
.fuel-packet .fuel-time{font-size:15px;line-height:1.4}
.fuel-packet img{margin:0}
@media(max-width:600px){.fuel-route li{padding:6px 0 6px 12px}.fuel-packet{display:grid;grid-template-columns:85px 1fr;gap:16px;min-height:96px}.fuel-packet .fuel-time{align-self:center}.fuel-packet img{grid-row:auto;grid-column:2;margin:0;height:76px;width:48px}}

/* Packet illustrations are static; only the duration slider is interactive. */
.fuel-packet,.fuel-packet:hover{cursor:default;background:transparent;border-color:transparent;transform:none;transition:none}

.fuel-packet img{filter:none}

/* Slightly smaller pouch illustrations. */
.fuel-packet img{height:90px;width:64px}
@media(max-width:600px){.fuel-packet img{height:61px;width:39px}}

/* Clear reading order: question, duration, route, supporting calculation. */
.fuel-planner{display:grid;grid-template-columns:1fr auto;column-gap:32px;align-items:start}
.fuel-heading{grid-column:1;grid-row:1;align-self:center}
.fuel-heading h2{font-size:clamp(30px,3.2vw,46px);line-height:1.12;max-width:650px;margin:0;letter-spacing:-.045em}
.fuel-controls{display:contents}
.fuel-controls output{grid-column:2;grid-row:1;font-size:36px;line-height:1.2;color:var(--paper);white-space:nowrap;align-self:center}
.fuel-controls input{grid-column:1/-1;grid-row:2;margin:26px 0 0;max-width:none}
.fuel-context{grid-column:1/-1;font-size:14px;line-height:1.6;color:#b5c4d1;margin:12px 0 0;max-width:760px}
.fuel-route{grid-column:1/-1;margin-top:44px}
.fuel-packet .fuel-time{font-size:16px;font-weight:500}
.fuel-endpoints{font-size:12px;color:#abb4bc}
.fuel-basis{grid-column:1/-1;margin-top:32px;max-width:none;padding:22px 24px;background:#ffffff04;border:1px solid #b5c4d120}
.fuel-example-label{font-size:13px;line-height:1.5;margin:0 0 14px;color:#b5c4d1}
.fuel-equation{max-width:660px;border:0;padding:0;gap:24px}
.fuel-equation strong{font-size:20px;font-weight:400}
.fuel-equation div span{font-size:13px;line-height:1.45;margin-top:5px}
.fuel-method{grid-column:1/-1;max-width:none;margin-top:18px;border-top:0}
.fuel-method summary{font-size:13px;font-weight:400;color:#b5c4d1}
.fuel-method p{max-width:760px;line-height:1.7}
.fuel-rest{font-size:16px}
.closing{padding-top:48px;padding-bottom:48px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #b5c4d120}
.closing h2{font-size:30px;line-height:1.15;margin:0}.closing .button{margin:0}
@media(max-width:600px){.fuel-planner{column-gap:16px}.fuel-heading h2{font-size:29px;max-width:210px}.fuel-controls output{font-size:27px}.fuel-controls input{margin-top:20px}.fuel-context{font-size:13px;margin-top:10px}.fuel-route{margin-top:30px}.fuel-basis{padding:18px 14px;margin-top:24px}.fuel-equation{gap:8px}.fuel-equation strong{font-size:19px}.fuel-equation div span{font-size:12px}.closing{align-items:flex-start;flex-direction:column}.closing h2{font-size:26px}}

/* Direction A: a packing surface with an hour stepper. */
.fuel-alternative{border-top:1px solid #b5c4d12b}.pack-planner{background:var(--surface-navy);color:var(--paper);text-align:center}.alternative-heading h2{font-size:clamp(34px,4vw,54px);line-height:1.08;margin:0 0 14px}.alternative-heading p{font-size:15px;color:#b5c4d1;margin-bottom:0}.pack-control{display:flex;align-items:center;justify-content:center;gap:32px;margin:36px 0}.pack-control button{height:48px;width:48px;border:1px solid #b5c4d166;border-radius:50%;background:transparent;color:var(--paper);font-size:28px;cursor:pointer}.pack-control button:hover:not(:disabled){background:#ffffff10}.pack-control button:disabled{opacity:.25;cursor:default}.pack-control output{font-size:36px;min-width:140px;letter-spacing:-.04em}.pack-pouches{max-width:820px;min-height:190px;margin:auto;display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;padding:20px;border-bottom:1px solid #b5c4d126}.pack-pouches img{height:128px;width:85px;transform:rotate(var(--tilt));animation:pack-in .3s backwards}.pack-pouches>span{color:#b5c4d1;font-size:22px}.pack-result{font-size:23px;margin:26px 0 10px}.alternative-note{font-size:14px;line-height:1.6;color:#b5c4d1;max-width:620px}.pack-planner .alternative-note{margin-inline:auto}.alternative-method{max-width:820px;margin:30px auto 0;text-align:left;border-color:#b5c4d133}.alternative-method summary{font-size:13px;color:#b5c4d1}.alternative-method p{font-size:14px;line-height:1.7}.alternative-method a{font-size:13px}.itinerary-planner{background:var(--paper);color:var(--ink);display:grid;grid-template-columns:1fr 1.25fr;column-gap:9vw}.itinerary-planner .alternative-heading{grid-column:1;grid-row:1/4}.hourly-options{display:flex;gap:8px;grid-column:2}.hourly-options button{flex:1;min-height:46px;border:1px solid #18191c33;background:transparent;color:var(--ink);font-size:15px;cursor:pointer;border-radius:4px}.hourly-options button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.hourly-result{grid-column:2;font-size:14px;margin:22px 0 16px;color:#50545a}.hourly-rows{grid-column:2;list-style:none;padding:0;margin:0}.hourly-rows li{display:grid;grid-template-columns:1fr 50px 1fr;align-items:center;gap:20px;border-top:1px solid #18191c25;min-height:100px;animation:fuel-pop .25s backwards}.hourly-hour{font-size:22px;letter-spacing:-.03em}.hourly-rows img{width:38px;height:60px;filter:brightness(.12)}.hourly-rows li>span:last-child{font-size:15px}.hourly-rows li p{grid-column:2/-1;font-size:14px;margin:0}.itinerary-planner .alternative-note,.itinerary-planner .alternative-method{grid-column:2;color:#50545a}.itinerary-planner .alternative-note{margin:20px 0 0}.itinerary-planner .alternative-method{width:100%;margin-top:18px;border-color:#18191c25}.itinerary-planner .alternative-method summary{color:#50545a}@keyframes pack-in{from{opacity:0;transform:translateY(12px) rotate(0)}to{opacity:1;transform:rotate(var(--tilt))}}
@media(max-width:760px){.pack-control{gap:22px}.pack-pouches{gap:12px;min-height:160px}.pack-pouches img{width:64px;height:96px}.itinerary-planner{display:block}.hourly-options{margin-top:30px;gap:5px}.hourly-rows li{min-height:90px}.pack-result{font-size:21px}}
@media(prefers-reduced-motion:reduce){.pack-pouches img,.hourly-rows li{animation:none}}

/* Direction four: playful pouches positioned within each running hour. */
.pack-timing{background:var(--surface-navy)}.timing-heading{max-width:1050px;margin:42px auto 24px;display:flex;justify-content:space-between;align-items:baseline;gap:15px;text-align:left}.timing-heading h3{font-size:19px;margin:0}.timing-heading p{font-size:13px;color:#b5c4d1;margin:0}.timing-route{max-width:1050px;margin:0 auto}.timing-ticks{height:38px;position:relative;border-bottom:1px solid #b5c4d166}.timing-ticks>span{position:absolute;left:var(--position);bottom:10px;font-size:12px;color:#b5c4d1;transform:translateX(-50%);white-space:nowrap}.timing-ticks>span:after{content:'';position:absolute;height:7px;width:1px;background:#b5c4d1;left:50%;bottom:-14px}.timing-ticks>span:first-child{transform:none}.timing-ticks>span:last-child{transform:translateX(-100%)}.timing-pouches{display:grid;grid-template-columns:repeat(var(--hours),minmax(0,1fr));list-style:none;margin:0;padding:0}.timing-pouches li{position:relative;display:flex;flex-direction:column;align-items:center;gap:18px;padding:24px 8px}.timing-pouches li:before{content:'';position:absolute;top:-4px;left:calc(50% - 4px);width:7px;height:7px;border-radius:50%;background:#EB89BC}.timing-pouches img{width:70px;height:106px;transform:rotate(var(--tilt));animation:pack-in .35s backwards}.timing-hour{display:none}.timing-moment{font-size:15px;color:var(--paper);white-space:nowrap}.pack-timing .alternative-note{max-width:700px;margin-top:20px}.timing-pouches .timing-empty{grid-column:1/-1;padding:50px 12px;font-size:18px;color:#b5c4d1}.timing-empty:before{display:none}
@media(max-width:600px){.timing-heading{display:block;margin-top:30px}.timing-heading p{margin-top:8px}.timing-ticks{border:0;height:30px}.timing-ticks>span{display:none}.timing-ticks>span:first-child{display:block;left:0;bottom:8px}.timing-ticks>span:after{display:none}.timing-route{position:relative;padding-bottom:28px}.timing-pouches{display:block;border-left:1px solid #b5c4d166;margin-left:2px}.timing-pouches li{display:grid;grid-template-columns:1fr 60px;gap:5px 18px;text-align:left;align-items:center;padding:18px 12px 18px 24px;border-bottom:1px solid #b5c4d11f}.timing-pouches li:before{left:-4px;top:50%}.timing-hour{display:block;grid-column:1;font-size:12px;color:#b5c4d1;align-self:end}.timing-moment{grid-column:1;grid-row:2;align-self:start;font-size:17px}.timing-pouches img{grid-column:2;grid-row:1/3;width:48px;height:73px}.timing-route:after{content:'Finish';position:absolute;bottom:0;left:0;font-size:12px;color:#b5c4d1}.timing-pouches .timing-empty{display:block;padding:30px 18px;font-size:16px}.timing-route.is-short .timing-pouches{border-left:0}}
@media(prefers-reduced-motion:reduce){.timing-pouches img{animation:none}}

/* A stronger track with hour divisions and lighter half-hour ticks. */
.pack-timing .timing-ticks{border-bottom:2px solid #b5c4d188}
.pack-timing .timing-ticks>span:after{width:2px;height:12px;bottom:-17px;background:#b5c4d1;left:50%}
.pack-timing .timing-ticks>span:first-child:after{left:0}
.pack-timing .timing-ticks>span:last-child:after{left:auto;right:0}
.pack-timing .timing-pouches li:not(.timing-empty):after{content:'';position:absolute;top:0;left:50%;height:10px;width:1px;background:#b5c4d166}
@media(max-width:600px){.pack-timing .timing-ticks{border:0}.pack-timing .timing-pouches{border-left-width:2px;border-left-color:#b5c4d188}.pack-timing .timing-pouches li:not(.timing-empty):after{top:0;left:-6px;height:1px;width:12px;background:#b5c4d188}.pack-timing .timing-pouches li:before{left:-4.5px}.pack-timing .timing-route.is-short .timing-pouches{border-left:0}}

.pack-timing .timing-duration-question{font-size:17px;margin:30px 0 0;color:var(--paper)}
.pack-timing .pack-control{margin-top:16px}
.timing-explanation{border-top:1px solid #b5c4d133;border-bottom:0;padding-top:24px}
.timing-explanation h3{font-size:17px;line-height:1.4;letter-spacing:0;margin:0 0 14px}
.timing-explanation p{color:#b5c4d1;margin-bottom:14px}

/* Numeric explanation: distinguish the example from general guidance. */
.pack-timing .fuel-facts{max-width:1050px;margin:30px auto 0;text-align:left;border-top:1px solid #b5c4d133;padding-top:28px}
.fuel-facts-heading h3{font-size:18px;margin:0 0 5px}.fuel-facts-heading p{font-size:13px;margin:0;color:#b5c4d1}
.fuel-facts-equation{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:24px;margin:26px 0 32px}
.fuel-facts-equation strong{font-size:clamp(32px,4vw,48px);line-height:1.15;font-weight:400;letter-spacing:-.04em}.fuel-facts-equation strong span{font-size:20px;letter-spacing:0}.fuel-facts-equation p{font-size:14px;margin:8px 0 0;color:#b5c4d1}.fuel-operator{font-size:24px;color:#b5c4d1}.fuel-facts-total strong{color:#EB89BC}
.fuel-guidance{display:grid;grid-template-columns:1fr 1fr;gap:32px;border-top:1px solid #b5c4d133;padding:24px 0 18px}.fuel-guidance p{font-size:13px;margin:0 0 10px;color:#b5c4d1}.fuel-guidance strong{font-size:30px;font-weight:400;line-height:1.2}.fuel-guidance strong span{font-size:16px}
.fuel-facts .fuel-facts-footnote{font-size:12px;line-height:1.6;color:#b5c4d1;max-width:850px;margin:10px 0 0}
@media(max-width:600px){.fuel-facts-equation{gap:8px}.fuel-facts-equation strong{font-size:30px}.fuel-facts-equation strong span{font-size:16px}.fuel-facts-equation p{font-size:12px}.fuel-operator{font-size:18px}.fuel-guidance{gap:20px}.fuel-guidance strong{font-size:25px}.fuel-guidance strong span{font-size:13px}.fuel-guidance p{font-size:12px;min-height:38px}}

.pack-timing .timing-smallprint{max-width:820px;margin:16px auto 0;font-size:12px;line-height:1.6;color:#b5c4d1;text-align:center}
.pack-timing #timing-note{max-width:820px;font-size:15px;line-height:1.65}

/* Version four readability audit: larger data, clear supporting labels. */
.pack-timing .pack-control output{font-size:44px;min-width:160px}
.pack-timing .timing-duration-question{font-size:20px}
.pack-timing .timing-heading h3{font-size:23px}
.pack-timing #timing-count{font-size:17px;line-height:1.5}
.pack-timing .timing-ticks>span{font-size:16px}
.pack-timing .timing-moment{font-size:20px}
.pack-timing .timing-hour{font-size:15px}
.pack-timing .timing-route:after{font-size:15px}
.pack-timing #timing-note{font-size:16px}
.pack-timing .timing-smallprint{font-size:14px;max-width:1050px;text-align:left;margin-top:22px}

/* Integrated guidance shares the timeline's surface, width and fine rules. */
.carb-guide{max-width:1050px;margin:32px auto 0;padding:26px 0 0;border-top:1px solid #b5c4d133;color:var(--paper);text-align:left}
.carb-guide-intro h3{font-size:22px;line-height:1.25;letter-spacing:-.025em;margin:0 0 8px}
.carb-guide-intro p{font-size:15px;line-height:1.6;color:#b5c4d1;margin:0;max-width:660px}
.carb-guide-amounts{display:grid;grid-template-columns:1fr 1fr;column-gap:36px;margin-top:24px}
.carb-guide-number{font-size:52px;line-height:1.1;letter-spacing:-.05em;margin:0 0 10px;white-space:nowrap;font-weight:400}
.carb-guide-number span{font-size:.55em;letter-spacing:0}.carb-guide-number .carb-guide-prefix{font-size:.42em}
.carb-guide-metric>p:not(.carb-guide-number){font-size:15px;line-height:1.6;color:#b5c4d1;margin:0}
.carb-guide-metric strong{font-weight:400;color:var(--paper)}
.carb-guide-metric+.carb-guide-metric{border-left:1px solid #b5c4d133;padding-left:36px}
.carb-guide-metric .carb-guide-condition{font-size:14px!important;margin-top:10px!important;max-width:340px}
.carb-guide-source{grid-column:1/-1;justify-self:start;font-size:14px;margin-top:20px;color:#b5c4d1;line-height:1.5}
@media(max-width:760px){.pack-timing .timing-heading{display:block}.pack-timing #timing-count{margin-top:10px}}
@media(max-width:600px){.carb-guide{margin-top:24px;padding-top:22px}.carb-guide-amounts{column-gap:18px}.carb-guide-number{font-size:40px}.carb-guide-intro h3{font-size:21px}.carb-guide-metric+.carb-guide-metric{padding-left:18px}.carb-guide-metric>p:not(.carb-guide-number){font-size:14px}.carb-guide-metric .carb-guide-condition{font-size:13px!important}.carb-guide-number .carb-guide-prefix{display:block;font-size:16px;margin-bottom:5px}.carb-guide-metric:first-child .carb-guide-number{padding-top:23px}}
@media(max-width:400px){.pack-timing .pack-control{gap:18px}.pack-timing .pack-control output{font-size:38px;min-width:130px}}

/* One dark palette for the opening and history. */
.story-opening,.origins.history{background:var(--surface-navy);color:var(--paper)}
.story-opening .lead{color:#b5c4d1}.story-opening .heritage-landscape{stroke:#b5c4d1}.story-opening .heritage-moon{stroke:var(--paper)}
.history-cards:before{background:#b5c4d166}.history-cards>li:after,.history-cards>li:nth-child(5):after{background:var(--surface-navy);border-color:#b5c4d1}
.history-card-copy>time,.history-cards>li:nth-child(5) time{color:var(--paper)}
.history-card-copy p{color:#aeb8c1}.history-card-copy .history-description{color:#ccd1d5}
/* Two aligned guidance groups, followed by one shared note. */
.pack-timing .carb-guide{margin-top:32px;padding-top:28px}
.carb-guide-intro h3{font-size:21px;margin-bottom:6px}
.carb-guide-intro p{font-size:15px;max-width:none}
.carb-guide-amounts{gap:24px;margin-top:24px}
.carb-guide-metric,.carb-guide-metric+.carb-guide-metric{border:0;padding:22px 24px;background:#ffffff04;border-top:1px solid #b5c4d144}
.carb-guide-metric .carb-duration{font-size:15px;line-height:1.4;margin:0 0 16px;color:#b5c4d1}
.carb-guide-metric .carb-guide-number,.carb-guide-metric:first-child .carb-guide-number{font-size:48px;line-height:1.15;padding:0;margin:0}
.carb-guide-number span{font-size:18px;letter-spacing:0}.carb-guide-number .carb-guide-prefix{display:inline;font-size:20px;margin:0}
.carb-guide>.carb-guide-condition{font-size:14px;line-height:1.6;color:#b5c4d1;margin:18px 0 0;max-width:none}
.pack-timing .timing-smallprint{font-size:13px;line-height:1.6;margin-top:10px}
@media(max-width:600px){.carb-guide-amounts{grid-template-columns:1fr;gap:12px;margin-top:20px}.carb-guide-metric,.carb-guide-metric+.carb-guide-metric{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 16px}.carb-guide-metric .carb-duration{font-size:14px;max-width:110px;margin:0}.carb-guide-metric .carb-guide-number,.carb-guide-metric:first-child .carb-guide-number{font-size:34px;white-space:nowrap}.carb-guide-number span{font-size:14px}.carb-guide-number .carb-guide-prefix{display:block;font-size:14px;margin-bottom:3px}.carb-guide-number{text-align:right}}

/* Palette consolidation: keep dark sections neutral charcoal instead of mixed navy/green blacks. */
.hero,.hero-art,.inside,.product-image,.testing,.difference,.section-nav,header.nav,header.nav.is-sticky,.pack-planner,.pack-timing,.chapter-gels,.story-opening,.origins.history{background:#18191c}
.closing,footer{background:#0b0c0f}