/* Compact shared header and screenshot-driven page layouts. */
.page-index .site-header.studio-header,body .site-header.studio-header{height:112px;grid-template-columns:minmax(0,1fr) 112px minmax(0,1fr);gap:24px;max-width:none;margin:0;padding-inline:clamp(24px,3.2vw,64px)}
body .site-header .official-brand{position:relative;grid-column:2;grid-row:1;left:auto;top:auto;transform:none;width:100px;height:100px;justify-self:center;align-self:center}
body:not(.page-index) main{padding-top:0}
.wrap{max-width:1440px;padding-inline:32px}
.section{padding-block:40px}
.page-shop #kits,.page-build #build{padding-top:36px}
.page-shop .section-heading,.page-build .section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 48px;align-items:center;margin-bottom:20px}
.page-shop .section-heading>div,.page-build .section-heading>div{min-width:0}
.page-shop .section-heading .page-title,.page-build .section-heading .page-title{font-size:clamp(34px,3.2vw,48px);line-height:1.12;margin:0}
.page-shop .section-heading>p,.page-build .section-heading>p{font-size:15px;line-height:1.7;max-width:none;margin:0}
.page-shop .section-heading .kit-supply-note,.page-build .section-heading .kit-supply-note{grid-column:1/-1;max-width:none;font-size:14px;line-height:1.65;margin:0;padding:12px 16px;background:var(--paper);border-left:3px solid var(--brown);border-radius:4px}
.page-build .builder-section>.section-heading{border-top:0;padding-top:0}
.builder-steps{margin-top:18px;margin-bottom:20px}
.page-shop .filter-row{margin-block:16px}.page-shop .catalog-note{margin-bottom:24px}
.page-faq .faq-section{display:block;border-top:0;padding-block:36px 48px}
.page-faq .faq-section>div:first-child{margin-bottom:24px}
.page-faq .page-title{font-size:clamp(34px,3.2vw,48px);line-height:1.15;margin:0}
.page-faq .faq-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px;margin:0;align-items:start}
.page-faq .faq-list>details,.page-faq .faq-list>details:first-child{min-width:0;margin:0;padding:0 18px}
.page-faq .faq-list>details>summary{display:block;min-height:74px;padding:20px 32px 20px 0;font-size:20px;line-height:1.4}
.page-faq .faq-list>details>p,.page-faq .faq-list>details>div{margin:0;padding-bottom:18px}
.page-faq .faq-list>details>p+p{padding-top:0}
.page-faq #servings[open]{grid-column:1/-1}
.page-faq .faq-list .serving-table-wrap{max-width:100%;overflow-x:auto}
.studio-join{padding-block:42px;text-align:left}
.studio-join>.join-layout{max-width:1200px;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:48px;align-items:start}
.studio-join .join-copy{padding-top:12px}.studio-join h2{font-size:clamp(32px,3vw,44px);margin-bottom:16px}
.studio-join .join-copy>p:not(.eyebrow){font-size:16px;line-height:1.7;margin:0;max-width:420px}
.signup-form{padding:24px;background:var(--cream);border:1px solid var(--rule);border-radius:12px;box-shadow:3px 4px 0 #8347190a}
.signup-form fieldset{border:0;margin:0;padding:0;min-width:0}.signup-form legend{font:500 25px/1.3 Georgia,serif;color:var(--olive);padding:0;margin-bottom:18px}
.signup-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.signup-fields label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600;line-height:1.5}.signup-fields .signup-wide{grid-column:1/-1}
.signup-form input[type=email],.signup-form input[type=text],.signup-form select{width:100%;min-height:46px;padding:10px 12px;background:var(--cream);font-size:16px;color:var(--ink)}
.signup-form input:disabled,.signup-form select:disabled{opacity:1;color:var(--muted);cursor:not-allowed}
.signup-fields label.signup-consent{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:start;gap:10px;font-size:13px;font-weight:400;line-height:1.65}.signup-consent input{width:18px;height:18px;margin-top:3px}
.signup-form .signup-status{font-size:13px;line-height:1.6;margin:18px 0 12px;color:var(--muted)}.signup-form .signup-privacy{font-size:12px;line-height:1.6;margin:12px 0 0}.signup-privacy a{text-decoration:underline;text-underline-offset:3px}
.signup-form .button{width:100%}
@media(max-width:1200px){.page-index .site-header.studio-header,body .site-header.studio-header{height:92px;grid-template-columns:minmax(0,1fr) 84px minmax(0,1fr)}body .site-header .official-brand{width:80px;height:80px}}
@media(max-width:800px){.wrap{padding-inline:24px}.section{padding-block:32px}.page-shop .section-heading,.page-build .section-heading{grid-template-columns:minmax(0,1fr);gap:16px}.page-shop .section-heading>p,.page-build .section-heading>p{max-width:680px}.page-shop .section-heading .kit-supply-note,.page-build .section-heading .kit-supply-note{grid-column:auto}.page-faq .faq-list{grid-template-columns:minmax(0,1fr)}.page-faq #servings[open]{grid-column:auto}.studio-join>.join-layout{grid-template-columns:minmax(0,1fr);gap:24px}.studio-join .join-copy{padding:0}.studio-join .join-copy>p:not(.eyebrow){max-width:640px}.page-faq .faq-list>details>summary{font-size:19px;min-height:68px;padding-block:17px}}
@media(max-width:540px){.page-index .site-header.studio-header,body .site-header.studio-header{height:78px;grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr);gap:12px;padding-inline:16px}body .site-header .official-brand{width:68px;height:68px}.wrap{padding-inline:18px}.page-shop #kits,.page-build #build,.page-faq .faq-section{padding-top:28px}.signup-fields{grid-template-columns:minmax(0,1fr)}.signup-fields .signup-wide{grid-column:auto}.signup-form{padding:20px}.studio-join{padding-block:32px}.page-faq .faq-list>details{padding-inline:16px}}

/* Remove the legacy centered card rule and unused intro columns. */
.page-faq .faq-section{padding-block:24px 32px}
.page-faq .faq-section>div:first-child{margin-bottom:18px}
.page-faq .faq-list{gap:12px 18px}
.page-faq .faq-list>details{width:100%;justify-self:stretch}
.page-faq .faq-list>#servings{width:100%;max-width:none;margin:0;padding:0 18px;grid-column:1/-1}
.page-faq .faq-list>#servings>summary{padding:16px 32px 16px 0;font-weight:500}
.page-faq .faq-list>details>summary{font-size:18px;min-height:64px;padding-block:16px}
.page-faq .page-title{font-size:clamp(32px,2.7vw,42px)}
.page-shop .section-heading,.page-build .section-heading{display:block;margin-bottom:18px}
.page-shop .section-heading>div,.page-build .section-heading>div{margin-bottom:12px}
.page-shop .section-heading .page-title,.page-build .section-heading .page-title{font-size:clamp(32px,2.7vw,42px)}
.page-shop .section-heading>p:not(.kit-supply-note),.page-build .section-heading>p:not(.kit-supply-note){max-width:100%;margin-bottom:16px;font-size:15px}
.page-shop .section-heading .kit-supply-note,.page-build .section-heading .kit-supply-note{padding:10px 14px;font-size:13px}
.page-shop #kits,.page-build #build{padding-top:24px}
.page-about .about-inner{display:block;padding-block:28px}
.page-about .about-heading{margin-bottom:18px}
.page-about .about-heading .page-title{max-width:none;font-size:clamp(34px,3vw,46px);line-height:1.15}
.page-about .about-copy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 36px}
.page-about .about-copy>p{max-width:none;margin:0;font-size:15px;line-height:1.7}
.page-about .about-copy>p:last-child{grid-column:1/-1;padding-top:2px}
.page-about .founder-callout{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:28px}
.page-about .founder-callout .eyebrow{margin-bottom:6px}
.page-about .founder-callout h2{font-size:34px;line-height:1.2;margin-bottom:8px}
.page-about .founder-callout p:not(.eyebrow){margin:0;font-size:15px;line-height:1.7}
.page-about .founder-callout>.button{flex:none}
@media(max-width:700px){.page-about .about-copy{grid-template-columns:minmax(0,1fr);gap:14px}.page-about .about-copy>p:last-child{grid-column:auto}.page-about .founder-callout{align-items:flex-start;flex-direction:column;gap:16px}.page-faq .faq-list>#servings{grid-column:auto;padding-inline:16px}}

/* Supported Google Forms embed writes directly to the private original Sheet. */
.studio-join>.join-layout.live-signup{display:block;max-width:800px}
.live-signup .join-copy{padding-top:0;margin-bottom:16px}
.studio-join .live-signup .join-copy>p:not(.eyebrow){max-width:none;margin:0;font-size:15px;line-height:1.7}
.studio-join .live-signup h2{margin-bottom:12px}
.signup-embed{max-width:100%;border-radius:10px;overflow:hidden}
.signup-embed iframe{display:block;width:100%;max-width:100%;height:1120px;border:0;background:#faf6f2}
.studio-join .live-signup .signup-fallback,.studio-join .live-signup .signup-privacy{margin:12px 0 0;font-size:13px;line-height:1.6}
.signup-fallback a,.signup-privacy a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:540px){.signup-embed iframe{height:1350px}.studio-join>.join-layout.live-signup{padding-inline:12px}.live-signup .join-copy,.live-signup .signup-fallback,.live-signup .signup-privacy{margin-inline:6px}}

/* Domain rollout: consistent category accents and prelaunch availability. */
:root{--mix-pickle:#6D8B57;--mix-rub:#A85A32;--mix-sauce:#C6922E;--mix-dip:#6F8874}
[data-mix-category=pickle],.pouch.pickle{--mix-accent:var(--mix-pickle)}
[data-mix-category=rub],.pouch.rub{--mix-accent:var(--mix-rub)}
[data-mix-category=sauce],.pouch.sauce{--mix-accent:var(--mix-sauce)}
[data-mix-category=dip],.pouch.dip{--mix-accent:var(--mix-dip)}
.flavor-card[data-mix-category]{border-top:5px solid var(--mix-accent,var(--olive))}
.mix-category{display:inline-block;border-bottom:3px solid var(--mix-accent,var(--olive));padding-bottom:4px;font-size:12px!important;font-weight:600;line-height:1.5;color:var(--ink);margin:8px 0!important}
.slot[data-mix-category]{border-top:4px solid var(--mix-accent,var(--olive))}
.pouch.pickle,.pouch.rub,.pouch.sauce,.pouch.dip{background-color:var(--mix-accent);color:#201b16}
.pouch.pickle small,.pouch.rub small,.pouch.sauce small,.pouch.dip small{color:inherit}
.availability-label{display:inline-flex;align-items:center;justify-content:center;max-width:100%;padding:5px 11px;border:1px solid var(--brown);border-radius:999px;background:var(--cream);color:var(--brown);font:600 12px/1.5 Arial,sans-serif;letter-spacing:.02em;white-space:normal}
.kit-card>.availability-label{margin:12px 0 4px;align-self:start}
.flavor-info>.availability-label{display:flex;width:fit-content;margin-bottom:5px}
.category-card .availability-label{margin:0 0 12px}
.kit-choice .availability-label{width:fit-content}
/* Closed FAQ cards follow the same grid; a large opened table gets full width. */
.page-faq .faq-list>#servings{grid-column:auto;border-left:4px solid var(--olive);border-radius:8px}
.page-faq .faq-list>#servings[open]{grid-column:1/-1}
.page-faq .faq-list>details{border:1px solid var(--rule);border-left:4px solid var(--olive);box-shadow:none}
.page-faq .faq-list>details:nth-child(n){border-left-color:var(--olive)}
.page-faq .faq-list>details>summary,.page-faq .faq-list>#servings>summary{font:500 18px/1.45 Georgia,serif;min-height:64px;padding:16px 32px 16px 0}
.page-faq .faq-list>details>p{font-size:15px;line-height:1.75}
/* Use the available desktop width without stretching the portrait or prose. */
.page-founder .founder-inner{grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:clamp(28px,4vw,56px);max-width:1120px;margin-inline:auto}
.page-founder .founder-portrait{max-width:320px;margin:0}
.page-founder .founder-copy{max-width:none;min-width:0}
.page-founder .founder-copy .page-title{font-size:clamp(34px,3.4vw,48px);line-height:1.15;margin-bottom:20px}
.page-founder .founder-copy>p:not(.eyebrow){font-size:16px;line-height:1.75}
.studio-story{padding-block:40px}
.studio-story .studio-split{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,4vw,56px)}
.studio-story .studio-split p:not(.eyebrow){max-width:none}
.signup-embed{border:1px solid var(--rule);box-shadow:3px 4px 0 #8347190a;background:var(--cream)}
@media(max-width:800px){.page-founder .founder-inner,.studio-story .studio-split{grid-template-columns:minmax(0,1fr);gap:24px}.page-founder .founder-portrait{width:min(100%,300px);margin-inline:auto}.page-founder .founder-copy>p:not(.eyebrow){font-size:15px}.page-faq .faq-list>#servings[open]{grid-column:auto}}