:root{--gold:#b99152;--ivory:#f8f5ef;--brown:#34271e;--serif:"Cormorant Garamond",Georgia,serif;--sans:"Open Sans",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--brown);font:400 13px/1.5 var(--sans)}a{color:inherit;text-decoration:none}h1,h2,h3,p,figure{margin-top:0}.rule{display:block;width:33px;height:1px;background:var(--gold);margin:11px auto 24px}.site-header{position:absolute;z-index:10;top:0;left:50%;transform:translateX(-50%);width:min(100% - 70px,1340px);height:72px;display:grid;grid-template-columns:260px 1fr auto;align-items:center;color:#fff}.brand strong{display:block;font:500 28px/1 var(--serif)}.brand small{display:block;text-align:center;margin-top:5px;font-size:8px;letter-spacing:.18em}.desktop-nav{justify-self:center;display:flex;gap:42px;font-size:11px;font-weight:600}.account-nav{display:flex;align-items:center;gap:14px;font-size:11px}.outline,.filled{width:92px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.65)}.filled{background:var(--gold);border-color:var(--gold)}.language{margin-left:8px}.hamburger{display:none}.sugar-hero{position:relative;height:600px;overflow:hidden;color:#fff}.sugar-hero::before{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,9,9,.87),rgba(10,10,10,.62) 31%,rgba(9,9,9,.17) 65%,rgba(0,0,0,.08)),linear-gradient(180deg,rgba(0,0,0,.2),transparent 50%,rgba(0,0,0,.28))}.sugar-hero-content{position:absolute;top:112px;left:max(calc((100% - 1240px)/2),68px);width:380px}.sugar-hero h1{margin:0;font:500 34px/1.08 var(--serif);letter-spacing:.045em}.sugar-hero .rule{margin:14px 0 18px}.sugar-hero .intro{width:345px;margin-bottom:12px;font:400 16px/1.45 Georgia,serif}.sugar-hero .micro{width:350px;margin:0 0 12px;font-size:12px}.sugar-hero-button{width:340px;height:43px;padding:0 16px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.8);font-size:11px;font-weight:600}.sugar-hero-button b{margin-left:auto;font-size:24px;font-weight:400}.sugar-hero-button.gold{margin-bottom:12px;background:rgba(185,145,82,.9);border-color:#d8c093}.sugar-hero .trust{position:relative;margin-top:21px;padding-left:40px;font-size:8px;color:#ddd}.sugar-hero .trust em{position:absolute;left:5px;top:-6px;color:var(--gold);font-size:26px}.stats,.features,.about{text-align:center;padding-inline:32px}.stats{height:265px;padding-top:36px;border-bottom:1px solid #ded5ca}.stats h2,.features h2{margin:0;font:500 23px/1.2 var(--serif);letter-spacing:.03em}.stat-grid{width:min(850px,100%);margin:auto;display:grid;grid-template-columns:repeat(3,1fr)}.stat-grid article{min-height:112px;display:flex;flex-direction:column;align-items:center;justify-content:center}.stat-grid article+article{border-left:1px solid #c9b398}.stat-grid i{height:36px;color:var(--gold);font:400 34px/1 var(--serif)}.stat-grid strong{font:400 28px/1.3 var(--serif)}.stat-grid small{font:500 13px var(--serif)}.features{height:300px;padding-top:26px;background:#fbf9f5}.features .rule{margin-bottom:17px}.feature-grid{width:min(800px,100%);margin:auto;display:grid;grid-template-columns:1fr 1fr;text-align:left}.feature-grid article{min-height:103px;padding:12px 18px;display:grid;grid-template-columns:75px 1fr;gap:15px;align-items:center}.feature-grid article:nth-child(n+3){border-top:1px solid #ded5ca}.feature-grid article>i{width:60px;height:60px;display:grid;place-items:center;border:1px solid #c7a978;border-radius:50%;font:400 31px var(--serif);color:#111}.feature-grid h3{margin:0 0 5px;font:600 15px var(--serif)}.feature-grid p{margin:0;color:#111;font-size:9.5px}.stories{height:162px;padding:18px max(calc((100% - 1240px)/2),20px);display:grid;grid-template-columns:135px 145px 1fr 135px;align-items:center;background:linear-gradient(115deg,#eee5d7,#faf6ed 48%,#e8decf)}.stories button{border:0;background:none;font:300 44px var(--serif)}.stories figure{width:118px;height:118px;border:3px solid #fff;border-radius:50%;background-position:center;background-size:cover;background-repeat:no-repeat}.stories article{padding-left:10px}.stories h3{margin:0;font:600 14px var(--serif)}.stories .rule{margin:8px 0 12px}.stories h2{margin:0 0 6px;font:500 24px/1 var(--serif)}.stories p{max-width:760px;margin:0;font-size:9px;color:#1f1a16}.dots{text-align:center;margin-top:10px}.dots>*{display:inline-block;width:6px;height:6px;margin:0 6px;border:1px solid #b99868;border-radius:50%}.dots b{background:#b99868}.about{min-height:230px;padding-top:24px;padding-bottom:24px;background:#fff}.about>h2{margin:0;font:500 21px var(--serif)}.about .rule{margin:9px auto 17px}.about>div{width:min(800px,100%);margin:auto;text-align:left;color:#161616;font-size:9.5px}.about p{margin-bottom:12px}.about a{text-decoration:underline;text-decoration-color:var(--gold)}footer{min-height:335px;padding:22px max(calc((100% - 940px)/2),32px) 14px;background:radial-gradient(circle at 50% 0,#292929,#161616 70%);color:#d7d2ca}.footer-grid{display:grid;grid-template-columns:1.1fr 1.5fr 1.5fr 1.1fr}.footer-grid section{min-height:205px;padding:0 26px}.footer-grid section+section{border-left:1px solid #6d6253}footer h3{margin:0 0 8px;color:var(--gold);font-size:11px}footer a{display:block;font-size:9px;line-height:1.65}.footer-bottom{padding-top:12px;border-top:1px solid #826b45;display:grid;grid-template-columns:95px 1fr;align-items:center;text-align:center;font-size:7.5px}.footer-bottom p{margin:0 0 7px}.crest{width:54px;height:54px;display:grid;place-items:center;border:1px solid var(--gold);color:var(--gold);font:600 15px var(--serif);transform:rotate(45deg)}
@media(max-width:760px){.site-header{width:100%;height:64px;padding:0 20px;display:flex;justify-content:space-between}.brand strong{font-size:23px}.brand small{font-size:6px}.desktop-nav,.outline,.language{display:none}.filled{width:74px;height:34px}.hamburger{width:35px;height:35px;padding:7px;border:0;background:none;display:flex;flex-direction:column;justify-content:center;gap:5px}.hamburger i{border-top:1px solid #fff}.sugar-hero{height:760px}.sugar-hero{background-position:64% center}.sugar-hero::before{background:linear-gradient(180deg,rgba(0,0,0,.4),rgba(0,0,0,.2) 35%,rgba(0,0,0,.78) 65%,rgba(0,0,0,.92))}.sugar-hero-content{top:auto;bottom:30px;left:24px;width:calc(100% - 48px)}.sugar-hero h1{font-size:31px}.sugar-hero .intro,.sugar-hero .micro,.sugar-hero-button{width:100%}.sugar-hero .intro{font-size:15px}.sugar-hero-button{height:46px}.stats{height:auto;padding:35px 24px}.stats h2{font-size:21px}.stat-grid{display:block}.stat-grid article{min-height:120px}.stat-grid article+article{border-left:0;border-top:1px solid #c9b398}.features{height:auto;padding:35px 22px}.feature-grid{display:block}.feature-grid article{min-height:120px;border-top:1px solid #ded5ca}.feature-grid article:first-child{border-top:0}.stories{position:relative;height:auto;min-height:440px;padding:35px;display:flex;flex-direction:column;text-align:center}.stories figure{width:150px;height:150px}.stories article{padding:24px 0 0}.stories .rule{margin:10px auto 16px}.stories h2{font-size:28px}.stories p{font-size:11px}.stories button{position:absolute;top:95px}.stories button:first-child{left:12px}.stories button:last-child{right:12px}.about{padding:42px 24px}.about>h2{font-size:21px}.about>div{font-size:11px}footer{padding:35px 24px 20px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid section{min-height:0;padding:18px 14px;border-top:1px solid #554c40}.footer-grid section+section{border-left:0}.footer-grid section:nth-child(even){border-left:1px solid #554c40}footer a{font-size:10px}.footer-bottom{margin-top:20px;grid-template-columns:1fr;gap:20px;font-size:8px}.crest{margin:auto}}

/* Desktop-only scale and spacing for every section below the Hero. */
@media (min-width: 1024px) {
  .stats {
    height: auto;
    min-height: 380px;
    padding: 76px 32px 72px;
  }

  .stats h2,
  .features h2 {
    font-size: 29px;
    font-weight: 500;
    line-height: 1.2;
  }

  .stats .rule,
  .features .rule,
  .about .rule {
    width: 46px;
    margin-top: 16px;
  }

  .stats .rule {
    margin-bottom: 34px;
  }

  .stat-grid {
    width: min(1180px, 100%);
  }

  .stat-grid article {
    min-height: 155px;
    padding: 18px 36px;
  }

  .stat-grid i {
    height: 51px;
    margin-bottom: 8px;
    font-size: 47px;
  }

  .stat-grid strong {
    font-size: 34px;
    line-height: 1.2;
  }

  .stat-grid small {
    margin-top: 4px;
    font-size: 14px;
    letter-spacing: .035em;
  }

  .features {
    height: auto;
    min-height: 510px;
    padding: 78px 32px 72px;
  }

  .features .rule {
    margin-bottom: 30px;
  }

  .feature-grid {
    width: min(1200px, 100%);
    column-gap: 48px;
  }

  .feature-grid article {
    min-height: 160px;
    padding: 27px 26px;
    grid-template-columns: 94px 1fr;
    gap: 24px;
  }

  .feature-grid article > i {
    width: 78px;
    height: 78px;
    font-size: 40px;
  }

  .feature-grid h3 {
    margin-bottom: 10px;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.25;
  }

  .feature-grid p {
    max-width: 430px;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.55;
    color: rgba(30, 25, 20, .86);
  }

  .stories {
    height: 310px;
    padding: 50px max(calc((100% - 1280px) / 2), 38px);
    grid-template-columns: 88px 172px 1fr 88px;
    column-gap: 24px;
  }

  .stories figure {
    width: 150px;
    height: 150px;
    border-width: 4px;
  }

  .stories article {
    padding-left: 12px;
  }

  .stories h3 {
    font-size: 16px;
    letter-spacing: .025em;
  }

  .stories .rule {
    width: 42px;
    margin: 11px 0 18px;
  }

  .stories h2 {
    margin-bottom: 13px;
    font-size: 30px;
    line-height: 1.12;
  }

  .stories p {
    max-width: 800px;
    font-size: 15px;
    line-height: 1.6;
  }

  .stories button {
    font-size: 58px;
  }

  .dots {
    margin-top: 20px;
  }

  .dots > * {
    width: 8px;
    height: 8px;
    margin: 0 7px;
  }

  .about {
    min-height: 500px;
    padding: 86px 32px 82px;
  }

  .about > h2 {
    max-width: 1180px;
    margin-inline: auto;
    font-size: 31px;
    line-height: 1.25;
  }

  .about .rule {
    margin-bottom: 30px;
  }

  .about > div {
    width: min(1120px, 100%);
    font-size: 16px;
    line-height: 1.7;
  }

  .about p {
    margin-bottom: 20px;
  }

  footer {
    min-height: 600px;
    padding: 68px max(calc((100% - 1280px) / 2), 42px) 34px;
  }

  .footer-grid {
    grid-template-columns: 1.1fr 1.5fr 1.5fr 1.1fr;
  }

  .footer-grid section {
    min-height: 370px;
    padding: 0 38px;
  }

  footer h3 {
    margin-bottom: 17px;
    font-size: 15px;
    letter-spacing: .025em;
  }

  footer a {
    font-size: 13px;
    line-height: 1.85;
  }

  .footer-bottom {
    grid-template-columns: 130px 1fr;
    padding-top: 26px;
    font-size: 11px;
    line-height: 1.55;
  }

  .footer-bottom p {
    margin-bottom: 9px;
  }

  .crest {
    width: 78px;
    height: 78px;
    font-size: 20px;
  }
}

/* Shared editorial type hierarchy. Component structure and imagery remain untouched. */
:root {
  --type-heading: #3b2d24;
  --type-body: rgba(52, 39, 30, .82);
  --type-body-strong: rgba(52, 39, 30, .94);
}

@media (min-width: 1024px) {
  .stats h2,
  .features h2,
  .expansion-heading h2,
  .decoded-content h2,
  .about > h2,
  .final-cta-section h2 {
    color: var(--type-heading);
    font-family: var(--serif);
    font-size: 34px;
    font-weight: 550;
    line-height: 1.2;
    letter-spacing: .045em;
  }

  .about > h2 {
    font-size: 32px;
  }

  .stats .rule,
  .features .rule,
  .expansion-heading .rule,
  .decoded-content .rule,
  .about .rule,
  .final-cta-section .rule {
    margin-top: 18px;
    margin-bottom: 30px;
  }

  .expansion-heading p,
  .city-card p,
  .rules-grid p,
  .decoded-answer p,
  .about > div,
  .final-cta-section p {
    color: var(--type-body);
    font-family: var(--sans);
    font-size: 17px;
    font-weight: 400;
    line-height: 1.65;
  }

  .feature-grid p,
  .stories p {
    color: var(--type-body);
    font-family: var(--sans);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.62;
  }

  .stat-grid strong {
    color: var(--type-heading);
    font-weight: 500;
  }

  .stat-grid small {
    color: var(--type-body-strong);
    font-weight: 500;
    letter-spacing: .08em;
  }

  .feature-grid h3,
  .city-card h3,
  .rules-grid h3,
  .decoded-item button {
    color: var(--type-heading);
    font-weight: 550;
    line-height: 1.3;
  }

  .feature-grid h3,
  .rules-grid h3,
  .decoded-item button {
    font-size: 18px;
  }

  .city-card h3 {
    font-size: 22px;
    letter-spacing: .045em;
  }

  .feature-grid h3 {
    margin-bottom: 12px;
    letter-spacing: .035em;
  }

  .rules-grid h3 {
    margin-bottom: 16px;
    letter-spacing: .035em;
  }

  .stories h3 {
    color: var(--type-heading);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.25;
    letter-spacing: .12em;
  }

  .stories h2 {
    color: var(--type-heading);
    font-weight: 550;
    line-height: 1.15;
    letter-spacing: .015em;
  }

  .stories .rule {
    margin-top: 12px;
    margin-bottom: 19px;
  }

  .decoded-item button {
    font-family: var(--sans);
    letter-spacing: .005em;
  }

  footer h3 {
    font-size: 15px;
    font-weight: 550;
    line-height: 1.3;
    letter-spacing: .1em;
  }

  footer a {
    color: rgba(215, 210, 202, .86);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.8;
  }

  .footer-bottom {
    color: rgba(215, 210, 202, .72);
    font-weight: 400;
  }
}

@media (max-width: 760px) {
  .stats h2,
  .features h2,
  .expansion-heading h2,
  .decoded-content h2,
  .about > h2,
  .final-cta-section h2 {
    color: var(--type-heading);
    font-family: var(--serif);
    font-size: 28px;
    font-weight: 550;
    line-height: 1.22;
    letter-spacing: .035em;
  }

  .about > h2 {
    font-size: 26px;
  }

  .stats .rule,
  .features .rule,
  .expansion-heading .rule,
  .decoded-content .rule,
  .about .rule,
  .final-cta-section .rule {
    margin-top: 16px;
    margin-bottom: 25px;
  }

  .expansion-heading p,
  .city-card p,
  .rules-grid p,
  .decoded-answer p,
  .about > div,
  .final-cta-section p,
  .feature-grid p,
  .stories p {
    color: var(--type-body);
    font-family: var(--sans);
    font-size: 15.5px;
    font-weight: 400;
    line-height: 1.65;
  }

  .stat-grid strong {
    color: var(--type-heading);
    font-weight: 500;
  }

  .stat-grid small {
    color: var(--type-body-strong);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: .075em;
  }

  .feature-grid h3,
  .city-card h3,
  .rules-grid h3,
  .decoded-item button {
    color: var(--type-heading);
    font-weight: 550;
    line-height: 1.3;
  }

  .feature-grid h3,
  .rules-grid h3 {
    margin-bottom: 10px;
    font-size: 17px;
    letter-spacing: .025em;
  }

  .city-card h3 {
    font-size: 22px;
    letter-spacing: .04em;
  }

  .decoded-item button {
    font-family: var(--sans);
    font-size: 16.5px;
    letter-spacing: .005em;
  }

  .stories h3 {
    color: var(--type-heading);
    font-size: 13.5px;
    font-weight: 500;
    line-height: 1.25;
    letter-spacing: .12em;
  }

  .stories h2 {
    color: var(--type-heading);
    font-size: 26px;
    font-weight: 550;
    line-height: 1.16;
    letter-spacing: .012em;
  }

  .stories .rule {
    margin-top: 12px;
    margin-bottom: 20px;
  }

  footer h3 {
    font-size: 14px;
    font-weight: 550;
    line-height: 1.35;
    letter-spacing: .09em;
  }

  footer a {
    color: rgba(215, 210, 202, .86);
    font-size: 13.5px;
    font-weight: 400;
    line-height: 1.8;
  }

  .footer-bottom {
    color: rgba(215, 210, 202, .72);
    font-weight: 400;
  }
}