/* ===== inner pages ===== */
.atf.loading .phero,.atf.loading .phero *,.atf.loading .thero,.atf.loading .thero *{animation-play-state:paused !important}
.s{padding-top:clamp(120px,12vw,200px)}
.fieldc{position:relative;overflow:hidden;margin-top:clamp(120px,12vw,200px);padding:clamp(100px,10vw,170px) 0}
.fieldc .g{position:relative;z-index:1}
.dk{color:#FFFFFF}
.h2s{font-size:clamp(46px,5vw,84px)}
.h2m{font-size:clamp(40px,4vw,66px)}
.lab{font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin:0 0 8px}
/* split hero: words on a colour field, photo edge to edge */
.phero{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);min-height:clamp(660px,58vw,900px);overflow:hidden}
.live .phero{min-height:max(640px,calc(var(--vh,100vh) - 88px))}
.phero-t{grid-column:1/8;position:relative;z-index:3;display:flex;flex-direction:column;justify-content:space-between;gap:48px;padding:clamp(40px,4vw,72px) var(--gap) clamp(40px,4vw,64px) var(--gut)}
.phero-h{font-size:clamp(52px,5.8vw,100px)}
.phero-sub{font-size:clamp(17px,1.35vw,20px);line-height:1.6;margin:0 0 30px;max-width:34ch;opacity:.86}
.phero-sub.it{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:clamp(26px,2.4vw,38px);line-height:1.2;opacity:1;color:#E9D3A6}
.phero-cta{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.phero-ph{grid-column:8/13;position:relative;margin:0}
.phero-ph [data-rv="clip"]{position:absolute;inset:0}
.phero-ph .slot{position:absolute;inset:0;justify-content:flex-start;align-items:flex-end;text-align:right}
.phero .fz-hero{left:var(--gut);width:40%;top:12%;height:40%}
.live .phero .phero-ph .slot{translate:0 calc(var(--p,0) * 10%)}
.live .phero .phero-t{translate:0 calc(var(--p,0) * -14%)}
.phero.dk .pill-line{color:#FFFFFF}
/* type hero */
.thero{padding-top:clamp(80px,9vw,150px);align-items:end}
.thero-h{grid-column:1/13;font-size:clamp(64px,8.4vw,150px)}
.thero-s{grid-column:8/13;margin-top:clamp(36px,4vw,64px)}
.thero-s p{margin:0}
/* hairline trios and duos */
.trio{grid-column:1/13;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--gap);row-gap:clamp(36px,4vw,56px);margin-top:clamp(48px,5vw,80px)}
.duo{grid-column:1/13;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--gap);row-gap:40px;margin-top:clamp(48px,5vw,80px)}
.it-b{border-top:1px solid var(--line);padding-top:24px}
.dk .it-b,.fieldc.dk .it-b{border-top-color:rgba(255,255,255,.22)}
.it-b h3{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(26px,2.2vw,34px);font-weight:500;line-height:1.05;margin:0 0 12px}
.it-b p{font-size:15.5px;line-height:1.65;margin:0;max-width:38ch;color:var(--body)}
.dk .it-b p{color:rgba(255,255,255,.8)}
.head-row{grid-column:1/13;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);align-items:end}
.head-row h2{grid-column:1/8}
.head-row .side{grid-column:9/13;padding-bottom:.5em}
.note{grid-column:1/13;font-size:12.5px;line-height:1.6;color:var(--mute);margin:40px 0 0}
.dk .note{color:rgba(255,255,255,.55)}
.note a{color:inherit}
/* serves: a menu, one row each */
.serves-l{grid-column:1/13;margin-top:clamp(56px,5vw,88px)}
.sv{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);border-top:1px solid rgba(255,255,255,.18);padding:30px 0 34px}
.sv:last-child{border-bottom:1px solid rgba(255,255,255,.18)}
.sv-n{grid-column:1/5}
.sv-n h3{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(38px,3.6vw,60px);font-weight:500;line-height:1;margin:0}
.sv-n p{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:21px;line-height:1.3;color:rgba(255,255,255,.82);margin:12px 0 0}
.sv-d{grid-column:6/13;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--gap)}
.sv-d .lab{color:#E9D3A6}
.sv-d p{font-size:14.5px;line-height:1.6;color:rgba(255,255,255,.8);margin:0}
/* rows: ingredient | why */
.rows{grid-column:1/13;margin-top:clamp(48px,5vw,80px)}
.row{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);border-top:1px solid var(--line);padding:24px 0}
.row:last-child{border-bottom:1px solid var(--line)}
.row h3{grid-column:1/6;font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(26px,2.3vw,36px);font-weight:500;line-height:1.05;margin:0}
.row p{grid-column:7/13;font-size:16px;line-height:1.65;color:var(--body);margin:0;max-width:46ch}
.claims4{grid-column:1/13}
.claims4 .claims{grid-template-columns:repeat(4,minmax(0,1fr));margin:clamp(40px,4vw,64px) 0 0}
.pull{grid-column:1/13;font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-weight:500;font-size:clamp(36px,4vw,66px);line-height:1.08;letter-spacing:-.02em;margin:0}
.big-t{grid-column:1/8;font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-size:clamp(28px,2.6vw,42px);line-height:1.22;letter-spacing:-.01em;margin:0}
.body-t{grid-column:9/13;font-size:16px;line-height:1.7;color:var(--body)}
.body-t p{margin:0 0 18px}
.nt-w{grid-column:1/13;margin-top:clamp(48px,5vw,80px)}
.nt{width:100%;border-collapse:collapse;font-size:15.5px;color:#1B1420}
.nt th{text-align:left;font-weight:700;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:#002F6C;padding:0 0 14px;border-bottom:1px solid rgba(0,47,108,.35)}
.nt td{padding:15px 0;border-bottom:1px solid var(--line)}
.nt td:not(:first-child),.nt th:not(:first-child){text-align:right}
/* find us */
.chips{grid-column:1/13;display:flex;flex-wrap:wrap;align-items:center;gap:10px 28px;margin-top:clamp(48px,5vw,80px);padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.chips .grp{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.chips .lab{margin:0 8px 0 0;color:var(--mute)}
.chip{height:36px;padding:0 16px;border-radius:999px;border:0;box-shadow:inset 0 0 0 1px var(--line);background:transparent;font:700 13px 'Lato',sans-serif;color:#1B1420;cursor:pointer}
.chip.on{background:#1B1420;color:#FFFFFF;box-shadow:none}
.fmap{grid-column:1/8;margin-top:40px;position:relative;min-height:clamp(520px,46vw,720px)}
.fmap .slot{position:absolute;inset:0}
.flist{grid-column:8/13;list-style:none;margin:40px 0 0;padding:0}
.flist li{border-top:1px solid var(--line);padding:20px 0}
.flist li:last-child{border-bottom:1px solid var(--line)}
.flist h3{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(24px,2vw,30px);font-weight:500;margin:0 0 4px}
.flist p{margin:0;font-size:13.5px;line-height:1.55;color:var(--mute)}
.flist .ask{font-style:italic;color:#BA0C2F;margin-top:6px}
.flist a{display:inline-block;margin-top:10px;font-weight:700;font-size:13px}
/* forms: quiet underlined fields */
.form{grid-column:1/13;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--gap);row-gap:26px;margin-top:clamp(40px,4vw,64px)}
.fld{display:flex;flex-direction:column;gap:8px}
.fld.wide{grid-column:1/-1}
.fld span{font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;opacity:.75}
.fld input,.fld select,.fld textarea{font:400 17px 'Lato',sans-serif;color:inherit;background:transparent;border:0;border-bottom:1px solid currentColor;padding:10px 0;border-radius:0;outline:none;-webkit-appearance:none;appearance:none}
.fld textarea{resize:vertical}
.form .agree{grid-column:1/-1;display:flex;align-items:flex-start;gap:12px;font-size:13.5px;line-height:1.55;opacity:.8}
.form .agree input{margin-top:3px}
.form .acts{grid-column:1/-1;display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:8px}
/* story */
.st-mono{grid-column:9/13;align-self:center}
.lede-xl{grid-column:1/9;font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-size:clamp(30px,3vw,48px);line-height:1.18;letter-spacing:-.01em;margin:0}
.flavor-l{grid-column:1/13;font-size:clamp(56px,7.4vw,130px);margin-top:clamp(64px,7vw,120px)}
.flavor-l .ln:nth-child(2){text-align:right}
.live .flavor-l .ln:nth-child(1){translate:calc(var(--p,.5) * 10vw - 5vw) 0}
.live .flavor-l .ln:nth-child(2){translate:calc(5vw - var(--p,.5) * 10vw) 0}
.make-ph{grid-column:1/7}
.make-ph .slot{aspect-ratio:4/3}
.make-t{grid-column:8/13;align-self:center}
.fd-ph{grid-column:1/4}
.fd-ph .slot{aspect-ratio:3/4}
.fd-q{grid-column:5/13;align-self:end}
.fd-q blockquote{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-weight:500;font-size:clamp(32px,3.4vw,56px);line-height:1.1;color:#24135F;margin:0}
.draft{display:block;font-family:'Lato',sans-serif;font-style:normal;font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#BA0C2F;margin-bottom:16px}
/* faq */
.faq-l2{grid-column:4/13;margin-top:clamp(48px,5vw,80px)}
.faq-l2 details{border-top:1px solid var(--line)}
.faq-l2 details:last-child{border-bottom:1px solid var(--line)}
.faq-l2 summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:24px 0;cursor:pointer;font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(25px,2.2vw,34px);font-weight:500}
.faq-l2 summary::-webkit-details-marker{display:none}
.faq-l2 details p{margin:0 0 26px;font-size:16px;line-height:1.65;color:var(--body);max-width:56ch}
.faq-side{grid-column:1/3;margin-top:clamp(56px,6vw,96px);align-self:start;position:relative}
/* gifting */
.box2{grid-column:1/13;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);margin-top:clamp(56px,5vw,88px);align-items:start}
.bx1{grid-column:1/7}.bx2{grid-column:8/13;margin-top:clamp(80px,9vw,160px)}
.bx1 .slot,.bx2 .slot{aspect-ratio:4/3}
.bx1 figcaption,.bx2 figcaption{padding-top:18px}
.bx-t{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(28px,2.4vw,38px);font-weight:500;margin:0 0 6px}
.bx-p{font-size:15px;line-height:1.6;opacity:.82;margin:0;max-width:38ch}
.ev-ph{grid-column:8/13;grid-row:1/4}
.ev-ph .slot{aspect-ratio:4/5}
.ev-t{grid-column:1/7}
.works{display:flex;flex-wrap:wrap;gap:8px 0;margin:30px 0 0;padding:0;list-style:none;font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(22px,1.9vw,30px)}
.works li{display:flex;align-items:center}
.works li::after{content:"";width:4px;height:4px;border-radius:999px;background:currentColor;opacity:.5;margin:0 14px}
.works li:last-child::after{display:none}
.wa{display:inline-flex;align-items:center;gap:10px}
.end-l{grid-column:1/13;margin-top:clamp(64px,6vw,100px);font-size:12.5px;line-height:1.6;color:var(--mute)}
@media (max-width:1100px){
.phero-t{grid-column:1/9}.phero-ph{grid-column:9/13}
.thero-s{grid-column:1/13}
.trio{grid-template-columns:repeat(2,minmax(0,1fr))}
.sv-n{grid-column:1/13}.sv-d{grid-column:1/13;margin-top:24px}
.fmap,.flist{grid-column:1/13}
.big-t,.body-t{grid-column:1/13}.body-t{margin-top:28px}
.make-ph,.make-t{grid-column:1/13}.make-t{margin-top:40px}
.faq-side{display:none}.faq-l2{grid-column:1/13}
.ev-t,.ev-ph{grid-column:1/13;grid-row:auto}.ev-ph{margin-top:40px}
.claims4 .claims{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
.phero{grid-template-columns:minmax(0,1fr);min-height:0}
.live .phero{min-height:0}
.phero-t{grid-column:1;padding:36px var(--gut) 40px}
.phero-h{font-size:44px}
.phero-ph{grid-column:1;aspect-ratio:4/5}
.phero .fz-hero{display:none}
.thero-h{font-size:56px}
.trio,.duo{grid-template-columns:minmax(0,1fr)}
.head-row h2,.head-row .side{grid-column:1/-1}.head-row .side{margin-top:20px}
.sv-d{grid-template-columns:minmax(0,1fr);row-gap:16px}
.row h3,.row p{grid-column:1/-1}.row p{margin-top:10px}
.claims4 .claims{grid-template-columns:minmax(0,1fr)}
.form{grid-template-columns:minmax(0,1fr)}
.lede-xl,.st-mono,.fd-ph,.fd-q{grid-column:1/-1}.st-mono{width:60%;margin-top:40px}.fd-q{margin-top:32px}
.flavor-l{font-size:46px}
.live .flavor-l .ln:nth-child(1),.live .flavor-l .ln:nth-child(2){translate:none}
.bx1,.bx2{grid-column:1/-1}.bx2{margin-top:40px}
.pull{font-size:32px}
.g > *{grid-column:1/-1 !important}
.fd-ph{width:62%}
.big-t{font-size:24px}
}


/* legal pages: privacy, terms, contest rules, product information */
.lg-hero{align-items:end}
.lg-h{font-size:clamp(56px,7.4vw,124px)}
.lg-top{grid-column:8/13}
.lg-top .lg-d{margin:0 0 14px;font-size:13px;font-weight:700;color:#8F6200}
.lg-body{padding-top:clamp(56px,6vw,96px);padding-bottom:clamp(80px,9vw,140px);align-items:start}
.lg-col{grid-column:1/9;max-width:70ch}
.lg-col p{margin:0 0 20px;font-size:17px;line-height:1.7;color:#4A4050}
.lg-col p em{font-style:normal;font-weight:700;color:#1B1420}
.lg-col a{color:#1B1420;text-underline-offset:3px}
.lg-h2{margin:44px 0 16px;font-size:clamp(30px,2.6vw,40px);font-weight:500;line-height:1.05;color:#24135F}
.lg-col .lg-h2:first-child{margin-top:0}
.lg-side{grid-column:10/13;display:flex;flex-direction:column;gap:12px;position:sticky;top:110px;padding-top:4px;border-top:1px solid rgba(27,20,32,.16)}
.lg-side a{padding-top:12px;font-size:14px;font-weight:700;color:#6A6070;text-decoration:none}
.lg-side a[aria-current]{color:#24135F}
.lg-side a:hover{color:#1B1420}
.pi{grid-column:1/10;border-top:1px solid rgba(27,20,32,.36)}
.pi-r{display:grid;grid-template-columns:180px repeat(var(--n),minmax(0,1fr));gap:12px 28px;padding:16px 0;border-bottom:1px solid rgba(27,20,32,.12);font-size:15px;line-height:1.6;color:#1B1420}
.pi-h{padding:20px 0 14px;border-bottom:1px solid rgba(27,20,32,.36)}
.pi-h .serif{font-size:clamp(26px,2.4vw,36px);font-weight:500;line-height:1}
.pi-l{font-size:13px;font-weight:700;color:#6A6070;padding-top:2px}
.pi-v{min-width:0;overflow-wrap:anywhere}
.pi-v b{font-weight:700}
.pi-f{display:none}
.veg{display:inline-grid;place-items:center;width:16px;height:16px;margin-right:8px;vertical-align:-2px;box-shadow:inset 0 0 0 1.5px #1F7A3A}
.veg i{width:8px;height:8px;border-radius:50%;background:#1F7A3A}
@media (max-width:760px){
  .lg-top{grid-column:1/-1}
  .lg-col,.pi{grid-column:1/-1}
  .lg-side{grid-column:1/-1;position:static;margin-top:28px;flex-direction:row;flex-wrap:wrap;gap:6px 20px}
  .lg-col p{font-size:16px}
  .pi-r{grid-template-columns:minmax(0,1fr);gap:6px}
  .pi-h{display:none}
  .pi-f{display:block;font-style:normal;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#8F6200;margin-bottom:2px}
  .pi-v + .pi-v{margin-top:8px}
}