/* cache-bust 20260917shirt-hem */
.premiumHero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:100svh;
  margin-top:-76px;
  padding:76px 0 0;
  color:#e8eef8;
  background:
    radial-gradient(880px 500px at 86% 16%,rgba(30,61,110,.42),transparent 60%),
    linear-gradient(180deg,#050910 0%,#0a1424 52%,#050910 100%);
}
.premiumHero .heroCity{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;object-position:78% 40%;
  opacity:.68;filter:blur(2px) saturate(.94) brightness(.7);
  pointer-events:none;z-index:0;
}
.premiumHero .heroCityShade{
  position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    linear-gradient(90deg,#050910 0%,rgba(8,16,32,.92) 32%,rgba(10,20,38,.46) 58%,rgba(8,16,32,.1) 100%),
    linear-gradient(180deg,rgba(5,9,16,.34) 0%,transparent 30%,rgba(5,9,16,.58) 100%);
}
.heroGlow{
  position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none;z-index:1;
}
.heroGlowOne{
  width:520px;height:520px;left:-180px;top:-120px;
  background:radial-gradient(circle,#1e3d6e 0%,transparent 70%);
  opacity:.55;
}
.heroGlowTwo{
  width:460px;height:460px;right:10%;top:6%;
  background:radial-gradient(circle,#c4a06a 0%,transparent 72%);
  opacity:.16;
}
.heroGrid{
  position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.35;
  background-image:
    linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:80px 80px;
  mask-image:radial-gradient(circle at 28% 38%,#000 18%,transparent 70%);
}
.premiumHeroInner{
  position:relative;z-index:2;
  width:min(1240px,calc(100% - 40px));
  margin:0 auto;
  min-height:calc(100svh - 76px);
  display:grid;
  grid-template-columns:minmax(0,55fr) minmax(0,45fr);
  align-items:stretch;
  gap:24px;
}

.heroContent{
  display:flex;flex-direction:column;justify-content:center;
  padding:28px 0 64px;
  max-width:620px;
}
.heroBadge{
  display:inline-flex;align-items:center;gap:8px;align-self:flex-start;
  padding:7px 14px 7px 10px;border-radius:999px;
  border:1px solid rgba(239,194,122,.45);
  background:rgba(239,194,122,.08);
  box-shadow:0 0 18px rgba(239,194,122,.12);
  color:#efc27a;letter-spacing:.22em;font-size:11px;font-weight:800;
}
.badgeDot{
  width:7px;height:7px;border-radius:50%;
  background:#efc27a;box-shadow:0 0 8px rgba(239,194,122,.7);
}
.heroTitle{
  margin:18px 0 0;
  font-size:clamp(40px,5.4vw,72px);
  line-height:1.02;letter-spacing:-.045em;font-weight:800;color:#fff;
}
.heroTitle span{
  display:block;
  background:linear-gradient(90deg,#e8c890 0%,#d4b07a 58%,#c9d4e8 100%);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:#d4b07a;
}
.heroDescription{
  margin:18px 0 0;max-width:520px;
  font-size:17px;line-height:1.65;color:#c5cde4;
}
.heroTech{
  display:flex;flex-wrap:wrap;gap:8px;margin-top:22px;
}
.heroTech span{
  padding:8px 14px;border-radius:999px;
  background:rgba(8,12,28,.45);
  border:1px solid rgba(255,255,255,.14);
  backdrop-filter:blur(12px);
  color:#e8edff;font-size:12px;font-weight:600;
}
.heroButtons{
  display:flex;flex-wrap:wrap;gap:12px;margin-top:26px;
}
.heroPrimaryButton,
.heroSecondaryButton{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:48px;padding:14px 26px;border-radius:999px;
  text-decoration:none;font-weight:700;font-size:15px;
  transition:transform .22s,box-shadow .22s,background .22s,border-color .22s;
}
.heroPrimaryButton{
  background:linear-gradient(135deg,#1e3d6e,#2f5a96);
  color:#fff;box-shadow:0 10px 28px rgba(30,61,110,.4);border:1px solid rgba(212,176,122,.28);
}
.heroPrimaryButton:hover{transform:translateY(-1px);box-shadow:0 14px 32px rgba(30,61,110,.5);border-color:rgba(212,176,122,.45)}
.heroSecondaryButton{
  background:rgba(255,255,255,.06);
  color:#fff;border:1px solid rgba(255,255,255,.16);
  backdrop-filter:blur(10px);
}
.heroSecondaryButton:hover{border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.1)}

.heroStats{
  display:flex;align-items:stretch;gap:0;margin-top:44px;max-width:560px;
}
.heroStat{padding:0 22px 0 0}
.heroStat:last-child{padding-right:0}
.heroStat strong{display:block;font-size:22px;letter-spacing:-.03em;color:#fff;font-weight:800}
.heroStat small{display:block;margin-top:5px;font-size:12px;color:#9aa6c8;line-height:1.3}
.statDivider{
  width:1px;align-self:stretch;margin:2px 18px 2px 8px;
  background:rgba(255,255,255,.12);
}

.heroPortraitArea{
  position:relative;
  display:flex;align-items:flex-end;justify-content:flex-end;
  min-height:0;
}
.portraitBackGlow{
  position:absolute;right:6%;bottom:10%;
  width:78%;height:78%;border-radius:50%;
  background:
    radial-gradient(circle at 50% 42%,rgba(212,176,122,.18),transparent 58%),
    radial-gradient(circle,rgba(30,61,110,.55),transparent 70%);
  filter:blur(28px);pointer-events:none;
}
.portraitImageWrapper{
  position:relative;z-index:1;
  width:100%;height:100%;
  display:flex;align-items:flex-end;justify-content:flex-end;
}
.heroPortrait{
  width:108%;height:auto;max-height:calc(100svh - 76px);
  object-fit:contain;object-position:center bottom;
  display:block;
  filter:drop-shadow(0 22px 40px rgba(5,9,16,.45));
}
.heroSignature{
  position:absolute;right:4%;top:46%;z-index:2;
  text-align:right;pointer-events:none;max-width:46%;
}
.signatureName{
  font-family:"Great Vibes",cursive;
  font-size:clamp(34px,3.6vw,52px);
  color:rgba(214,228,255,.82);line-height:.95;
  text-shadow:0 10px 28px rgba(0,0,0,.32);
}
.signatureSlogan{
  margin-top:10px;
  font-size:9px;letter-spacing:.28em;line-height:1.55;
  color:rgba(196,210,238,.58);font-weight:600;
}

@media(max-width:1100px){
  .heroTitle{font-size:clamp(36px,4.8vw,56px)}
  .heroContent{max-width:none}
}
@media(max-width:980px){
  .premiumHero{margin-top:-76px;padding:76px 0 20px;min-height:0}
  .premiumHeroInner{
    display:flex;flex-direction:column;
    grid-template-columns:1fr;
    min-height:0;gap:0;
    width:min(100% - 28px,1240px);
  }
  .heroContent{display:contents;padding:0;max-width:none}
  .heroCopy{order:1;padding:8px 0 0}
  .heroPortraitArea{
    order:2;width:88%;margin:0 auto;
    justify-content:center;align-items:center;
    z-index:1;
  }
  .portraitImageWrapper{justify-content:center;align-items:flex-end;z-index:1}
  .heroPortrait{
    max-height:none;width:100%;
    object-position:center top;
  }
  .heroActions{order:3;padding:0 0 12px;position:relative;z-index:4}
  .heroButtons{
    margin-top:-14px;
    position:relative;z-index:5;
  }
  .heroPrimaryButton{position:relative;z-index:6}
  .heroSignature{right:0;top:auto;bottom:10%;max-width:48%}
  .signatureName{font-size:26px}
  .signatureSlogan{display:none}
  .heroStats{flex-wrap:wrap;gap:16px;margin-top:28px;position:relative;z-index:3}
  .statDivider{display:none}
  .heroStat{padding:0;flex:1 1 30%}
  .heroPrimaryButton,.heroSecondaryButton{min-height:48px}
}
@media(max-width:620px){
  .premiumHero{margin-top:-64px;padding:64px 0 max(16px,env(safe-area-inset-bottom))}
  .heroTitle{font-size:34px}
  .heroPortraitArea{width:90%}
  .signatureName{font-size:22px}
  .heroButtons{flex-direction:column;align-items:stretch}
  .heroPrimaryButton,.heroSecondaryButton{width:100%}
}
@media (prefers-reduced-motion:reduce){
  .heroPrimaryButton,.heroSecondaryButton{transition:none}
}
