.occasion{display:block;position:relative;padding-block:clamp(24px,5vw,72px)}.occasion__control svg{display:block;margin:auto}.occasion__play-icon,[data-paused=true] .occasion__pause-icon{display:none}[data-paused=true] .occasion__play-icon{display:block}@media(max-width:767px){.occasion__controls [data-occasion-prev],.occasion__controls [data-occasion-next]{position:absolute;top:50%;transform:translateY(-50%);z-index:3;padding:8px;width:44px;box-shadow:none;background:color-mix(in srgb,var(--brand-cream) 35%,transparent);border-color:transparent}.occasion .occasion__copy{padding-inline:max(32px,5vw)}.occasion__controls [data-occasion-prev]:focus-visible,.occasion__controls [data-occasion-next]:focus-visible{background:var(--brand-cream)}.occasion__controls [data-occasion-prev]{left:0}.occasion__controls [data-occasion-next]{right:0}}.occasion__track{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;gap:16px}.occasion__track::-webkit-scrollbar{display:none}.occasion__slide{flex:0 0 100%;min-width:0;scroll-snap-align:start}.occasion__slide .occasion__panel{height:100%}.occasion__controls{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin-bottom:12px}.occasion__controls[hidden]{display:none}.occasion__control{min-width:44px;min-height:44px;padding:8px 12px;border:1px solid var(--color-border);border-radius:999px;color:var(--brand-brown);background:var(--brand-cream);cursor:pointer;font:inherit}.occasion__control:focus-visible{outline:2px solid var(--brand-brown);outline-offset:2px}.occasion__panel{--occasion-colour: var(--brand-amber);--occasion-surface: color-mix(in srgb, var(--occasion-colour) 32%, var(--brand-cream));display:grid;position:relative;isolation:isolate;overflow:clip;border-radius:clamp(20px,3vw,40px);background:radial-gradient(ellipse at 85% 0%,color-mix(in srgb,var(--occasion-edge-top, var(--occasion-colour)) 7%,transparent),transparent 65%),radial-gradient(ellipse at 100% 65%,color-mix(in srgb,var(--occasion-edge-right, var(--occasion-colour)) 6%,transparent),transparent 65%),radial-gradient(ellipse at 60% 100%,color-mix(in srgb,var(--occasion-edge-bottom, var(--occasion-colour)) 5%,transparent),transparent 65%),linear-gradient(105deg,var(--occasion-surface),color-mix(in srgb,var(--occasion-colour) 45%,var(--brand-cream)));color:var(--brand-brown)}.occasion__panel--coral{--occasion-colour: var(--brand-coral)}.occasion__panel--sage{--occasion-colour: var(--brand-sage)}.occasion__copy{position:relative;z-index:1;padding:clamp(24px,5vw,72px);min-width:0}.occasion__panel:not(.occasion__panel--text) .occasion__copy{padding-top:clamp(220px,62vw,360px);background:none}.occasion__eyebrow{margin:0 0 16px;font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.occasion__copy h2{margin:0;font-size:clamp(2rem,4.5vw,4.5rem);line-height:1.08;overflow-wrap:anywhere}.occasion__accent{font-family:var(--font-script);font-size:clamp(2rem,4vw,4rem);line-height:1.3;margin:8px 0 20px;overflow-wrap:anywhere}.occasion__description{max-width:46ch}.occasion__button{margin-top:24px;min-height:48px;width:100%;background:var(--brand-brown);color:var(--brand-cream);border-color:var(--brand-brown);white-space:normal;text-align:center}.occasion__button:hover{background:var(--brand-brown);color:var(--brand-cream)}.occasion__button:focus-visible{outline:2px solid var(--brand-brown);outline-offset:4px}.occasion__media{position:absolute;inset:0 0 auto;height:clamp(220px,62vw,360px);z-index:0;min-width:0;pointer-events:none}.occasion__media{padding:0;box-sizing:border-box;isolation:isolate;overflow:clip;-webkit-mask-image:linear-gradient(to bottom,#000 85%,transparent);mask-image:linear-gradient(to bottom,#000 85%,transparent)}.occasion__media picture{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.occasion__media .occasion__image{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:cover;object-position:center;border-radius:0;-webkit-mask-image:url(occasion-brush-mask.svg?v=soft-surround-2);mask-image:url(occasion-brush-mask.svg?v=soft-surround-2);mask-mode:alpha;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.occasion__setup{font-size:.875rem;margin-top:24px}@media(min-width:768px){.occasion__media{top:0;right:0;bottom:0;left:40%;height:100%;padding:0;-webkit-mask-image:linear-gradient(to right,transparent,#000 28%);mask-image:linear-gradient(to right,transparent,#000 28%)}.occasion__panel{min-height:480px;align-items:center}.occasion__panel:not(.occasion__panel--text) .occasion__copy{padding-top:clamp(24px,5vw,72px);padding-right:48%;align-self:stretch;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(to right,var(--occasion-surface) 0%,var(--occasion-surface) 36%,color-mix(in srgb,var(--occasion-surface) 45%,transparent) 49%,transparent 62%)}.occasion__button{width:fit-content}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-occasion.css.map */