/* SIDE B product pages */

.pd-real-photo img[src$="colombia-drying.jpg"]{object-position:center 25%}.pd-real-photo img[src$="ethiopia-harvest.jpg"]{object-position:center top}
.pd-real-photo{margin:0;min-width:0;align-self:center}.pd-real-photo>img{display:block;width:100%;height:510px;object-fit:cover;background:#eee4d6}.pd-real-photo figcaption{display:flex;flex-direction:column;gap:5px;padding:13px 0 0;color:#70675d;font-size:10px;line-height:1.6}.pd-real-photo figcaption a{text-decoration:underline;text-underline-offset:3px}.pd-real-photo figcaption a:hover{color:#ca220d}@media(max-width:1000px){.pd-real-photo>img{height:420px}}@media(max-width:600px){.pd-real-photo>img{height:350px}.pd-real-photo figcaption{font-size:10px}}
[hidden]{display:none!important}
#coffee-product{background:#f8f2e8;color:#111;--pd-red:#ca220d;--pd-rule:#25211a28;overflow:hidden}
.pd-header{display:flex;align-items:center;justify-content:space-between;padding:26px 5%;border-bottom:1px solid var(--pd-rule)}
.pd-logo{display:flex;align-items:center;gap:8px;font-size:30px;font-weight:850;letter-spacing:-1.5px}.pd-logo img{filter:brightness(0)}
.pd-header nav{display:flex;gap:35px;align-items:center;font-size:13px}.pd-header button{border:0;background:none;padding:10px 0;color:#111}.pd-header a:not(.pd-logo):hover{color:var(--pd-red)}
.pd-crumb{padding:28px 5% 0;display:flex;gap:16px;font-size:12px;color:#655f58}.pd-crumb a:hover{color:var(--pd-red)}
.pd-section{margin:0 5%;padding:85px 0;display:grid;grid-template-columns:1fr 1fr;gap:8%;border-bottom:1px solid var(--pd-rule)}
.pd-hero{grid-template-columns:1.15fr 1fr;padding-top:28px;gap:7%}
.pd-gallery{min-width:0;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(ellipse at 45% 48%,#fffaf1,#eee3d3);overflow:hidden;min-height:650px}
.pd-product-art{width:100%;height:550px;display:flex;align-items:center;justify-content:center;overflow:hidden}.pd-product-art .collection-pack{--pack-width:290px;transition:transform .8s cubic-bezier(.16,1,.3,1);filter:drop-shadow(-18px 30px 14px #39251f40)}.pd-product-art.is-detail .collection-pack{transform:scale(1.65) translateY(-16%)}
.pd-gallery-controls{display:flex;gap:20px;z-index:1}.pd-gallery-controls button{border:0;border-bottom:1px solid transparent;background:none;font-size:11px;padding:10px 0;color:#111}.pd-gallery-controls button[aria-pressed=true]{border-color:#ca220d;color:#ca220d}.pd-art-note{font-size:9px;letter-spacing:.2em;margin:25px 0}
.pd-kicker{text-transform:uppercase;letter-spacing:.15em;font-size:11px;font-weight:650;display:block;margin-bottom:22px}.pd-summary{padding:24px 0 0}.pd-summary h1{font-size:clamp(52px,5.4vw,90px);font-weight:800;letter-spacing:-.065em;line-height:1;margin:0 0 25px}.pd-flavours{font-size:21px;line-height:1.5;max-width:420px}.pd-description{font-size:15px;margin:20px 0 12px}.pd-jump{font-size:12px;border-bottom:1px solid #111;padding-bottom:4px;display:inline-block}.pd-order{margin-top:48px}.pd-option{display:flex;align-items:center;justify-content:space-between;min-height:58px;border-top:1px solid var(--pd-rule);font-size:13px}.pd-option>label,.pd-option>span:first-child{text-transform:uppercase;font-size:10px;font-weight:650;letter-spacing:.12em}.pd-option select{font:inherit;border:0;background:none;color:#111;padding:10px;min-width:160px}.pd-quantity{display:flex;align-items:center;gap:22px}.pd-quantity button{width:38px;height:40px;border:0;background:none;font-size:22px}.pd-quantity button:disabled{opacity:.25}.pd-quantity output{min-width:22px;text-align:center}
.pd-add{width:100%;display:flex;align-items:center;justify-content:space-between;background:#ca220d;color:#fff1d9;border:0;padding:22px;font-size:14px;margin-top:18px;transition:background .25s,transform .25s}.pd-add:hover{background:#e33419;transform:translateY(-2px)}.pd-preview,.pd-source,.pd-data-note{font-size:12px!important;line-height:1.7!important;color:#686058}.pd-status{font-size:13px;color:#9d240f;min-height:18px}.pd-summary details{border-top:1px solid var(--pd-rule);padding:18px 0;font-size:12px;line-height:1.7}.pd-summary summary{cursor:pointer;font-weight:600}.pd-summary details p{max-width:460px}
.pd-section h2{font-size:clamp(35px,4vw,62px);line-height:1.05;letter-spacing:-.055em;font-weight:750;margin:0 0 30px}.pd-section p{line-height:1.8}.pd-about{align-items:center}.pd-copy{max-width:500px;padding-left:5%}.pd-editorial{min-height:540px;position:relative;background:#ca220d;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#fff1d9}.pd-editorial .collection-pack{--pack-width:240px;transform:rotate(13deg);z-index:1;filter:drop-shadow(-20px 25px 12px #610f0366)}.pd-editorial-word{position:absolute;top:35%;font-size:clamp(80px,8vw,130px);font-weight:900;letter-spacing:-.07em}.pd-editorial-caption{position:absolute;bottom:28px;left:28px;font-size:10px;letter-spacing:.15em}
.pd-taste,.pd-facts{align-items:center}.pd-taste p,.pd-facts p{max-width:450px;font-size:14px}.pd-notes{list-style:none;padding:0;margin:0}.pd-notes li{border-bottom:1px solid var(--pd-rule);padding:28px 0;font-size:clamp(22px,2.5vw,39px);letter-spacing:-.04em;display:flex;align-items:center;gap:20px}.pd-notes li>span:first-child{font-size:11px;color:#ca220d;letter-spacing:0}.pd-notes li>span:last-child{margin-left:auto;color:#ca220d}.pd-facts dl{margin:0}.pd-facts dl>div{display:grid;grid-template-columns:1fr 1.2fr;gap:20px;padding:22px 0;border-bottom:1px solid var(--pd-rule);font-size:13px}.pd-facts dt{text-transform:uppercase;font-size:10px;letter-spacing:.1em;font-weight:650}.pd-facts dd{margin:0}
.pd-brew{align-items:center}.pd-brew-art{position:relative;background:#eee4d6;overflow:hidden}.pd-brew-art img{width:100%;display:block;mix-blend-mode:multiply}.pd-brew-art span{position:absolute;left:25px;bottom:25px;font-weight:800;font-size:clamp(25px,3vw,48px);line-height:.95;letter-spacing:-.05em;color:#ca220d}.pd-water{display:flex;justify-content:space-between;font-size:13px;margin-top:30px}#pd-water{width:100%;accent-color:#ca220d;margin:25px 0;cursor:pointer}.pd-recipe{display:flex;align-items:baseline;gap:20px;border-bottom:1px solid var(--pd-rule);padding-bottom:25px}.pd-recipe strong{font-size:48px;letter-spacing:-.06em}.pd-recipe span{font-size:12px}.pd-source a{display:block;text-decoration:underline}.pd-related{grid-template-columns:.8fr 1.2fr;align-items:center;border:0}.pd-related-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.pd-related-card>div{height:300px;display:flex;justify-content:center;align-items:center;background:#eee4d6;overflow:hidden}.pd-related-card .collection-pack{--pack-width:140px;transition:transform .5s}.pd-related-card:hover .collection-pack{transform:rotate(-5deg) translateY(-8px)}.pd-related-card h3{font-size:16px;display:flex;justify-content:space-between}.pd-related-card p{font-size:12px}.pd-related-card strong{font-size:16px;font-weight:500}
::view-transition-old(root){animation:pd-out .18s ease both}::view-transition-new(root){animation:pd-in .4s ease both}@keyframes pd-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes pd-out{to{opacity:0}}
@media(max-width:850px){.pd-section{gap:5%;padding-block:55px}.pd-product-art .collection-pack{--pack-width:220px}.pd-gallery{min-height:520px}.pd-product-art{height:430px}.pd-summary h1{font-size:50px}.pd-order{margin-top:30px}.pd-editorial{min-height:430px}.pd-editorial .collection-pack{--pack-width:200px}.pd-related-card>div{height:250px}.pd-related-card .collection-pack{--pack-width:120px}}
@media(max-width:600px){.pd-header{padding:20px 6%}.pd-logo{font-size:25px}.pd-logo img{width:18px;height:27px}.pd-header nav{gap:16px;font-size:11px}.pd-header button{font-size:11px}.pd-crumb{padding:24px 6% 0;font-size:10px}.pd-section{margin-inline:6%;grid-template-columns:1fr;gap:35px;padding-block:40px}.pd-hero{padding-top:22px}.pd-gallery{min-height:430px}.pd-product-art{height:340px}.pd-product-art .collection-pack{--pack-width:200px}.pd-art-note{margin:20px 0}.pd-summary{padding:0}.pd-summary h1{font-size:58px}.pd-flavours{font-size:19px}.pd-section h2{font-size:40px}.pd-copy{padding:0}.pd-editorial{min-height:420px}.pd-editorial-word{font-size:85px}.pd-taste,.pd-facts,.pd-brew{gap:25px}.pd-notes li{font-size:28px;padding:22px 0}.pd-brew-art{max-height:390px}.pd-brew-art img{object-fit:contain}.pd-related-grid{gap:18px}.pd-related-card>div{height:220px}.pd-related-card .collection-pack{--pack-width:110px}.pd-related-card h3{font-size:14px}.pd-related-card p{font-size:11px}.pd-recipe strong{font-size:42px}}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}.pd-product-art .collection-pack,.pd-related-card .collection-pack,.pd-add{transition:none}}
.pd-espresso{border-block:1px solid var(--pd-rule);padding:20px 0;margin-bottom:25px;font-size:13px}.pd-espresso a{font-size:11px;text-decoration:underline}.pd-espresso p{margin:10px 0}
/* Alternating editorial sequence: about, flavour, information, brewing, footer. */
.pd-reference{grid-template-columns:1fr 1fr;gap:7%;align-items:center;padding-block:70px}
.pd-reference .pd-kicker{font-size:12px;font-weight:650;letter-spacing:.15em;line-height:1.5;margin:0 0 25px;text-transform:uppercase}
.pd-reference .pd-copy{padding:0 8%;max-width:none}.pd-reference .pd-copy p{font-size:14px;line-height:1.85;margin:0 0 26px}.pd-reference .pd-copy .pd-about-lead{font-size:22px;line-height:1.55;letter-spacing:-.025em}
.pd-reference-copy{padding:0 8%;min-width:0}.pd-taste .pd-reference-copy,.pd-brew .pd-reference-copy{text-align:center}
.pd-note-heading{font-size:24px!important;font-weight:600;line-height:1.45!important;letter-spacing:-.025em;margin:0 0 45px;max-width:none!important}
.pd-table-title{font-size:11px;text-transform:uppercase;letter-spacing:.15em;font-weight:600;text-align:left;margin:55px 0 16px}
.pd-table{margin:0;text-align:left;border-top:1px solid var(--pd-rule)}.pd-reference .pd-table>div{display:grid;grid-template-columns:35% 65%;gap:0;padding:0;border-bottom:1px solid var(--pd-rule)}.pd-table dt{font-size:10px;font-weight:650;letter-spacing:.1em;text-transform:uppercase;border-right:1px solid var(--pd-rule);padding:20px 14px}.pd-table dd{font-size:13px;line-height:1.6;margin:0;padding:18px 16px}
.pd-reference-copy .pd-data-note{max-width:none;margin-top:20px;font-size:11px!important}.pd-profile-image,.pd-origin-image{height:510px;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;background:radial-gradient(ellipse at 25% 25%,#fff9ef,#e3d2bb)}
.pd-profile-image .collection-pack{--pack-width:360px;transform:rotate(-16deg) scale(1.3);filter:drop-shadow(-16px 24px 14px #39251f45)}.pd-origin-image{background:linear-gradient(135deg,#eed8bd,#f7eddf 60%,#e4cbb0)}.pd-origin-image .collection-pack{--pack-width:255px;transform:rotate(12deg);filter:drop-shadow(-25px 24px 12px #39251f55)}.pd-image-caption{position:absolute;bottom:20px;left:24px;z-index:2;font-size:10px;letter-spacing:.12em;text-transform:uppercase;background:#f8f2e8e8;padding:12px 16px;line-height:1.7}
.pd-reference .pd-editorial{min-height:510px}.pd-reference .pd-brew-art{height:510px;display:flex;align-items:center}.pd-reference .pd-brew-art img{height:100%;object-fit:cover}.pd-brew.pd-reference{border-bottom:0}.pd-brew.pd-reference p{font-size:14px}.pd-brew .pd-table-title{text-align:center}.pd-ratio{border-collapse:collapse;width:100%;font-size:12px;margin:28px 0 20px;table-layout:fixed}.pd-ratio caption{text-align:left;text-transform:uppercase;letter-spacing:.12em;font-size:10px;margin-bottom:12px}.pd-ratio th,.pd-ratio td{border-block:1px solid var(--pd-rule);padding:20px 4px;font-weight:400}.pd-ratio th{font-weight:600}
@media(max-width:1000px){.pd-reference-copy,.pd-reference .pd-copy{padding:0 3%}.pd-reference{gap:5%}.pd-profile-image,.pd-origin-image,.pd-reference .pd-editorial,.pd-reference .pd-brew-art{height:420px;min-height:420px}.pd-profile-image .collection-pack{--pack-width:280px}.pd-origin-image .collection-pack{--pack-width:210px}.pd-table dd{font-size:12px;padding:15px 10px}.pd-table dt{font-size:9px;padding:16px 8px}}
@media(max-width:600px){.pd-reference{grid-template-columns:1fr;gap:30px;padding-block:40px}.pd-reference .pd-copy,.pd-reference-copy{padding:0}.pd-reference .pd-copy .pd-about-lead{font-size:21px}.pd-note-heading{font-size:22px!important;margin-bottom:30px}.pd-table-title{margin-top:30px}.pd-profile-image,.pd-origin-image,.pd-reference .pd-editorial,.pd-reference .pd-brew-art{height:350px;min-height:350px}.pd-profile-image .collection-pack{--pack-width:260px}.pd-origin-image .collection-pack{--pack-width:190px}.pd-table dd{font-size:12px}.pd-table dt{font-size:10px}.pd-ratio th,.pd-ratio td{padding-block:17px}}

/* Compact product details across every coffee route. */
.pd-taste .pd-kicker,.pd-brew .pd-kicker{margin-bottom:12px}.pd-taste .pd-note-heading,.pd-brew .pd-note-heading{margin-bottom:18px}.pd-taste .pd-table-title,.pd-brew .pd-table-title{margin-top:24px;margin-bottom:12px}.pd-brew .pd-reference-copy>p{margin-block:12px}.pd-brew .pd-ratio{margin-block:18px 0}.pd-sample-label{display:block;font-size:10px!important;letter-spacing:.08em;text-transform:uppercase;color:#796b5b;font-weight:400;margin:8px 0 14px}.pd-table-title .pd-sample-label{display:inline;margin-left:10px;font-size:9px!important}.pd-credits{margin:0 5%;padding:16px 0 24px;font-size:11px;color:#70675d;line-height:1.7}.pd-credits summary{cursor:pointer;width:fit-content}.pd-credits a{text-decoration:underline;text-underline-offset:3px}.pd-gallery-controls button{min-width:36px;min-height:40px}
/* Tighter rhythm for every coffee detail page. */
#coffee-product .pd-section{padding-block:42px;column-gap:5%}
#coffee-product .pd-hero{padding-top:22px}
#coffee-product .pd-header{padding-block:20px}
#coffee-product .pd-crumb{padding-top:20px}
#coffee-product .pd-summary{padding-top:12px}
#coffee-product .pd-summary h1{margin-bottom:16px}
#coffee-product .pd-kicker{margin-bottom:14px}
#coffee-product .pd-flavours{margin-block:12px}
#coffee-product .pd-description{margin-block:12px 10px}
#coffee-product .pd-order{margin-top:24px}
#coffee-product .pd-option{min-height:50px}
#coffee-product .pd-status:empty{min-height:0;margin:12px 0}
#coffee-product .pd-summary details{padding-block:14px}
#coffee-product .pd-reference .pd-copy p{margin-bottom:16px;line-height:1.7}
#coffee-product .pd-note-heading{margin-bottom:14px}
#coffee-product .pd-table-title{margin-top:18px;margin-bottom:10px}
#coffee-product .pd-table dt,#coffee-product .pd-table dd{padding-block:14px}
#coffee-product .pd-ratio th,#coffee-product .pd-ratio td{padding-block:14px}
#coffee-product .pd-gallery-controls{gap:10px}
#coffee-product .pd-gallery-controls button{width:42px;height:42px;padding:0;border:1px solid transparent;transition:background .22s,color .22s,transform .22s,border-color .22s}
#coffee-product .pd-gallery-controls button[aria-pressed=true]{background:#ca220d;color:#fff1d9;border-color:#ca220d}
#coffee-product .pd-gallery-controls button:hover{background:#e33419;color:#fff1d9;border-color:#e33419;transform:translateY(-3px)}
#coffee-product .pd-gallery-controls button:focus-visible{outline:2px solid #ca220d;outline-offset:4px}
#coffee-product .pd-gallery-controls button:active{transform:translateY(0) scale(.96)}
#coffee-product .pd-art-note{margin-block:16px}
@media(max-width:600px){#coffee-product .pd-section{padding-block:26px;row-gap:20px}#coffee-product .pd-hero{padding-top:18px}#coffee-product .pd-summary{padding-top:0}#coffee-product .pd-reference .pd-copy p:last-child{margin-bottom:0}#coffee-product .pd-table dt,#coffee-product .pd-table dd{padding-block:12px}}
@media(prefers-reduced-motion:reduce){#coffee-product .pd-gallery-controls button{transition:none}#coffee-product .pd-gallery-controls button:hover,#coffee-product .pd-gallery-controls button:active{transform:none}}
/* Product and footer marks follow the front-page logo proportions. */
#coffee-product .pd-logo,.footer-brand-column .footer-logo{font:800 32px/1 SideB,Arial,sans-serif;letter-spacing:-.45px;gap:6px;min-height:30px}
#coffee-product .pd-logo img,.footer-brand-column .footer-logo img{width:18px;height:22px;object-fit:fill;transform:none;transition:none}
.footer-brand-column .footer-logo{cursor:default}
.md-gallery .pd-product-art>img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .8s cubic-bezier(.16,1,.3,1)}
.md-gallery .pd-product-art.is-detail>img{transform:scale(1.4)}
.md-gallery{background:#f8f2e8}
#coffee-product .md-related{display:block;border:0}
.md-related h2{font-size:clamp(32px,3.5vw,54px)}
.md-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.md-related-card{display:block;min-width:0}
.md-related-card img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply;transition:transform .4s}
.md-related-card:hover img{transform:translateY(-6px)}
.md-related-card h3{display:flex;justify-content:space-between;font-size:16px;margin:12px 0}
.md-related-card p{font-size:12px;margin:8px 0}
.md-related-card strong{font-size:16px;font-weight:500}
.md-sizes{margin:0 0 22px;text-align:left}
@media(max-width:600px){#coffee-product .pd-logo,.footer-brand-column .footer-logo{font-size:27px;letter-spacing:-.4px}#coffee-product .pd-logo img,.footer-brand-column .footer-logo img{width:16px;height:19px}.md-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px}.md-related-card h3{font-size:13px}.md-related-card:last-child{grid-column:1/-1;max-width:50%}}
@media(prefers-reduced-motion:reduce){.md-gallery .pd-product-art>img,.md-related-card img{transition:none}.md-related-card:hover img{transform:none}}
#coffee-product .pd-logo{white-space:nowrap;flex-shrink:0}
#pd-title:focus{outline:none}
#coffee-product .pd-summary{min-width:0}
#coffee-product .pd-summary h1{max-width:none;width:100%;font-size:clamp(32px,4.6vw,72px);line-height:1.08;letter-spacing:-.055em;overflow-wrap:normal;word-break:normal}
.coffee-details h3,.merch-details h3,.md-related-card h3{min-width:0;word-break:normal;overflow-wrap:normal}
.md-related-card h3{gap:8px}
@media(max-width:600px){#coffee-product .pd-summary h1{font-size:clamp(30px,7.5vw,44px)}#coffee-product .pd-flavours{font-size:clamp(16px,3.6vw,19px)}#coffee-product .pd-description{font-size:14px}#coffee-product .pd-summary .pd-kicker{margin-bottom:14px}.md-related-card:last-child{max-width:none;grid-column:auto}.md-related-grid{grid-template-columns:1fr 1fr}}
@media(max-width:420px){#coffee-product .pd-header{flex-wrap:wrap;gap:14px}#coffee-product .pd-header nav{width:100%;justify-content:space-between;gap:12px}#coffee-product .pd-header nav button{white-space:nowrap}}