.atri-story{--as-paper:#faf9f4;--as-ink:#292b26;--as-muted:#606158;background:var(--as-paper);color:var(--as-ink);font-family:var(--font-body-family,Arial,sans-serif);font-size:17px;line-height:1.8;padding-bottom:88px}.atri-story *{box-sizing:border-box}.atri-story h1,.atri-story h2,.atri-story p,.atri-story figure{margin:0;color:inherit}.atri-story h1,.atri-story h2{font-family:var(--font-heading-family,Arial,sans-serif);font-weight:400;letter-spacing:-.03em;text-wrap:balance}.as-shell{width:calc(100% - 96px);max-width:1080px;margin:0 auto}.as-brand-intro{display:grid;grid-template-columns:minmax(0,720px) 180px;gap:72px;align-items:center;max-width:1080px;width:calc(100% - 96px);margin:0 auto;padding:80px 0 36px}.as-brand-message h1{font-size:clamp(38px,4.5vw,56px);line-height:1.12;max-width:720px}.as-brand-message .as-lead{max-width:650px;margin-top:24px;color:var(--as-muted)}.as-brand-bean{display:block;width:100%;max-width:180px;height:auto;justify-self:center}.as-palette-edge{animation:as-edge-cycle 28s ease-in-out infinite}.as-palette-mid{animation:as-mid-cycle 28s ease-in-out infinite}.as-palette-light{animation:as-light-cycle 28s ease-in-out infinite}.as-palette-end{animation:as-end-cycle 28s ease-in-out infinite}.as-steps{list-style:none;padding:0;max-width:860px;margin:24px auto 0}.as-step{position:relative;display:grid;grid-template-columns:36px 160px minmax(0,1fr);column-gap:36px;align-items:center;min-height:190px;padding:24px 0 40px}.as-step:not(:last-child):before{content:"";position:absolute;left:17px;top:68px;bottom:-24px;width:1px;background:#d5d6cc}.as-step-number{position:relative;align-self:center;display:grid;place-items:center;width:36px;height:36px;border:1px solid #c7c9bd;border-radius:50%;font-size:13px;line-height:1;letter-spacing:.06em;background:var(--as-paper);font-variant-numeric:tabular-nums}.as-step-copy h2{font-size:26px;line-height:1.25;margin-bottom:12px}.as-step-copy p{font-size:16px;line-height:1.7;color:var(--as-muted);max-width:490px}.as-drawing{display:flex;align-items:center;justify-content:center;min-width:0}.as-drawing svg{display:block;width:100%;height:auto;max-width:170px}.as-roast-copy p+p{margin-top:22px}.as-roasting{display:grid;grid-template-columns:230px minmax(0,1fr);gap:64px;align-items:center;max-width:940px;margin:56px auto 0}.as-roast-figure{text-align:center}.as-roast-figure>svg{position:absolute}.as-loring-machine{display:block;width:100%;height:280px;object-fit:contain;mix-blend-mode:multiply}.as-roast-copy{color:var(--as-muted);max-width:650px}.as-people{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:32px;row-gap:60px;padding-top:96px}.as-story-pair{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}.as-story-pair>.as-section-head{max-width:440px}.as-story-pair--experience{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.as-story-pair--reverse>.as-photo{grid-column:1;grid-row:1;justify-self:start}.as-story-pair--reverse>.as-section-head{grid-column:2;grid-row:1;justify-self:end}.as-story-pair>.as-photo{width:100%;max-width:440px;justify-self:end}.as-story-pair--experience>.as-photo{max-width:none}.as-story-pair--reverse>.as-photo{justify-self:start}.as-section-head h2{font-size:34px;line-height:1.2;margin-bottom:22px}.as-section-head>p{color:var(--as-muted)}.as-photo{min-width:0}.as-photo img{display:block;width:100%;height:auto}.as-photo figcaption,.as-roast-figure figcaption{font-size:12px;line-height:1.5;color:var(--as-muted);padding-top:10px}.as-photo--foodhallen{align-self:center}.as-community-moments{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;align-items:start}.as-community-moments .as-photo img{aspect-ratio:16/9;object-fit:cover;object-position:center}.as-community-moments .as-photo--table-crop img{aspect-ratio:16/9;object-fit:cover;object-position:center top}.as-photo--aeropress{grid-column:2/6;grid-row:2}.as-photo--stage{align-self:start}.as-founder{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:32px;margin-top:8px}.as-founder>div{max-width:360px;color:var(--as-muted)}.as-founder .as-section-head h2{color:var(--as-ink)}.as-founder>.as-photo{align-self:start}.as-founder>.as-photo img{height:auto;aspect-ratio:4/3;object-fit:cover;object-position:center}@media(max-width:1100px){.as-shell,.as-brand-intro{width:calc(100% - 64px)}.as-brand-intro{grid-template-columns:minmax(0,1fr) 150px;gap:40px}.as-roasting{gap:40px;grid-template-columns:200px minmax(0,1fr)}.as-founder{gap:40px}}@media(max-width:749px){.atri-story{font-size:16px;line-height:1.75;padding-bottom:52px}.as-shell,.as-brand-intro{width:calc(100% - 40px)}.as-brand-intro{grid-template-columns:minmax(0,1fr);gap:0;padding:40px 0 16px;position:relative}.as-brand-message h1{font-size:36px;line-height:1.14;max-width:470px}.as-brand-message .as-lead{margin-top:22px}.as-brand-bean{display:block;grid-row:1;width:88px;max-width:100%;height:auto;justify-self:center;margin:0 0 20px}.as-steps{margin:20px auto 0}.as-step{grid-template-columns:36px minmax(0,1fr);column-gap:20px;row-gap:14px;padding:24px 0 36px;min-height:0}.as-step .as-drawing{grid-column:2;width:120px;justify-self:start}.as-step-copy{grid-column:2}.as-step-copy h2{font-size:24px;margin-bottom:10px}.as-step-copy p{font-size:15px}.as-roast-copy p+p{margin-top:20px}.as-roasting{grid-template-columns:minmax(0,1fr);gap:24px;margin-top:32px}.as-roast-figure{width:160px;justify-self:center}.as-loring-machine{height:200px}.as-people{display:flex;flex-direction:column;gap:32px;padding-top:52px}.as-community-moments{grid-template-columns:minmax(0,1fr);gap:32px}.as-story-pair{grid-template-columns:minmax(0,1fr);gap:24px}.as-story-pair--reverse>.as-photo,.as-story-pair--reverse>.as-section-head{grid-column:auto;grid-row:auto;justify-self:stretch}.as-story-pair>.as-section-head,.as-story-pair>.as-photo{max-width:none}.as-section-head h2{font-size:28px;margin-bottom:18px}.as-photo--foodhallen,.as-photo--stage{width:100%;align-self:stretch}.as-photo--aeropress{width:78%;max-width:360px;align-self:flex-start}.as-founder{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:24px 16px;margin-top:8px}.as-founder>.as-photo img{height:auto}.as-founder>div{grid-column:1/-1}.as-founder>div{max-width:540px}}@media(prefers-reduced-motion:reduce){.atri-story *{animation:none!important;transition:none!important}}.as-process-icon{color:#4f5049;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}@keyframes as-edge-cycle{0.0%{stop-color:#c42650}14.286%{stop-color:#80aeba}28.571%{stop-color:#a887a2}42.857%{stop-color:#80552f}57.143%{stop-color:#858e6d}71.429%{stop-color:#b8be62}85.714%{stop-color:#780c2b}to{stop-color:#c42650}}@keyframes as-mid-cycle{0.0%{stop-color:#ef8ca7}14.286%{stop-color:#cee6ee}28.571%{stop-color:#e7c8dc}42.857%{stop-color:#cba77f}57.143%{stop-color:#c5c9ae}71.429%{stop-color:#e8ecab}85.714%{stop-color:#ad3551}to{stop-color:#ef8ca7}}@keyframes as-light-cycle{0.0%{stop-color:#f9c0d0}14.286%{stop-color:#f9fbfc}28.571%{stop-color:#f6e9f1}42.857%{stop-color:#efe2c9}57.143%{stop-color:#e8e3d5}71.429%{stop-color:#fafbee}85.714%{stop-color:#f6ecee}to{stop-color:#f9c0d0}}@keyframes as-end-cycle{0.0%{stop-color:#e63563}14.286%{stop-color:#acd9e7}28.571%{stop-color:#dfa0c7}42.857%{stop-color:#a9794b}57.143%{stop-color:#a4af8c}71.429%{stop-color:#e1e681}85.714%{stop-color:#8d667e}to{stop-color:#e63563}}.atri-shipping{margin:0 0 24px;color:rgb(var(--color-foreground))}.atri-shipping__caption{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px;font-family:var(--font-body-family);font-size:13px;font-weight:400;line-height:1.4;letter-spacing:0}.atri-shipping__amount{flex-shrink:0;white-space:nowrap;font-variant-numeric:tabular-nums;opacity:.7}.atri-shipping__track{display:block;width:100%;height:3px;overflow:hidden;border-radius:3px;background:rgba(var(--color-foreground),.1)}.atri-shipping__fill{display:block;height:100%;border-radius:inherit;background:#000;transform-origin:left;animation:atri-shipping-fill .45s ease-out both}@keyframes atri-shipping-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.atri-shipping__fill{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/10/compiled_assets/styles.css.map?subset=BAAAAAAAAAAAAQ */