@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");
@property --ac-glow{syntax:"<color>";inherits:true;initial-value:#ad719a}
*{box-sizing:border-box}
html:has(.ac-page),body:has(.ac-page){height:100%;overflow:hidden;overscroll-behavior:none}
.ac-page{--ac-glow:#ad719a;height:100svh;min-height:0;width:100%;overflow:hidden;position:relative;isolation:isolate;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:#050505;color:#fafafa;font-family:Inter,"Helvetica Neue",Arial,sans-serif;padding:clamp(12px,1.8svh,24px) clamp(15px,3.5vw,52px) clamp(12px,1.7svh,21px);transition:--ac-glow .75s ease}
.ac-page:before{content:"";position:absolute;pointer-events:none;inset:15% 2% 8%;z-index:-1;background:radial-gradient(ellipse 34% 34% at 50% 57%,color-mix(in srgb,var(--ac-glow) 28%,transparent),transparent 79%);filter:blur(46px)}
.ac-back{position:absolute;top:clamp(15px,2.4svh,24px);left:clamp(15px,3.5vw,52px);z-index:20;color:#ddd;font-size:10px;letter-spacing:.12em;text-decoration:none}
.ac-back:hover{color:#fff}
.ac-header{z-index:2;text-align:center;position:relative;padding-top:clamp(26px,4.6svh,49px)}
.ac-kicker{display:block;font-size:clamp(8px,.74vw,11px);color:#a6a6ac;letter-spacing:.24em}
.ac-title{font-size:clamp(29px,3.4vw,49px);font-weight:800;line-height:1.03;letter-spacing:-.055em;margin:12px auto 10px}
.ac-title strong{font-weight:800}
.ac-lead{margin:0;color:#a2a2a6;font-size:clamp(11px,1vw,14px);line-height:1.4}
.ac-discover{margin:16px auto 0;background:transparent;border:1px solid #444;border-radius:99px;color:#fff;padding:9px 19px;font-size:10px;letter-spacing:.04em;cursor:pointer}
.ac-discover:hover{border-color:#aaa;background:#141414}
.ac-motion{position:relative;min-height:0;display:flex;flex-direction:column;align-items:stretch;overflow:hidden;z-index:1}
.ac-stage{position:relative;flex:1;min-height:0;width:100%;perspective:1150px;overflow:hidden;outline:none;touch-action:pan-y}
.ac-card{position:absolute;top:49%;left:50%;width:clamp(156px,15.5vw,226px);aspect-ratio:3/4;border-radius:clamp(9px,1vw,14px);text-decoration:none;color:#fff;display:block;overflow:hidden;background:#202024;border:1px solid #ffffff12;cursor:pointer;box-shadow:0 17px 42px #000b;backface-visibility:hidden;transform-style:preserve-3d;will-change:transform;transition:box-shadow .55s ease,border-color .55s ease}
.ac-image{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%;border-radius:inherit;pointer-events:none;filter:grayscale(1) saturate(0) brightness(.62);transition:filter .63s cubic-bezier(.2,.65,.22,1)}
.ac-card.is-color .ac-image{filter:grayscale(0) saturate(1) brightness(1)}
.ac-card.is-color{border-color:#ffffff44;box-shadow:0 26px 76px #000d,0 0 42px color-mix(in srgb,var(--ac-glow) 35%,transparent),inset 0 0 1px #fff6}
.ac-card.is-spotlight{border-color:#ffffff70;box-shadow:0 32px 86px #000e,0 0 56px color-mix(in srgb,var(--ac-glow) 43%,transparent),inset 0 0 1px #fffa}
.ac-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 28%,#00000019 47%,#0000008a 73%,#000000ed 100%);transition:background .55s ease}
.ac-card.is-color .ac-shade{background:linear-gradient(180deg,transparent 24%,#00000014 46%,#00000080 69%,#000000ee 100%)}
.ac-card-content{position:absolute;bottom:clamp(13px,1.55vw,23px);left:12px;right:12px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;text-align:center;gap:0;pointer-events:none;text-shadow:0 2px 12px #000f}
.ac-card-name{font-weight:800;font-size:clamp(12px,1.24vw,18px);letter-spacing:.16em;line-height:1.25;white-space:nowrap;transition:font-size .35s ease,letter-spacing .35s ease}
.ac-card.is-color .ac-card-name{font-size:clamp(14px,1.4vw,20px);letter-spacing:.19em}
.ac-card-tagline,.ac-card-cta{display:block;opacity:0;visibility:hidden;max-height:0;overflow:hidden;transform:translateY(7px);transition:opacity .38s ease,transform .38s ease,max-height .38s ease,margin-top .38s ease}
.ac-card-tagline{font-size:clamp(9px,.78vw,11px);line-height:1.35;font-weight:400;letter-spacing:.005em;color:#f1ebeb;max-width:98%;margin-top:0}
.ac-card-cta{font-size:clamp(9px,.79vw,11px);font-weight:580;letter-spacing:.035em;color:#fff;border-bottom:1px solid #ffffffb5;padding-bottom:3px;margin-top:0}
.ac-card.is-color .ac-card-tagline,.ac-card.is-color .ac-card-cta{opacity:1;visibility:visible;max-height:64px;transform:translateY(0)}
.ac-card.is-color .ac-card-tagline{margin-top:8px}
.ac-card.is-color .ac-card-cta{margin-top:10px}
.ac-footer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(940px,100%);margin:0 auto;gap:clamp(10px,3vw,60px);padding:11px 0 0;z-index:2}
.ac-footer h2{text-align:center;font-weight:700;font-size:10px;letter-spacing:.03em;margin:0 0 7px}
.ac-footer p{text-align:center;margin:0;color:#929295;font-size:10px;line-height:1.4}
.ac-page a:focus-visible,.ac-page button:focus-visible{outline:2px solid white;outline-offset:5px}
.ac-status{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#d3cacf;font-size:13px}
@media(max-width:720px){.ac-page{padding:14px 9px}.ac-back{top:13px;left:15px}.ac-header{padding-top:36px}.ac-kicker{font-size:8px}.ac-title{font-size:clamp(27px,6.5vw,42px);margin:10px auto}.ac-lead{padding:0 13px;font-size:11px}.ac-discover{margin-top:11px;padding:8px 14px}.ac-card{width:clamp(144px,39vw,190px)}.ac-card-name{font-size:12px}.ac-card.is-color .ac-card-name{font-size:14px}.ac-card-tagline{font-size:9px}.ac-card-cta{font-size:9px}.ac-footer{gap:5px}.ac-footer h2{font-size:8px}.ac-footer p{font-size:8px}}
@media(max-height:690px){.ac-page{padding-block:8px}.ac-header{padding-top:22px}.ac-title{font-size:clamp(26px,3.45vw,41px);margin:7px 0}.ac-discover{margin-top:8px;padding:6px 13px}.ac-card{width:clamp(120px,13.8vw,170px)}.ac-footer p{display:none}.ac-footer{padding:4px 0}.ac-card-content{bottom:11px}.ac-card-tagline{font-size:9px}.ac-card-cta{font-size:9px}}
@media(max-height:510px){.ac-kicker,.ac-lead,.ac-footer{display:none}.ac-header{padding-top:12px}.ac-title{font-size:clamp(22px,2.8vw,31px)}.ac-discover{margin-top:4px}}
@media(prefers-reduced-motion:reduce){.ac-image,.ac-card,.ac-card-tagline,.ac-card-cta,.ac-page{transition:none!important}}

@property --ac-gold-angle{syntax:"<angle>";inherits:false;initial-value:0deg}
.ac-card::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;opacity:0;background:conic-gradient(from var(--ac-gold-angle),rgba(200,169,107,.08),rgba(200,169,107,.72),rgba(200,169,107,.10),rgba(200,169,107,.28),rgba(200,169,107,.08));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;transition:opacity .5s ease}
.ac-card.is-spotlight::after{opacity:.67;animation:ac-gold-travel 8s linear infinite}
@keyframes ac-gold-travel{to{--ac-gold-angle:360deg}}
@media(prefers-reduced-motion:reduce){.ac-card.is-spotlight::after{animation:none}}
