/* Shared accessibility source. Loaded after the generated page styles. */
.skip-to-content {position:absolute;left:-9999px;top:0;z-index:1000;background:#1B5C35;color:#F9F6F0;padding:12px 18px;font-size:14px;}
.skip-to-content:focus {left:0;color:#F9F6F0;}
.a11y-sr-only {position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}
main[id], [role="main"][id] {scroll-margin-top:100px;}
a,button,input,textarea,select,summary,[tabindex] {scroll-margin-top:100px;scroll-margin-bottom:80px;}
main:focus {outline:none;}
main {overflow-wrap:anywhere;}
footer:not(.cgbn-assistant-composer) {overflow-wrap:anywhere;}
footer:not(.cgbn-assistant-composer) div {min-width:0;max-width:100%;}
/* Keep the existing homepage tracking link readable on its green footer;
   the exported gold hover color is below 4.5:1 at this 15px text size. */
footer a.x7:hover {color:#dfeadf!important;}
nav[aria-label="On this page"] {overflow-wrap:anywhere;}
nav[aria-label="On this page"] > div {min-width:0;max-width:100%;}
.lc-nav {overflow-wrap:anywhere;}
main input,main textarea,main select {max-width:100%;box-sizing:border-box;}
@media(max-width:480px){main h1 span[style*="white-space:nowrap"],main h2 span[style*="white-space:nowrap"]{white-space:normal!important;}}
.customer-actions a {display:inline-flex;align-items:center;min-height:32px;}
#photo-upload-heading .sc-interp,
.photo-optional, .photo-field-caption, .photo-back-note,
.photo-back-row > span, .photo-back-row output,
.photo-ink-warning, .photo-font-status {color:#805817!important;}
.photo-text-count {color:#625e53;}
.customer-shell .customer-eyebrow {color:#805817!important;}
.cgbn-assistant-quicklinks a,.cgbn-assistant-human,.cgbn-assistant-delete-chat {
 display:inline-flex;align-items:center;min-height:24px;
}
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="hidden"]), textarea, select {
 border-color:#778174!important;
}
input:focus-visible,textarea:focus-visible,select:focus-visible {
 outline:3px solid #1B5C35!important;outline-offset:3px;
}
.home-review-rail:focus-visible,[role="region"][tabindex="0"]:focus-visible {
 outline:3px solid #1B5C35;outline-offset:3px;
}
@media(prefers-reduced-motion:reduce){html * {scroll-behavior:auto!important;}}

/* The MP4/WebM decoder can shift the baked cream background by a few RGB
   values, particularly in Safari. Brighten only the decorative hero video
   slightly, then darken-blend it against an opaque, isolated cream backdrop.
   Near-cream pixels become the page color; product detail stays visible.
   The original video bytes and transparent paused product image are unchanged. */
.site-hero-media{background:#F9F6F0;isolation:isolate;}
.site-hero-media>video[data-site-video]{filter:brightness(1.02);mix-blend-mode:darken;}

/* Keep the six inspiration-ball faces as transparent cutouts. A filtered
   image inside the 3D flip can show a square shadow surface in Safari.
   Both desktop and mobile retain their original front/back interactions. */
#occasions :is(.ballwrap,.flipper,.flipface){background:transparent!important;box-shadow:none!important;}
#occasions img[src*="/wym-"]{filter:none!important;-webkit-filter:none!important;box-shadow:none!important;background:transparent!important;}
/* WebKit can paint an unfiltered back image despite backface-visibility.
   Explicitly show just the facing side, switching halfway through the
   existing .55s turn. Reduced motion switches immediately. */
#occasions .flipface{visibility:visible;transition:visibility 0s .275s;}
#occasions .flipback{visibility:hidden;}
#occasions .ballwrap:hover .flipface{visibility:hidden;}
#occasions .ballwrap:hover .flipback{visibility:visible;}
@media(prefers-reduced-motion:reduce){#occasions .flipface{transition-delay:0s!important;}}

/* One plain-text preference immediately beside the customer copyright. */
.site-motion-footer{padding-bottom:56px!important;}
.site-footer-preferences{display:flex;align-items:center;flex-wrap:nowrap;gap:16px!important;}
.site-footer-copyright{flex:0 1 auto;min-width:0;font:inherit;max-width:100%;}
.site-motion-control{display:inline-flex;flex:0 1 auto;min-width:0;align-items:center;max-width:100%;color:#dfeadf;font:400 15px/1.3 Inter,system-ui,sans-serif;}
.site-motion-toggle{display:inline-flex;align-items:center;justify-content:flex-start;gap:7px;min-width:44px;min-height:44px;max-width:100%;padding:0 2px;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;cursor:pointer;box-shadow:none;white-space:normal;text-align:left;}
.site-motion-toggle svg{flex:none;}
.site-motion-toggle:hover:not(:disabled){text-decoration:underline;text-underline-offset:3px;}
.site-motion-toggle:focus-visible{outline:3px solid currentColor;outline-offset:4px;}
.site-motion-toggle:disabled{cursor:default;opacity:1;}
html[data-site-motion="paused"] :is(#hero-sec,#hero-rev,#how,#occasions,#about-product) *,
html[data-site-motion="paused"] :is(#how,#occasions,#about-product){animation-play-state:paused!important;}
html[data-site-motion="paused"] .sec-ico{opacity:1!important;transform:none!important;animation:none!important;}
html[data-site-motion="paused"] .about-product-icon{opacity:1!important;transform:none!important;animation:none!important;}
html[data-site-motion="paused"] *{scroll-behavior:auto!important;}
#about-product .about-product-motion-still *{animation:none!important;}
#about-product .about-product-motion-still :is(.u-swapO,.u-boxspark,.u-b){opacity:1!important;transform:none!important;}
#about-product .about-product-motion-still :is(.u-swapU,.u-spark,.wink-closed){opacity:0!important;}
#about-product .about-product-motion-still .u-photo-card{opacity:1!important;transform:rotate(-5deg)!important;}
#about-product .about-product-motion-still .u-liftlid{transform:translateY(-8px) rotate(-2deg)!important;}