/* Nika Maria — creators page. Header image is always the original 1920x500 asset. */
.creators-page .site-header{min-height:0;padding-top:78px;background:#080706;overflow:visible}
.creators-page .language-switch{top:90px;z-index:25}
.creators-page .main-nav a.is-current{color:#f1d39a;text-shadow:0 0 10px rgba(237,188,105,.33)}
.creators-page .main-nav a.is-current::after{opacity:1;transform:scaleX(1)}
.creators-hero{
  position:relative;isolation:isolate;overflow:hidden;
  width:100%;max-width:100%;aspect-ratio:1920/500;min-height:375px;background:#090706
}
.creators-hero-image{
  display:block;position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;object-position:center
}
.creators-hero::after{
  position:absolute;z-index:1;inset:0;content:"";pointer-events:none;
  background:linear-gradient(90deg,rgba(7,5,4,.18),transparent 53%)
}
.creators-hero-copy{
  position:absolute;z-index:2;left:clamp(20px,4.3vw,86px);
  top:50%;transform:translateY(-50%);
  width:min(47%,720px);color:#f0e0c3;text-shadow:0 2px 9px #000;
}
.creators-hero-ornament{
  width:min(330px,78%);height:27px;display:flex;align-items:center;gap:17px;
  color:#e9c786;margin:0 0 9px
}
.creators-hero-ornament span{height:1px;flex:1;background:linear-gradient(90deg,transparent,#d7a65b,transparent)}
.creators-hero-ornament b{font-size:30px;font-weight:400;line-height:1;text-shadow:0 0 9px rgba(239,177,65,.35)}
.creators-hero h1{
  margin:0 0 7px;color:#f8dfac;font-size:clamp(43px,4.7vw,89px);
  font-weight:400;line-height:.99;letter-spacing:.022em;
  white-space:nowrap;text-shadow:0 1px 9px #000,0 0 18px rgba(242,181,88,.16)
}
.creators-kicker{
  margin:0 0 14px;font-size:clamp(13px,1.15vw,20px);
  letter-spacing:.13em;line-height:1.3;white-space:normal
}
.creators-intro{
  max-width:590px;margin:0;color:#f0e6d8;
  font-size:clamp(14px,1.14vw,18px);line-height:1.32;letter-spacing:.007em
}
.creators-hero-actions{display:flex;align-items:center;gap:13px;margin-top:19px}
.creators-hero-actions .svo-btn{min-width:188px;min-height:45px;justify-content:space-between;gap:15px}
.creators-quote{
  display:flex;flex-direction:column;align-items:center;width:min(470px,100%);
  margin:14px 0 0;color:#eed1a0;text-align:center;
  font-size:clamp(13px,1.1vw,19px);font-style:italic;line-height:1.2
}
.creators-quote-author{
  margin-top:4px;color:#ccb38e;text-transform:uppercase;font-style:normal;
  font-size:clamp(9px,.68vw,12px);letter-spacing:.14em
}
.creators-sections{
  position:relative;padding:18px clamp(15px,1.9vw,38px) 39px;
  background:linear-gradient(180deg,#0a0807 0%,#090706 72%,#100a07);
  scroll-margin-top:82px
}
.creators-sections-heading{
  margin:0 auto 18px;color:#d8b77b;text-align:center;font-weight:400;
  font-size:clamp(11px,1vw,16px);line-height:1.3;letter-spacing:.19em
}
.creators-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(12px,1.3vw,24px);max-width:1900px;margin:0 auto
}
.creators-card{
  position:relative;isolation:isolate;display:flex;flex-direction:column;
  min-width:0;min-height:clamp(255px,21vw,355px);
  border:1px solid rgba(178,137,82,.7);background:#120d09;
  overflow:hidden;box-shadow:inset 0 0 0 3px rgba(8,6,4,.8),0 9px 18px #0007
}
.creators-card-media{
  position:absolute;inset:0;z-index:0;
  background:radial-gradient(ellipse at 70% 45%,rgba(141,106,53,.3),transparent 36%),
             radial-gradient(ellipse at 15% 95%,rgba(165,96,31,.16),transparent 53%),
             linear-gradient(115deg,#171009 0%,#0b0908 47%,#1b1009 100%);
}
.creators-card-second .creators-card-media{
  background:radial-gradient(ellipse at 74% 35%,rgba(100,115,121,.25),transparent 39%),
             radial-gradient(ellipse at 70% 90%,rgba(156,112,56,.12),transparent 50%),
             linear-gradient(112deg,#11100d,#0b0a09 50%,#1a1711)
}
.creators-card-third .creators-card-media{
  background:radial-gradient(ellipse at 75% 28%,rgba(163,113,67,.26),transparent 42%),
             linear-gradient(110deg,#130d09,#090807 50%,#21150b)
}
.creators-card-media::after{
  position:absolute;inset:12px;content:"";border:1px solid rgba(211,160,86,.19);
  pointer-events:none
}
.creators-card-emblem{
  position:absolute;right:11%;top:30%;font-size:clamp(88px,12vw,210px);
  line-height:1;opacity:.17;color:#c79a5b;text-shadow:0 0 20px rgba(219,168,74,.25)
}
.creators-card-copy{
  position:relative;z-index:1;flex:1;min-height:0;box-sizing:border-box;
  padding:clamp(17px,1.6vw,28px);display:flex;flex-direction:column;align-items:flex-start
}
.creators-card-copy h2{
  margin:0;width:90%;font-size:clamp(17px,1.62vw,31px);line-height:1.08;
  letter-spacing:.095em;font-weight:400;color:#f1d8a7;text-wrap:balance
}
.creators-card-rule{display:block;width:48px;height:1px;margin:11px 0 auto;background:#d0a369}
.creators-card-copy p{
  max-width:85%;margin:14px 0 0;color:#e6d8c0;
  font-size:clamp(12px,1.04vw,17px);line-height:1.29;
  text-shadow:0 1px 8px #000
}
.creators-footer{
  display:flex;align-items:center;justify-content:center;gap:16px;
  padding:20px 15px 30px;background:#0d0a08;
  color:#c7a46a;text-align:center;font-size:clamp(11px,1vw,17px);
  letter-spacing:.2em;line-height:1.4
}
.creators-footer>span:first-child,.creators-footer>span:last-child{
  font-size:17px;color:#d4ac6c
}
.creators-video-dialog{
  position:fixed;width:min(560px,calc(100% - 32px));
  max-height:calc(100dvh - 32px);padding:52px 30px 42px;
  border:1px solid #be9658;background:#100d09;color:#e8d4ac;
  text-align:center;box-shadow:0 18px 80px #000;overflow:auto
}
.creators-video-dialog::backdrop{background:rgba(0,0,0,.83);backdrop-filter:blur(5px)}
.creators-video-dialog h2{margin:0 0 14px;font-size:clamp(25px,3vw,39px);font-weight:400}
.creators-video-dialog p{margin:0;font-size:17px;line-height:1.5}
.creators-video-close{
  position:absolute;top:6px;right:10px;padding:1px 10px;border:0;
  background:transparent;color:#e7cea1;font-size:36px;cursor:pointer
}
.creators-video-close:hover,.creators-video-close:focus-visible{color:#fff;outline:1px solid #d4b57a}
html[data-language="en"] .creators-hero h1{font-size:clamp(39px,4vw,78px)}
html[data-language="zh"] .creators-hero h1{
  font-family:"Noto Serif CJK SC","Microsoft YaHei",Georgia,serif;
  font-size:clamp(40px,4.4vw,76px);letter-spacing:0
}
html[data-language="zh"] :is(.creators-kicker,.creators-intro,.creators-quote,.creators-quote-author,.creators-card-copy h2,.creators-card-copy p,.creators-footer){
  font-family:"Noto Serif CJK SC","Microsoft YaHei",Georgia,serif;
  letter-spacing:.02em;line-height:1.45
}
/* Creators cards: supplied photography, enlarged section heading and five-line descriptions */
.creators-card-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.88;z-index:0;filter:saturate(.94) contrast(.98)}
.creators-card-emblem{display:none}
.creators-sections-heading{margin-bottom:28px;font-size:clamp(25px,2.6vw,43px);line-height:1.1;letter-spacing:.10em}
.creators-card-copy p{width:clamp(220px,13vw,280px);max-width:clamp(220px,13vw,280px);font-size:clamp(13px,1.05vw,17px);line-height:1.34;text-align:left}
@media(max-width:640px){
  .creators-sections-heading{font-size:clamp(22px,7vw,32px);letter-spacing:.07em;margin-bottom:22px}
  .creators-card-copy p{width:auto;max-width:92%}
}
/* Creators: balanced five-line copy widths */
.creators-card-first .creators-card-copy p{width:220px;max-width:220px}
.creators-card-second .creators-card-copy p{width:240px;max-width:240px}
.creators-card-third .creators-card-copy p{width:280px;max-width:280px}
@media(max-width:640px){
  .creators-card-first .creators-card-copy p,.creators-card-second .creators-card-copy p,.creators-card-third .creators-card-copy p{width:auto;max-width:92%}
}
@media(max-width:1450px){
  .creators-hero-copy{width:48%}
  .creators-hero h1{font-size:clamp(38px,4.6vw,67px)}
  .creators-kicker{font-size:clamp(12px,1.15vw,17px);margin-bottom:9px}
  .creators-intro{font-size:clamp(12px,1.12vw,16px)}
  .creators-hero-actions{margin-top:12px}
  .creators-quote{margin-top:10px}
}
@media(max-width:1180px){
  .creators-page .site-header{padding-top:70px}
  .creators-page .language-switch{top:83px}
  .creators-hero-copy{width:49%}
  .creators-hero h1{font-size:clamp(36px,4.35vw,52px)}
  .creators-intro{font-size:clamp(12px,1.15vw,14px)}
  .creators-hero-actions .svo-btn{min-width:0}
  .creators-card-copy h2{font-size:clamp(17px,2.2vw,24px)}
  .creators-card-copy p{font-size:clamp(12px,1.28vw,16px);max-width:92%}
}
@media(max-width:1100px){
  .creators-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .creators-card{min-height:300px}
  .creators-card-third{grid-column:span 2}
  .creators-card-copy h2{font-size:clamp(20px,2.8vw,28px)}
  .creators-card-copy p{max-width:80%;font-size:clamp(14px,1.6vw,17px)}
}
@media(max-width:900px){
  .creators-hero{display:flex;flex-direction:column;min-height:0;aspect-ratio:auto;overflow:visible}
  .creators-hero-image{
    position:relative;inset:auto;width:100%;height:auto;
    object-fit:contain;object-position:center;flex:none
  }
  .creators-hero::after{display:none}
  .creators-hero-copy{
    position:relative;top:auto;left:auto;transform:none;
    width:100%;max-width:none;box-sizing:border-box;
    padding:27px clamp(18px,5vw,44px) 31px;
    background:linear-gradient(145deg,#130c07,#080706 72%);
    border-top:1px solid rgba(209,170,98,.35)
  }
  .creators-hero-ornament{margin-bottom:7px}
  .creators-hero h1{font-size:clamp(39px,6.2vw,62px)}
  .creators-kicker{font-size:clamp(14px,2.1vw,18px)}
  .creators-intro{font-size:clamp(14px,2.1vw,17px);max-width:700px;line-height:1.43}
  .creators-hero-actions{margin-top:17px}
  .creators-hero-actions .svo-btn{min-height:46px;padding:9px 15px;font-size:12px;flex:0 1 235px}
  .creators-quote{margin-top:14px}
  html[data-language="en"] .creators-hero h1{font-size:clamp(36px,6vw,61px)}
  html[data-language="zh"] .creators-hero h1{font-size:clamp(37px,6vw,58px)}
}
@media(max-width:640px){
  .creators-page .site-header{padding-top:64px}
  .creators-page .language-switch{top:74px}
  .creators-hero-copy{padding:23px 19px 31px}
  .creators-hero h1{font-size:clamp(32px,7.8vw,47px)}
  .creators-kicker{font-size:clamp(12px,3.4vw,15px);letter-spacing:.055em}
  .creators-intro{font-size:14px;line-height:1.4}
  .creators-hero-actions{gap:9px;flex-wrap:wrap}
  .creators-hero-actions .svo-btn{flex:1 1 165px}
  .creators-sections{padding:24px 15px 34px;scroll-margin-top:70px}
  .creators-grid{grid-template-columns:1fr;gap:15px}
  .creators-card{min-height:275px}
  .creators-card-third{grid-column:auto}
  .creators-card-copy{padding:21px}
  .creators-card-copy h2{font-size:clamp(19px,5vw,26px)}
  .creators-card-copy p{font-size:clamp(14px,3.5vw,16px)}
  .creators-footer{font-size:11px;letter-spacing:.1em;gap:9px}
  html[data-language="en"] .creators-hero h1{font-size:clamp(30px,7.2vw,42px)}
  html[data-language="zh"] .creators-hero h1{font-size:clamp(30px,7vw,40px)}
}
@media(max-width:430px){
  .creators-hero-actions{flex-direction:column;align-items:stretch}
  .creators-hero-actions .svo-btn{flex:0 0 auto;width:100%}
  .creators-card{min-height:290px}
  .creators-card-copy p{max-width:88%}
}
@media(prefers-reduced-motion:reduce){.creators-hero-copy{transition:none}}