
.v6top{background:#000;color:#f6f8ff;overflow:hidden}
.v6top header{max-width:1152px;margin:auto;color:#f6f8ff;border-color:#414958;height:96px}
.v6top .brand svg g{stroke:#dce7ff}.v6top .brand{color:#fff}
.v6wrap{max-width:1152px;margin:auto}.v6launch{position:relative;isolation:isolate;height:590px}
.v6image{position:absolute;z-index:-2;inset:0 -60px 0 25%;width:calc(75% + 60px);height:100%;object-fit:cover;object-position:center;mask-image:linear-gradient(90deg,transparent,#000 28%,#000 90%,transparent);}
.v6launch:after{content:"";position:absolute;inset:0 -60px;z-index:-1;background:linear-gradient(90deg,#000 5%,#000c 35%,transparent 75%),linear-gradient(0deg,#000,transparent 18%)}
.v6copy{padding-top:68px;position:relative}.v6kicker{font:500 10px/1.5 Inter,Arial;letter-spacing:2px;margin-bottom:27px;color:#f6f8ff}
.v6top h1{color:#f6f8ff;font:600 78px/.99 Inter,Arial,sans-serif;letter-spacing:-4.7px;max-width:850px;margin:0}.v6top h1 span{color:#a5b3cc}
.v6sub{font:16px/1.6 Inter,Arial;max-width:370px;color:#c0c9dc;margin:25px 0}.v6link{font:600 14px/1.5 Inter;display:inline-block;padding:15px 0;border-bottom:1px solid #fff;color:#fff}
.v6caption{position:absolute;bottom:12px;right:0;font:9px/1.4 Inter;color:#c4cad6}
.v6top .filters{background:#101319;border:1px solid #414958;padding:18px;margin:22px 0 35px;display:grid;grid-template-columns:1fr 1.05fr 1.1fr;gap:20px}
.v6top .filtergroup{min-width:0;width:auto}.v6top .filters label{color:#bac0cf;font:600 11px/1.4 Inter}.v6top .filters input,.v6top .filters select{min-width:0;max-width:none;width:100%;background:#101319;color:#f6f8ff;border:0;border-bottom:1px solid #bac0cf;padding:10px 0;border-radius:0;font:14px Inter}.v6top input::placeholder{color:#9aa3b5}.v6stats{display:flex;justify-content:space-between;gap:16px;padding:20px 0 28px;border-top:1px solid #414958;font:11px/1.4 Inter;letter-spacing:1px}.v6stats strong{font-size:24px;letter-spacing:-1px;margin-right:5px}.v6index{padding:40px 0 0}.v6index .datapanel{width:100%;margin:0}
@media(max-width:1248px){.v6wrap,.v6top header{max-width:calc(100% - 96px)}body.v6home main,body.v6home footer{max-width:calc(100% - 96px);margin-left:auto;margin-right:auto}.v6top h1{font-size:66px;letter-spacing:-3.6px}.v6image{inset:0 -48px 0 18%;width:calc(82% + 48px)}}
@media(max-width:1000px){.v6wrap,.v6top header{max-width:calc(100% - 56px)}body.v6home main,body.v6home footer{max-width:calc(100% - 56px)}.v6top h1{font-size:58px}.v6top header{height:auto;min-height:96px}.v6image{left:8%;width:calc(92% + 48px)}.v6launch:after{background:linear-gradient(90deg,#000e,#0009 50%,#0002),linear-gradient(0deg,#000,transparent 20%)}}
@media(max-width:700px){.v6wrap,.v6top header{max-width:calc(100% - 40px)}body.v6home main,body.v6home footer{max-width:calc(100% - 40px)}.v6top header{padding:20px 0;gap:18px;flex-wrap:wrap}.v6top nav{font-size:11px;gap:12px 18px}.v6launch{height:530px}.v6copy{padding-top:42px}.v6top h1{font-size:44px;letter-spacing:-2.6px}.v6kicker{font-size:8px;letter-spacing:1.3px;margin-bottom:20px}.v6sub{font-size:13px;max-width:240px;margin:20px 0}.v6image{left:0;width:calc(100% + 40px);right:-20px;opacity:.8}.v6caption{font-size:7px;left:0;right:0}.v6top .filters{grid-template-columns:1fr 1fr;padding:14px;gap:18px 14px;margin-bottom:25px}.v6top .filtergroup:last-child{grid-column:1/-1}.v6stats{font-size:8px;letter-spacing:0;gap:8px}.v6stats strong{font-size:21px}.v6index{padding-top:28px}}

/* Pearl variant: reserve a separate bright-image lane, never behind copy. */
.v6top[data-site=aesthetik] .v6copy{width:55%}
.v6top[data-site=aesthetik] h1{max-width:100%}
.v6top[data-site=aesthetik] .v6image{left:55%;right:auto;width:calc(45% + 60px);object-position:center;mask-image:linear-gradient(90deg,transparent,#000 18%,#000 92%,transparent)}
@media(max-width:700px){.v6top[data-site=aesthetik] .v6copy{width:70%}.v6top[data-site=aesthetik] .v6image{left:70%;width:85%;opacity:1;object-position:38% center}.v6top[data-site=aesthetik] .v6sub{max-width:100%}}
