:root{
  --bg:#08080c;
  --surface:#111117;
  --text:#f8f7fb;
  --muted:#a8a4b2;
  --line:rgba(255,255,255,.09);
  --pink:#ff6f9f;
  --pink2:#ffabc6;
  --violet:#9e86ff;
  --max:1240px
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:
    radial-gradient(circle at 13% -8%,rgba(158,134,255,.13),transparent 29%),
    radial-gradient(circle at 86% -2%,rgba(255,111,159,.13),transparent 27%),
    var(--bg);
  color:var(--text);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif
}
a{text-decoration:none;color:inherit}
button,input{font:inherit}
img{display:block}
.wrap{width:min(var(--max),calc(100% - 36px));margin:auto}
.top{
  position:sticky;top:0;z-index:50;
  background:rgba(8,8,12,.76);
  backdrop-filter:blur(18px);
  border-bottom:1px solid var(--line)
}
.nav{height:68px;display:flex;align-items:center;gap:12px}
.brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:850;letter-spacing:-.035em;white-space:nowrap}
.logoimg{width:34px;height:34px;border-radius:11px;display:block;box-shadow:0 8px 30px rgba(255,111,159,.2)}
.navlinks{margin-left:auto;display:flex;align-items:center;gap:10px}
.navbtn{
  padding:9px 13px;border-radius:999px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.05);
  font-size:12px;font-weight:800
}
.create{
  background:linear-gradient(135deg,var(--pink),#ba9cff);
  color:#140d12;border-color:transparent
}
.hero{
  padding:76px 0 48px;
  display:grid;grid-template-columns:1.03fr .97fr;gap:58px;align-items:center
}
h1,h2{margin:0}
h1{
  font-family:Georgia,"Times New Roman",serif;
  font-weight:500;font-size:clamp(50px,6.5vw,86px);
  line-height:.95;letter-spacing:-.055em
}
.grad{
  background:linear-gradient(95deg,#fff 5%,#ffb5cd 48%,#c4b5ff);
  -webkit-background-clip:text;background-clip:text;color:transparent
}
.lede{max-width:650px;margin:19px 0 25px;color:#bbb7c5;font-size:17px;line-height:1.7}
.searchbox{
  display:flex;padding:8px;gap:8px;border-radius:17px;
  background:rgba(255,255,255,.045);border:1px solid var(--line);max-width:610px
}
.searchbox input{flex:1;min-width:0;padding:12px;border:0;outline:0;background:transparent;color:#fff}
.searchbox input::placeholder{color:#777481}
.searchbox button{
  cursor:pointer;border:0;border-radius:11px;padding:11px 17px;color:#160f14;
  background:linear-gradient(135deg,#ff8aae,#beaaff);font-weight:850
}
.quick,.toolbar{display:flex;gap:7px;flex-wrap:wrap}
.quick{margin-top:16px}
.quick button,.filter{
  border:1px solid var(--line);background:rgba(255,255,255,.035);
  color:#c9c5d0;border-radius:999px;padding:7px 10px;font-size:11px;cursor:pointer
}
.quick button:hover,.filter:hover,.filter.active{
  border-color:rgba(255,111,159,.38);
  background:rgba(255,111,159,.095);color:#fff
}
.collage{height:500px;position:relative}
.heroimg{
  position:absolute;border-radius:26px;overflow:hidden;
  border:1px solid rgba(255,255,255,.13);background:#14141a;
  box-shadow:0 30px 80px rgba(0,0,0,.48)
}
.heroimg img{width:100%;height:100%;object-fit:cover;object-position:center 18%}
.heroimg:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(5,5,8,.82),transparent 48%)}
.heroimg .cap{position:absolute;z-index:2;left:17px;right:17px;bottom:16px}
.heroimg .cap b{font-size:16px}
.ha{width:64%;height:80%;left:1%;top:3%;transform:rotate(-3deg)}
.hb{width:55%;height:69%;right:0;top:23%;transform:rotate(3.8deg)}
.glow{
  position:absolute;width:210px;height:210px;right:8%;top:-7%;border-radius:50%;
  background:radial-gradient(circle,rgba(255,111,159,.5),rgba(158,134,255,.12) 45%,transparent 70%);
  filter:blur(10px)
}
.section{padding:42px 0 52px}
.head{margin-bottom:18px}
.kicker{font-size:11px;color:var(--pink2);font-weight:850;text-transform:uppercase;letter-spacing:.12em}
h2{
  font-family:Georgia,"Times New Roman",serif;
  font-weight:500;font-size:clamp(34px,4vw,50px);
  letter-spacing:-.04em;margin-top:6px
}
.toolbar{margin-bottom:18px}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.card{
  overflow:hidden;border:1px solid var(--line);
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.018));
  border-radius:19px;transition:.22s ease;min-width:0
}
.card:hover{transform:translateY(-4px);border-color:rgba(255,130,168,.32)}
.pic{height:355px;position:relative;overflow:hidden;background:#14141a}
.pic img{
  width:100%;height:100%;object-fit:cover;object-position:center 17%;
  transition:.4s ease
}
.card:hover .pic img{transform:scale(1.035)}
.cardbody{padding:14px}
.name{
  font-size:17px;font-weight:850;letter-spacing:-.025em;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.meet{
  border-top:1px solid var(--line);margin-top:12px;padding-top:11px;
  display:flex;justify-content:space-between;color:#ffd2e1;font-size:12px;font-weight:850
}
.load{
  display:block;margin:26px auto 0;border:1px solid var(--line);border-radius:999px;
  background:rgba(255,255,255,.04);color:white;padding:11px 18px;font-weight:800;cursor:pointer
}
.empty{
  grid-column:1/-1;padding:60px 20px;text-align:center;
  border:1px dashed var(--line);border-radius:18px;color:#85818e
}
.footerline{border-top:1px solid var(--line);margin-top:20px}
footer{
  padding:28px 0 42px;display:grid;grid-template-columns:1fr auto;gap:20px;
  color:#85818e;font-size:11px
}
.footerlinks{display:flex;gap:15px}
@media(max-width:1050px){
  .grid{grid-template-columns:repeat(3,1fr)}
  .hero{gap:30px}.collage{height:450px}
}
@media(max-width:820px){
  .hero{grid-template-columns:1fr;padding-top:52px}
  .collage{height:430px}
  .grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:570px){
  .wrap{width:min(var(--max),calc(100% - 22px))}
  .brand{font-size:15px}
  .nav{height:auto;min-height:68px;padding:8px 0;flex-wrap:wrap}
  .navlinks{margin-left:auto;gap:6px}
  .navbtn{padding:8px 10px;font-size:10px}
  .hero{padding-bottom:22px}
  .collage{height:350px}
  .grid{grid-template-columns:1fr 1fr;gap:9px}
  .pic{height:250px}
  .cardbody{padding:10px}
  .meet{margin-top:8px}
  footer{grid-template-columns:1fr}
  .footerlinks{flex-wrap:wrap}
}

/* Legal pages */
.legalhero{padding:68px 0 24px;max-width:900px}
.legalhero h1{font-size:clamp(42px,6vw,72px)}
.legalmeta{margin-top:14px;color:var(--muted);font-size:12px}
.legal{max-width:900px;padding:12px 0 64px}
.legal section{padding:24px 0;border-top:1px solid var(--line)}
.legal h2{font-size:28px;margin:0 0 12px}
.legal h3{font-size:17px;margin:18px 0 8px}
.legal p,.legal li{color:#bbb7c5;font-size:14px;line-height:1.75}
.legal ul{padding-left:21px}
.legal a{color:var(--pink2);text-decoration:underline;text-underline-offset:3px}
.legalnotice{padding:14px 16px;border:1px solid rgba(255,111,159,.24);background:rgba(255,111,159,.06);border-radius:14px;color:#ddd8e5;font-size:13px;line-height:1.65}


/* SEO gallery additions */
.logoimg{width:34px;height:34px;border-radius:11px;display:block;box-shadow:0 8px 30px rgba(255,111,159,.2)}
.quick a,.filter{border:1px solid var(--line);background:rgba(255,255,255,.035);color:#c9c5d0;border-radius:999px;padding:7px 10px;font-size:11px;cursor:pointer}
.quick a:hover,.filter:hover,.filter.active{border-color:rgba(255,111,159,.38);background:rgba(255,111,159,.095);color:#fff}
.card{display:flex;flex-direction:column}
.cardmain{display:block;min-width:0}
.card .meet{margin:0 14px 14px;padding-top:11px}
.pagination{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:28px auto 4px}
.pager{min-width:36px;height:36px;padding:0 10px;display:grid;place-items:center;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.035);font-size:12px;font-weight:800;color:#c9c5d0}
.pager:hover,.pager.active{border-color:rgba(255,111,159,.42);background:rgba(255,111,159,.10);color:#fff}
.collection{padding:62px 0 64px}
.collectionhead{max-width:850px;margin-bottom:24px}
.collectionhead h1,.profilecopy h1{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:clamp(44px,6vw,72px);line-height:1;letter-spacing:-.05em;margin:6px 0 16px}
.collectionhead p,.profiletext,.profileabout p{color:#bbb7c5;font-size:15px;line-height:1.75}
.topicnav{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 24px}
.topiclink,.chip{border:1px solid var(--line);background:rgba(255,255,255,.035);color:#d4cfda;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:800}
.topiclink:hover,.chip:hover{border-color:rgba(255,111,159,.38);color:#fff}
.profile{padding:38px 0 66px}
.crumbs{display:flex;gap:8px;align-items:center;color:#8f8a98;font-size:12px;margin-bottom:20px;flex-wrap:wrap}
.crumbs a:hover{color:#fff}
.profilehero{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);gap:46px;align-items:center}
.profileimage{border:1px solid var(--line);background:#121217;border-radius:24px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.42)}
.profileimage img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 17%}
.scenarioTitle{font-family:Georgia,"Times New Roman",serif;font-size:24px;line-height:1.25;color:#f4dce5;margin:0 0 14px}
.chips{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 18px}
.primarycta{display:inline-flex;margin-top:18px;padding:12px 18px;border-radius:999px;background:linear-gradient(135deg,var(--pink),#ba9cff);color:#160f14;font-size:13px;font-weight:900}
.primarycta:hover{filter:brightness(1.06)}
.smallnote{color:#777481;font-size:11px;line-height:1.6;margin-top:12px}
.profileabout{max-width:900px;margin:44px 0;padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.profileabout h2{font-size:34px}
.related{padding-top:6px}.relatedgrid{grid-template-columns:repeat(3,1fr)}
@media(max-width:820px){.profilehero{grid-template-columns:1fr;gap:28px}.profileimage{max-width:560px}.relatedgrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:570px){.collection{padding-top:38px}.profile{padding-top:24px}.profilehero{gap:22px}.relatedgrid{grid-template-columns:1fr 1fr}.card .meet{margin:0 10px 10px}.collectionhead h1,.profilecopy h1{font-size:clamp(38px,13vw,58px)}}