.cs--root .cs--wrapper{row-gap:0}.cs--root .cs-band{position:relative;padding:3.75rem 0}.cs--root .cs-band[data-tight=tight-above]{padding-top:0}.cs--root .cs-band[data-bg=dark]{background:var(--bg-color--dark);box-shadow:0 0 0 100vmax var(--bg-color--dark);clip-path:inset(-1px -100vmax)}.cs--root .cs-band[data-bg=light]{background:var(--bg-color--light);box-shadow:0 0 0 100vmax var(--bg-color--light);clip-path:inset(-1px -100vmax)}.cs--root .cs-band[data-bg=dark][data-tight=tight-above],.cs--root .cs-band[data-bg=light][data-tight=tight-above]{padding-top:2.5rem}.cs--root .cs-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:0 1.25rem}.cs--root .cs-lab{grid-column:1 / 3;margin:0;padding-top:.25rem;font-size:var(--font--overline--size, 11px);letter-spacing:.2em;text-transform:uppercase;opacity:.55;line-height:2}.cs--root .cs-h{margin:0 0 1.5rem;font-weight:700;text-transform:uppercase;line-height:1.25;font-size:clamp(18px,2vw,24px)}.cs--root .cs-rte p{margin:0 0 1.125rem;max-width:62ch}.cs--root .cs-rte p:last-child{margin-bottom:0}.cs--root .cs-hd,.cs--root .cs-bd{grid-column:3 / 9}.cs--root .cs-ti-txt{grid-column:3 / 8;grid-row:1;align-self:center}.cs--root .cs-ti-txt[data-flip=left]{grid-column:7 / 12}.cs--root .cs-ti-img{grid-column:9 / 13;grid-row:1;margin:0}.cs--root .cs-ti-img[data-flip=left]{grid-column:3 / 7}.cs--root .cs-ti-img img{width:100%;aspect-ratio:3 / 4;object-fit:cover;display:block}.cs--root .cs-q-main{grid-column:3 / 8;grid-row:1}.cs--root .cs-q-side{grid-column:9 / 13;grid-row:1;align-self:center}.cs--root .cs-q-side p{max-width:none}.cs--root .cs-quote{margin:0;padding:0;max-width:32ch;font-style:normal;line-height:1.6;font-size:clamp(14px,1.3vw,17px)}.cs--root .cs-quote[data-size=small]{font-size:clamp(13px,1.1vw,15px)}.cs--root .cs-quote:before{content:"";display:block;width:34px;height:1px;background:var(--color--accent-1);margin-bottom:1.125rem}.cs--root .cs-quote p{margin:0 0 .75rem;max-width:none}.cs--root .cs-quote p:last-of-type{margin-bottom:0}.cs--root .cs-src{display:block;margin-top:.875rem;font-style:normal;font-size:10px;letter-spacing:.2em;text-transform:uppercase;opacity:.55}.cs--root .cs-bleed{grid-column:3 / 13;margin:0}.cs--root .cs-bleed img,.cs--root .cs-bleed svg{display:block;width:100%;height:clamp(280px,42vw,520px);object-fit:cover}.cs--root .cs-bleed-cap{grid-column:1 / 3;grid-row:1;align-self:end;padding:0 1rem .25rem 0;line-height:2.1;letter-spacing:.17em}.cs--root .cs-gal-hd{grid-column:3 / 9}.cs--root .cs-gal{grid-column:3 / 13;display:grid;gap:1.25rem;grid-template-columns:repeat(3,1fr)}.cs--root .cs-gal[data-n="1"],.cs--root .cs-gal[data-n="2"]{grid-template-columns:repeat(2,1fr)}.cs--root .cs-gi{margin:0}.cs--root .cs-gi img{width:100%;aspect-ratio:2 / 3;object-fit:cover;display:block}.cs--root .cs-gal[data-n="1"] .cs-gi img{aspect-ratio:3 / 4}.cs--root .cs-gal-note{grid-column:3 / 9;margin-top:1.75rem}.cs--root .cs-doc-hd{grid-column:3 / 7}.cs--root .cs-shot{margin:0}.cs--root .cs-shot--a{grid-column:7 / 13;margin-top:-2.5rem}.cs--root .cs-shot--b{grid-column:3 / 7;margin-top:3.25rem}.cs--root .cs-shot--a img{width:100%;height:320px;object-fit:cover;object-position:center 46%;display:block}.cs--root .cs-shot--b img{width:100%;height:430px;object-fit:cover;object-position:center 42%;display:block}.cs--root .cs-cap{margin-top:.75rem;font-size:10px;letter-spacing:.16em;text-transform:uppercase;opacity:.55;line-height:2.1}.cs--root .cs-doc-note{grid-column:8 / 12;align-self:end;padding-bottom:.5rem}.cs--root .cs-hd .cs-sub{grid-column:auto;margin-top:-1rem;letter-spacing:.16em;padding-top:0}.cs--root .cs-sheet{grid-column:3 / 12;margin-top:2rem}.cs--root .cs-sheet dl{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:0 4rem}.cs--root .cs-ln{display:grid;grid-template-columns:1fr auto;gap:1.125rem;align-items:baseline;padding:.55rem 0;border-bottom:var(--border--dark, 1px solid rgba(128,128,128,.2))}.cs--root .cs-ln dt{margin:0;font-size:10px;letter-spacing:.18em;text-transform:uppercase;opacity:.55}.cs--root .cs-ln dd{margin:0;text-align:right}.cs--root .cs-chart{grid-column:3 / 12;margin-top:1.875rem}.cs--root .cs-scale{position:relative;height:calc(var(--rows, 6) * 28px + 24px);border-bottom:var(--border--dark, 1px solid rgba(128,128,128,.2))}.cs--root .cs-tick{position:absolute;bottom:0;width:1px;height:100%}.cs--root .cs-tick:before{content:"";position:absolute;top:0;bottom:0;left:0;width:1px;background:currentColor;opacity:.14}.cs--root .cs-tick b{position:absolute;bottom:-1.375rem;left:-.875rem;font-size:10px;letter-spacing:.12em;font-weight:400;opacity:.6}.cs--root .cs-bar{position:absolute;height:7px;background:currentColor;bottom:calc((var(--i, 1) - 1) * 28px + 24px)}.cs--root .cs-bar.is-hi{background:var(--color--accent-1)}.cs--root .cs-bar em{position:absolute;left:0;top:-1rem;font-style:normal;font-size:10px;letter-spacing:.15em;text-transform:uppercase;white-space:nowrap}.cs--root .cs-foot{grid-column:3 / 9;margin-top:2.75rem}.cs--root .cs-read--a{grid-column:3 / 7}.cs--root .cs-read--b{grid-column:8 / 12}.cs--root .cs-read-t{grid-column:auto;padding-top:0;margin:0 0 .875rem}.cs--root .cs-read--b .cs-rte p{border-left:1px solid var(--color--accent-1);padding-left:1.125rem}@media(max-width:1000px){.cs--root .cs-band{padding:2.5rem 0}.cs--root .cs-grid{grid-template-columns:1fr}.cs--root .cs-lab,.cs--root .cs-hd,.cs--root .cs-bd,.cs--root .cs-ti-txt,.cs--root .cs-ti-img,.cs--root .cs-q-main,.cs--root .cs-q-side,.cs--root .cs-bleed,.cs--root .cs-bleed-cap,.cs--root .cs-gal-hd,.cs--root .cs-gal,.cs--root .cs-gal-note,.cs--root .cs-doc-hd,.cs--root .cs-shot--a,.cs--root .cs-shot--b,.cs--root .cs-doc-note,.cs--root .cs-sheet,.cs--root .cs-chart,.cs--root .cs-foot,.cs--root .cs-read--a,.cs--root .cs-read--b{grid-column:1;grid-row:auto}.cs--root .cs-ti-img,.cs--root .cs-q-side{margin-top:1.5rem}.cs--root .cs-gal{grid-template-columns:1fr 1fr;gap:.75rem}.cs--root .cs-gal[data-n="3"] .cs-gi:nth-child(3){grid-column:span 2}.cs--root .cs-gal[data-n="3"] .cs-gi:nth-child(3) img{aspect-ratio:4 / 3}.cs--root .cs-gal[data-n="1"]{grid-template-columns:1fr}.cs--root .cs-bleed-cap{align-self:start;padding:0 0 .75rem}.cs--root .cs-shot--a,.cs--root .cs-shot--b{margin-top:1.5rem}.cs--root .cs-doc-note{margin-top:1.5rem;padding-bottom:0}.cs--root .cs-sheet dl{grid-template-columns:1fr;gap:0}.cs--root .cs-quote{max-width:none}.cs--root .cs-read--b,.cs--root .cs-foot{margin-top:2rem}.cs--root .cs-bar em{font-size:9px;letter-spacing:.1em}}
/*# sourceMappingURL=/cdn/shop/t/158/assets/coffee-story.css.map */