/* Photo collections: the same clear surface treatment in either theme. */
:root[data-theme] :is(.gallery-card,.car-card){background:var(--panel);border:1px solid var(--line);border-radius:18px;box-shadow:0 8px 26px #08041212;overflow:hidden}
:root[data-theme] :is(.gallery-image,.car-image){display:block;width:100%;padding:0;border:0;border-radius:0;aspect-ratio:16/9;overflow:hidden;background:#211827}
:root[data-theme] :is(.gallery-image,.car-image)>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
:root[data-theme] :is(.gallery-image,.car-image):hover>img{transform:scale(1.025)}
:root[data-theme] :is(.gallery-caption,.car-body){color:var(--text);background:var(--panel);padding:18px 20px}
:root[data-theme] .gallery-caption h3{font:800 17px/1.35 var(--font);letter-spacing:0;margin:0}
:root[data-theme] .car-body h2{font:800 clamp(20px,2vw,26px)/1.2 var(--font);margin:9px 0 18px;color:var(--text)}
:root[data-theme] .car-body small{color:var(--muted);font-weight:700}
:root[data-theme] .car-body .button{min-height:44px}
:root[data-theme] .locations-grid{gap:24px}
:root[data-theme] .location-card{height:clamp(310px,32vw,460px);border:1px solid var(--line);border-radius:22px}
:root[data-theme] .location-card>img{width:100%;height:100%;object-fit:cover}
:root[data-theme] .location-card>div{inset:auto 0 0;padding:28px;background:linear-gradient(transparent,#100b1aed)}
:root[data-theme] .location-card h2{font-size:clamp(28px,3.3vw,46px);margin:14px 0;color:#fff}
:root[data-theme] .location-card :is(.eyebrow,.text-link){color:#fff;font-weight:800}
:root[data-theme] .location-hero{min-height:430px;height:65vh;max-height:720px;border-radius:0}
:root[data-theme] .location-hero :is(h1,p,.back-link,.region-type){color:#fff;text-shadow:0 2px 12px #0008}
:root[data-theme] .orbit-tile{border-width:1px;border-radius:20px;min-height:240px;padding:22px}
:root[data-theme] .orbit-tile strong{padding:0;border:0;background:none;backdrop-filter:none;color:#fff;font:800 clamp(22px,2vw,29px)/1.18 var(--font)!important;text-shadow:0 2px 8px #0008;max-width:82%}
:root[data-theme] .orbit-tile::after{background:linear-gradient(0deg,#150d25ee 0%,#150d2560 48%,transparent 85%)}
:root[data-theme] .orbit-tile-icon{background:#231429dc;color:#ffb4dd;border:1px solid #ffb4dd70}
:root[data-theme] .orbit-tile-open{background:#ff9bce;color:#291326;border:0;flex-shrink:0}
.lf-profile-intro{display:grid;grid-template-columns:minmax(230px,.75fr) minmax(0,1.25fr);gap:clamp(24px,4vw,64px);align-items:center;margin:28px 0 56px}
.lf-profile-intro h1{font:normal clamp(42px,5vw,76px)/1.02 var(--display);margin:16px 0;overflow-wrap:break-word}
.lf-profile-intro p{max-width:40ch;font-size:17px;line-height:1.6}
.lf-profile-intro .lf-profile-deck{font-weight:800;font-size:20px}
.lf-profile-intro .text-link{display:block;margin:22px 0}
.lf-profile-intro figure{margin:0;min-width:0}
.lf-profile-intro figure img{display:block;width:100%;aspect-ratio:5/4;object-fit:cover;border-radius:22px}
.lf-profile-intro figcaption{padding:10px 0;font-size:13px;color:var(--muted)}
.lf-profile .story-connections{margin-top:48px}
.lf-profile .story-screenshots h2{font-size:30px}
.lf-about-hero{position:relative;min-height:440px;display:grid;align-items:end;isolation:isolate;overflow:hidden;border-radius:24px;margin:24px 0}
.lf-about-hero>img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;z-index:-2}
.lf-about-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#120b22ed, #120b2240);z-index:-1}
.lf-about-hero>div{padding:clamp(24px,5vw,64px);max-width:680px}
:root[data-theme] .lf-about-hero :is(h1,p,.eyebrow){color:#fff}
.lf-about-hero h1{font-size:clamp(40px,5vw,72px);line-height:1.05;margin:18px 0}
.lf-about-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:30px}
.lf-about-links a{display:flex;justify-content:space-between;gap:16px;padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:16px;font-weight:800}
@media(max-width:900px){.lf-profile-intro{grid-template-columns:1fr;gap:24px}.lf-profile-intro figure img{aspect-ratio:16/10}.lf-profile-intro p{max-width:60ch}.lf-profile-intro{margin-bottom:36px}.lf-about-links{grid-template-columns:1fr}}
@media(max-width:600px){:root[data-theme] .location-card{height:350px}:root[data-theme] .location-card>div{padding:24px}:root[data-theme] .location-hero{height:66svh;min-height:400px}.lf-profile-intro h1{font-size:44px}.lf-profile-intro figure img{border-radius:16px}:root[data-theme] .gallery-caption{padding:16px}.lf-about-hero{min-height:400px}}
@media(prefers-reduced-motion:reduce){:root[data-theme] :is(.gallery-image,.car-image)>img{transition:none}}