.our-coffee-hero{background:var(--color-cream, #F5EFE2);padding:clamp(4rem,9vw,7rem) 0 clamp(3rem,6vw,5rem);position:relative;overflow:hidden}.our-coffee-hero:before{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);width:340px;height:100%;background:var(--ochre, #C6963C);-webkit-mask:var(--watermark-url) no-repeat left center / contain;mask:var(--watermark-url) no-repeat left center / contain;opacity:.08;pointer-events:none;z-index:0}.our-coffee-hero:after{content:"";position:absolute;top:50%;right:0;transform:translateY(-50%) scaleX(-1);width:340px;height:100%;background:var(--ochre, #C6963C);-webkit-mask:var(--watermark-url) no-repeat left center / contain;mask:var(--watermark-url) no-repeat left center / contain;opacity:.08;pointer-events:none;z-index:0}.our-coffee-hero__inner{max-width:var(--content-max, 1180px);margin:0 auto;padding:0 var(--gutter-lg, 2rem);display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;position:relative;z-index:1}.our-coffee-hero__text{display:flex;flex-direction:column;border-right:1px solid var(--line, rgba(42,33,24,.14));padding-right:48px}.our-coffee-hero__eyebrow{font-family:var(--font-mono-family, "DM Sans", system-ui, sans-serif);font-size:.75rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--brand-accent, #C6963C);margin-bottom:1.25rem;display:flex;align-items:center;gap:.75rem}.our-coffee-hero__eyebrow:before{content:"";width:2rem;height:1px;background:var(--brand-accent, #C6963C)}.our-coffee-hero__title{font-family:var(--font-heading-family, "DM Sans", system-ui, sans-serif);font-size:clamp(2.6rem,5vw,4.4rem);font-weight:var(--type-hero-weight, 600);line-height:1.06;letter-spacing:-.015em;color:var(--ink, #2A2118);margin:0 0 26px;max-width:16ch}.our-coffee-hero__subtitle{font-family:var(--font-body-family, "DM Sans", system-ui, sans-serif);font-size:1.08rem;font-weight:400;line-height:1.65;color:var(--ink-soft, #5A4E42);max-width:440px;margin:0 0 36px}.our-coffee-hero__cta{display:flex;gap:1rem;flex-wrap:wrap}.our-coffee-hero__media{position:relative}.our-coffee-hero__media img{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:var(--radius-image, 2px);display:block;position:relative;z-index:1}.our-coffee-hero__media:before{content:"";position:absolute;top:22px;left:22px;right:-22px;bottom:-22px;border:1px solid var(--brand-accent, #C6963C);z-index:0}.oc-section{padding:clamp(3.5rem,8vw,6rem) 0;position:relative}.oc-section--paper{background:var(--color-paper, #FBF8F1)}.oc-section--cream{background:var(--color-cream, #F5EFE2)}.oc-section--dark{background:var(--brand-dark, #2A2118);color:var(--color-white, #fff)}.oc-section__inner{max-width:var(--content-max, 1180px);margin:0 auto;padding:0 var(--gutter-lg, 2rem)}.oc-eyebrow{font-family:var(--font-mono-family, "DM Sans", system-ui, sans-serif);font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--brand-accent, #C6963C);margin-bottom:1rem;display:flex;align-items:center;gap:.75rem}.oc-eyebrow:before{content:"";width:1.5rem;height:1px;background:var(--brand-accent, #C6963C)}.oc-section--dark .oc-eyebrow{color:var(--brand-accent, #C6963C)}.oc-heading{font-family:var(--font-heading-family, "DM Sans", system-ui, sans-serif);font-size:clamp(1.75rem,4vw,2.75rem);font-weight:400;line-height:1.15;letter-spacing:-.015em;color:var(--ink, #2A2118);margin:0 0 1.5rem}.oc-section--dark .oc-heading{color:var(--color-white, #fff)}.oc-heading--lg{font-size:clamp(2.25rem,5vw,3.5rem)}.oc-lede{font-family:var(--font-body-family, "DM Sans", system-ui, sans-serif);font-size:clamp(1rem,1.4vw,1.15rem);font-weight:400;line-height:1.7;color:var(--ink-soft, #5A4E42);max-width:60ch}.oc-section--dark .oc-lede{color:#ffffffbf}.oc-body{font-family:var(--font-body-family, "DM Sans", system-ui, sans-serif);font-size:1rem;line-height:1.75;color:var(--ink-soft, #5A4E42)}.oc-section--dark .oc-body{color:#ffffffb3}.oc-body p{margin-bottom:1.25rem}.oc-body p:last-child{margin-bottom:0}.oc-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2.5rem,5vw,4.5rem);align-items:center}.oc-split--reverse .oc-split__text{order:2}.oc-split--reverse .oc-split__media{order:1}.oc-split__text{display:flex;flex-direction:column}.oc-split__media{position:relative}.oc-split__media img{width:100%;aspect-ratio:4 / 5;object-fit:cover;border-radius:var(--radius-image, 2px);display:block}.oc-split__media--offset:before{content:"";position:absolute;top:16px;left:16px;right:-16px;bottom:-16px;border:1px solid var(--brand-accent, #C6963C);z-index:0}.oc-split__media--offset img{position:relative;z-index:1}.oc-split__stamp{position:absolute;z-index:2;bottom:-14px;left:-14px;background:var(--color-paper, #FBF8F1);border:1px solid var(--line-strong, rgba(42,33,24,.28));padding:8px 14px;transform:rotate(-3deg);font-family:var(--font-mono-family, "DM Sans", system-ui, sans-serif);font-weight:700;font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft, #5A4E42)}.oc-section--moss{background:var(--brand-moss, #5B6A47);color:var(--color-white, #fff);overflow:hidden}.oc-section--moss:before{content:"";position:absolute;top:50%;right:0;transform:translateY(-50%);width:min(72vw,620px);height:115%;background:var(--ochre, #C6963C);-webkit-mask:var(--farmer-hat-url, none) no-repeat right center / contain;mask:var(--farmer-hat-url, none) no-repeat right center / contain;opacity:.22;pointer-events:none;z-index:0}.oc-section--moss>.oc-section__inner{position:relative;z-index:1}.oc-section--moss .oc-eyebrow{color:var(--color-cream, #F5EFE2)}.oc-section--moss .oc-eyebrow:before{background:var(--color-cream, #F5EFE2)}.oc-stat-band{display:grid;grid-template-columns:auto 1fr;gap:clamp(2rem,5vw,4rem);align-items:center}.oc-stat-band__number{font-family:var(--font-heading-family, "DM Sans", system-ui, sans-serif);font-size:clamp(5rem,12vw,9rem);font-weight:var(--font-weight-regular, 400);line-height:.9;color:var(--color-cream, #F5EFE2);letter-spacing:-.04em}.oc-stat-band__number sup{font-size:.3em;vertical-align:super;font-weight:400}.oc-stat-band__text{font-family:var(--font-body-family, "DM Sans", system-ui, sans-serif);font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.6;color:#ffffffd9;max-width:50ch}.oc-stat-band__text strong{color:var(--color-white, #fff);font-weight:600}.oc-section--moss .oc-cta{color:var(--color-cream, #F5EFE2)}.oc-section--moss .oc-cta:hover{color:var(--color-white, #fff)}.oc-process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin:2.5rem 0}.oc-process-card{background:var(--color-paper, #FBF8F1);border:1px solid var(--line, rgba(42,33,24,.14));padding:2rem 1.75rem;border-radius:var(--radius-card, 2px);transition:transform .3s ease,box-shadow .3s ease}.oc-process-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #2a211814}.oc-process-card__number{font-family:var(--font-display-family, "Staatliches", Impact, sans-serif);font-size:2rem;font-weight:400;color:var(--brand-accent, #C6963C);line-height:1;margin-bottom:.75rem}.oc-process-card__title{font-family:var(--font-heading-family, "DM Sans", system-ui, sans-serif);font-size:1.15rem;font-weight:400;color:var(--ink, #2A2118);margin:0 0 .5rem}.oc-process-card__desc{font-family:var(--font-body-family, "DM Sans", system-ui, sans-serif);font-size:.9rem;line-height:1.6;color:var(--ink-soft, #5A4E42);margin:0}.oc-timeline{position:relative;padding-left:2rem;margin:2rem 0}.oc-timeline:before{content:"";position:absolute;left:0;top:.5rem;bottom:.5rem;width:1px;background:var(--line-strong, rgba(42,33,24,.28))}.oc-timeline__item{position:relative;padding-bottom:2rem}.oc-timeline__item:last-child{padding-bottom:0}.oc-timeline__item:before{content:"";position:absolute;left:-2rem;top:.4rem;width:9px;height:9px;border-radius:50%;background:var(--brand-accent, #C6963C);border:2px solid var(--color-paper, #FBF8F1);transform:translate(-4px)}.oc-timeline__year{font-family:var(--font-mono-family, "DM Sans", system-ui, sans-serif);font-size:.85rem;font-weight:700;color:var(--brand-accent, #C6963C);letter-spacing:.05em;margin-bottom:.25rem}.oc-timeline__text{font-family:var(--font-body-family, "DM Sans", system-ui, sans-serif);font-size:.95rem;line-height:1.6;color:var(--ink-soft, #5A4E42);margin:0}.oc-feature-image{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:var(--radius-image, 2px);display:block}.oc-feature-image--tall{aspect-ratio:3 / 4;max-height:70vh}.oc-pattern{position:absolute;opacity:.06;pointer-events:none;z-index:0}.oc-pattern--tr{top:0;right:0;width:280px;height:auto;opacity:.08}.oc-pattern--bl{bottom:0;left:0;width:220px;height:auto;transform:rotate(180deg)}.oc-cta{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-body-family, "DM Sans", system-ui, sans-serif);font-size:.9rem;font-weight:600;color:var(--brand-accent, #C6963C);text-decoration:none;transition:color .2s ease,gap .2s ease;margin-top:1rem}.oc-cta:hover{color:var(--ink, #2A2118);gap:.75rem}.oc-cta:after{content:"\2192";font-family:var(--font-mono-family, monospace)}.oc-section--dark .oc-cta{color:var(--brand-accent, #C6963C)}.oc-section--dark .oc-cta:hover{color:var(--color-white, #fff)}.oc-cert{display:flex;align-items:center;justify-content:center;gap:clamp(1.5rem,4vw,3rem);flex-wrap:wrap;text-align:left}.oc-cert__logo{width:80px;height:80px;object-fit:contain;background:var(--color-white, #fff);padding:.5rem;border-radius:50%;flex-shrink:0}.oc-cert__text h3{font-family:var(--font-heading-family, "DM Sans", system-ui, sans-serif);font-size:1.1rem;font-weight:400;color:var(--brand-accent, #C6963C);margin:0 0 .35rem}.oc-cert__text p{font-family:var(--font-body-family, "DM Sans", system-ui, sans-serif);font-size:.9rem;line-height:1.6;color:#ffffffa6;margin:0;max-width:42ch}.oc-origins{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1.5rem}.oc-origin-tag{font-family:var(--font-mono-family, "DM Sans", system-ui, sans-serif);font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft, #5A4E42);border:1px solid var(--line, rgba(42,33,24,.14));padding:.3rem .7rem;border-radius:2px}.oc-reveal{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.oc-reveal.is-visible{opacity:1;transform:translateY(0)}@media(max-width:900px){.our-coffee-hero__inner{grid-template-columns:1fr;gap:2.5rem}.our-coffee-hero__text{border-right:none;padding-right:0}.our-coffee-hero__media{order:-1}.our-coffee-hero__media img{aspect-ratio:4 / 3}.our-coffee-hero:before,.our-coffee-hero:after{width:220px;opacity:.06}.oc-split{grid-template-columns:1fr;gap:2.5rem}.oc-split--reverse .oc-split__text{order:1}.oc-split--reverse .oc-split__media{order:0}.oc-split__media img{aspect-ratio:4 / 3}.oc-process-grid{grid-template-columns:1fr;gap:1rem}.oc-stat-band{grid-template-columns:1fr;gap:1.5rem;text-align:left}.oc-stat-band__number{font-size:clamp(4rem,18vw,6rem)}.oc-section--moss:before{width:min(92vw,480px);opacity:.12;right:-10%}.oc-pattern{display:none}}@media(max-width:600px){.our-coffee-hero__media:before{display:none}.oc-split__media--offset:before{display:none}.oc-split__stamp{display:none}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/our-coffee.css.map */