:root{--ink:#18191c;--paper:#f2f0ea;--muted:#b9bbc0;--line:rgba(242,240,234,.16);--surface-navy:#18191c;--surface-deep:#0b0c0f;--surface-raised:#18191c;--accent-blue:#b5c4d1;--type-title:42px;--type-section:26px;--type-label:17px;--type-body:15px;--type-small:13px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:115px}body{margin:0;background:var(--surface-navy);color:var(--paper);font:400 var(--type-body)/1.75 Manrope,Arial,sans-serif}h1,h2,h3,p{margin:0}main h1{font-size:var(--type-title);font-weight:400;line-height:1.14;letter-spacing:-.04em}main h2{font-size:var(--type-section);font-weight:400;line-height:1.3;letter-spacing:-.025em}main h3{font-size:var(--type-label);font-weight:500;line-height:1.4;letter-spacing:-.01em}em{font-style:normal;color:inherit}a{color:inherit;text-underline-offset:5px}a:focus-visible,summary:focus-visible{outline:2px solid var(--accent-blue);outline-offset:5px}.skip{position:fixed;top:-100px;z-index:30;background:var(--paper);color:var(--ink);padding:12px}.skip:focus{top:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.hero,.section{padding-left:5.5%;padding-right:5.5%}.hero-editorial{display:grid;grid-template-columns:1fr 1.3fr;gap:7%;align-items:center;padding-top:132px;padding-bottom:56px}.hero-copy{max-width:430px}.hero-copy .lead{font-size:var(--type-body);line-height:1.75;margin:24px 0;color:var(--muted)}.hero-detail{margin:0;padding-top:20px;border-top:1px solid var(--line);font-size:var(--type-small);line-height:1.8;color:var(--muted)}.hero-texture{height:400px;overflow:hidden}.hero-texture :is(img,video){display:block;width:100%;height:100%;object-fit:cover;object-position:57% 48%}
.section{padding-top:56px;padding-bottom:56px;border-top:1px solid var(--line)}.formulation-index{display:grid;grid-template-columns:.8fr 1.6fr;gap:9%;align-items:start}.ingredient-intro h2{margin-bottom:16px}.ingredient-intro p{max-width:260px;color:var(--muted)}.ingredient-index{margin:0}.ingredient-index>div{display:grid;grid-template-columns:1fr 1.2fr;gap:30px;padding:24px 0;border-top:1px solid var(--line)}.ingredient-index>div:first-child{padding-top:0;border-top:0}.ingredient-index>div:last-child{padding-bottom:0}.ingredient-index dt{font-size:var(--type-label);font-weight:500;line-height:1.5;letter-spacing:-.01em;color:var(--paper)}.ingredient-index dd{margin:0;font-size:var(--type-body);line-height:1.75;color:var(--muted);max-width:340px}.texture-break{margin:0;width:100%;height:clamp(220px,29vw,430px);overflow:hidden}.texture-break img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 52%}.honey-comparison{display:grid;grid-template-columns:.8fr 1.6fr;gap:9%}.honey-comparison h2{max-width:290px}.honey-comparison p{color:var(--muted);max-width:60ch}.honey-comparison p+p{margin-top:16px}.origin-story{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;background:var(--surface-raised)}.origin-visual svg{display:block;width:100%;fill:none;stroke:var(--muted);stroke-width:1.3;stroke-linejoin:round;stroke-linecap:round}.origin-story p{margin-top:18px;color:var(--muted);max-width:60ch}.text-link{display:inline-flex;align-items:center;min-height:44px;font-size:var(--type-small);margin-top:14px}.faq{display:grid;grid-template-columns:.8fr 1.6fr;gap:9%}details{border-bottom:1px solid var(--line)}summary{padding:20px 28px 20px 0;position:relative;cursor:pointer;list-style:none;font-size:var(--type-body);line-height:1.6}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:0}details[open] summary:after{content:'−'}details p{padding-bottom:22px;color:var(--muted);font-size:var(--type-body)}body .site-footer .signup h2{font-size:var(--type-section);line-height:1.3;letter-spacing:-.025em}body .site-footer .signup>p{font-size:var(--type-body)}
@media(max-width:800px){:root{--type-title:34px;--type-section:24px;--type-label:17px}.hero,.section{padding-left:6%;padding-right:6%}.hero-editorial{display:flex;flex-direction:column;align-items:stretch;padding-top:112px;padding-bottom:38px;gap:28px}.hero-copy{max-width:none;order:-1}.hero-copy h1 br,.hero-detail br{display:none}.hero-copy .lead{margin:18px 0}.hero-detail{padding-top:14px}.hero-texture{height:auto;aspect-ratio:3/2}.hero-texture :is(img,video){object-position:center}.section{padding-top:40px;padding-bottom:40px}.formulation-index,.honey-comparison,.origin-story,.faq{grid-template-columns:1fr;gap:24px}.ingredient-intro p{max-width:440px}.ingredient-index>div{grid-template-columns:1fr;gap:8px;padding:20px 0}.ingredient-index dt br{display:none}.ingredient-index dd{max-width:none}.texture-break{height:230px}.origin-visual{max-width:280px;margin:auto}.honey-comparison h2{max-width:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.heritage{align-items:start}.heritage-timeline{list-style:none;padding:0;margin:0}.heritage-timeline li{display:grid;grid-template-columns:52px 1fr;gap:20px;padding:22px 0;border-top:1px solid var(--line)}.heritage-timeline li:first-child{padding-top:0;border:0}.heritage-timeline li:last-child{padding-bottom:0}.heritage-timeline li>span{font-size:var(--type-small);padding-top:3px;color:var(--muted);font-variant-numeric:tabular-nums}.heritage-timeline p{margin-top:8px}.heritage-timeline h3{font-size:var(--type-label)}

@keyframes site-fade-up{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes education-image-settle{from{opacity:0;transform:scale(1.045)}to{opacity:1;transform:scale(1)}}
@keyframes content-fade{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.js-motion .hero-texture :is(img,video){animation:education-image-settle .75s .45s both cubic-bezier(.16,1,.3,1)}
.js-motion .hero-copy h1{animation:site-fade-up .58s 0s both cubic-bezier(.16,1,.3,1)}
.js-motion .hero-copy .lead{animation:site-fade-up .52s .15s both cubic-bezier(.16,1,.3,1)}
.js-motion .hero-detail{animation:site-fade-up .52s .3s both cubic-bezier(.16,1,.3,1)}
.js-motion [data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .5s ease,transform .72s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0ms);will-change:opacity,transform}
.js-motion [data-reveal=soft]{transform:translateY(14px)}
.js-motion [data-reveal=scale]{transform:translateY(16px) scale(.985)}
.js-motion [data-reveal].is-revealed{opacity:1;transform:none}
.js-motion [data-reveal].is-fast-reveal{transition-duration:.22s,.34s;transition-delay:0ms}
.js-motion .texture-break img{opacity:0;transform:scale(1.025);transition:opacity .7s ease,transform 1s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}
.js-motion .texture-break.is-revealed img{opacity:1;transform:none}
.js-motion .heritage-timeline.is-revealed li,.js-motion .faq div.is-revealed details{opacity:0;transform:translateY(20px);animation:content-fade .58s cubic-bezier(.16,1,.3,1) calc(.08s + var(--row-delay,0ms)) both}
.js-motion .heritage-timeline.is-revealed li:nth-child(1),.js-motion .faq div.is-revealed details:nth-child(1){--row-delay:0ms}
.js-motion .heritage-timeline.is-revealed li:nth-child(2),.js-motion .faq div.is-revealed details:nth-child(2){--row-delay:110ms}
.js-motion .heritage-timeline.is-revealed li:nth-child(3),.js-motion .faq div.is-revealed details:nth-child(3){--row-delay:220ms}
.js-motion .site-footer .signup.is-revealed>*{opacity:0;transform:translateY(12px);animation:content-fade .5s cubic-bezier(.16,1,.3,1) var(--signup-delay,0ms) both}
.js-motion .site-footer .signup.is-revealed>:nth-child(1){--signup-delay:80ms}.js-motion .site-footer .signup.is-revealed>:nth-child(2){--signup-delay:170ms}.js-motion .site-footer .signup.is-revealed>:nth-child(3){--signup-delay:260ms}.js-motion .site-footer .signup.is-revealed>:nth-child(4){--signup-delay:350ms}.js-motion .site-footer .signup.is-revealed>:nth-child(5){--signup-delay:440ms}
@media(prefers-reduced-motion:reduce){.js-motion .hero-texture :is(img,video),.js-motion .hero-copy h1,.js-motion .hero-copy .lead,.js-motion .hero-detail,.js-motion .heritage-timeline.is-revealed li,.js-motion .faq div.is-revealed details,.js-motion .site-footer .signup.is-revealed>*{opacity:1;transform:none;animation:none}.js-motion [data-reveal],.js-motion .texture-break img{opacity:1;transform:none;transition:none}}

@media(prefers-reduced-motion:no-preference){.js-motion .shared-ingredients:not(.is-revealed){opacity:0}}

.hero-broll{background:#18191c}.texture-story{grid-template-columns:1.15fr 1fr;gap:7%;align-items:center}.texture-story-photo{display:block;width:100%;height:340px;object-fit:cover}.texture-story-copy h2{margin-bottom:20px}@media(max-width:800px){.texture-story{grid-template-columns:1fr}.texture-story-photo{height:auto;aspect-ratio:3/2}.texture-story-copy{order:-1}}

.comfort-story{display:grid;grid-template-columns:.8fr 1.6fr;gap:9%}.comfort-story p{color:var(--muted);max-width:60ch}.comfort-story p+p{margin-top:18px}.jelly-facts{margin:24px 0}.jelly-facts>div{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-top:1px solid var(--line)}.jelly-facts dt{color:var(--muted)}.jelly-facts dd{margin:0}.texture-story-copy .hydration-note{font-size:var(--type-small)}@media(max-width:800px){.comfort-story{grid-template-columns:1fr;gap:24px}}

.copy-review-note{position:relative;margin:104px 5.5% 0;padding:12px 16px;border:1px solid var(--line);font-size:13px;color:var(--muted)}.copy-review-note+.hero{padding-top:36px}.comfort-story blockquote{margin:22px 0;padding-left:20px;border-left:2px solid var(--line)}

.gel-comparison{margin-top:28px}.gel-comparison table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:13px;line-height:1.6;text-align:left}.gel-comparison th,.gel-comparison td{padding:14px 10px;vertical-align:top;border-bottom:1px solid var(--line);overflow-wrap:break-word}.gel-comparison thead th{font-weight:500;color:var(--paper)}.gel-comparison tbody th{font-weight:400;color:var(--muted)}.gel-comparison td{color:var(--muted)}.gel-comparison th:first-child,.gel-comparison td:first-child{width:25%;padding-left:0}.gel-comparison th:nth-child(2),.gel-comparison td:nth-child(2){width:30%}.gel-comparison td:last-child{color:var(--paper)}@media(max-width:800px){.gel-comparison th,.gel-comparison td{padding:12px 7px}.gel-comparison table{font-size:13px}}

.comfort-ingredients{margin:26px 0 0;padding-left:20px;color:var(--muted);max-width:60ch}.comfort-ingredients li{padding-left:4px;margin:0 0 18px}.comfort-ingredients li:last-child{margin-bottom:0}.comfort-ingredients strong{color:var(--paper);font-weight:500}

.product-invitation{display:flex;flex-direction:column;align-items:center;gap:20px;padding-top:46px;padding-bottom:50px;text-align:center}.product-invitation-art{display:flex;align-items:flex-end;justify-content:center;width:min(500px,100%);min-width:0;padding:4px 0 0;text-decoration:none}.product-invitation-art img{display:block;width:190px;height:235px;margin:0 -42px;object-fit:contain;filter:drop-shadow(0 22px 18px rgba(0,0,0,.38));transition:transform .45s cubic-bezier(.16,1,.3,1)}.product-invitation-art img:first-child{z-index:1;transform:translateY(9px) rotate(-13deg)}.product-invitation-art img:nth-child(2){z-index:2;transform:translateY(-3px)}.product-invitation-art img:last-child{z-index:1;transform:translateY(9px) rotate(13deg)}.product-invitation-copy h2{font-size:clamp(22px,4vw,54px);line-height:1.08;white-space:nowrap}.product-invitation-copy .section-cta{margin-top:28px}@media(hover:hover){.product-invitation-art:hover img:first-child{transform:translate(-8px,8px) rotate(-15deg)}.product-invitation-art:hover img:nth-child(2){transform:translateY(-14px)}.product-invitation-art:hover img:last-child{transform:translate(8px,8px) rotate(15deg)}}@media(max-width:800px){.product-invitation{gap:18px;padding-top:42px;padding-bottom:46px}.product-invitation-art img{width:33.333%;height:190px;margin:0 -24px}.product-invitation-copy h2{font-size:22px}}

/* Keep the jelly photo transition free of a crossing divider. */
#comfort{border-top:0}

.comfort-ingredients{list-style:none;padding:0;max-width:none;margin-top:30px}.comfort-ingredients li{display:grid;grid-template-columns:80px 1fr;gap:24px;align-items:start;padding:24px 0;margin:0;border-top:1px solid var(--line)}.comfort-ingredients li:last-child{margin-bottom:0}.comfort-ingredients img{width:80px;height:68px;opacity:.85}.comfort-ingredients h3{margin:0 0 6px;font-size:var(--type-small);font-weight:500;line-height:1.5;color:var(--paper)}.comfort-ingredients p{margin:0;max-width:58ch;font-size:var(--type-small);line-height:1.65}@media(max-width:600px){.comfort-ingredients li{grid-template-columns:56px 1fr;gap:16px;padding:22px 0}.comfort-ingredients img{width:56px;height:48px}}

/* Lighter reading weight; labels retain their existing hierarchy. */
main p,main dd,main .gel-comparison td{font-weight:300}
main .gel-comparison thead th{font-weight:500}
main .gel-comparison tbody th{font-weight:400}
body .site-footer .signup>p{font-weight:300}

/* Keep the ingredient illustrations legible at small widths. */
.comfort-ingredients li{grid-template-columns:96px 1fr}.comfort-ingredients img{width:96px;height:80px;opacity:1}
@media(max-width:600px){.comfort-ingredients li{grid-template-columns:80px 1fr;gap:16px}.comfort-ingredients img{width:80px;height:67px}}

/* Shared home-page story CTA and About-page coastline. */
.section-cta { position:relative; display:inline-flex; align-items:center; justify-content:center; min-height:46px; margin-top:28px; padding:0 34px; border:.75px solid currentColor; color:inherit; font:500 13px/1 Manrope,sans-serif; letter-spacing:.02em; text-decoration:none; overflow:hidden; }
.section-cta span { transition:transform .2s ease; }
.section-cta::after { content:'→'; position:absolute; right:17px; opacity:0; transform:translateX(-6px); transition:opacity .2s ease,transform .2s ease; }
.section-cta:hover span,.section-cta:focus-visible span { transform:translateX(-7px); }
.section-cta:hover::after,.section-cta:focus-visible::after { opacity:1; transform:none; }
.origin-story{align-items:center}.education-origin-map{display:flex;justify-content:center}.education-origin-map img{display:block;width:100%;max-width:360px;height:auto}
@media(max-width:800px){.education-origin-map img{max-width:260px}}

/* A shallow photographic pause between ingredients and origins. */
.education-jelly-strip{height:clamp(160px,20vw,280px)}
.education-jelly-strip img{object-position:center 52%}
.education-jelly-strip+.origin-story{border-top:0}

/* Compact editorial introduction, followed by a full-width comparison. */
#compare{grid-template-columns:1.05fr 1fr;column-gap:7%;row-gap:36px;align-items:start}
#compare .texture-story-photo{height:clamp(220px,23vw,320px);object-fit:cover;object-position:center 48%}
#compare .texture-story-copy{padding-top:0}
#compare .texture-story-copy p{max-width:55ch}
#compare .gel-comparison{grid-column:1/-1;margin-top:0}
#compare .gel-comparison table{font-size:var(--type-body)}
#compare .gel-comparison th,#compare .gel-comparison td{padding:19px 24px}
#compare .gel-comparison th:first-child,#compare .gel-comparison td:first-child{width:25%;padding-left:0}
#compare .gel-comparison th:nth-child(2),#compare .gel-comparison td:nth-child(2){width:33%}
#compare .gel-comparison tr>:last-child{background:rgba(242,240,234,.035)}
@media(max-width:800px){#compare{grid-template-columns:1fr;row-gap:26px}#compare .texture-story-photo{height:220px}#compare .texture-story-copy{order:-1}#compare .gel-comparison table{font-size:13px}#compare .gel-comparison th,#compare .gel-comparison td{padding:14px 10px}#compare .gel-comparison th:first-child,#compare .gel-comparison td:first-child{width:25%;padding-left:0}#compare .gel-comparison th:nth-child(2),#compare .gel-comparison td:nth-child(2){width:30%}}

/* Frame the complete comparison table. */
#compare .gel-comparison table{border:1px solid var(--line)}
#compare .gel-comparison th:first-child,#compare .gel-comparison td:first-child{padding-left:24px}
@media(max-width:800px){#compare .gel-comparison th:first-child,#compare .gel-comparison td:first-child{padding-left:10px}}

#compare .gel-comparison tr>*+*{border-left:1px solid var(--line)}

.hero-copy h1 .hero-title-line{display:block}.hero-copy h1 .hero-title-line:last-child{white-space:nowrap}
@media(max-width:420px){.hero-copy h1{font-size:clamp(27px,7.7vw,34px)}}

.education-origin-map img{max-width:460px}
@media(max-width:800px){.education-origin-map img{max-width:380px}}