.coffee-about{color:var(--coffee-color-text);overflow:clip}.coffee-about *,.coffee-about :before,.coffee-about :after{box-sizing:border-box}.coffee-about img{object-fit:cover;width:100%;height:100%;display:block}.coffee-about .container{width:100%;max-width:1240px;padding-inline:var(--margin,16px);margin-inline:auto}.coffee-about .section{padding-block:var(--section-space,64px)}.coffee-about .eyebrow{color:var(--coffee-color-accent);margin:0 0 1rem}.coffee-about .about-hero{padding-top:clamp(4rem,8vw,7rem)}.coffee-about .about-hero__intro{text-align:center}.coffee-about .about-hero__content{width:min(100%,900px);margin-inline:auto}.coffee-about .about-hero__title{text-wrap:balance;max-width:950px;margin:1.5rem auto}.coffee-about .about-hero__title span{color:var(--coffee-color-accent);font-style:italic;display:block}.coffee-about .about-hero__description{max-width:600px;color:var(--coffee-color-muted-text);margin:0 auto 2rem}.coffee-about .about-hero__visual{background:var(--coffee-color-surface-variant);min-height:clamp(280px,48vw,580px);margin:clamp(2.5rem,6vw,5rem) 0 0;position:relative;overflow:hidden}.coffee-about .about-hero__visual img{transition:transform .7s;position:absolute;inset:0}.coffee-about .about-hero__visual:hover img{transform:scale(1.025)}.coffee-about .about-hero__visual-shade{background:linear-gradient(180deg, transparent 40%, color-mix(in srgb, var(--coffee-color-text) 55%, transparent));pointer-events:none;position:absolute;inset:0}.coffee-about .about-hero__caption{color:var(--coffee-color-background);text-align:right;margin:0;position:absolute;bottom:clamp(1rem,3vw,2rem);right:clamp(1rem,3vw,2rem)}.coffee-about .about-hero__index{color:var(--coffee-color-muted-text);text-align:right;margin:1rem 0 0}.coffee-about .about-section-title{text-wrap:balance;margin:0}.coffee-about .about-belief__copy,.coffee-about .about-experience__content,.coffee-about .about-origin__content{min-width:0}.coffee-about .about-belief__copy p,.coffee-about .about-experience__content>p:not(.eyebrow),.coffee-about .about-origin__content>p:not(.eyebrow){color:var(--coffee-color-muted-text)}.coffee-about .about-belief{padding-block:clamp(5rem,10vw,9rem)}.coffee-about .about-belief__grid{grid-template-columns:minmax(0,1fr) minmax(0,.8fr);align-items:start;gap:clamp(2rem,8vw,8rem);display:grid}.coffee-about .about-belief__side{min-width:0}.coffee-about .about-belief__label{color:var(--coffee-color-muted-text);align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.coffee-about .about-section-number{color:var(--coffee-color-accent)}.coffee-about .about-belief__rule{width:100%;height:var(--md-sys-border-width,1px);background:var(--coffee-color-border);margin-top:1.5rem}.coffee-about .about-belief__copy{align-self:end;padding-top:1rem}.coffee-about .about-principles{background:var(--coffee-color-surface-variant);padding-block:clamp(4rem,8vw,7rem)}.coffee-about .about-principles__heading{max-width:700px;margin-bottom:3rem}.coffee-about .about-principles__intro{max-width:620px;color:var(--coffee-color-muted-text);margin-top:1rem}.coffee-about .about-principles__grid{border:var(--md-sys-border-width,1px) solid var(--coffee-color-border);background:var(--coffee-color-border);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.coffee-about .about-principle{background:var(--coffee-color-surface-variant);min-width:0;padding:clamp(1.5rem,3vw,2.5rem);position:relative}.coffee-about .about-principle__image{aspect-ratio:4/3;background:var(--coffee-color-background);margin:0 0 1.5rem;overflow:hidden}.coffee-about .about-principle__image img{transition:transform .6s}.coffee-about .about-principle:hover .about-principle__image img{transform:scale(1.035)}.coffee-about .about-principle__number{color:var(--coffee-color-muted-text)}.coffee-about .about-principle__symbol{color:var(--coffee-color-accent);margin-block:1.5rem 1rem}.coffee-about .about-principle h3{margin:0 0 1rem}.coffee-about .about-principle p{color:var(--coffee-color-muted-text);margin-bottom:0}.coffee-about .about-experience{padding-block:clamp(5rem,10vw,9rem)}.coffee-about .about-experience__grid{grid-template-columns:minmax(0,.9fr) minmax(0,1fr);align-items:center;gap:clamp(3rem,8vw,8rem);display:grid}.coffee-about .about-experience__visual{background:var(--coffee-color-surface-variant);min-height:480px;margin:0;position:relative;overflow:hidden}.coffee-about .about-experience__visual img{transition:transform .7s;position:absolute;inset:0}.coffee-about .about-experience__visual:hover img{transform:scale(1.025)}.coffee-about .about-experience__caption{color:var(--coffee-color-background);text-align:right;text-shadow:0 1px 8px color-mix(in srgb, var(--coffee-color-text) 55%, transparent);margin:0;position:absolute;bottom:1rem;left:1rem;right:1rem}.coffee-about .about-experience__content>.eyebrow{margin-bottom:1.25rem}.coffee-about .about-experience__content .coffee-button{margin-top:1rem}.coffee-about .about-origin{background:var(--coffee-color-surface-variant);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;display:grid}.coffee-about .about-origin__visual{min-height:440px;margin:0;overflow:hidden}.coffee-about .about-origin__content{flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(2rem,6vw,6rem);display:flex}.coffee-about .about-origin__content h2{margin-bottom:1.25rem}.coffee-about .about-text-link{border-bottom:var(--md-sys-border-width,1px) solid currentColor;color:var(--coffee-color-text);align-items:center;gap:.65rem;margin-top:1rem;padding-bottom:.35rem;text-decoration:none;transition:gap .2s,color .2s;display:inline-flex}.coffee-about .about-text-link:hover{color:var(--coffee-color-accent);gap:1rem}.coffee-about .about-text-link:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:4px}.coffee-about .about-closing{background:var(--coffee-color-text);min-height:420px;color:var(--coffee-color-background);align-items:center;display:grid;position:relative;overflow:hidden}.coffee-about .about-closing__visual{margin:0;position:absolute;inset:0}.coffee-about .about-closing__visual img{position:absolute;inset:0}.coffee-about .about-closing__shade{background:color-mix(in srgb, var(--coffee-color-text) 72%, transparent);position:absolute;inset:0}.coffee-about .about-closing__inner{z-index:1;width:min(100% - 2 * var(--margin,16px), 1240px);flex-direction:column;align-items:flex-start;gap:1.5rem;margin-inline:auto;padding-block:clamp(4rem,8vw,7rem);display:flex;position:relative}.coffee-about .about-closing .eyebrow{color:var(--coffee-color-background)}.coffee-about .about-closing h2{text-wrap:balance;max-width:800px;margin:0}.coffee-about .about-closing p:not(.eyebrow){max-width:600px;color:color-mix(in srgb, var(--coffee-color-background) 82%, transparent)}@media (width<=900px){.coffee-about .about-principles__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.coffee-about .about-experience__grid{gap:3rem}.coffee-about .about-experience__visual{min-height:400px}.coffee-about .about-origin__visual{min-height:360px}}@media (width<=760px){.coffee-about .about-belief__grid,.coffee-about .about-experience__grid,.coffee-about .about-origin{grid-template-columns:1fr;gap:2rem}.coffee-about .about-belief__copy{padding-top:0}.coffee-about .about-principles__grid{grid-template-columns:1fr}.coffee-about .about-principle{padding:1.5rem}.coffee-about .about-principle__image{aspect-ratio:16/9}.coffee-about .about-experience__visual{min-height:340px}.coffee-about .about-origin__visual{min-height:300px}.coffee-about .about-origin__content{padding:2rem 1.5rem 3rem}.coffee-about .about-closing{min-height:360px}}@media (width<=420px){.coffee-about .about-hero__visual{min-height:260px}.coffee-about .about-experience__visual{min-height:280px}}@media (prefers-reduced-motion:reduce){.coffee-about *,.coffee-about :before,.coffee-about :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}