@layer components{.card_wrap{--_padding:var(--space-6);--_min-height:20rem;--_visual-ratio:3 / 2;gap:var(--_padding);background-color:var(--background-2);border-radius:var(--radius-main);flex-direction:column;width:100%;display:flex;position:relative;overflow:clip}.card_wrap.cover{min-height:var(--_min-height)}.card_wrap.stacked{background-color:#0000;overflow:visible}.card_wrap.stat,.card_wrap.raised,.card_wrap.list{--_padding:var(--space-3)}.card_wrap.stat{background-color:var(--background);color:var(--text);container-type:inline-size}.card_wrap.list{background-color:#0000;background-image:radial-gradient(75% 50% at 25% 0, color-mix(in lab, var(--heading-accent) 18%, transparent), transparent 70%);box-shadow:inset 0 0 0 var(--border-width) var(--border)}.card_wrap.raised{background-color:var(--light-300);color:var(--dark-900);box-shadow:0 1.5rem 4rem lab(0% none none/.08)}.card_wrap.product{--_padding:var(--space-3);aspect-ratio:4/5;isolation:isolate;border-radius:var(--radius-large);container-type:inline-size}.card_wrap.product>.card_visual{pointer-events:none;height:100%;position:absolute;inset:0}.card_wrap.product>.card_visual:before{content:attr(data-name);inset-inline:0;text-align:center;white-space:nowrap;text-transform:uppercase;font-family:var(--display-family);font-weight:var(--display-regular);font-size:min(28cqw, calc(100cqw / var(--_chars) * 1.5));letter-spacing:-.02em;color:color-mix(in lab, var(--text) 7%, transparent);transition:translate calc(var(--hover-duration) * 3) var(--hover-ease), scale calc(var(--hover-duration) * 3) var(--hover-ease);line-height:1;position:absolute;top:36%;translate:0 -50%}.card_wrap.product>.card_visual:after{content:"";background:radial-gradient(18rem circle at var(--_x,50%) var(--_y,35%), color-mix(in lab, var(--light-300) 35%, transparent), transparent 65%);opacity:0;transition:opacity calc(var(--hover-duration) * 2) var(--hover-ease);position:absolute;inset:0}.card_wrap.product>.card_visual>.image{z-index:1;object-fit:contain;object-position:center;padding:3rem var(--space-2) 9rem;box-sizing:border-box;transition:scale calc(var(--hover-duration) * 3) var(--hover-ease), translate calc(var(--hover-duration) * 3) var(--hover-ease);background:0 0;position:relative;mask-image:linear-gradient(#000 35%,#0000 75%)}.card_wrap.product>.card_content{z-index:1;justify-content:flex-end;gap:var(--space-1);position:absolute;inset:0}.card_wrap.product>.card_content>.heading{margin:0 0 var(--space-1)}.card_wrap.product>.card_content>.eyebrow_wrap{top:var(--_padding);background-color:var(--background);position:absolute;inset-inline-start:var(--_padding)}.card_wrap.product>.card_content>.card_text{-webkit-line-clamp:2;color:var(--text-2);-webkit-box-orient:vertical;margin:0;padding-inline-end:3.5rem;display:-webkit-box;overflow:hidden}.card_wrap.product>.card_content>.button-wrapper:last-child{padding-top:var(--space-1);margin-top:0}@media (hover:hover){.card_wrap.product>.card_visual>.image{padding-bottom:6rem}.card_wrap.product>.card_content>.button-wrapper:last-child{opacity:0;max-height:0;transition:max-height calc(var(--hover-duration) * 3) var(--hover-ease), margin-top calc(var(--hover-duration) * 3) var(--hover-ease), padding-top calc(var(--hover-duration) * 3) var(--hover-ease), opacity calc(var(--hover-duration) * 2) var(--hover-ease);margin-top:0;padding-top:0;overflow:hidden}.card_wrap.product:is(:hover,:has(:focus-visible))>.card_visual:before{translate:0 calc(-50% - .75rem);scale:1.04}.card_wrap.product:is(:hover,:has(:focus-visible))>.card_visual:after{opacity:1}.card_wrap.product:is(:hover,:has(:focus-visible))>.card_visual>.image{translate:0 -.5rem;scale:1.05}.card_wrap.product:is(:hover,:has(:focus-visible))>.card_content>.button-wrapper:last-child{max-height:4rem;padding-top:var(--space-1);opacity:1}}.card_visual{border-radius:inherit;flex:none;width:100%;position:relative;overflow:clip}.stacked>.card_visual{aspect-ratio:var(--_visual-ratio)}:is(.cover,.event)>.card_visual{pointer-events:none;height:100%;position:absolute;inset:0}.card_visual>:is(.image,.video){width:100%;height:100%}.card_visual>:is(.image,.video){width:100%;height:100%}.card_content>.button-wrapper:last-child{padding-top:var(--space-6);margin-top:auto}.card_text{text-transform:none;letter-spacing:normal}.card_figure{white-space:nowrap;line-height:1;font-size:min(var(--h1), calc((100cqw - var(--_padding) * 2) / var(--_chars) * 1.8));margin:0 0 auto}.card_points{margin:var(--space-2) 0 0;padding-left:1.25em;list-style:outside}.card_points li+li{margin-top:var(--space-1)}.list .card_points{width:100%;padding-left:0;list-style:none}.list .card_points li+li{padding-top:var(--space-1);border-top:var(--border-width) solid var(--border);margin-top:0}.list .card_points li:not(:last-child){padding-bottom:var(--space-1)}.list .eyebrow_wrap{background-color:var(--background)}.card_content{align-items:var(--_alignment,start);text-align:var(--_alignment,start);width:100%;max-width:100%;padding:var(--_padding);flex-direction:column;flex-grow:1;display:flex}.cover>.card_content{z-index:1}.stacked>.card_content{padding-inline:0;padding-top:0}.stat>.card_content{justify-content:end}.list>.card_content{justify-content:space-between}.raised>.card_content{justify-content:center}.card_wrap:has(.button_wrap) .button_wrap:after{content:"";position:absolute;inset:0}.card_wrap:has(.button_wrap) .card_content a:not(.button_wrap){z-index:1;position:relative}.card_wrap:has(.button_wrap) .image{transition:scale calc(var(--hover-duration) * 2) var(--hover-ease)}@media (hover:hover){.card_wrap:has(.button_wrap):hover .image{scale:1.04}}.card_wrap.question{--_padding:var(--space-4);--_min-height:17rem;--_x:50%;--_y:0%;min-height:var(--_min-height);isolation:isolate;box-shadow:inset 0 0 0 var(--border-width) transparent;transition:translate calc(var(--hover-duration) * 3) var(--ease-soft), scale calc(var(--hover-duration) * 2) var(--ease-soft), box-shadow calc(var(--hover-duration) * 3) var(--ease-soft)}.card_wrap.question:before{content:"?";z-index:-1;font-family:var(--display-family);font-weight:var(--display-regular);color:color-mix(in lab, var(--text) 5%, transparent);pointer-events:none;transition:translate calc(var(--hover-duration) * 4) var(--ease-soft), rotate calc(var(--hover-duration) * 4) var(--ease-soft);font-size:14rem;line-height:1;position:absolute;inset:auto -.04em -.3em auto}.card_wrap.question:after{content:"";z-index:-1;background:radial-gradient(18rem circle at var(--_x) var(--_y), color-mix(in lab, var(--heading-accent) 14%, transparent), transparent 65%);opacity:0;pointer-events:none;transition:opacity calc(var(--hover-duration) * 2) var(--hover-ease);position:absolute;inset:0}.card_wrap.question .card_content{gap:var(--space-2)}.card_wrap.question .eyebrow_wrap{background-color:var(--background)}.card_wrap.question .heading{font-size:min(var(--h4), 1.75rem);margin-block:0}.card_wrap.question .card_text{color:var(--text-2);margin-block:0}.card_wrap.question .card_content>.button-wrapper:last-child{padding-top:var(--space-3)}.card_wrap.question .button_wrap:focus-visible{outline:0}.card_wrap.question .card_arrow{vertical-align:-.1em;transition:translate calc(var(--hover-duration) * 2) var(--ease-soft);margin-inline-start:.5em;display:inline-block}.card_wrap.question:has(.button_wrap:focus-visible){outline:var(--focus-width) solid var(--text);outline-offset:var(--focus-offset)}.card_wrap.question:active{scale:.985}@media (hover:hover){.card_wrap.question:hover{box-shadow:inset 0 0 0 var(--border-width) color-mix(in lab, var(--heading-accent) 45%, transparent);translate:0 -.25rem}.card_wrap.question:hover:before{translate:-.5rem -.75rem;rotate:-5deg}.card_wrap.question:hover:after{opacity:1}.card_wrap.question:hover .card_arrow{translate:.25rem}}.card_wrap.story.plain{--_glass:color-mix(in lab, var(--background) 70%, transparent);--_glow:color-mix(in lab, var(--heading-accent) 45%, transparent);--_edge:color-mix(in lab, var(--text) 16%, transparent);--_edge-active:color-mix(in lab, var(--heading-accent) 70%, transparent);--_x:50%;--_y:0%;--button-background:var(--background-2);--button-background-hover:var(--background-2);--button-border:var(--_edge);--button-border-hover:var(--_edge-active);--button-text:var(--text);--button-text-hover:var(--text);aspect-ratio:16/9;isolation:isolate;text-align:start;width:100%;color:var(--button-text);background-color:var(--button-background);border:var(--border-width) solid var(--button-border);border-radius:var(--radius-large);transition:translate .7s var(--ease-soft), scale .5s var(--ease-soft), border-color .6s var(--ease-soft), box-shadow .8s var(--ease-soft);flex-direction:row;justify-content:start;align-items:stretch;gap:0;display:flex;position:relative;overflow:hidden}.card_wrap.story.plain .button_text{width:100%;padding:var(--space-3);font-size:inherit;font-weight:inherit;text-transform:none;letter-spacing:var(--letter-spacing-normal);flex-direction:column;justify-content:end;display:flex}.card_wrap.story.plain .text{margin:0}.card_wrap.story.plain:after{content:"";z-index:1;pointer-events:none;background:radial-gradient(circle at var(--_x) var(--_y), color-mix(in lab, var(--heading-accent) 28%, transparent), transparent 55%);opacity:0;transition:opacity .6s var(--ease-soft);position:absolute;inset:0}.card_wrap.story.plain:is(:hover,.is-hinted,[aria-current]){border-color:var(--_edge-active);box-shadow:0 0 3rem -.5rem var(--_glow)}.card_wrap.story.plain:is(:hover,.is-hinted,[aria-current]):after{opacity:1}.card_wrap.story.plain:is(:hover,.is-hinted,[aria-current]) .card_visual img{filter:saturate()brightness(.95);scale:1.07}.card_wrap.story.plain:is(:hover,.is-hinted,[aria-current]) .card_play{background-color:var(--heading-accent);border-color:var(--heading-accent);color:var(--brand-text);scale:1.08}.card_wrap.story.plain:is(:hover,.is-hinted){translate:0 -.375rem}.card_wrap.story.plain:active{scale:.985}.story .card_visual{z-index:0;position:absolute;inset:0}.story .card_visual:after{content:"";background:linear-gradient(0deg, color-mix(in lab, var(--background) 92%, transparent), color-mix(in lab, var(--background) 25%, transparent) 55%, color-mix(in lab, var(--background) 45%, transparent));position:absolute;inset:0}.story .card_visual img{object-fit:cover;filter:saturate(.8)brightness(.8);transition:scale 1.4s var(--ease-soft), filter .8s var(--ease-soft)}.story .card_city,.story .card_play{z-index:2;top:var(--space-2);background-color:var(--_glass);border:var(--border-width) solid color-mix(in lab, var(--text) 18%, transparent);position:absolute}.story .card_city{left:var(--space-2);border-radius:var(--radius-round);align-items:center;gap:.6em;padding:.5em 1em;display:inline-flex}.story .card_city:before{content:"";border-radius:var(--radius-round);background-color:var(--heading-accent);width:.4rem;height:.4rem;box-shadow:0 0 .5rem var(--heading-accent)}.story .card_play{right:var(--space-2);width:var(--control-size);height:var(--control-size);border-radius:var(--radius-round);transition:background-color .5s var(--ease-soft), border-color .5s var(--ease-soft), color .5s var(--ease-soft), scale .7s var(--ease-soft);place-items:center;display:grid}.story .card_copy{z-index:2;gap:var(--space-1);flex-direction:column;display:flex;position:relative}.story .card_copy .card_text{color:color-mix(in lab, var(--text) 70%, transparent)}.card_wrap.event{--_padding:var(--space-4);--_glass:color-mix(in lab, var(--background) 70%, transparent);--_edge:color-mix(in lab, var(--text) 16%, transparent);--_edge-active:color-mix(in lab, var(--heading-accent) 70%, transparent);--_glow:color-mix(in lab, var(--heading-accent) 45%, transparent);--_x:50%;--_y:0%;isolation:isolate;justify-content:space-between;gap:var(--space-4);min-height:clamp(26rem,32vw,34rem);padding:var(--_padding);background-color:var(--background);color:var(--text);border-radius:var(--radius-large);transition:translate .7s var(--ease-soft), scale .5s var(--ease-soft);container-type:inline-size}.card_wrap.event:before{content:"";z-index:3;border:var(--border-width) solid var(--_edge);border-radius:inherit;pointer-events:none;transition:border-color .6s var(--ease-soft);position:absolute;inset:0}.card_wrap.event:after{content:"";z-index:1;background:radial-gradient(circle at var(--_x) var(--_y), color-mix(in lab, var(--heading-accent) 28%, transparent), transparent 55%);opacity:0;pointer-events:none;transition:opacity .6s var(--ease-soft);position:absolute;inset:0}.card_wrap.event .card_visual:has(.image):after{content:"";background:linear-gradient(0deg, color-mix(in lab, var(--background) 95%, transparent), color-mix(in lab, var(--background) 62%, transparent) 40%, color-mix(in lab, var(--background) 20%, transparent) 75%, color-mix(in lab, var(--background) 45%, transparent));position:absolute;inset:0}.card_wrap.event .card_visual .image{object-fit:cover;object-position:var(--_focus,50% 50%);filter:saturate(.85)brightness(.85);transition:scale 1.4s var(--ease-soft), filter .8s var(--ease-soft)}.card_wrap.event .card_visual:not(:has(.image)){background:radial-gradient(60% 90% at 88% 0%, color-mix(in lab, var(--heading-accent) 18%, transparent), transparent 70%)}.card_wrap.event .card_visual:not(:has(.image)):before{content:attr(data-day);inset-inline-end:4%;font-family:var(--display-family);font-weight:var(--display-regular);color:color-mix(in lab, var(--text) 6%, transparent);font-size:min(30cqw,24rem);line-height:1;position:absolute;bottom:-.2em}.card_wrap.event[data-state=past] .card_visual .image{filter:grayscale()brightness(.55)}.card_wrap.event .card_date{z-index:2;min-width:5.5rem;padding:var(--space-2) var(--space-3);background-color:var(--_glass);border:var(--border-width) solid var(--_edge);border-radius:var(--radius-main);-webkit-backdrop-filter:blur(.75rem);backdrop-filter:blur(.75rem);align-self:flex-start;justify-items:start;gap:.25rem;display:grid}.card_wrap.event .card_date .card_day{line-height:1}.card_wrap.event .card_date :is(.card_month,.card_until){color:var(--text-2)}.card_wrap.event .card_tags{z-index:2;top:var(--_padding);justify-content:flex-end;gap:var(--space-1);flex-wrap:wrap;max-width:calc(100% - 11rem);margin:0;padding:0;list-style:none;display:flex;position:absolute;inset-inline-end:var(--_padding)}.card_wrap.event .card_tag{white-space:nowrap;background-color:var(--_glass);border:var(--border-width) solid var(--_edge);border-radius:var(--radius-round);-webkit-backdrop-filter:blur(.75rem);backdrop-filter:blur(.75rem);padding:.5em 1em}.card_wrap.event .card_tag.accent{background-color:var(--heading-accent);color:var(--brand-text);border-color:#0000}.card_wrap.event>.card_content{z-index:2;gap:var(--space-2);flex-grow:0;padding:0}.card_wrap.event .eyebrow_wrap{color:var(--text-2);background-color:#0000;padding:0}.card_wrap.event .heading{max-width:28ch;margin:0}.card_wrap.event .card_text{max-width:52ch;color:var(--text-2);margin:0}.card_wrap.event .card_footer{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-4);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.card_wrap.event .card_footer>.button-wrapper{margin:0;padding:0}.card_wrap.event .card_countdown{color:var(--text-2);font-variant-numeric:tabular-nums;margin:0}.card_wrap.event .card_countdown:empty{display:none}.card_wrap.event .card_arrow{vertical-align:-.1em;transition:translate calc(var(--hover-duration) * 2) var(--ease-soft);margin-inline-start:.5em;display:inline-block}.card_wrap.event .button_wrap:focus-visible{outline:0}.card_wrap.event:has(.button_wrap:focus-visible){outline:var(--focus-width) solid var(--text);outline-offset:var(--focus-offset)}.card_wrap.event:active{scale:.99}@media (hover:hover){.card_wrap.event:hover{translate:0 -.25rem}.card_wrap.event:hover:before{border-color:var(--_edge-active)}.card_wrap.event:hover:after{opacity:1}.card_wrap.event:hover .card_visual .image{filter:saturate()brightness(.95);scale:1.06}.card_wrap.event:hover[data-state=past] .card_visual .image{filter:grayscale(.6)brightness(.7)}.card_wrap.event:hover .card_arrow{translate:.25rem}}}
