html:root,body{background:#f8f2e8!important}
html.page-boot body{visibility:hidden}
html.page-loading,html.page-loading body{background:#f8f2e8!important}
.page-loading :is(#coffee-product,#coffee-collection,#merchandise,#footer){pointer-events:none}
.page-loading :is(#coffee-product,#coffee-collection,#merchandise,#footer) *{animation:none!important;transition:none!important;caret-color:transparent}
.page-loading :is(.pd-section>*,.collection-header>*,.collection h2,.collection-intro,.collection-subtitle,.coffee-card,.merch-header>*,.merch-intro>*,.merch-card,.collection-arrows,.merch-arrows,.footer-links h3,.footer-links li,.footer-statement>*,.footer-brand-column>*){opacity:1!important;translate:none!important}
.page-loading :is(.pd-gallery,.pd-editorial,.pd-real-photo,.md-related-card,.coffee-visual,.merch-product-visual){background:#e7dfd2!important;position:relative;overflow:hidden}
.page-loading :is(.pd-gallery,.pd-editorial,.pd-real-photo,.md-related-card,.coffee-visual,.merch-product-visual) img,
.page-loading :is(.collection-pack,.catalog-label,.pd-editorial-caption,.pd-art-note){visibility:hidden!important}
.page-loading :is(.pd-logo,.collection-logo,.footer-logo){background:#e7dfd2;color:transparent!important;border-radius:3px}
.page-loading :is(.pd-logo,.collection-logo,.footer-logo)>*{visibility:hidden}
.page-loading :is(#coffee-product,#coffee-collection,#merchandise,#footer) :is(h1,h2,h3,p,dt,dd,strong,button,select,output,legend,.pd-kicker,.collection-eyebrow,.merch-edition,.pd-crumb a,.pd-crumb span,.pd-header nav a,.pd-option>span,.pd-option>label,.pd-jump,.merch-sizes label span,.footer-links a,.footer-socials span,.pd-summary summary,.pd-ratio th,.pd-ratio td,.pd-ratio caption){color:transparent!important;text-shadow:none!important;background:#e7dfd2!important;border-color:transparent!important;border-radius:3px}
.page-loading :is(.pd-add,.coffee-quick-add,.merch-add){background:#dccdb9!important}
.page-loading #footer{background:#f8f2e8!important;color:transparent!important}
.page-loading #footer :is(canvas,.footer-glass){visibility:hidden}
.page-loading :is(.pd-gallery,.pd-editorial,.pd-real-photo,.coffee-visual,.merch-product-visual)::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent 20%,#fff8eb80 48%,transparent 75%);transform:translateX(-100%);animation:skeleton-sweep 1.5s ease-in-out infinite!important}
.page-revealed :is(.pd-hero,.pd-reference,.collection-header,.coffee-track,.merch-header,.merch-track)>*{animation:content-settle .35s ease both}
@keyframes skeleton-sweep{to{transform:translateX(100%)}}
@keyframes content-settle{from{opacity:.35}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.page-loading *::after,.page-revealed :is(#coffee-product,#coffee-collection,#merchandise,#footer){animation:none!important}}