.guide-page-shell{width:100%;max-width:calc(1280px + 2 * var(--spacing-gutter));padding-inline:var(--spacing-gutter);margin-inline:auto}.guide-stage-band{background:var(--color-oat);padding-block:clamp(1rem,3.2vw,3rem);position:relative}.guide-stage-band .sheet-stage{box-shadow:0 1px 2px #24191314,0 30px 60px -28px #24191373}.guide-stage-caption{color:var(--color-bark);flex-wrap:wrap;justify-content:space-between;gap:.5rem 1.5rem;margin-top:1rem;display:flex}@media (min-width:82rem){.guide-hero{min-height:368px;padding-top:calc(var(--header-h) + 3.5rem);flex-direction:column;justify-content:flex-end;padding-bottom:2.5rem;display:flex}.guide-stage-band{padding-block:40px}}.guide-part{padding-block:var(--spacing-section-sm)}.guide-part+.guide-part{border-top:1px solid var(--rule)}@media (min-width:48rem){.guide-part-intro{top:calc(var(--header-h) + 2rem);position:sticky}}.guide-note-tile-art{aspect-ratio:16/10;border-radius:var(--radius-md);place-items:center;display:grid;position:relative;overflow:hidden}.guide-swatch-grid{gap:2rem var(--spacing-grid);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (min-width:48rem){.guide-swatch-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:80rem){.guide-swatch-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.guide-note-swatch,.guide-note-coffee{aspect-ratio:4/3;border-radius:var(--radius-md);flex-direction:column;justify-content:space-between;padding:1rem 1.1rem;display:flex;position:relative;overflow:hidden}.guide-note-coffee{flex-direction:column-reverse}.guide-note-coffee-bag,.guide-note-coffee-stage{position:absolute;inset:0}.guide-note-coffee-stage{width:26%;left:auto}.guide-note-bag{aspect-ratio:4/5;border-radius:var(--radius-md);place-items:end center;padding-bottom:9%;display:grid;overflow:hidden}.guide-note-voice{border-radius:var(--radius-md);background:var(--color-linen);box-shadow:inset 0 0 0 1px var(--rule);padding:clamp(1.25rem,2.4vw,1.75rem)}.guide-next{border-radius:var(--radius-lg);background:var(--color-espresso);color:var(--color-parchment);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:2rem;padding:clamp(1.75rem,5vw,4rem);display:flex}.guide-next h2{max-width:16ch}@media (min-width:48rem){.sheet-frame.board-note-stage{--avail:calc((min(1280px, 100vw - 2 * var(--spacing-gutter)) - 11 * var(--spacing-grid)) / 12 * 7 + 6 * var(--spacing-grid))}}.board-note-stage .sheet-stage{border-radius:var(--radius-md);box-shadow:0 1px 2px #24191314,0 24px 48px -28px #24191366}@media (min-width:48rem){.board-note-stage .sheet-stage{margin-inline:0}.board-note-end .sheet-stage{margin-inline:auto 0}}.board-shelf{border-radius:var(--radius-lg);background:var(--color-oat);gap:2.5rem;padding:clamp(1.5rem,4.5vw,4rem);display:grid}@media (min-width:64rem){.board-shelf{grid-template-columns:5fr 7fr;align-items:center}}.board-shelf-items{gap:var(--spacing-grid);grid-template-columns:repeat(2,minmax(0,1fr));display:grid;position:relative}.board-shelf-item{aspect-ratio:4/5;border-radius:var(--radius-md);background:var(--color-parchment);place-items:end center;padding:8% 14% 6%;display:grid}.board-shelf-stamp{filter:drop-shadow(0 8px 14px #24191340);width:clamp(4.5rem,9vw,7rem);position:absolute;top:-1.5rem;left:50%;transform:translate(-50%)rotate(-12deg)}