/* A real clear title zone: the photo has its own separate rectangle. */
.cinematic-hero{background:#0a0c0d;height:900px;min-height:850px;max-height:none}
.hero-heading{top:132px;left:4%;right:4%;transform:none;z-index:3}
.hero-heading h1{font-size:clamp(82px,8.5vw,144px);line-height:1.03;letter-spacing:-6px;display:flex;justify-content:flex-start;gap:.22em;margin-top:14px;max-width:none}
.hero-heading h1 em{font-size:1.03em;letter-spacing:-7px}
.hero-heading .eyebrow{font-size:9px}
.hero-scene{top:322px;bottom:58px;left:26%;right:0;transform:none;transition:none}
.hero-scene img{object-position:center 70%}
.hero-shade{top:322px;bottom:58px;left:26%;right:0;background:linear-gradient(90deg,#0a0c0d,transparent 14%,transparent 92%,#0a0c0d55),linear-gradient(180deg,#0a0c0d,transparent 15%,transparent 83%,#0a0c0d)}
.hero-story{top:370px;left:4%;width:20%;z-index:4}
.hero-story p{font-size:14px;max-width:260px;line-height:1.8;margin:17px 0 24px}
.hero-kicker{font-size:10px;letter-spacing:1.5px}
.hero-spec{top:630px;bottom:auto;left:4%;right:auto;width:20%;max-width:260px;display:flex;gap:25px;padding-top:17px;border-color:#ffffff25}
.hero-spec>.spec-line{display:none}
.hero-spec>div{display:block;margin:0;flex:1}
.hero-spec b{display:block;font-size:25px;white-space:nowrap}
.hero-spec>div span{display:block;font-size:7px;line-height:1.7;margin-top:9px;letter-spacing:1px}
.hero-foot{bottom:23px}
/* Standalone membership card. No hero image, no pasted race scene. */
.pass-art{perspective:none;padding:8px 0}
.credential{position:relative;isolation:isolate;aspect-ratio:1.62;border:1px solid #606b66;border-radius:17px;background:radial-gradient(ellipse at 85% 0,#34433938,transparent 59%),linear-gradient(125deg,#252d2d 0%,#171e1e 39%,#0f1615 100%);overflow:hidden;box-shadow:0 24px 65px #0006,inset 0 1px 0 #ffffff18}
.credential:before{content:'';position:absolute;inset:10px;border:1px solid #ffffff0b;border-radius:10px;pointer-events:none}
.credential:after{content:'';position:absolute;left:0;top:17%;bottom:17%;width:3px;background:linear-gradient(180deg,transparent,#d3fc69 30%,#a4d23a 70%,transparent)}
.credential-top{position:absolute;left:7%;right:7%;top:9%;display:flex;align-items:center;justify-content:space-between;gap:15px}
.credential-brand{display:flex;align-items:center;gap:9px;font:500 12px 'Space Grotesk',Arial;letter-spacing:.7px;color:#e2e8e4}
.credential-brand img{width:32px;height:32px;border-radius:50%;object-fit:contain}
.credential-edition{font:8px monospace;letter-spacing:1.8px;color:#88988d;white-space:nowrap}
.credential-name{position:absolute;left:7%;top:28%;display:grid;gap:0}
.credential-name>span{font:500 clamp(43px,4vw,64px)/.98 'Space Grotesk',Arial;letter-spacing:-2.5px;color:#f1f3ef}
.credential-name>em{font:italic clamp(48px,4.5vw,73px)/1.07 Georgia,serif;letter-spacing:-2px;color:#d1f878}
.credential-circuit{position:absolute;right:4%;top:25%;width:48%;height:53%;opacity:.92}
.credential-circuit svg{width:100%;height:100%;display:block}
.credential-caption{position:absolute;left:7%;top:69%;font:8px monospace;letter-spacing:1.45px;color:#7f9384;margin:0}
.credential-bottom{position:absolute;left:7%;right:7%;bottom:9%;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #9aaa921f;padding-top:18px;gap:12px}
.credential-bottom>div{display:flex;align-items:flex-start;gap:8px;font:8px monospace;letter-spacing:1.1px;color:#c1d0be}
.credential-dot{width:4px;height:4px;border-radius:50%;background:#b8e75b;display:block;margin-top:3px;flex-shrink:0}
.credential-bottom small{display:block;font:6px monospace;letter-spacing:1.3px;color:#788c7a;margin-top:6px}
.credential-serial{font:10px monospace;letter-spacing:1.5px;color:#8e9f91;white-space:nowrap}
.pass-art>p{margin:20px 5px 0;font-size:8px;color:#738776}
@media(min-width:1600px){.credential-name>span{font-size:67px}.credential-name>em{font-size:77px}}
@media(max-width:1100px) and (min-width:751px){.hero-scene,.hero-shade{left:32%;top:300px}.hero-story{width:25%;top:350px}.hero-spec{width:25%;top:630px;gap:15px}.hero-heading h1{font-size:10vw}.credential-top{left:7%;right:7%;top:8%}.credential-brand{font-size:9px;gap:6px}.credential-brand img{width:24px;height:24px}.credential-edition{font-size:6px;letter-spacing:1px}.credential-name>span{font-size:40px}.credential-name>em{font-size:48px}.credential-caption{font-size:6px;letter-spacing:.8px}.credential-bottom{padding-top:10px}.credential-bottom>div{font-size:6px}.credential-bottom small{font-size:5px}.credential-serial{font-size:7px}}
@media(max-width:750px){.cinematic-hero{height:820px;min-height:820px;max-height:none}.hero-heading{top:112px;left:5%;right:5%}.hero-heading h1{font-size:11.5vw;letter-spacing:-2px;gap:.18em;line-height:1.1;margin-top:16px}.hero-heading h1 em{letter-spacing:-2px}.hero-heading .eyebrow{font-size:8px;letter-spacing:1.8px}.hero-story{top:225px;left:5%;right:5%;width:auto}.hero-kicker{font-size:9px}.hero-story p{font-size:13px;margin:13px 0 18px;line-height:1.7}.hero-story .pill{min-height:44px;padding:12px 20px;font-size:11px}.hero-scene,.hero-shade{left:0;right:0;top:415px;bottom:45px}.hero-scene img{object-position:60% 66%}.hero-shade{background:linear-gradient(180deg,#0a0c0d,transparent 15%,transparent 80%,#0a0c0d),linear-gradient(90deg,#0a0c0d22,transparent)}.hero-spec{display:none}.hero-foot{font-size:7px;bottom:20px;gap:10px;left:5%;right:5%}.hero-foot>a{font-size:8px}.credential{max-width:600px;margin:auto;aspect-ratio:1.62}.credential-name>span{font-size:clamp(43px,10.5vw,64px)}.credential-name>em{font-size:clamp(49px,12vw,73px)}.credential-caption{font-size:7px;letter-spacing:1px}.credential-brand{font-size:10px}.credential-brand img{width:27px;height:27px}.credential-edition{font-size:7px;letter-spacing:1px}.credential-bottom{padding-top:12px}.credential-bottom>div{font-size:7px}.credential-bottom small{font-size:5px}.credential-serial{font-size:8px}.pass-art>p{max-width:600px}}
@media(max-width:390px){.hero-story{top:210px}.hero-scene,.hero-shade{top:400px}.cinematic-hero{height:790px;min-height:790px}.credential-brand{font-size:8px;gap:6px}.credential-brand img{width:23px;height:23px}.credential-edition{font-size:6px}.credential-name>span{font-size:39px}.credential-name>em{font-size:47px}.credential-caption{font-size:6px;letter-spacing:.7px}.credential-bottom{bottom:8%;padding-top:10px}.credential-bottom>div{font-size:6px;letter-spacing:.7px}.credential-serial{font-size:7px;letter-spacing:1px}.credential-bottom small{font-size:5px;letter-spacing:.7px}}

.paddock-art{display:flex;flex-direction:column;align-items:center;padding:0}.paddock-art>img{display:block;width:auto;height:auto;max-width:100%;max-height:660px;border-radius:12px;object-fit:contain}.paddock-art>p{width:min(100%,495px)}@media(max-width:750px){.paddock-art>img{max-height:560px;width:auto;max-width:100%}.paddock-art>p{width:100%}}
