.hero{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}@media(max-width:768px){.hero{grid-template-columns:1fr;min-height:auto}}.hero__image{position:relative;overflow:hidden}.hero__image img{width:100%;height:100%;object-fit:cover}@media(max-width:768px){.hero__image{height:70vh}}.intro{padding:140px 40px;text-align:center;margin:0 auto;background-color:#f7f5f0}.intro__eyebrow{font-size:11px!important;letter-spacing:.15em;text-transform:uppercase;color:#888;margin-bottom:32px}.intro__title{font-size:clamp(32px,5vw,56px);font-weight:400;line-height:1.15;letter-spacing:-.02em;margin-bottom:24px}.intro__subtitle{font-size:14px!important;color:#888;margin-bottom:48px}.intro__body{font-size:16px!important;line-height:1.9!important;color:#555;max-width:600px;margin:0 auto}.split{display:grid;grid-template-columns:40% 60%;min-height:90vh}.split--reverse{grid-template-columns:60% 40%}.split--equal{grid-template-columns:1fr 1fr}@media(max-width:900px){.split,.split--reverse,.split--equal{grid-template-columns:1fr;min-height:auto}}.split__content{padding:100px 60px;display:flex;flex-direction:column;justify-content:center;background:#f7f5f0}.split--reverse .split__content{order:2}@media(max-width:900px){.split__content,.split--reverse .split__content{padding:60px 24px;order:2}}.split__eyebrow{font-size:11px!important;letter-spacing:.12em;text-transform:uppercase;color:#888;margin-bottom:24px}.split__title{font-size:clamp(28px,4vw,42px);font-weight:400;line-height:1.15;letter-spacing:-.01em;margin-bottom:16px}.split__subtitle{font-size:13px!important;color:#888;margin-bottom:32px}.split__body{font-size:15px;line-height:1.85;color:#555;max-width:420px}.split__body p+p{margin-top:20px}.split__image{position:relative;overflow:hidden;background:#e8e6e1}.split--reverse .split__image{order:1}@media(max-width:900px){.split__image,.split--reverse .split__image{aspect-ratio:4/5;order:1}}.split__image img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}@media(max-width:900px){.split__image img{position:relative}}.full-image{width:100%;height:80vh;min-height:500px;position:relative;overflow:hidden}.full-image img{width:100%;height:100%;object-fit:cover}.data-strip{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1);background:#fff}@media(max-width:700px){.data-strip{grid-template-columns:repeat(3,1fr)}}@media(max-width:500px){.data-strip{grid-template-columns:1fr 1fr}}.data-item{padding:40px 32px;border-right:1px solid rgba(0,0,0,.1)}.data-item:last-child{border-right:none}.data-item__label{font-size:10px!important;letter-spacing:.1em;text-transform:uppercase;color:#888;margin-bottom:12px}.data-item__value{font-size:15px;font-weight:500}.quote{padding:140px 40px;text-align:center;background:#f0ede6}.quote__text{font-size:clamp(24px,3.5vw,36px);font-weight:400;line-height:1.45;max-width:800px;margin:0 auto 32px}.quote__attr{font-size:12px;color:#888}.related{padding:100px 40px;background:#f7f5f0}.related__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:48px}.related__title{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:#888}.related__link{font-size:14px;text-decoration:underline;text-underline-offset:3px}.related__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media(max-width:768px){.related__grid{grid-template-columns:1fr}}.related__card{background:#fff;overflow:hidden}.related__card-image{aspect-ratio:4/5;overflow:hidden}.related__card-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.related__card:hover .related__card-image img{transform:scale(1.03)}.related__card-content{padding:24px}.related__card-title{font-size:18px;font-weight:400;margin-bottom:8px}.related__card-desc{font-size:12px!important;color:#888}.cta{padding:120px 40px;text-align:center;background:#1a1a1a;color:#f7f5f0}.cta__title{font-size:clamp(28px,4vw,40px);font-weight:400;margin-bottom:24px}.cta__body{font-size:15px;color:#f7f5f0b3;max-width:500px;margin:0 auto 40px}.cta__btn{display:inline-block;padding:16px 40px;background:#f7f5f0;color:#1a1a1a;font-size:13px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;transition:opacity .2s}.cta__btn:hover{opacity:.85}
/*# sourceMappingURL=/cdn/shop/t/40/assets/coffee-story.css.map */