/* ParsMazi editorial creator profile */
.creator-profile{
  position:relative;isolation:isolate;overflow:hidden;
  width:min(1160px,calc(100% - 40px));margin:56px auto 24px;padding:26px;
  border:1px solid #b9c8ff1b;border-radius:27px;
  background:
    radial-gradient(circle at 8% 6%,#9b86ff18,transparent 28%),
    radial-gradient(circle at 94% 92%,#55b9ff12,transparent 31%),
    linear-gradient(145deg,#0d1120f7,#080b15f8 58%,#0a0e1af7);
  box-shadow:0 28px 86px #0009,inset 0 1px #ffffff0b;
  font-family:"Manrope",sans-serif;
}
.creator-profile::before{content:"";position:absolute;z-index:3;left:5%;right:5%;top:0;height:1px;background:linear-gradient(90deg,transparent,#9b86ff,#55b9ff,transparent);opacity:.9}
.creator-profile::after{content:"06+";position:absolute;z-index:-1;right:.04em;top:.12em;color:#ffffff06;font:900 clamp(105px,13vw,170px)/.8 "Manrope",sans-serif;letter-spacing:-.11em;pointer-events:none}
.creator-profile-grid{position:absolute;z-index:-2;inset:0;opacity:.14;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(135deg,#000,transparent 72%)}
.creator-profile-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid #c5d1ff14}
.creator-profile-head span{display:inline-flex;align-items:center;gap:10px;color:#c4baff;font:850 9px/1 "Manrope",sans-serif;letter-spacing:2px}
.creator-profile-head span i{width:7px;height:7px;border-radius:50%;background:#9b86ff;box-shadow:0 0 15px #9b86ff}
.creator-profile-head b{color:#758098;font:800 8px/1 "Manrope",sans-serif;letter-spacing:1.8px}
.creator-profile-layout{display:grid;grid-template-columns:minmax(260px,.64fr) minmax(460px,1.36fr);gap:30px;align-items:stretch}
.creator-portrait{position:relative;overflow:hidden;min-height:330px;margin:0;border:1px solid #c8d2ff1e;border-radius:21px;background:#080b14;box-shadow:0 20px 52px #0009}
.creator-portrait::before{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(180deg,transparent 42%,#070a13e8 92%),linear-gradient(120deg,#9b86ff17,transparent 42%);pointer-events:none}
.creator-portrait::after{content:"";position:absolute;z-index:3;inset:11px;border:1px solid #ffffff16;border-radius:15px;pointer-events:none}
.creator-portrait img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 30%;filter:grayscale(1) contrast(1.08);transform:scale(1.015);transition:transform .75s cubic-bezier(.16,.84,.24,1),filter .5s ease;pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}
.creator-portrait:hover img{transform:scale(1.055);filter:grayscale(.25) contrast(1.04)}
.creator-portrait figcaption{position:absolute;z-index:4;left:24px;right:24px;bottom:21px;display:grid;gap:6px}
.creator-portrait figcaption small{color:#b4bdd0;font:800 8px/1 "Manrope",sans-serif;letter-spacing:1.8px}
.creator-portrait figcaption strong{color:#fff;font:900 clamp(24px,2.5vw,34px)/.9 "Manrope",sans-serif;letter-spacing:-.055em}
.creator-story{min-width:0;display:flex;flex-direction:column;justify-content:center;padding:4px 0}
.creator-story-index{color:#808aa0;font:800 9px/1 "Manrope",sans-serif;letter-spacing:1.8px}
.creator-story h2{margin:11px 0 12px;color:#f7f8ff;font:900 clamp(50px,5.8vw,74px)/.82 "Manrope",sans-serif;letter-spacing:-.078em}
.creator-story h2 span{display:block;color:transparent;-webkit-text-stroke:1px #c0b5ff70}
.creator-story-line{position:relative;width:100%;height:16px;margin-bottom:15px}
.creator-story-line::before{content:"";position:absolute;left:0;right:0;top:9px;height:1px;background:linear-gradient(90deg,#9b86ff,#55b9ff 52%,transparent)}
.creator-story-line i{position:absolute;left:39%;top:5px;width:9px;height:9px;transform:rotate(45deg);border:1px solid #c8beff;background:#0b0f1c;box-shadow:0 0 16px #9b86ff}
.creator-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:10px}
.creator-stats>span{position:relative;min-height:74px;display:flex;flex-direction:column;justify-content:space-between;padding:12px;border:1px solid #c7d2ff16;border-radius:14px;background:#0a0e1ad9;box-shadow:inset 0 1px #ffffff08;transition:transform .25s ease,border-color .25s ease,background .25s ease}
.creator-stats>span:hover{transform:translateY(-4px);border-color:#9b86ff40;background:#101628}
.creator-stats b{color:#fff;font:900 25px/1 "Manrope",sans-serif;letter-spacing:-.07em}
.creator-stats small{color:#8e99af;font:800 8px/1.2 "Manrope",sans-serif;letter-spacing:.75px}
.creator-portfolio{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px 10px 9px 16px;border:1px solid #aa98ff52;border-radius:14px;color:#fff;background:linear-gradient(110deg,#765dff,#615ee9 52%,#337fc2);box-shadow:0 14px 36px #4338ca30;transition:transform .28s ease,filter .28s ease,box-shadow .28s ease}
.creator-portfolio>span{display:grid;gap:6px}.creator-portfolio small{color:#e2ddffad;font:800 7px/1 "Manrope",sans-serif;letter-spacing:1.6px}.creator-portfolio strong{font:900 14px/1 "Manrope",sans-serif;letter-spacing:.45px}
.creator-portfolio>b{width:38px;height:38px;display:grid;place-items:center;border:1px solid #ffffff25;border-radius:11px;background:#ffffff13;font-size:18px}
.creator-portfolio:hover{transform:translateY(-4px);filter:brightness(1.08);box-shadow:0 24px 60px #4338ca50}
.creator-socials{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:17px;padding-top:15px;border-top:1px solid #c5d1ff14}
.creator-social{min-width:0;min-height:58px;display:grid;place-items:center;padding:8px;border:1px solid #c7d2ff14;border-radius:13px;color:#f5f7ff;background:#090d18d9;box-shadow:inset 0 1px #ffffff07;transition:transform .23s ease,border-color .23s ease,background .23s ease}
.creator-social:hover{transform:translateY(-4px);border-color:#9b86ff42;background:#101626}
.creator-social .social-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px}.creator-social .social-icon svg{width:21px;height:21px}
body.category-open .creator-profile{display:none!important}

@media(max-width:980px){
  .creator-profile{padding:22px;border-radius:24px}
  .creator-profile-layout{grid-template-columns:minmax(250px,.82fr) minmax(390px,1.18fr);gap:24px}
  .creator-portrait{min-height:310px}.creator-story h2{font-size:clamp(48px,7vw,66px)}
  .creator-socials{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:740px){
  .creator-profile{width:calc(100% - 16px);margin:46px auto 18px;padding:14px;border-radius:22px}
  .creator-profile::after{font-size:96px;top:24%;color:#ffffff05}.creator-profile-grid{display:none}
  .creator-profile-head{margin-bottom:13px;padding:5px 3px 13px}.creator-profile-head span{font-size:7px;letter-spacing:1.35px}.creator-profile-head b{display:none}
  .creator-profile-layout{grid-template-columns:1fr;gap:13px}
  .creator-portrait{min-height:0;aspect-ratio:4/3;border-radius:18px}.creator-portrait::after{inset:9px;border-radius:13px}.creator-portrait figcaption{left:20px;right:20px;bottom:18px}.creator-portrait figcaption strong{font-size:29px}
  .creator-story{padding:8px 3px 0}.creator-story-index{font-size:7px}.creator-story h2{margin:13px 0 13px;font-size:clamp(50px,17vw,68px)}.creator-story-line{margin-bottom:14px}
  .creator-stats{gap:6px;margin-bottom:10px}.creator-stats>span{min-height:78px;padding:11px;border-radius:13px}.creator-stats b{font-size:24px}.creator-stats small{font-size:6px;letter-spacing:.35px}
  .creator-portfolio{min-height:62px;padding:10px 10px 10px 14px;border-radius:14px}.creator-portfolio>b{width:40px;height:40px;border-radius:11px}.creator-portfolio strong{font-size:11px}
  .creator-socials{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:15px;padding-top:14px}.creator-social{min-height:58px;padding:8px;border-radius:13px}.creator-social .social-icon{width:40px;height:40px;border-radius:11px}
}
@media(max-width:390px){.creator-socials{grid-template-columns:1fr}.creator-story h2{font-size:48px}}

/* Compact creator card */
.creator-profile{
  width:min(920px,calc(100% - 40px));
  margin:42px auto 20px;
  padding:17px;
  border-radius:22px;
}
.creator-profile-head{margin-bottom:12px;padding:2px 2px 11px}
.creator-profile-layout{grid-template-columns:minmax(210px,.58fr) minmax(400px,1.42fr);gap:19px}
.creator-portrait{min-height:248px;border-radius:17px}
.creator-portrait::after{inset:8px;border-radius:12px}
.creator-portrait figcaption{left:17px;right:17px;bottom:15px;gap:4px}
.creator-portrait figcaption small{font-size:6px;letter-spacing:1.35px}
.creator-portrait figcaption strong{font-size:24px}
.creator-story{padding:1px 0}
.creator-story-index{font-size:7px;letter-spacing:1.35px}
.creator-story h2{margin:8px 0 8px;font-size:clamp(42px,4.6vw,57px);line-height:.88}
.creator-story-line{height:11px;margin-bottom:10px}
.creator-story-line::before{top:5px}.creator-story-line i{top:1px;width:8px;height:8px}
.creator-stats{gap:7px;margin-bottom:8px}
.creator-stats>span{min-height:58px;padding:9px 10px;border-radius:12px}
.creator-stats b{font-size:21px}.creator-stats small{font-size:6px;letter-spacing:.5px}
.creator-portfolio{
  min-height:43px;justify-content:center;padding:9px 14px;border-radius:12px;
  font:900 12px/1 "Manrope",sans-serif;letter-spacing:.35px;
}
.creator-portfolio small,.creator-portfolio>b{display:none!important}
.creator-socials{
  position:relative!important;inset:auto!important;z-index:auto!important;
  display:flex;justify-content:center;gap:18px;
  width:max-content;max-width:100%;margin:14px auto 0;padding:0;
  border:0;background:transparent;box-shadow:none;backdrop-filter:none;
}
.creator-social{
  flex:0 0 54px;width:54px;min-height:50px;padding:5px;border-radius:14px;
  border-color:#b8c5ff24;background:#090d18;box-shadow:0 9px 22px #0006,inset 0 1px #ffffff0a;
}
.creator-social .social-icon{width:39px;height:39px;border-radius:11px}
.creator-social .social-icon svg{width:21px;height:21px}

@media(max-width:740px){
  .creator-profile{width:calc(100% - 16px);margin:38px auto 18px;padding:13px}
  .creator-profile-layout{grid-template-columns:1fr;gap:12px}
  .creator-portrait{min-height:0}
  .creator-story h2{font-size:clamp(42px,14vw,56px)}
  .creator-socials{display:flex;grid-template-columns:none;gap:12px;padding:0}
  .creator-social{flex-basis:48px;width:48px;min-height:46px}
  .creator-social .social-icon{width:34px;height:34px}
}