*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}:root{--sl-paper: #f2f0eb;--sl-ink: #151618;--sl-panel: #101114;--sl-panel-ink: #f4f2ee;--sl-glow: #6f7cff;--sl-line: rgba(255, 255, 255, .22);--sl-card-w: clamp(90px, 15vw, 210px)}.sl{position:relative;background:var(--sl-paper);color:var(--sl-ink);font-family:DM Sans,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.sl h1{margin:0;font-family:Anton,Impact,sans-serif;font-weight:400;font-size:clamp(2.6rem,8vw,11rem);letter-spacing:.01em;line-height:1;text-transform:uppercase}.sl section{position:relative;width:100%;min-height:100svh;padding:1.5rem;overflow:hidden}.sl-intro,.sl-outro{display:flex;justify-content:center;align-items:center}.sl-panel{position:relative;width:100%;min-height:calc(100svh - 3rem);padding:8rem 2rem;border-radius:2.5rem;background:var(--sl-panel);color:var(--sl-panel-ink);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:2rem;overflow:hidden;isolation:isolate}.sl-panel:before{content:"";position:absolute;inset:0;background:radial-gradient(38rem 38rem at var(--sl-mx, 50%) var(--sl-my, 50%),color-mix(in srgb,var(--sl-glow) 22%,transparent),transparent 70%);opacity:0;transition:opacity .8s ease;pointer-events:none;z-index:0}.sl-panel.is-lit:before{opacity:1}.sl-panel__eyebrow{position:relative;margin:0;font-size:.8rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;opacity:.6;z-index:1}.sl-stage{position:relative;width:100%;display:flex;justify-content:center;align-items:center;z-index:1}.sl-list{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.sl-item{position:relative;width:100%;display:flex;justify-content:center;align-items:center;color:inherit;text-decoration:none;will-change:height}.sl-label{position:relative;display:grid;place-items:center}.sl-label>span{grid-area:1 / 1;white-space:nowrap;will-change:transform,opacity,filter}.sl-label__default{font-family:Anton,Impact,sans-serif;font-size:clamp(1.6rem,6vw,8rem);letter-spacing:.01em;line-height:1;text-transform:uppercase}.sl-label__alt{font-family:Caveat,Segoe Script,cursive;font-weight:600;font-size:clamp(2.2rem,8vw,10.5rem);line-height:.7;letter-spacing:-.03em;transform:translateY(12%);opacity:0}.sl-cards{position:absolute;inset:0;z-index:2;pointer-events:none}.sl-card{position:absolute;width:var(--sl-card-w);aspect-ratio:2 / 3;object-fit:cover;border-radius:1rem;border:1px solid var(--sl-line);box-shadow:0 30px 60px -28px #000c,inset 0 1px #ffffff4d;background:#ffffff0f;padding:5px;transform:scale(0);will-change:transform,filter}.sl-card--1{top:7.5%;left:7.5%}.sl-card--2{top:5%;right:7.5%}.sl-card--3{bottom:12.5%;left:12.5%}.sl-card--4{bottom:15%;right:12.5%}@media(max-width:1000px){.sl section{padding:1rem}.sl-panel{min-height:calc(100svh - 2rem);padding:6rem 1rem;border-radius:1.5rem}}