.laylo-coffee{background-color:var(--laylo-espresso, #3B2D26);overflow:hidden}.laylo-coffee__inner{padding:var(--padding-top, 6rem) 0 var(--padding-bottom, 6rem);display:flex;flex-direction:column;gap:4rem}.laylo-coffee__header{padding:0 1.5rem;display:flex;flex-direction:column;gap:1rem}@media screen and (min-width:750px){.laylo-coffee__header{padding:0 4rem}}.laylo-coffee__section-label{font-family:var(--font-body--family, system-ui, sans-serif);font-size:.6rem;font-weight:400;letter-spacing:.24em;text-transform:uppercase;color:var(--color-accent-laylo, #C8A8A0);margin:0}.laylo-coffee__heading{font-family:var(--font-heading--family, Georgia, serif);font-size:clamp(2.2rem,5vw,4.5rem);font-weight:400;font-style:italic;line-height:1.05;color:var(--laylo-cream);margin:0}.laylo-coffee__rail{display:flex;gap:1.25rem;padding:0 1.5rem .5rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x mandatory;scroll-padding-inline:1.5rem;-webkit-overflow-scrolling:touch}.laylo-coffee__rail::-webkit-scrollbar{display:none}@media screen and (min-width:750px){.laylo-coffee__rail{padding:0 4rem .5rem;scroll-padding-inline:4rem}}.laylo-coffee-card{flex:none;width:clamp(280px,75vw,360px);cursor:pointer;scroll-snap-align:center;transform-origin:center center;transition:transform .4s var(--ease-out, cubic-bezier(.16, 1, .3, 1)),opacity .4s var(--ease-out, cubic-bezier(.16, 1, .3, 1))}.laylo-coffee-card:focus-visible{outline:2px solid var(--color-accent-laylo, #C8A8A0);outline-offset:4px;border-radius:2px}.laylo-coffee-card__image-wrap{position:relative;overflow:hidden;background-color:#4a3a32;border-radius:8px;margin-bottom:1.5rem}.laylo-coffee-card.is-active{opacity:1;transform:scale(1)}laylo-coffee-rail .laylo-coffee-card:not(.is-active){opacity:.45;transform:scale(.95)}laylo-coffee-rail .laylo-coffee-card:not(.is-active):hover{opacity:.75;transform:scale(.97)}.laylo-coffee-card__image{display:block;width:100%;height:auto;max-width:none;opacity:.8;transform-origin:center center;transition:transform .7s var(--ease-out, cubic-bezier(.16, 1, .3, 1)),opacity .7s var(--ease-out, cubic-bezier(.16, 1, .3, 1))}.laylo-coffee-card__image-wrap:hover .laylo-coffee-card__image{transform:scale(1.03);opacity:.92}.laylo-coffee-card__image--placeholder{background-color:#4a3a32;width:100%;height:100%}.laylo-coffee-card__gradient{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to top,rgba(20,10,7,.75) 0%,transparent 55%);transition:opacity .7s var(--ease-out, cubic-bezier(.16, 1, .3, 1))}.laylo-coffee-card__image-wrap:hover .laylo-coffee-card__gradient{opacity:.85}.laylo-coffee-card__image-caption{position:absolute;bottom:1.5rem;left:1.5rem;right:1.5rem;pointer-events:none}.laylo-coffee-card__process{font-family:var(--font-body--family, system-ui, sans-serif);font-size:.58rem;font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:var(--color-accent-laylo, #C8A8A0);margin:0 0 .4rem}.laylo-coffee-card__name{font-family:var(--font-heading--family, Georgia, serif);font-size:1.35rem;font-weight:400;font-style:italic;color:var(--laylo-cream);margin:0}.laylo-coffee-card__elevation{position:absolute;top:1.25rem;right:1.25rem;font-family:var(--font-body--family, system-ui, sans-serif);font-size:.58rem;font-weight:300;letter-spacing:.14em;text-transform:uppercase;color:#f5f1ea73;margin:0;pointer-events:none}.laylo-coffee-card__text{display:flex;flex-direction:column;gap:0}.laylo-coffee-card__origin{font-family:var(--font-body--family, system-ui, sans-serif);font-size:.6rem;font-weight:400;letter-spacing:.22em;text-transform:uppercase;color:var(--color-accent-laylo, #C8A8A0);margin:0 0 .35rem}.laylo-coffee-card__roaster{font-family:var(--font-body--family, system-ui, sans-serif);font-size:.75rem;font-weight:300;letter-spacing:.04em;color:#f5f1ea61;margin:0 0 .75rem}.laylo-coffee-card__tasting{font-family:var(--font-heading--family, Georgia, serif);font-size:.95rem;font-style:italic;color:#f5f1ea73;margin:0 0 .75rem}.laylo-coffee-card__story{font-family:var(--font-body--family, system-ui, sans-serif);font-size:.82rem;font-weight:300;line-height:1.6;color:#f5f1ea80;margin:0}.laylo-coffee-card__story p{margin:0 0 .5em}.laylo-coffee-card__story p:last-child{margin-bottom:0}.laylo-coffee__pip-row{display:flex;align-items:center;gap:.75rem;padding:0 1.5rem}@media screen and (min-width:750px){.laylo-coffee__pip-row{padding:0 4rem}}.laylo-coffee__pips{display:flex;align-items:center;gap:.6rem}.laylo-coffee__pip{display:block;height:1px;width:10px;border-radius:0;background-color:#f5f1ea2e;background-clip:content-box;-webkit-appearance:none;appearance:none;border:none;padding:0;cursor:pointer;padding-block:21px;box-sizing:content-box;transition:width .4s ease,background-color .4s ease,opacity .4s ease}.laylo-coffee__pip.is-active{width:38px;background-color:#f5f1ead9}.laylo-coffee__pip:hover:not(.is-active){background-color:#f5f1ea59}.laylo-coffee__pip:focus-visible{outline:2px solid rgba(245,241,234,.5);outline-offset:4px}.laylo-coffee__scroll-hint{font-family:var(--font-body--family, system-ui, sans-serif);font-size:.55rem;font-weight:300;letter-spacing:.28em;text-transform:uppercase;color:#f5f1ea59;margin:0 0 0 .75rem}.laylo-coffee__empty-state{display:none;padding:2rem 1.5rem}.laylo-coffee__empty-state p{font-family:var(--font-body--family, system-ui, sans-serif);font-size:.82rem;color:#f5f1ea66;margin:0}.shopify-design-mode .laylo-coffee__empty-state{display:block}@media(prefers-reduced-motion:reduce){.laylo-coffee-card,.laylo-coffee-card__image,.laylo-coffee-card__gradient,.laylo-coffee-card__image-wrap,.laylo-coffee__pip{transition:none}.laylo-coffee__pip.is-active{width:38px;background-color:#f5f1ead9}laylo-coffee-rail .laylo-coffee-card:not(.is-active){transform:none}laylo-coffee-rail .laylo-coffee-card:not(.is-active):hover{transform:none}.laylo-coffee__rail{scroll-snap-type:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/laylo-coffee.css.map */