*{box-sizing:border-box}body{margin:0;background:#0c0d13;color:#ecedf2;font:16px/1.65 system-ui,-apple-system,Segoe UI,sans-serif}a{color:#ff7ea9;text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:1180px;margin:auto;padding:0 24px}.top{position:sticky;top:0;z-index:20;background:#11121aee;backdrop-filter:blur(10px);border-bottom:1px solid #292936}.nav{min-height:75px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{white-space:nowrap;color:white;font-size:1.45rem;font-weight:850;letter-spacing:-.05em}.brand span{color:#fb4d8b}.brand small{font-size:.6em;color:#9da0b0}.nav nav{display:flex;gap:18px;flex-wrap:wrap}.nav nav a{color:#b8bbc9;font-size:.91rem;font-weight:650}.nav nav a[aria-current]{color:#ff77a6}.hero{margin:42px 0 25px;display:grid;grid-template-columns:minmax(280px,.9fr) 1.1fr;overflow:hidden;border:1px solid #343040;border-radius:18px;background:linear-gradient(140deg,#241323,#11121a)}.hero-photo{min-height:470px}.hero-photo img{height:100%;width:100%;object-fit:cover;display:block}.hero-copy{padding:clamp(25px,4vw,65px);align-self:center}.eyebrow{color:#ff75a5;font-size:.75rem;font-weight:850;letter-spacing:.16em;text-transform:uppercase}h1{font-size:clamp(2.2rem,4.7vw,4rem);line-height:1.15;letter-spacing:-.05em;margin:15px 0 23px}h1 span{display:block;color:#ff76a6;font-size:.65em}h2{font-size:1.5rem;line-height:1.3;margin:0 0 17px;letter-spacing:-.02em}p{color:#c9c9d3}.cta{display:inline-flex;padding:13px 23px;border-radius:9px;background:linear-gradient(110deg,#fb3d86,#cc246e);color:#fff;font-weight:800;margin-top:13px}.cta:hover{color:white;filter:brightness(1.1);text-decoration:none}.state{display:inline-block;padding:5px 12px;background:#363542;color:#bbb;border-radius:30px;font-size:.8rem;font-weight:700}.state.live{background:#123d30;color:#8bf5bd}.tiny,.disclose{font-size:.78rem;color:#9da0b0}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:25px 0}.metrics article,.panel{background:#161720;border:1px solid #30303c;border-radius:14px}.metrics article{padding:23px}.metrics span,.metrics small{display:block;color:#aaabba;font-size:.85rem}.metrics strong{display:block;font-size:1.95rem;color:white;letter-spacing:-.04em;margin:5px 0}.two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{padding:29px;margin:20px 0}.panel p{margin-top:0}.textlink{font-weight:750}.mini{display:flex;justify-content:space-between;border-bottom:1px solid #30303c;padding:9px 0;color:#bbb}.mini b{color:white}.sectionhead{display:flex;justify-content:space-between;align-items:center;gap:12px}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:9px;border:1px solid #343341}.gallerylarge{grid-template-columns:repeat(3,1fr);gap:20px}.gallery figure{margin:0}.gallery figcaption{color:#aaa;font-size:.85rem;margin-top:4px}.pagehead{padding:58px 0 17px;max-width:850px}.pagehead h1{margin-bottom:10px}.aboutimg{width:100%;max-height:450px;object-fit:cover;border-radius:10px}.facts{display:grid;grid-template-columns:1fr 1fr}.facts dt,.facts dd{margin:0;border-bottom:1px solid #31323d;padding:11px 0}.facts dt{color:#abaaba}.facts dd{text-align:right;font-weight:650}.bars{height:240px;display:grid;grid-template-columns:repeat(24,1fr);gap:6px;align-items:end;border-bottom:1px solid #393944;padding-top:12px}.barcol{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px}.bar{width:100%;background:linear-gradient(#ff82af,#d12974);border-radius:4px 4px 0 0;min-height:2px}.barcol small{font-size:.65rem;color:#9c9aa9}.subtle{color:#9d9fae}.session{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #33333f;padding:18px 0}.session strong,.session small{display:block;text-align:right}.session small{color:#999;font-size:.8rem}footer{border-top:1px solid #32323b;margin-top:55px;padding:38px 0;color:#999;font-size:.88rem}footer p{color:#9898a8}@media(max-width:850px){.hero{grid-template-columns:1fr}.hero-photo{max-height:420px}.nav{align-items:flex-start;flex-direction:column;padding-top:12px;padding-bottom:13px;gap:5px}.nav nav{gap:13px}.metrics{grid-template-columns:repeat(2,1fr)}.two{grid-template-columns:1fr}.gallery{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.wrap{padding:0 15px}.metrics article{padding:13px}.metrics strong{font-size:1.5rem}.panel{padding:20px}.hero{margin-top:18px}.hero-copy{padding:24px}.gallerylarge{grid-template-columns:repeat(2,1fr)}.bars{gap:2px}.barcol small{font-size:.5rem}}

/* Clickable model imagery and contextual conversion sections */
.photo-link{display:block;overflow:hidden;border-radius:10px}.photo-link img{display:block;width:100%}.photo-link:focus-visible,.gallery a:focus-visible{outline:3px solid #ff8db5;outline-offset:3px}.photo-link:hover img,.gallery a:hover img{filter:brightness(1.08)}.hero-image-link{height:100%;border-radius:0}.hero-image-link img{height:100%;object-fit:cover}.watch-feature{display:grid;grid-template-columns:minmax(190px,33%) 1fr;gap:0;border:1px solid #403146;background:linear-gradient(125deg,#261523,#161720);border-radius:16px;overflow:hidden;margin:14px 0 28px}.watch-photo{border-radius:0;min-height:280px}.watch-photo img{height:100%;object-fit:cover}.watch-copy{align-self:center;padding:clamp(20px,3vw,35px)}.watch-copy h2{margin:8px 0 12px}.watch-copy p{margin:6px 0 10px}.watch-copy .cta{margin-top:17px}.gallery-teaser{grid-template-columns:repeat(3,1fr)}.gallery figcaption span{color:#ff7ea9}.end-cta{border-top:1px solid #35313f;margin-top:22px;padding-top:16px}.end-cta p{margin-bottom:0}@media(max-width:650px){.watch-feature{grid-template-columns:1fr}.watch-photo{height:250px;min-height:0}.watch-copy{padding:22px}.watch-feature .cta{max-width:100%;text-align:center}.gallery-teaser{grid-template-columns:repeat(3,1fr);gap:7px}}

/* V3: distinct gallery layouts and clearer image-click affordance */
.watch-photo{position:relative}.watch-photo:after{content:'View on LiveJasmin ↗';position:absolute;bottom:12px;left:12px;background:rgba(12,13,19,.85);border:1px solid rgba(255,255,255,.25);border-radius:7px;padding:6px 11px;color:#fff;font-weight:700;font-size:.78rem;pointer-events:none}.watch-photo img{transition:transform .2s ease}.watch-photo:hover img{transform:scale(1.035)}.gallery-teaser a{position:relative;display:block}.gallery-teaser a:after{content:'View model ↗';position:absolute;bottom:9px;left:9px;background:rgba(12,13,19,.86);padding:4px 8px;border-radius:5px;color:white;font-size:.73rem;font-weight:700;pointer-events:none}.cta:focus-visible{outline:3px solid #fff;outline-offset:3px}

/* LiveJasmin-inspired light theme | White / Black / Red | October 2026 */
:root{color-scheme:light;--lj-red:#e31b36;--lj-red-dark:#b80e29;--lj-ink:#17191e;--lj-muted:#555d68;--lj-line:#e1e4e8;--lj-panel:#fff;--lj-soft:#f7f8fa}
body{background:#fff;color:var(--lj-ink)}
a{color:var(--lj-red-dark)}a:hover{color:#920a22}
.top{background:rgba(255,255,255,.96);border-bottom:1px solid var(--lj-line);box-shadow:0 4px 20px rgba(25,30,40,.05)}
.brand{color:var(--lj-ink)}.brand span{color:var(--lj-red)}.brand small{color:var(--lj-muted)}
.nav nav a{color:#42474f}.nav nav a:hover,.nav nav a[aria-current]{color:var(--lj-red-dark)}
.hero{border:1px solid var(--lj-line);background:linear-gradient(135deg,#fff 35%,#fff3f5);box-shadow:0 16px 45px rgba(30,30,40,.06)}
.eyebrow,h1 span{color:var(--lj-red-dark)}
h1,h2,h3{color:var(--lj-ink)}
p{color:#414750}
.cta{background:linear-gradient(115deg,var(--lj-red),#c71330);color:#fff;box-shadow:0 5px 16px rgba(227,27,54,.18)}
.cta:hover{background:linear-gradient(115deg,#c71330,#a90d26);color:#fff;filter:none}
.cta:focus-visible,.photo-link:focus-visible,.gallery a:focus-visible{outline:3px solid #be142d;outline-offset:3px}
.state{background:#f0f1f4;color:#4c525a;border:1px solid #e2e4e8}
.state.live{background:#e4f8ed;color:#146839;border-color:#bce5cd}
.tiny,.disclose,.subtle{color:var(--lj-muted)}
.metrics article,.panel{background:var(--lj-panel);border:1px solid var(--lj-line);box-shadow:0 7px 24px rgba(20,25,30,.035)}
.metrics span,.metrics small{color:var(--lj-muted)}.metrics strong{color:var(--lj-ink)}
.mini{border-bottom-color:var(--lj-line);color:#565d66}.mini b{color:var(--lj-ink)}
.gallery img{border-color:var(--lj-line)}.gallery figcaption{color:var(--lj-muted)}.gallery figcaption span{color:var(--lj-red-dark)}
.facts dt,.facts dd{border-bottom-color:var(--lj-line)}.facts dt{color:#646a73}
.bars{border-bottom-color:#d7dbe0}.bar{background:linear-gradient(#f65e71,#d51130)}.barcol small{color:#606874}
.session{border-bottom-color:var(--lj-line)}.session small{color:#646b74}
footer{border-top-color:var(--lj-line);background:#f7f8fa;color:var(--lj-muted)}footer p{color:var(--lj-muted)}
.watch-feature{border:1px solid var(--lj-line);background:linear-gradient(120deg,#fff7f8,#fff);box-shadow:0 8px 22px rgba(20,25,30,.045)}
.end-cta{border-top-color:var(--lj-line)}
.watch-photo:after,.gallery-teaser a:after{background:rgba(23,25,30,.83);color:#fff;border-color:rgba(255,255,255,.25)}
.photo-link:hover img,.gallery a:hover img{filter:brightness(1.025)}
/* Keep layout legible and the navigation usable on mobile */
@media(max-width:850px){.top{background:rgba(255,255,255,.98)}}
@media(prefers-reduced-motion:reduce){.watch-photo img{transition:none}}
