@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500&family=Parisienne&display=swap');
:root{--pink:#f6cbd8;--pink-dark:#d98ea8;--gold:#c9a85b;--ink:#292329;--soft:#fff7fa;--line:#eadfe3;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:"DM Sans",Arial,sans-serif;line-height:1.6}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.site-header{height:88px;padding:16px 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f2e9ec;background:#fff;position:sticky;top:0;z-index:10}.brand img{width:68px;height:68px;object-fit:contain}.site-header nav{display:flex;gap:28px;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:600}.site-header nav a{padding:10px 0;border-bottom:1px solid transparent}.site-header nav a:hover,.site-header nav a.active{border-color:var(--gold)}
h1,h2,h3,p{margin-top:0}h1,h2{font-family:"Playfair Display",Georgia,serif;font-weight:500;line-height:1.1}h1{font-size:clamp(44px,6vw,78px)}h2{font-size:clamp(30px,4vw,48px)}h3{font-size:14px;letter-spacing:.08em}.eyebrow{font-size:11px;letter-spacing:.22em;text-transform:uppercase;font-weight:700;color:#a8838f}.lead{font-size:19px;color:#766b71}.section{max-width:var(--max);margin:auto;padding:100px 5vw}.centered{text-align:center}.hero{min-height:650px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:70px 7vw;background:linear-gradient(105deg,#fff 0 57%,var(--soft) 57%)}.hero-logo{width:220px;margin-bottom:18px}.hero h1{margin-bottom:20px}.hero h1 em{color:#d991aa}.hero-text{max-width:470px;font-size:18px}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ink);padding:13px 24px;text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:700;min-height:48px;cursor:pointer}.button-primary{background:var(--ink);color:#fff}.button-primary:hover{background:#4a4147}.button-secondary{background:#fff}.hero-images{position:relative;min-height:520px}.photo-frame{position:absolute;background:#fff;padding:10px;box-shadow:0 12px 40px #6d536018}.photo-frame img{width:100%;height:100%;object-fit:cover}.hero-stel{width:63%;height:430px;right:22%;top:5%}.hero-item{width:48%;height:360px;right:0;bottom:0;transform:rotate(3deg)}.hero-item img{object-fit:contain;background:#f4eadf}.sparkle{position:absolute;color:var(--gold);font-size:30px}.sparkle-one{right:-30px;top:30px}.sparkle-two{left:-25px;bottom:25px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:45px}.category-card{aspect-ratio:1;background:#faf1f5;overflow:hidden}.category-card img{width:100%;height:100%;object-fit:cover}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:35px}.text-link{font-size:11px;text-transform:uppercase;letter-spacing:.15em;font-weight:700;border-bottom:1px solid var(--gold);padding-bottom:5px}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:220px;gap:14px}.gallery-grid img{width:100%;height:100%;object-fit:cover;background:#faf1f5}.gallery-grid .large{grid-row:span 2}.gallery-grid .wide{grid-column:span 2}.how-it-works{background:var(--soft);max-width:none}.intro{max-width:var(--max);margin:auto}.steps{max-width:var(--max);margin:55px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding:0 5vw}.step{padding:30px;text-align:center;background:#fff;border:1px solid #f0e5e9}.step-icon{color:var(--gold);font-size:22px}.step-number{font-family:"Playfair Display",serif;font-size:42px;color:#d99aae;margin:8px 0}.step h3{margin-bottom:10px}.meet-stel{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.about-photo{background:var(--soft);padding:12px}.about-photo img{aspect-ratio:4/5;object-fit:cover}.about-copy{max-width:590px}.about-copy p{font-size:17px}.final-cta{padding:110px 5vw;text-align:center;background:var(--pink)}.final-cta h2{max-width:800px;margin:0 auto 20px}.final-cta p{font-size:18px}.cta-sparkle{display:block;color:#fff;font-size:32px;margin-bottom:15px}.payment{font-size:11px!important;letter-spacing:.15em;text-transform:uppercase;margin-top:20px;color:#78666d}.compact{padding:75px 5vw}.page-hero{padding:80px 5vw 40px;max-width:900px;margin:auto}.small-logo{width:90px;margin:0 auto 25px}.price-list{max-width:760px;margin:auto;border-top:1px solid var(--line)}.price-list div{display:flex;justify-content:space-between;gap:30px;padding:19px 8px;border-bottom:1px solid var(--line);font-size:16px}.price-list strong{font-weight:600}.small-note{text-align:center;color:#8a7d83;font-size:12px;margin-top:20px}.form-wrap{padding-top:30px}.form-wrap form{max-width:820px;margin:auto;background:#fff;border:1px solid var(--line);padding:45px}.order-number{display:flex;justify-content:space-between;gap:20px;padding:15px 0 25px;border-bottom:1px solid var(--line);margin-bottom:35px;text-transform:uppercase;letter-spacing:.12em;font-size:11px}.order-number strong{letter-spacing:0;text-transform:none;font-weight:500}.form-wrap fieldset{border:0;padding:0;margin:0 0 38px}.form-wrap legend{font-size:11px;letter-spacing:.2em;font-weight:700;color:#a8838f;margin-bottom:20px}.form-wrap label{display:block;font-size:12px;font-weight:600;margin:0 0 20px}.form-wrap input,.form-wrap textarea{display:block;width:100%;margin-top:7px;border:1px solid #dfd3d8;padding:13px;font:inherit;background:#fff;border-radius:0}.form-wrap textarea{resize:vertical}.form-wrap input:focus,.form-wrap textarea:focus{outline:2px solid #f2c9d6;border-color:#d99aae}.help{font-size:12px;color:#7f7278;line-height:1.5;margin-top:-8px}.form-submit{text-align:center;border-top:1px solid var(--line);padding-top:35px}.form-submit p{font-size:12px;color:#7f7278}.hidden{position:absolute;left:-9999px}.about-hero{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.shop-coming{max-width:800px;padding-top:130px;padding-bottom:150px}.shop-coming p:not(.eyebrow){font-size:19px;max-width:650px;margin:25px auto 45px}.shop-coming h2{font-size:20px;letter-spacing:.12em}.site-header+main{min-height:calc(100vh - 140px)}footer{display:flex;justify-content:space-between;gap:20px;padding:25px 5vw;border-top:1px solid #f2e9ec;color:#887980;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:800px){.site-header{height:auto;gap:14px;align-items:flex-start}.site-header nav{gap:14px;flex-wrap:wrap;justify-content:flex-end}.brand img{width:58px;height:58px}.hero{grid-template-columns:1fr;padding:55px 6vw;background:linear-gradient(160deg,#fff 0 65%,var(--soft) 65%)}.hero-images{min-height:470px}.hero-stel{right:15%;width:65%}.hero-item{width:40%}.category-grid{grid-template-columns:repeat(2,1fr)}.gallery-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:180px}.gallery-grid .wide{grid-column:span 2}.steps,.meet-stel,.about-hero{grid-template-columns:1fr}.meet-stel,.about-hero{gap:40px}.steps{padding:0 6vw}.form-wrap form{padding:28px 20px}footer{flex-direction:column}}
@media(max-width:520px){.site-header{padding:12px 5vw;display:block}.brand{display:block;margin-bottom:8px}.site-header nav{justify-content:space-between;gap:8px}.site-header nav a{font-size:9px}.hero-images{min-height:390px}.hero-stel{height:330px}.hero-item{height:220px}.section{padding:70px 6vw}.category-grid{gap:9px}.gallery-grid{gap:9px;grid-auto-rows:145px}.section-heading{display:block}.section-heading .text-link{display:inline-block;margin-top:15px}}


/* Design pass: pink page titles, gold sparkle icons, and italic page subtitles */
:root {
  --stel-pink: #e7a0b8;
  --stel-gold: #c9a24a;
}

.page-title,
.page-header h1,
.page-hero h1 {
  color: var(--stel-pink);
}

.hero .page-title,
.hero h1.page-title {
  color: #111;
}

.page-title .gem,
.page-header .gem,
.page-hero .gem,
.gem {
  color: var(--stel-gold);
}


.price-list .item-name,
.pricing-list .item-name,
.price-item .item-name {
  color: var(--stel-pink);
}

.price-list .price,
.pricing-list .price,
.price-item .price {
  color: #111;
}


/* Pricing list alternates black / pink, line by line */
.pricing-list .item-name,
.price-list .item-name,
.price-item .item-name {
  color: #111;
}

.pricing-list .item-name:nth-child(even),
.price-list .item-name:nth-child(even),
.price-item:nth-child(even) .item-name {
  color: var(--stel-pink);
}


/* Sparkle Menu: item names alternate black / pink, line by line */
.pricing-list .item-name,
.price-list .item-name,
.price-item .item-name {
  color: #111;
}

/* Handles both list rows and standalone price items */
.pricing-list > *:nth-child(even) .item-name,
.price-list > *:nth-child(even) .item-name,
.price-item:nth-child(even) .item-name {
  color: var(--stel-pink);
}


.shop-cta,
.shop-coming-soon,
.shop .cta,
.shop-section .cta {
  color: var(--stel-gold);
}


/* Tiny polished twinkle after "Stel's Sparkle" */
.sparkle-twinkle {
  color: var(--stel-gold);
  display: inline-block;
  margin-left: 0.08em;
  font-size: 0.62em;
  vertical-align: 0.28em;
  text-shadow: 0 0 8px rgba(201, 162, 74, 0.45);
  transform: rotate(8deg);
}


/* Explicit Sparkle Menu alternating item colors */
.pricing-page .price-name-black,
.price-name-black {
  color: #111 !important;
}
.pricing-page .price-name-pink,
.price-name-pink {
  color: var(--stel-pink) !important;
}

/* FINAL FIX — explicit color on every Sparkle Menu item name */
.price-name-black,
.pricing-list .price-name-black,
.price-list .price-name-black,
.price-item .price-name-black {
  color: #111111 !important;
}

.price-name-pink,
.pricing-list .price-name-pink,
.price-list .price-name-pink,
.price-item .price-name-pink {
  color: #e7a0b8 !important;
}


/* Pricing item colors — explicit, alternating row by row */
.price-list > div:nth-child(1) .price-name-black { color: #111111 !important; }
.price-list > div:nth-child(2) .price-name-pink  { color: #e7a0b8 !important; }
.price-list > div:nth-child(3) .price-name-black { color: #111111 !important; }
.price-list > div:nth-child(4) .price-name-pink  { color: #e7a0b8 !important; }
.price-list > div:nth-child(5) .price-name-black { color: #111111 !important; }
.price-list > div:nth-child(6) .price-name-pink  { color: #e7a0b8 !important; }
.price-list > div:nth-child(7) .price-name-black { color: #111111 !important; }
.price-list > div:nth-child(8) .price-name-pink  { color: #e7a0b8 !important; }
.price-list > div:nth-child(9) .price-name-black { color: #111111 !important; }
.price-list > div:nth-child(10) .price-name-pink { color: #e7a0b8 !important; }
.price-list > div:nth-child(11) .price-name-black { color: #111111 !important; }
.price-list > div:nth-child(12) .price-name-pink { color: #e7a0b8 !important; }


/* Homepage signature glimmer — attached directly to the word Sparkle */
.sparkle-glimmer {
  position: relative;
  display: inline-block;
}

.sparkle-glimmer .glimmer-flash {
  position: absolute;
  left: calc(100% + 0.06em);
  top: -0.42em;
  color: #c9a24a;
  font-size: 0.34em;
  line-height: 1;
  opacity: 0;
  transform: translateX(-50%) scale(0.2) rotate(0deg);
  text-shadow: 0 0 3px rgba(255,255,255,.95), 0 0 9px rgba(201,162,74,.8);
  animation: stelGlimmer 2.8s infinite;
  pointer-events: none;
}

@keyframes stelGlimmer {
  0%, 70%, 100% { opacity: 0; transform: translateX(-50%) scale(0.2) rotate(0deg); }
  75% { opacity: 1; transform: translateX(-50%) scale(1.35) rotate(15deg); }
  79% { opacity: .75; transform: translateX(-50%) scale(.9) rotate(35deg); }
  84% { opacity: 0; transform: translateX(-50%) scale(.35) rotate(55deg); }
}

/* Homepage tagline: "Your stuff" stays black while Stel's sparkle stays pink. */
.hero h1.page-title { color: var(--ink); }
.hero h1.page-title em { color: var(--stel-pink); }

/* Gallery images: soft boutique corners without overpowering the photography. */
.gallery-grid img { border-radius: 4px; }

/* Homepage hero: keep Stel visible while the Milani piece sits farther outward as a complete framed photo. */
.hero-stel{right:10%;}
.hero-item{width:38%;right:-8%;height:330px;padding:6px;transform:rotate(4deg);}

/* Focus the homepage/gallery photography on Stel's sparkle rather than floors and excess background. */
.preview-grid img{object-position:center center;}

/* Homepage Meet Stel heading gem */
.meet-gem { color: var(--stel-gold) !important; }

/* Homepage hero: center the logo over the hero copy so it aligns cleanly with the tagline. */
.hero-copy .hero-logo { margin-left:auto; margin-right:auto; }
.hero-copy .eyebrow,
.hero-copy h1.page-title { text-align:center; }

/* Homepage hero: center the supporting copy and CTA buttons with the logo/tagline. */
.hero-copy .hero-text { margin-left:auto; margin-right:auto; text-align:center; }
.hero-copy .buttons { justify-content:center; }
/* Final hero Milani framing: show the complete bedazzled item and full MILANI lettering, centered in a slimmer frame. */
.hero-item{width:29%;right:-5%;height:340px;padding:5px;transform:rotate(4deg);}
.hero-item img{object-fit:contain;background:#f4eadf;object-position:center center;}

.shop-title span{display:block;white-space:nowrap;}