@font-face{font-family:LeopoldSpace;src:url('assets/leopold/fonts/SpaceGrotesk-variable.woff2') format('woff2');font-weight:300 700;font-display:swap}
@font-face{font-family:LeopoldMono;src:url('assets/leopold/fonts/IBMPlexMono-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
.leopold-display{position:relative;min-width:0}
.leopold-visual{background:#e8e8df;color:#282d24;text-decoration:none}
.leopold-art{--leo-ink:#282d24;--leo-paper:#f7f7ef;background:#e8e8df;color:var(--leo-ink);font-family:LeopoldSpace,Arial,sans-serif;display:flex;flex-direction:column;padding:clamp(24px,4vw,60px);height:100%;min-width:0}
.leopold-lockup{display:flex;align-items:center;gap:14px}
.leopold-art .leopold-lockup img{width:52px;height:52px;object-fit:contain;border-radius:10px;transform:none}
.leopold-wordmark{font-size:38px;font-weight:600;letter-spacing:-.065em;line-height:1;text-transform:lowercase}
.leopold-wordmark:after{content:'';display:inline-block;width:.105em;height:.105em;margin-left:.1em;vertical-align:.1em;background:#f4511e;border-radius:1px}
.leopold-art-body{display:flex;align-items:center;justify-content:space-between;flex:1;gap:10px;padding:22px 0}
.leopold-kicker{font-family:LeopoldMono,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#626b5b}
.leopold-art-copy p{font-size:clamp(23px,3.2vw,46px);line-height:1.1;letter-spacing:-.05em;margin:14px 0 0}
.leopold-character{position:relative;width:42%;max-width:330px;aspect-ratio:4/3;flex-shrink:0}
.leopold-character .leopold-poster,.leopold-character leo-animation{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform:none}
.leopold-character leo-animation{visibility:hidden}
.leopold-character.is-ready leo-animation{visibility:visible}
.leopold-character.is-ready .leopold-poster{visibility:hidden}
.leopold-art-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:16px;border-top:1px solid #c9cdbf;font-family:LeopoldMono,monospace;font-size:11px;color:#626b5b}
.leopold-swatches{display:flex;gap:5px}
.leopold-swatches i{display:block;width:7px;height:7px;background:#858afa}
.leopold-swatches i:nth-child(2){background:#80bf9f}
.leopold-swatches i:nth-child(3){background:#ff9857}
.leopold-card{padding:26px 28px 68px}
.leopold-card .leopold-lockup img{width:38px;height:38px;border-radius:7px}
.leopold-card .leopold-wordmark{font-size:31px}
.leopold-card .leopold-art-copy p{font-size:clamp(24px,2.6vw,38px)}
.leopold-card .leopold-art-body{padding:14px 0}
.leopold-card .leopold-art-foot{padding-top:12px;font-size:10px}
.leopold-display .card-open{background:#f7f7ef;color:#282d24;border:1px solid #c9cdbf;border-radius:4px}
.leopold-motion{position:absolute;bottom:16px;left:28px;border:1px solid #c9cdbf;border-radius:4px;background:#f7f7ef;color:#282d24;font:12px LeopoldSpace,Arial,sans-serif;padding:8px 12px}
.leopold-motion[hidden]{display:none}
.leopold-hero{min-height:480px;padding-bottom:68px}
.leopold-hero .leopold-art-copy p{font-size:clamp(32px,5vw,68px)}
.leopold-hero .leopold-kicker{font-size:12px}
.leopold-hero .leopold-art-foot{font-size:12px}
.leopold-capture{padding:56px 0;border-top:1px solid #b9b09c}
.leopold-capture header{max-width:740px;margin-bottom:28px}
.leopold-capture h2{font-size:clamp(28px,3vw,44px);letter-spacing:-.05em;line-height:1.1;margin:10px 0 20px}
.leopold-capture header>p:last-child{color:#585846;max-width:680px}
.leopold-capture figure{margin:0}
.leopold-capture figure a{display:block}
.leopold-capture img{display:block;width:100%;height:auto;border:1px solid #c9cdbf}
.leopold-capture figcaption{font-size:12px;color:#585846;margin-top:12px}
@media(max-width:650px){.leopold-display .card-visual{width:100%;aspect-ratio:auto}.leopold-card{height:auto;min-height:300px}}
@media(max-width:650px){.leopold-card{padding:22px 20px 64px}.leopold-card .leopold-art-copy p{font-size:26px}.leopold-card .leopold-art-foot{font-size:9px}.leopold-card .leopold-kicker{font-size:9px}.leopold-card .leopold-lockup img{width:32px;height:32px}.leopold-card .leopold-wordmark{font-size:28px}.leopold-card .leopold-art-body{padding:12px 0}.leopold-hero{min-height:350px;padding:24px 22px 68px}.leopold-hero .leopold-lockup img{width:38px;height:38px}.leopold-hero .leopold-wordmark{font-size:32px}.leopold-hero .leopold-art-foot{font-size:9px}.leopold-hero .leopold-kicker{font-size:9px}.leopold-motion{left:20px}.leopold-capture{padding:36px 0}}