/* Homepage art direction matched to the approved reference */
.home-page .site-nav{height:76px;background:rgba(15,10,17,.42);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:none}
.home-page .site-nav.is-scrolled{background:rgba(15,10,17,.9);box-shadow:0 1px 0 rgba(233,170,201,.12)}
.home-page .nav-inner{max-width:1220px}
.home-page .brand{gap:12px}
.home-page .brand-mark{width:39px;height:39px;border-radius:10px;border:1px solid rgba(232,152,196,.35);background:linear-gradient(145deg,#71315f,#2d1632);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 8px 24px rgba(0,0,0,.25);font-size:15px}
.home-page .brand-text{font-size:17px;font-weight:700}
.home-page .brand-text span{font-size:9px;letter-spacing:.26em;color:#b9a5b3;margin-top:6px}
.home-page .nav-links{gap:6px}
.home-page .nav-links>a{border-radius:24px;padding-inline:15px;color:#bfaebb;font-size:13px}
.home-page .nav-links>a:hover{color:#fff;background:rgba(255,255,255,.055)}
.home-page .nav-links .nav-home{background:rgba(255,255,255,.065);color:#fff}
.home-page .nav-links .nav-hire{min-width:110px;justify-content:center;margin-left:12px;background:linear-gradient(100deg,#f4b5d1,#d785b1);color:#24121f;box-shadow:0 12px 34px rgba(230,142,184,.18);font-weight:700}
.home-page .nav-links .nav-hire:hover{background:linear-gradient(100deg,#fac4dc,#e694bd);color:#24121f;transform:translateY(-1px)}

.home-page .hero{min-height:100svh;padding:110px 0 24px;align-items:center;background:radial-gradient(circle at 8% 2%,rgba(99,37,86,.23),transparent 34%),radial-gradient(circle at 98% 66%,rgba(102,36,83,.18),transparent 35%),linear-gradient(120deg,#151019 0%,#0d0b11 56%,#17101a 100%)}
.home-page .hero::before{width:520px;height:520px;right:-250px;top:-265px;background:transparent;border:1px solid rgba(225,130,183,.45);filter:none;opacity:1}
.home-page .hero::after{background:rgba(225,151,192,.13)}
.home-page .hero-grid{grid-template-columns:minmax(0,1fr) minmax(420px,.82fr);gap:72px;align-items:center;max-width:1220px}
.home-page .hero-copy{padding-top:30px;padding-left:78px;max-width:650px}
.home-page .hero-kicker{display:flex;align-items:center;gap:12px;margin-bottom:34px;color:#df9ebe;font-size:11px;font-weight:700;letter-spacing:.29em;text-transform:uppercase}
.home-page .hero-kicker i{display:block;width:34px;height:1px;background:#e8aecb;box-shadow:none;border-radius:0}
.home-page .hero h1{display:grid;justify-items:start;max-width:none;margin:0;font-family:var(--display);font-size:clamp(4rem,6.1vw,5.7rem);font-weight:700;line-height:.88;letter-spacing:-.045em;text-wrap:initial}
.home-page .hero h1>span{display:block}
.home-page .hero h1 .script{font-family:Quentin,Southampton,cursive;font-size:1.02em;font-weight:400;color:#efb1ce;line-height:1.03;letter-spacing:.01em;margin:7px 0 4px -2px;-webkit-text-stroke:0}
.home-page .hero-lead{max-width:590px;margin:30px 0 32px;color:#bcaeba;font-size:17px;line-height:1.7}
.home-page .hero-actions{gap:12px}
.home-page .hero .btn{min-height:50px;border-radius:26px;padding-inline:24px}
.home-page .hero .btn-primary{background:linear-gradient(100deg,#f3b0d0,#de91bb);color:#27131f;box-shadow:0 14px 38px rgba(227,143,184,.2)}
.home-page .hero .btn-primary:hover{background:linear-gradient(100deg,#fac2dc,#e99bc4);box-shadow:0 18px 44px rgba(227,143,184,.28)}
.home-page .hero .btn-outline{border-color:rgba(234,151,196,.26);background:rgba(45,24,40,.15);color:#f7eef3;padding-inline:23px}
.home-page .hero .btn-outline:hover{border-color:rgba(244,183,214,.65);background:rgba(255,255,255,.055)}

.home-page .portrait-stage{position:relative;width:min(100%,475px);height:min(780px,calc(100svh - 118px));min-height:620px;align-self:center;justify-self:end;isolation:isolate}
.home-page .portrait-frame{position:absolute;inset:5px -6px 9px 12px;border:1px solid rgba(216,114,174,.32);border-radius:24px;transform:rotate(1.3deg);z-index:-1}
.home-page .portrait-panel{position:absolute;inset:14px 0 0 0;overflow:hidden;border-radius:25px 25px 20px 20px;background:linear-gradient(155deg,#050506,#010102 72%);border:1px solid rgba(218,118,176,.34);box-shadow:0 42px 100px rgba(0,0,0,.43)}
.home-page .portrait-panel::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 52% 42%,rgba(113,49,95,.16),transparent 42%);border:0;border-radius:0;z-index:0}
.home-page .portrait-panel::after{content:"";position:absolute;left:12%;right:12%;bottom:-7%;height:20%;border-radius:50%;background:rgba(157,65,118,.22);filter:blur(42px);z-index:0}
.home-page .portrait-panel img{position:absolute;z-index:1;inset:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:center center;transform:none;filter:saturate(.93) contrast(1.03)}
.home-page .metric-card{position:absolute;z-index:4;display:flex;align-items:center;gap:12px;min-width:154px;padding:11px 14px;border:1px solid rgba(220,124,180,.3);border-radius:15px;background:rgba(31,18,31,.9);box-shadow:0 20px 45px rgba(0,0,0,.3);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);animation:metricFloat 5s ease-in-out infinite}
.home-page .metric-card span:last-child{display:grid}
.home-page .metric-card small{color:#aa96a5;font-size:11px;line-height:1.2}
.home-page .metric-card strong{font:700 16px/1.25 var(--display);color:#fff}
.home-page .metric-icon{width:39px;height:39px;display:grid;place-items:center;flex:0 0 39px;border-radius:10px;background:#f1d19d;color:#351426;font-size:14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.5)}
.home-page .metric-experience{top:32px;left:-34px}
.home-page .metric-revenue{right:-12px;bottom:46px;animation-delay:-2.4s}
@keyframes metricFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.home-page .portrait-panel::after{transform-origin:center;animation:portraitAura 7.5s ease-in-out infinite}
@keyframes portraitAura{0%,100%{opacity:.62;transform:scale(.94)}50%{opacity:.95;transform:scale(1.08)}}
.home-page .hero-kicker i{transform-origin:left center;animation:kickerLine 1.15s var(--ease) both}
@keyframes kickerLine{from{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}
.home-page .hero-scroll{right:auto;left:50%;bottom:13px;width:22px;height:34px;border:1px solid rgba(236,161,201,.3);border-radius:13px;transform:translateX(-50%);writing-mode:initial}
.home-page .hero-scroll i{position:absolute;left:50%;top:8px;width:3px;height:6px;margin:0;border:0;border-radius:4px;background:#e5a1c4;transform:translateX(-50%);animation:scrollDot 1.8s ease-in-out infinite}
@keyframes scrollDot{0%,100%{opacity:.35;transform:translate(-50%,0)}50%{opacity:1;transform:translate(-50%,8px)}}

@media(max-width:1050px){
  .home-page .hero-grid{grid-template-columns:minmax(0,1fr) minmax(350px,.74fr);gap:35px}
  .home-page .hero h1{font-size:clamp(3.8rem,7vw,5rem)}
  .home-page .portrait-stage{height:min(690px,calc(100svh - 115px));min-height:570px}
  .home-page .metric-experience{left:-18px}
}
@media(max-width:760px){
  .home-page .site-nav{height:68px}
  .home-page .nav-links{border-top:1px solid rgba(232,152,196,.12);background:rgba(15,10,17,.98)}
  .home-page .nav-links .nav-hire{margin:8px 0 0}
  .home-page .hero{padding:108px 0 55px;min-height:auto}
  .home-page .hero-grid{grid-template-columns:1fr;gap:58px}
  .home-page .hero-copy{padding-top:0;padding-left:0}
  .home-page .hero-kicker{margin-bottom:24px;font-size:9px;letter-spacing:.2em}
  .home-page .hero-kicker i{width:22px}
  .home-page .hero h1{font-size:clamp(3.65rem,17vw,4.7rem);line-height:.88}
  .home-page .hero h1 .script{display:block;font-size:.9em;margin-block:6px}
  .home-page .hero-lead{margin:26px 0 28px;font-size:16px}
  .home-page .portrait-stage{justify-self:center;width:min(92%,420px);height:650px;min-height:0}
  .home-page .metric-experience{top:26px;left:-10px}
  .home-page .metric-revenue{right:-8px;bottom:32px}
  .home-page .hero-scroll{display:none}
}
@media(max-width:480px){
  .home-page .brand-text>span{display:none}
  .home-page .hero{padding-top:98px}
  .home-page .hero h1{font-size:clamp(3.25rem,16vw,4.15rem)}
  .home-page .hero .btn{padding-inline:17px;font-size:13px;min-height:48px}
  .home-page .hero-actions{gap:10px;flex-wrap:nowrap}
  .home-page .portrait-stage{width:100%;height:590px}
  .home-page .metric-card{min-width:139px;padding:9px 11px}
  .home-page .metric-card strong{font-size:14px}
  .home-page .metric-icon{width:34px;height:34px;flex-basis:34px}
  .home-page .metric-experience{left:-4px}
  .home-page .metric-revenue{right:-4px}
}
@media(max-width:760px){
  .home-page .metric-card{animation-duration:6.5s}
  .home-page .portrait-panel::after{animation-duration:9.5s}
}
@media(prefers-reduced-motion:reduce){.home-page .metric-card,.home-page .hero-scroll i{animation:none!important}}