
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#f9ebe8}
body{display:flex;justify-content:center;overflow-x:hidden}
.site{width:100%}.artboard{position:relative;width:min(100%,1672px);margin:0 auto}
.homepage-art{display:block;width:100%;height:auto}
.hotspot{position:absolute;display:block;z-index:10;cursor:pointer;text-decoration:none}
.hotspot:focus-visible{outline:3px solid #d5919d;outline-offset:2px}





.inquire{left:35.35%;top:31.96%;width:13.88%;height:5.00%}
.view-instagram{left:50.84%;top:31.96%;width:14.00%;height:5.00%}
.phone{left:57.5%;top:71.0%;width:14%;height:3.5%}
.email{left:57.5%;top:74.4%;width:25%;height:3.5%}
.instagram-contact{left:57.5%;top:77.8%;width:18%;height:3.5%}
@media(max-width:700px){.artboard{width:100%;min-width:0}}











@media(max-width:820px){
  
  
}

/* Home navigation: one visible baked layer + invisible click targets */


















@media (max-width: 820px) {
  
}

:root{--nav-height:88px;}

.unified-nav {
  position: absolute;
  inset: 0 0 auto 0;
  height: var(--nav-height);
  width: 100%;
  font-family: "Poiret One", "Arial Narrow", Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 0;
  white-space: nowrap;
  z-index: 30;
}
.unified-nav a {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #352725;
  text-decoration: none;
  padding: 12px 8px;
  border: 0;
  cursor: pointer;
}
.unified-nav a:nth-child(1) { left: 56.3%; }
.unified-nav a:nth-child(2) { left: 63.8%; }
.unified-nav a:nth-child(3) { left: 70.9%; }
.unified-nav a:nth-child(4) { left: 78.1%; }
.unified-nav a:nth-child(5) { left: 87.2%; }
.unified-nav a.active,
.unified-nav a:hover,
.unified-nav a:focus-visible {
  color: #d5919d;
  outline: none;
}

/* Navigation is exclusively controlled by site-nav-v6.css */


/* Clean rebuilt homepage lower section.
   This layer intentionally covers the baked-in lower artwork so text/edges remain crisp. */
.home-lower-rebuild{
  position:absolute;
  z-index:8;
  left:0;
  top:36.5%;
  width:100%;
  height:63.5%;
  padding:3.8% 8.2% 1.4%;
  background:
    linear-gradient(rgba(255,248,246,.16),rgba(255,248,246,.16)),
    url("assets/petite-petal-background-balanced-blue-LOCKED.png") center 48%/cover no-repeat;
  color:#352725;
  font-family:"Poiret One","Arial Narrow",Arial,sans-serif;
}

.lower-inner{
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
}

.lower-heading{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:18px;
  width:41%;
  margin:0 auto 2.2%;
}
.lower-heading h2{
  margin:0;
  font-size:clamp(18px,1.65vw,27px);
  font-weight:400;
  letter-spacing:.12em;
  white-space:nowrap;
}
.lower-line{
  height:1.5px;
  background:#da8f9b;
  position:relative;
}
.lower-line:first-child::after,
.lower-line:last-child::before{
  content:"";
  position:absolute;
  width:5px;height:5px;border-radius:50%;
  background:#da8f9b;
  top:50%;transform:translateY(-50%);
}
.lower-line:first-child::after{right:-1px}
.lower-line:last-child::before{left:-1px}

.service-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:3.6%;
  margin-bottom:2.5%;
}

.service-card{
  min-height:180px;
  padding:3.4% 7% 4%;
  text-align:center;
  background:rgba(255,250,248,.72);
  border:0;
  border-radius:18px;
  box-shadow:0 6px 18px rgba(129,81,92,.035);
}
.service-icon{
  width:56px;height:56px;
  margin:0 auto 5px;
}
.service-icon svg{
  width:100%;height:100%;
  fill:none;
  stroke:#352725;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.service-icon circle{
  fill:rgba(242,185,195,.42);
  stroke:none;
}
.service-card h3{
  margin:1px 0 6px;
  font-size:clamp(17px,1.48vw,25px);
  font-weight:400;
  letter-spacing:.015em;
}
.mini-rule{
  width:68%;
  max-width:175px;
  height:1.5px;
  background:#df8f9e;
  margin:0 auto 10px;
}
.service-card p{
  max-width:250px;
  margin:0 auto;
  font-family:"Poiret One","Arial Narrow",Arial,sans-serif;
  font-size:clamp(13px,.94vw,16px);
  line-height:1.45;
  color:#433432;
}

.lower-divider{
  height:1px;
  width:100%;
  background:rgba(218,143,155,.50);
  margin:.1% 0 1.5%;
}

.home-info-grid{
  display:grid;
  grid-template-columns:1fr 1px 1fr;
  align-items:center;
  gap:7%;
  flex:1;
  min-height:0;
}
.vertical-divider{
  height:74%;
  background:#df8f9e;
}

.home-about,.home-connect{
  text-align:center;
  align-self:center;
}
.home-about h3,.home-connect h3{
  margin:0;
  font-size:clamp(18px,1.55vw,25px);
  font-weight:400;
}
.info-rule{
  height:1.5px;
  width:180px;
  max-width:65%;
  margin:5px auto 11px;
  background:#df8f9e;
}
.home-about p{
  max-width:490px;
  margin:0 auto 9px;
  font-family:"Poiret One","Arial Narrow",Arial,sans-serif;
  font-size:clamp(12px,.88vw,15px);
  line-height:1.42;
  color:#423432;
}
.signature-text{
  margin-top:2px;
  font-family:"Poiret One","Arial Narrow",Arial,sans-serif;
  font-size:clamp(21px,1.9vw,32px);
  letter-spacing:.02em;
}

.home-connect{
  display:flex;
  flex-direction:column;
  align-items:center;
}
.home-connect h3{width:100%}
.home-connect a{
  display:grid;
  grid-template-columns:34px auto;
  align-items:center;
  gap:12px;
  width:min(100%,390px);
  margin:4px 0;
  text-decoration:none;
  color:#352725;
  font-family:"Poiret One","Arial Narrow",Arial,sans-serif;
  font-size:clamp(14px,1.08vw,18px);
  text-align:left;
}
.contact-badge{
  width:31px;height:31px;
  display:grid;place-items:center;
  border-radius:50%;
  background:rgba(239,173,184,.58);
  font-size:17px;
}

.lower-copyright{
  width:300px;
  max-width:70%;
  margin:1.2% auto 0;
  padding-top:7px;
  border-top:1.5px solid #df8f9e;
  text-align:center;
  font-family:"Poiret One","Arial Narrow",Arial,sans-serif;
  font-size:10px;
  letter-spacing:.12em;
}

/* Lower rebuild itself owns these links, so old baked-image hotspots are unnecessary here. */
.phone,.email,.instagram-contact{display:none}

@media(max-width:700px){
  .home-lower-rebuild{
    padding-left:6%;
    padding-right:6%;
  }
  .lower-heading{width:58%;gap:10px}
  .service-grid{gap:2.5%}
  .service-card{padding-left:5%;padding-right:5%}
}
