:root{
  --cream:#fff1e6;
  --purple:#6b4fa3;
  --muted:#9b86b0;
  --accent1:#ffcccb;
  --accent2:#f6f3a8;
  --accent3:#c6f3d9;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{font-family:'Poppins',system-ui,Arial,sans-serif;color:#4b3a5b}
.hero{display:flex;min-height:100vh;height: 100vh;}
.left{flex:1;background:linear-gradient(180deg,var(--cream) 0%,#fff7f0 100%);padding:64px 56px;display:flex;flex-direction:column;justify-content:center;gap:20px}
.right{flex:1;position:relative;display:flex;align-items:center;justify-content:center;/* background:linear-gradient(180deg,#f3e8ff 0%,#fff0fb 100%); */}

.logo{font-family:'Montserrat',sans-serif;font-weight:800;letter-spacing:2px;display:inline-flex;align-items:center;gap:10px}
.logo-word{color:#6b4fa3;font-size:22px}
.logo-dot{font-size:22px;color:#ffb3c7;background:linear-gradient(90deg,#ffd27b,#c8f7d6);-webkit-background-clip:text;background-clip:text}

.headline{font-size:72px;line-height:0.95;color:#5a3f80;font-weight:800;font-family:'Montserrat',sans-serif}
.sub{font-size:18px;color:var(--muted);letter-spacing:6px}
.colour{color:#f6a8c7;letter-spacing:2px;font-weight:600}

.badge{margin-top:10px}
.circle{width:120px;height:120px;border-radius:50%;border:6px solid rgba(107,79,163,0.12);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, #fff,#f6f0ff)}
.circle-inner{font-family:'Montserrat',sans-serif;text-align:center;font-weight:700;color:#6b4fa3}
.circle-inner span{display:block;color:#f59cae;font-weight:800}

.follow{margin-top:28px;color:#6a5c78;letter-spacing:1px}
.follow a {    color: #f6a8c7;
    letter-spacing: 2px;
    font-weight: 600;}
.model-wrap{position:relative;width:85%;height:70%;max-width:520px;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px rgba(60,30,80,0.12)}
.model{width:100%;height:100%;object-fit:cover;display:block;background:linear-gradient(180deg,#ffe6f0,#f0f7ff)}
.model.focus-right{width:220%;object-fit:cover;object-position:right center;/* transform:translateX(28%); *//* clip-path:inset(0 0 0 40%); */}
.pill{position:absolute;top:18px;right:18px;background:rgba(255,255,255,0.85);padding:10px 14px;border-radius:26px;font-weight:600;color:#7a5b99;font-size:14px;box-shadow:0 6px 18px rgba(90,50,120,0.08)}

/* Responsive */
@media (max-width:900px){
  .hero{flex-direction:column}
  .left,.right{padding:36px}
  .headline{font-size:44px}
  .model-wrap{width:95%;height:320px}
}

/* Placeholder when no image present */
.model[alt]{filter:brightness(0.98)}