500;600&family=Playfair+Display:wght@500&display=swap');
#beatrice-preview{background:#faf9f4;color:#24251f;font-family:'DM Sans',Arial,sans-serif;line-height:1.65;max-width:1000px;margin:auto}
#beatrice-preview *{box-sizing:border-box}
#beatrice-preview .masthead{background:#f5d32b;padding:14px 6%;display:flex;align-items:center;gap:22px;border-bottom:1px solid #24251f25}
#beatrice-preview .logo{width:86px;height:86px;object-fit:contain}
#beatrice-preview .masthead p{font-size:13px;letter-spacing:1.5px;margin:0}
#beatrice-preview .intro{padding:34px 6% 28px;display:grid;grid-template-columns:1fr 166px;align-items:center;gap:25px}
#beatrice-preview h2{font-family:'Playfair Display',Georgia,serif;font-size:clamp(35px,6vw,54px);font-weight:500;line-height:1.08;letter-spacing:-1.5px;margin:10px 0 16px}
#beatrice-preview .eyebrow{font-size:12px;letter-spacing:1.8px;margin:0}
#beatrice-preview .location{font-size:15px;margin:0;color:#606256}
#beatrice-preview .crop{position:relative;aspect-ratio:1;border-radius:50%;overflow:hidden;margin:0}
#beatrice-preview .crop img{position:absolute;max-width:none;height:auto;display:block}
#beatrice-preview .portrait img{width:113.6364%;left:-6.8182%;top:-31.3636%}
#beatrice-preview .jars img{width:125%;left:-12.5%;top:-31.3333%}
#beatrice-preview .story{padding:0 6% 38px;display:grid;grid-template-columns:1.55fr 1fr;gap:32px;align-items:start}
#beatrice-preview .copy p{font-size:16px;margin:0 0 18px}
#beatrice-preview .copy .lead{font-size:19px;line-height:1.5}
#beatrice-preview .visual{margin:8px 0 0}
#beatrice-preview figcaption{font-size:14px;text-align:center;margin-top:16px;color:#606256}
#beatrice-preview .closing{margin:0 6%;padding:24px 0 30px;border-top:1px solid #c8c8bd;font-family:'Playfair Display',Georgia,serif;font-size:27px;line-height:1.3}
#beatrice-preview .availability{padding:0 6% 28px;margin:0;font-size:13px;color:#606256}
@media(max-width:540px){#beatrice-preview .intro{grid-template-columns:1fr 106px;gap:14px;padding-top:26px}#beatrice-preview h2{font-size:36px}#beatrice-preview .story{grid-template-columns:1fr;gap:6px}#beatrice-preview .visual{max-width:270px;width:100%;margin:0 auto 10px}#beatrice-preview .logo{width:72px;height:72px}#beatrice-preview .masthead{gap:18px}#beatrice-preview .masthead p{font-size:12px}#beatrice-preview .location{font-size:14px}}

.producer-page{background:var(--paper);padding-top:40px;padding-bottom:64px}
.producer-selection{max-width:1000px;margin:0 auto 48px;padding-bottom:36px;border-bottom:1px solid var(--line)}
.producer-selection .section-kicker{font-size:12px;letter-spacing:1.8px;margin:0 0 12px;color:#66685d}
.producer-selection h1{font-family:'Playfair Display',Georgia,serif;font-size:clamp(36px,5vw,60px);font-weight:500;line-height:1.12;margin:0 0 16px;letter-spacing:-1px}
.selection-lead{max-width:760px;font-size:18px;line-height:1.65;margin:0 0 32px;color:#55574e}
.selection-groups{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}
.selection-group{position:relative;padding:30px;border:1px solid var(--line);min-width:0}
.selection-group.local-selection{background:#fff}
.selection-group.shop-selection{background:#f2eee4}
.selection-number{font-family:'Playfair Display',Georgia,serif;font-size:18px;margin:0 0 24px;color:#77796e}
.selection-group h2{font-family:'Playfair Display',Georgia,serif;font-size:clamp(27px,3vw,36px);font-weight:500;line-height:1.15;margin:0 0 12px;letter-spacing:-.5px}
.selection-group>p:not(.selection-number){font-size:15px;line-height:1.6;min-height:72px;margin:0 0 24px;color:#5f6157}
.producer-buttons{display:flex;flex-wrap:wrap;gap:12px}
.producer-buttons .button{gap:18px;max-width:100%;white-space:normal;padding:12px 16px}
.producer-buttons .producer-secondary{background:transparent;color:var(--ink)}
.producer-buttons .girolomoni-link{background:#ff6b2c;color:#fff;border-color:#ff6b2c}
.producer-call{display:flex;width:100%;justify-content:space-between;background:var(--yellow);color:var(--ink);border-color:var(--yellow);padding:14px 20px}
#beatrice-preview{scroll-margin-top:24px}
#beatrice-preview .intro{max-width:none;margin:0}
#beatrice-preview .availability{font-size:14px}
.header nav a[aria-current="page"]{text-decoration:underline;text-underline-offset:6px}
@media(max-width:600px){.producer-page{padding-top:28px;padding-bottom:40px}.selection-lead{font-size:16px}.selection-groups{grid-template-columns:1fr}.selection-group{padding:25px 22px}.selection-group>p:not(.selection-number){min-height:0}.producer-buttons .button{width:100%;justify-content:space-between}#beatrice-preview .intro,#beatrice-preview .story{padding-left:0;padding-right:0}#beatrice-preview .closing{margin-left:0;margin-right:0}#beatrice-preview .availability{padding-left:0;padding-right:0}}
@media(max-width:360px){#beatrice-preview .intro{grid-template-columns:1fr 85px}#beatrice-preview h2{font-size:32px}}

#catto-preview{scroll-margin-top:24px;max-width:1000px;margin:90px auto 0;background:#221e1f;color:var(--paper)}
.catto-intro{padding:44px 6%;display:grid;grid-template-columns:1fr 190px;align-items:center;gap:32px;border-bottom:1px solid #faf9f433}
.catto-intro .eyebrow,.grinding-experience .eyebrow,.catto-selection .eyebrow{font-size:12px;letter-spacing:1.8px;margin:0;color:var(--yellow)}
.catto-intro h2{font-family:'Playfair Display',Georgia,serif;font-size:clamp(40px,6vw,64px);font-weight:500;line-height:1.05;letter-spacing:-1.5px;margin:10px 0 14px}
.catto-intro .location{margin:0;color:#d4d0ca}
.catto-logo{display:block;width:100%;height:auto}
.catto-story{padding:46px 6%;display:grid;grid-template-columns:1.25fr .75fr;gap:48px;align-items:start}
.catto-copy p{font-size:16px;line-height:1.75;margin:0 0 20px;color:#e5e1da}
.catto-copy .lead{font-family:'Playfair Display',Georgia,serif;font-size:24px;line-height:1.45;color:var(--paper)}
.grinding{margin:0}.grinding img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:55% 60%}.grinding figcaption{font-size:14px;line-height:1.5;color:#c6c1ba;padding-top:12px}
.grinding-experience{background:var(--yellow);color:var(--ink);padding:46px 6%}
.grinding-experience .eyebrow{color:var(--ink)}
.grinding-experience h3,.catto-selection h3{font-family:'Playfair Display',Georgia,serif;font-size:clamp(32px,4.5vw,50px);font-weight:500;line-height:1.14;letter-spacing:-1px;margin:12px 0 22px}
.grinding-experience p:last-child{font-size:18px;line-height:1.7;max-width:760px;margin:0}
.catto-selection{background:var(--paper);color:var(--ink);padding:52px 6%}
.catto-selection .eyebrow{color:var(--ink)}
.catto-selection-heading{max-width:680px}
.coffee-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:34px}
.coffee-grid figure{margin:0;background:white;min-width:0}
.coffee-grid img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover}
.coffee-grid figcaption{display:block;padding:18px;font-size:14px;line-height:1.55}
.coffee-grid strong,.coffee-grid span{display:block}.coffee-grid strong{font-family:'Playfair Display',Georgia,serif;font-size:21px;font-weight:500;margin-bottom:8px}.coffee-grid span{color:#606256}
.catto-closing{font-family:'Playfair Display',Georgia,serif;font-size:clamp(26px,3.5vw,38px);line-height:1.3;margin:0;padding:42px 6%;color:var(--yellow)}
@media(max-width:600px){#catto-preview{margin-top:58px}.catto-intro{grid-template-columns:1fr 110px;gap:18px;padding:32px 0}.catto-intro h2{font-size:39px}.catto-story{grid-template-columns:1fr;padding:34px 0;gap:18px}.catto-copy .lead{font-size:21px}.grinding{max-width:300px;margin:0 auto}.grinding-experience{margin-left:-8%;margin-right:-8%;padding:38px 8%}.catto-selection{margin-left:-8%;margin-right:-8%;padding:42px 8%}.coffee-grid{grid-template-columns:1fr;gap:22px}.coffee-grid figure{display:grid;grid-template-columns:42% 1fr;align-items:center}.coffee-grid img{height:100%;aspect-ratio:3/4}.coffee-grid figcaption{padding:16px}.catto-closing{padding:34px 0}}

#elvo-preview{scroll-margin-top:24px;max-width:1000px;margin:90px auto 0;background:#e9e1ce;color:#4d6074}
.elvo-intro{position:relative;min-height:420px;display:flex;align-items:flex-end;overflow:hidden}
.elvo-intro>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.02)}
.elvo-intro::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#1f2f3b10 20%,#1f2f3bcc 100%)}
.elvo-intro>div{position:relative;z-index:1;padding:48px 6%;color:#fff;max-width:730px}
.elvo-intro .eyebrow,.elvo-method .eyebrow,.elvo-table .eyebrow{font-size:12px;letter-spacing:1.8px;margin:0 0 9px}
.elvo-intro h2{font-family:'Playfair Display',Georgia,serif;font-size:clamp(48px,7vw,76px);font-weight:500;line-height:1.02;letter-spacing:-2px;margin:0 0 10px}
.elvo-intro p:last-child{font-size:18px;margin:0}
.elvo-story{padding:52px 6%;display:grid;grid-template-columns:1.3fr .7fr;gap:46px;align-items:start}
.elvo-copy p{font-size:16px;line-height:1.75;margin:0 0 20px}
.elvo-copy .lead{font-family:'Playfair Display',Georgia,serif;font-size:24px;line-height:1.45;color:#34485b}
.elvo-story figure,.elvo-table figure{margin:0}.elvo-story img,.elvo-table img{display:block;width:100%;height:auto;object-fit:cover}.elvo-story img{aspect-ratio:4/5}.elvo-story figcaption,.elvo-table figcaption{font-size:14px;line-height:1.5;padding-top:12px}
.elvo-method{background:#4d6074;color:#f7f1e4;padding:48px 6%}
.elvo-method h3,.elvo-table h3{font-family:'Playfair Display',Georgia,serif;font-size:clamp(34px,4.5vw,52px);font-weight:500;line-height:1.12;letter-spacing:-1px;margin:10px 0 20px}
.elvo-method p:last-child{font-size:18px;line-height:1.7;max-width:780px;margin:0}
.elvo-table{padding:54px 6%;display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center}
.elvo-table img{aspect-ratio:4/3}.elvo-table>div>p:last-child{font-size:17px;line-height:1.75;margin:0}
.elvo-closing{font-family:'Playfair Display',Georgia,serif;font-size:clamp(27px,3.5vw,40px);line-height:1.3;margin:0;padding:42px 6%;border-top:1px solid #4d607444;color:#34485b}
@media(max-width:600px){#elvo-preview{margin-top:58px}.elvo-intro{min-height:360px;margin-left:-8%;margin-right:-8%}.elvo-intro>div{padding:36px 8%}.elvo-intro h2{font-size:52px}.elvo-story{grid-template-columns:1fr;padding:38px 0;gap:18px}.elvo-copy .lead{font-size:21px}.elvo-story figure{max-width:300px;margin:auto}.elvo-method{margin-left:-8%;margin-right:-8%;padding:38px 8%}.elvo-table{grid-template-columns:1fr;padding:42px 0;gap:28px}.elvo-closing{padding:34px 0}}

#girolomoni-preview{scroll-margin-top:24px;max-width:1000px;margin:90px auto 0;background:#fff;color:var(--ink);border-top:8px solid #ff6b2c}
.girolomoni-intro{position:relative;min-height:480px;display:flex;align-items:flex-end;overflow:hidden}
.girolomoni-intro>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 32%}
.girolomoni-intro::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#24251f08 25%,#24251fd9 100%)}
.girolomoni-intro>div{position:relative;z-index:1;padding:48px 6%;color:#fff;max-width:760px}
.girolomoni-intro .eyebrow,.girolomoni-availability .eyebrow{font-size:12px;letter-spacing:1.8px;margin:0 0 9px}
.girolomoni-intro h2{font-family:'Playfair Display',Georgia,serif;font-size:clamp(48px,7vw,76px);font-weight:500;line-height:1.02;letter-spacing:-2px;margin:0 0 10px}
.girolomoni-intro p:last-child{font-size:18px;margin:0}
.girolomoni-story{padding:54px 6%;display:grid;grid-template-columns:.8fr 1.2fr;gap:54px;align-items:start}
.girolomoni-story .lead{font-family:'Playfair Display',Georgia,serif;font-size:27px;line-height:1.45;margin:0;color:#b7471f}
.girolomoni-copy p{font-size:16px;line-height:1.78;margin:0 0 21px}
.girolomoni-availability{background:#ff6b2c;color:#fff;padding:34px 6%;display:flex;justify-content:space-between;align-items:center;gap:32px}
.girolomoni-availability .eyebrow{margin:0}.girolomoni-availability>div{max-width:620px;text-align:right}.girolomoni-availability>div>p{font-size:18px;line-height:1.6;margin:0 0 18px}.girolomoni-contact{background:var(--ink);color:var(--paper);border-color:var(--ink);padding:14px 20px;min-height:50px;gap:28px}
@media(max-width:600px){#girolomoni-preview{margin-top:58px}.girolomoni-intro{min-height:390px;margin-left:-8%;margin-right:-8%}.girolomoni-intro>div{padding:36px 8%}.girolomoni-intro h2{font-size:49px}.girolomoni-story{grid-template-columns:1fr;padding:38px 0;gap:26px}.girolomoni-story .lead{font-size:23px}.girolomoni-availability{margin-left:-8%;margin-right:-8%;padding:30px 8%;align-items:flex-start;flex-direction:column;gap:12px}.girolomoni-availability>div{text-align:left;width:100%}.girolomoni-contact{width:100%}}

.shelf-project{scroll-margin-top:24px;max-width:1000px;margin:90px auto 0;background:var(--yellow);color:var(--ink);padding:58px 6%}
.shelf-intro{display:grid;grid-template-columns:1fr 1.4fr;gap:46px;align-items:start}
.shelf-intro .section-label{grid-column:1/-1;padding:0;margin:0 0 -20px}
.shelf-intro h2{font-size:clamp(40px,5vw,62px);margin:0}
.shelf-copy p{font-size:17px;line-height:1.75;margin:0 0 18px}
.producer-formulas{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:38px}
.producer-formulas>div{background:#fff9;padding:30px}
.producer-formulas .eyebrow{font-size:12px;letter-spacing:1.7px;margin:0 0 10px;color:#66685d}
.producer-formulas h3{font-family:'Playfair Display',Georgia,serif;font-size:28px;line-height:1.2;margin:0 0 12px}
.producer-formulas p:last-child{font-size:16px;line-height:1.7;margin:0}
.shelf-current{margin-top:40px;background:var(--paper);padding:32px 36px;display:grid;grid-template-columns:190px 1fr;gap:8px 30px;align-items:start}
.shelf-current .eyebrow{font-size:12px;letter-spacing:1.7px;margin:5px 0 0;grid-row:1/4;color:#66685d}
.shelf-current h3{font-family:'Playfair Display',Georgia,serif;font-size:30px;line-height:1.2;margin:0 0 8px}
.shelf-current>p:not(.eyebrow){font-size:16px;line-height:1.7;margin:0}.shelf-current .small-note{margin-top:10px!important}
.shelf-cta{border-top:1px solid #24251f55;margin-top:36px;padding-top:30px;display:flex;justify-content:space-between;align-items:center;gap:30px}
.shelf-cta p{font-size:18px;line-height:1.65;margin:0}.shelf-cta .button{flex-shrink:0;gap:24px}
@media(max-width:600px){.shelf-project{margin:58px -8% 0;padding:44px 8%}.shelf-intro{grid-template-columns:1fr;gap:24px}.shelf-intro .section-label{margin:0}.producer-formulas{grid-template-columns:1fr}.producer-formulas>div{padding:26px 24px}.shelf-current{grid-template-columns:1fr;padding:26px 24px}.shelf-current .eyebrow{grid-row:auto}.shelf-cta{align-items:flex-start;flex-direction:column}.shelf-cta .button{width:100%}}