*,*::before,*::after{box-sizing:border-box}
:root{--navy:#10283f;--navy-soft:#1a3d62;--blue:#4a9ec4;--blue-light:#a8d5e2;--cream:#f6f1e7;--paper:#fffdf8;--ink:#0b1829;--muted:#647181;--amber:#c99438;--line:rgba(16,40,63,.14);--shadow:0 24px 70px rgba(16,40,63,.12)}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}
.site-header{position:sticky;top:0;z-index:20;height:72px;border-bottom:1px solid rgba(255,255,255,.1);background:rgba(16,40,63,.94);color:#fff;backdrop-filter:blur(14px)}
.header-inner{width:min(1360px,calc(100% - 48px));height:100%;margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}
.back-link,.header-order{display:inline-flex;align-items:center;gap:9px;width:fit-content;font-size:11px;letter-spacing:1.8px;text-decoration:none;text-transform:uppercase}.back-link::before{content:'←';font-size:17px}.header-order{justify-self:end;color:var(--blue-light)}
.wordmark{font-family:'DM Serif Display',serif;font-size:24px;letter-spacing:.04em;text-decoration:none}
.product-hero{background:radial-gradient(circle at 12% 8%,rgba(74,158,196,.12),transparent 30%),var(--paper)}
.product-hero-inner{width:min(1360px,calc(100% - 64px));min-height:calc(100vh - 72px);margin:0 auto;padding:54px 0 68px;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(390px,.88fr);align-items:center;gap:clamp(54px,7vw,112px)}
.product-stage{position:relative;min-height:650px;display:grid;place-items:center;overflow:hidden;background:var(--cream);border-radius:2px 80px 2px 2px}
.product-stage::before{content:'';position:absolute;width:520px;height:520px;border:1px solid rgba(201,148,56,.24);border-radius:50%}.product-stage::after{content:attr(data-number);position:absolute;top:32px;left:36px;font-family:'DM Serif Display',serif;font-size:74px;color:rgba(16,40,63,.08)}
.product-stage img{position:relative;z-index:1;width:min(82%,610px);aspect-ratio:1;object-fit:cover;mix-blend-mode:multiply}.stage-chip{position:absolute;z-index:2;right:26px;bottom:26px;padding:10px 16px;border:1px solid rgba(16,40,63,.18);border-radius:100px;background:rgba(255,253,248,.8);font-size:10px;letter-spacing:1.8px;text-transform:uppercase;backdrop-filter:blur(8px)}
.eyebrow{margin:0 0 18px;color:var(--blue);font-size:11px;font-weight:600;letter-spacing:2.6px;text-transform:uppercase}.product-title{max-width:650px;margin:0;font-family:'DM Serif Display',serif;font-size:clamp(56px,5.4vw,88px);font-weight:400;letter-spacing:-.045em;line-height:.92}.product-subtitle{margin:24px 0 0;color:var(--navy-soft);font-family:'DM Serif Display',serif;font-size:clamp(23px,2vw,31px);font-style:italic;font-weight:400}.product-intro{max-width:570px;margin:22px 0 0;color:var(--muted);font-size:16px;font-weight:300;line-height:1.8}
.quick-facts{margin:32px 0 0;padding:22px 0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.quick-fact+.quick-fact{border-left:1px solid var(--line)}.quick-fact{padding:0 18px}.quick-fact:first-child{padding-left:0}.quick-fact span{display:block;margin-bottom:7px;color:var(--muted);font-size:9px;letter-spacing:1.8px;text-transform:uppercase}.quick-fact strong{font-family:'DM Serif Display',serif;font-size:18px;font-weight:400}
.purchase-box{margin-top:30px;padding:25px 26px;background:var(--navy);color:#fff;box-shadow:var(--shadow)}.purchase-top{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.pack-label{margin:0 0 5px;color:var(--blue-light);font-size:10px;letter-spacing:1.8px;text-transform:uppercase}.pack-size{margin:0;font-size:14px}.price-block{text-align:right}.price-old{margin-right:8px;color:rgba(255,255,255,.48);font-size:14px;text-decoration:line-through}.price-current{font-family:'DM Serif Display',serif;font-size:34px}.save-note{display:block;margin-top:2px;color:var(--blue-light);font-size:10px;letter-spacing:1px}
.order-button{margin-top:20px;min-height:54px;display:flex;align-items:center;justify-content:center;gap:12px;background:var(--blue);color:#fff;font-size:11px;font-weight:600;letter-spacing:2px;text-decoration:none;text-transform:uppercase;transition:background 180ms ease,transform 180ms ease}.order-button::after{content:'→';font-size:18px}.order-button:hover{background:#69b2d1;transform:translateY(-2px)}.order-note{margin:12px 0 0;color:rgba(255,255,255,.55);font-size:11px;text-align:center}
.story-section{padding:110px 32px;background:var(--navy);color:#fff}.story-inner{width:min(1160px,100%);margin:0 auto;display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(60px,9vw,130px)}.section-number{display:inline-block;margin-bottom:28px;color:var(--blue-light);font-size:11px;letter-spacing:2px}.story-title,.section-title{margin:0;font-family:'DM Serif Display',serif;font-size:clamp(42px,5vw,70px);font-weight:400;letter-spacing:-.035em;line-height:1}.story-title em,.section-title em{color:var(--blue-light);font-weight:400}.story-copy{align-self:end;margin:0;color:rgba(255,255,255,.72);font-family:'DM Serif Display',serif;font-size:clamp(24px,2.5vw,34px);line-height:1.5}
.details-section{padding:110px 32px;background:var(--paper)}.details-inner{width:min(1160px,100%);margin:0 auto}.details-heading{margin-bottom:50px;display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.details-heading p{max-width:420px;margin:0;color:var(--muted);font-size:14px;line-height:1.7}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.detail-card{min-height:250px;padding:30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.detail-card.ingredients{grid-column:span 2;background:var(--cream)}.detail-label{color:var(--blue);font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase}.detail-card h3{margin:48px 0 12px;font-family:'DM Serif Display',serif;font-size:27px;font-weight:400}.detail-card p{margin:0;color:var(--muted);font-size:14px;font-weight:300;line-height:1.75}.verification-note{margin-top:16px!important;padding-left:12px;border-left:2px solid var(--amber);color:#7b6339!important;font-size:11px!important}
.ingredient-note{margin-top:16px!important;font-size:12px!important}.allergen-note{margin-top:12px!important;color:var(--navy-soft)!important;font-size:12px!important}.product-facts{padding:105px 32px;background:var(--cream)}.facts-inner{width:min(920px,100%);margin:0 auto;display:grid;grid-template-columns:.75fr 1.25fr;gap:80px}.fact-list{border-top:1px solid rgba(16,40,63,.2)}details{border-bottom:1px solid rgba(16,40,63,.2)}summary{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;font-size:12px;font-weight:600;letter-spacing:1.4px;list-style:none;text-transform:uppercase}summary::-webkit-details-marker{display:none}summary::after{content:'+';color:var(--blue);font-family:'DM Serif Display',serif;font-size:26px;font-weight:400}details[open] summary::after{content:'−'}.fact-content{padding:0 34px 24px 0;color:var(--muted);font-size:14px;line-height:1.75}.nutrition-heading{margin:0 0 14px;font-size:11px;letter-spacing:.4px}.nutrition-table{border-top:1px solid rgba(16,40,63,.16)}.nutrition-row{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid rgba(16,40,63,.11)}.nutrition-row span{font-size:13px}.nutrition-row strong{color:var(--ink);font-size:13px;font-weight:500}
.related-section{padding:105px 32px 125px;background:var(--paper)}.related-inner{width:min(1160px,100%);margin:0 auto}.related-header{margin-bottom:42px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.related-header a{color:var(--blue);font-size:11px;letter-spacing:1.6px;text-decoration:none;text-transform:uppercase}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.related-card{text-decoration:none}.related-image{overflow:hidden;background:var(--cream)}.related-image img{width:100%;aspect-ratio:1;object-fit:cover;transition:transform 300ms ease}.related-card:hover img{transform:scale(1.025)}.related-name{margin:16px 0 4px;font-family:'DM Serif Display',serif;font-size:23px;font-weight:400}.related-note{margin:0;color:var(--muted);font-size:12px}.site-footer{padding:34px 32px;background:var(--navy);color:rgba(255,255,255,.55);font-size:11px;letter-spacing:1px;text-align:center}.mobile-order-bar{display:none}:focus-visible{outline:3px solid var(--blue-light);outline-offset:3px}.load-error{max-width:650px;margin:100px auto;padding:40px;background:var(--cream);text-align:center}
@media(max-width:900px){.site-header{height:64px}.header-inner{width:min(100% - 32px,1360px);grid-template-columns:1fr auto}.wordmark{justify-self:end}.header-order{display:none}.back-link{font-size:0}.back-link::before{font-size:22px}.product-hero-inner{width:min(100% - 32px,700px);min-height:0;padding:24px 0 72px;grid-template-columns:1fr;gap:42px}.product-stage{min-height:0;aspect-ratio:1;border-radius:2px 44px 2px 2px}.product-stage::before{width:70%;height:auto;aspect-ratio:1}.product-stage::after{top:18px;left:20px;font-size:48px}.product-stage img{width:88%}.stage-chip{right:15px;bottom:15px;padding:8px 11px;font-size:8px}.product-title{font-size:clamp(48px,15vw,68px)}.product-subtitle{margin-top:18px}.product-intro{font-size:15px;line-height:1.7}.quick-facts{margin-top:26px}.quick-fact{padding:0 12px}.quick-fact strong{font-size:15px}.purchase-box{margin-top:24px;padding:22px 20px}.story-section,.details-section,.product-facts,.related-section{padding:76px 24px}.story-inner,.facts-inner{grid-template-columns:1fr;gap:42px}.story-copy{font-size:25px}.details-heading{align-items:flex-start;flex-direction:column}.detail-grid{grid-template-columns:1fr}.detail-card,.detail-card.ingredients{grid-column:auto;min-height:0;padding:26px}.detail-card h3{margin-top:30px}.related-grid{grid-template-columns:1fr 1fr}.related-card:last-child{display:none}.mobile-order-bar{position:fixed;right:0;bottom:0;left:0;z-index:30;padding:10px 14px calc(10px + env(safe-area-inset-bottom));display:grid;grid-template-columns:auto 1fr;align-items:center;gap:16px;border-top:1px solid rgba(255,255,255,.12);background:rgba(16,40,63,.96);color:#fff;backdrop-filter:blur(14px)}.mobile-price span{display:block;color:var(--blue-light);font-size:8px;letter-spacing:1px;text-transform:uppercase}.mobile-price strong{font-family:'DM Serif Display',serif;font-size:24px;font-weight:400}.mobile-order-bar .order-button{min-height:48px;margin:0}.site-footer{padding-bottom:100px}}
@media(max-width:900px){.product-stage img{width:100%;height:100%;padding:10px;aspect-ratio:auto;object-fit:contain;object-position:center}}
@media(max-width:480px){.quick-facts{grid-template-columns:1fr 1fr;row-gap:18px}.quick-fact:last-child{grid-column:1/-1;padding:18px 0 0;border-top:1px solid var(--line);border-left:0}.related-header{align-items:flex-start;flex-direction:column}.related-grid{gap:12px}.related-name{font-size:18px}}