/* The origin showroom uses Comagro's existing cream, green and authentic photographs. */
.cg-beans{color:#0b1057;font-family:var(--cg-body);padding-block:42px 80px}
.cg-beans *{box-sizing:border-box}
.cg-beans-intro{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:end;margin-bottom:44px}
.cg-beans .cg-beans-route{font:15px/1.5 var(--cg-body);color:#005200;margin:0 0 20px}
.cg-beans h1{font:400 clamp(60px,7.5vw,106px)/.94 'Bebas Neue',sans-serif;letter-spacing:-.01em;text-wrap:balance;margin:0;max-width:760px}
.cg-beans-intro-note{max-width:410px;padding-bottom:6px}
.cg-beans-intro-note p{font:18px/1.65 var(--cg-body);margin:0 0 24px}
.cg-beans-intro-note>a{display:inline-flex;align-items:center;gap:28px;min-height:48px;font:600 16px/1.3 var(--cg-body);color:#005200;text-decoration:none;border-bottom:1px solid #00520055}
.cg-beans-intro-note>a span{transition:transform 220ms}
.cg-beans-intro-note>a:hover span{transform:translateY(4px)}
.cg-bean-explorer{scroll-margin-top:108px}
.cg-bean-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));border-block:1px solid #00520033;margin-bottom:24px}
.cg-bean-tabs>a{position:relative;display:flex;align-items:center;gap:12px;min-height:88px;padding:14px 16px;font:600 16px/1.3 var(--cg-body)!important;color:#0b1057;text-decoration:none;transition:background-color 220ms,color 220ms}
.cg-bean-tabs>a::before{content:'';position:absolute;bottom:-1px;left:0;right:0;height:3px;background:#005200;transform:scaleX(0);transform-origin:left;transition:transform 320ms var(--cg-ease)}
.cg-bean-tabs>a[aria-current=true]{background:#e7e9ca;color:#005200}
.cg-bean-tabs>a[aria-current=true]::before,.cg-bean-tabs>a:hover::before{transform:scaleX(1)}
.cg-bean-tabs img{display:block;width:48px;height:48px;border-radius:50%;object-fit:cover;filter:saturate(.8);transition:filter 220ms,transform 220ms}
.cg-bean-tabs>a:hover img,.cg-bean-tabs>a[aria-current=true] img{filter:saturate(1);transform:scale(1.06)}
.cg-bean-tab-arrow{margin-left:auto;font-size:22px}
.cg-bean-stage{display:grid;grid-template-columns:1.25fr 1fr;min-height:560px;overflow:hidden;border-radius:18px;background:#004630;color:#f7f6d9;margin-bottom:28px;scroll-margin-top:110px}
.cg-bean-stage[hidden]{display:none}
.cg-bean-photo{position:relative;min-width:0;min-height:560px;overflow:hidden;background:#3b2117;touch-action:pan-y pinch-zoom}
.cg-bean-photo>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.035) translate(var(--bean-pan-x,0px),var(--bean-pan-y,0px));transition:transform 650ms var(--cg-ease)}
.cg-bean-photo::after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(15,25,14,.8));pointer-events:none}
.cg-bean-photo-caption{position:absolute;bottom:32px;left:32px;right:32px;z-index:1;pointer-events:none}
.cg-bean-photo-caption>span{font:20px/1.3 var(--cg-body);display:block;margin-bottom:10px}
.cg-beans .cg-bean-photo-caption h2{font:400 clamp(64px,7vw,102px)/.9 'Bebas Neue',sans-serif;margin:0;color:#f7f6d9;text-wrap:nowrap}
.cg-bean-arrows{position:absolute;right:22px;top:22px;z-index:2;display:flex;gap:8px}
.cg-bean-arrows[hidden]{display:none}
.cg-bean-arrows button{display:grid;place-items:center;width:48px;height:48px;border:1px solid #f7f6d999;border-radius:50%;background:#102b2299;color:#f7f6d9;font:26px/1 var(--cg-body);cursor:pointer;backdrop-filter:blur(8px);transition:background-color 200ms,transform 200ms}
.cg-bean-arrows button:hover{background:#005200;transform:scale(1.08)}
.cg-bean-passport{display:flex;flex-direction:column;padding:36px 38px;min-width:0}
.cg-beans .cg-bean-passport-origin{font:15px/1.4 var(--cg-body);color:#d5dfba;margin:0 0 26px}
.cg-bean-passport h3{font:400 clamp(32px,3.3vw,46px)/1 'Bebas Neue',sans-serif;margin:0 0 14px;color:#f7f6d9}
.cg-beans .cg-bean-taste{font:400 clamp(22px,2.2vw,28px)/1.35 Fraunces,Georgia,serif;color:#f7f6d9;margin:0 0 28px;max-width:28ch}
.cg-bean-passport dl{margin:0 0 30px;display:grid;gap:17px}
.cg-bean-passport dl>div{display:grid;grid-template-columns:105px 1fr;gap:18px;align-items:baseline}
.cg-bean-passport dt{font:13px/1.5 var(--cg-body);color:#c2d3ba}
.cg-bean-passport dd{font:15px/1.5 var(--cg-body);margin:0;color:#f7f6d9}
.cg-bean-actions{margin-top:auto}
.cg-beans .cg-bean-actions .cg-button{display:flex;justify-content:space-between;gap:16px;align-items:center;width:100%;background:#f7f6d9;color:#005200!important;border:1px solid #f7f6d9;text-decoration:none;min-height:58px;font:600 17px/1.3 var(--cg-body)}
.cg-beans .cg-bean-details{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0 0;min-height:48px;color:#f7f6d9;font:15px/1.4 var(--cg-body);text-decoration:underline;text-underline-offset:4px}
.cg-beans .cg-bean-flavour-note{font:13px/1.6 var(--cg-body);color:#52604d;max-width:80ch;margin:0 0 32px}
.cg-bean-compare{border-block:1px solid #00520033;padding-block:20px;margin-bottom:60px}
.cg-bean-compare summary{display:flex;align-items:center;justify-content:space-between;list-style:none;font:600 18px/1.4 var(--cg-body);cursor:pointer;color:#005200;min-height:36px}
.cg-bean-compare summary::-webkit-details-marker{display:none}
.cg-bean-compare summary>span{font-size:30px;transition:transform 220ms}
.cg-bean-compare[open] summary>span{transform:rotate(45deg)}
.cg-bean-table-wrap{overflow-x:auto;margin-top:24px}
.cg-bean-compare table{width:100%;border-collapse:collapse;font:15px/1.6 var(--cg-body)}
.cg-bean-compare th,.cg-bean-compare td{padding:16px 16px 16px 0;text-align:left;border-bottom:1px solid #00520022;vertical-align:top}
.cg-bean-compare th{font-weight:600}
.cg-bean-compare tbody a{color:#005200;font:inherit!important;text-underline-offset:4px}
.cg-bean-enquiry-band{display:flex;gap:48px;align-items:center;justify-content:space-between;padding-block:12px}
.cg-bean-enquiry-band h2{font:400 clamp(38px,4.5vw,64px)/1 'Bebas Neue',sans-serif;margin:0 0 16px}
.cg-bean-enquiry-band p{font:17px/1.7 var(--cg-body);max-width:60ch;margin:0}
.cg-bean-enquiry-band .cg-button{flex-shrink:0;gap:24px;min-height:58px}
.cg-bean-request-context{padding:16px;border:1px solid #00520033;border-radius:6px;margin-bottom:20px;color:#005200;font:16px/1.5 var(--cg-body)}
@media(max-width:1100px){.cg-beans-intro{gap:30px}.cg-bean-passport{padding:28px}.cg-bean-stage{grid-template-columns:1fr 1fr}.cg-bean-tabs>a{padding-inline:10px;font-size:14px!important}.cg-bean-tabs img{width:38px;height:38px}.cg-bean-passport dl>div{grid-template-columns:85px 1fr;gap:12px}.cg-bean-photo-caption{left:24px;right:24px}}
@media(max-width:760px){.cg-beans{padding-block:28px 50px}.cg-beans-intro{grid-template-columns:1fr;gap:24px;margin-bottom:30px}.cg-beans h1{font-size:clamp(58px,12vw,86px);max-width:600px}.cg-beans .cg-beans-route{margin-bottom:15px;font-size:14px}.cg-beans-intro-note{max-width:55ch}.cg-beans-intro-note p{font-size:16px;margin-bottom:12px}.cg-bean-tabs{display:flex;overflow-x:auto;scroll-snap-type:x proximity}.cg-bean-tabs>a{min-width:210px;min-height:76px;scroll-snap-align:start}.cg-bean-tabs img{width:42px;height:42px}.cg-bean-stage{grid-template-columns:1fr;min-height:0;border-radius:14px}.cg-bean-photo{min-height:340px;aspect-ratio:1.25}.cg-bean-passport{padding:28px 24px}.cg-bean-photo-caption{bottom:24px}.cg-beans .cg-bean-photo-caption h2{font-size:clamp(54px,13vw,86px)}.cg-bean-passport-origin{margin-bottom:20px!important}.cg-bean-passport h3{font-size:38px}.cg-beans .cg-bean-taste{font-size:25px}.cg-bean-passport dl>div{grid-template-columns:95px 1fr}.cg-bean-enquiry-band{align-items:stretch;flex-direction:column;gap:25px}.cg-bean-enquiry-band .cg-button{justify-content:space-between}.cg-bean-compare{margin-bottom:40px}.cg-bean-compare table{min-width:640px}}
@media(max-width:370px){.cg-beans h1{font-size:56px}.cg-bean-photo{min-height:300px}.cg-bean-passport{padding:24px 20px}.cg-bean-passport dl>div{grid-template-columns:1fr;gap:4px}}
@media(prefers-reduced-motion:reduce){.cg-bean-photo>img{transform:none!important;transition:none!important}.cg-bean-tabs>a img,.cg-bean-arrows button:hover,.cg-beans-intro-note>a:hover span{transform:none!important}}
@media(max-width:760px){.cg-bean-stage{grid-template-columns:minmax(0,1fr)}.cg-bean-photo{width:100%;height:340px;min-height:0;aspect-ratio:auto}.cg-bean-tabs>a{flex-shrink:0}}
@media(max-width:370px){.cg-bean-photo{height:300px}}

.cg-beans .cg-beans-intro--compact{display:block;margin-bottom:20px}
.cg-beans .cg-beans-intro--compact .cg-beans-route{margin:0}