/* INY final visual polish — mobile hero, girlish hero ornaments, founder letter style */

:root{
  --iny-pink:#f3b7c8;
  --iny-pink-soft:#fde8ef;
  --iny-sky:#bfe7ed;
  --iny-blue:#315e73;
  --iny-cream:#fffaf7;
  --iny-rose:#d98da5;
}

/* =========================================================
   HERO ORNAMENTS — soft floral/petal animation instead of orbit circles
   ========================================================= */
body .hero-orbit-stage .orbit-ring{display:none!important}
body .hero-orbit-stage .orbit-glow{
  width:58%!important;height:58%!important;
  background:
    radial-gradient(circle at 50% 45%,rgba(255,213,228,.58) 0 9%,rgba(255,235,242,.34) 22%,transparent 63%)!important;
  filter:blur(3px)!important;
  animation:inySoftGlow 4.8s ease-in-out infinite!important;
}
body .hero-orbit-stage::before,
body .hero-orbit-stage::after{
  content:"";
  position:absolute;
  inset:auto;
  pointer-events:none;
  z-index:0;
}
body .hero-orbit-stage::before{
  width:270px;height:270px;
  left:50%;top:47%;
  transform:translate(-50%,-50%);
  border-radius:48% 52% 45% 55%;
  background:
    radial-gradient(circle at 24% 30%,rgba(255,191,211,.72) 0 7px,transparent 8px),
    radial-gradient(circle at 76% 24%,rgba(190,230,237,.78) 0 6px,transparent 7px),
    radial-gradient(circle at 82% 72%,rgba(247,211,224,.76) 0 8px,transparent 9px),
    radial-gradient(circle at 20% 78%,rgba(205,235,240,.72) 0 6px,transparent 7px),
    radial-gradient(circle,rgba(255,245,248,.8),transparent 68%);
  filter:blur(.2px);
  animation:inyPetalFloat 8s ease-in-out infinite;
}
body .hero-orbit-stage::after{
  width:100%;height:100%;
  background:
    radial-gradient(circle at 18% 22%,#d98da5 0 3px,transparent 4px),
    radial-gradient(circle at 83% 18%,#9bcfd8 0 3px,transparent 4px),
    radial-gradient(circle at 86% 78%,#e6a8bd 0 3px,transparent 4px),
    radial-gradient(circle at 14% 80%,#9bcfd8 0 3px,transparent 4px);
  animation:inySparkleDrift 7s ease-in-out infinite;
}
body .hero-art .doodle{z-index:4;color:#d98da5!important;text-shadow:0 4px 14px rgba(217,141,165,.22)}
body .hero-art .d1{animation:inyFloatHeart 4.5s ease-in-out infinite!important}
body .hero-art .d2{animation:inyFloatHeart 5.5s ease-in-out infinite reverse!important;color:#8dbfc9!important}
@keyframes inySoftGlow{0%,100%{opacity:.55;transform:scale(.94)}50%{opacity:.95;transform:scale(1.08)}}
@keyframes inyPetalFloat{0%,100%{transform:translate(-50%,-50%) rotate(-3deg) scale(.98)}50%{transform:translate(-50%,-54%) rotate(4deg) scale(1.03)}}
@keyframes inySparkleDrift{0%,100%{transform:rotate(0deg) scale(.98);opacity:.72}50%{transform:rotate(5deg) scale(1.04);opacity:1}}
@keyframes inyFloatHeart{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-14px) rotate(6deg)}}

/* SHOP HERO — replace the orbit rings with the same soft floral language */
body .shop-hero .hero-art{isolation:isolate;overflow:hidden}
body .shop-hero .orbit{display:none!important}
body .shop-hero .hero-art::before{
  content:"✿   ✦   ♡";
  position:absolute;
  inset:10% 4% 7%;
  display:grid;
  place-items:center;
  color:rgba(217,141,165,.48);
  font-family:"Caveat",cursive;
  font-size:clamp(28px,4vw,54px);
  letter-spacing:clamp(18px,4vw,48px);
  text-shadow:0 0 22px rgba(243,183,200,.35);
  border-radius:50%;
  background:
    radial-gradient(circle at 25% 28%,rgba(255,220,232,.62) 0 5px,transparent 6px),
    radial-gradient(circle at 77% 22%,rgba(191,229,236,.68) 0 5px,transparent 6px),
    radial-gradient(circle at 82% 74%,rgba(246,207,221,.66) 0 7px,transparent 8px),
    radial-gradient(circle at 18% 76%,rgba(194,230,236,.64) 0 5px,transparent 6px),
    radial-gradient(circle,rgba(255,242,247,.82),transparent 68%);
  animation:inyShopGarden 7s ease-in-out infinite;
  z-index:0;
  pointer-events:none;
}
body .shop-hero .hero-art::after{
  content:"♡  ✦  ♡";
  position:absolute;
  top:12%;right:9%;
  color:#d98da5;
  font:500 24px/1 "Caveat",cursive;
  letter-spacing:14px;
  animation:inySparkleDrift 5s ease-in-out infinite;
  z-index:3;
  pointer-events:none;
}
body .shop-hero .dot{display:none!important}
@keyframes inyShopGarden{0%,100%{transform:scale(.97) rotate(-2deg);opacity:.72}50%{transform:scale(1.04) rotate(2deg);opacity:1}}

/* =========================================================
   MOBILE HERO — prevent dress/text overlap on both Home + Shop
   ========================================================= */
@media (max-width:760px){
  body .hero{
    min-height:auto!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    overflow:hidden!important;
  }
  body .hero .hero-copy{
    order:1!important;
    padding:52px 22px 28px!important;
    min-width:0!important;
  }
  body .hero .hero-art{
    order:2!important;
    min-height:0!important;
    height:420px!important;
    width:100%!important;
    overflow:hidden!important;
  }
  body .hero .hero-art img{
    width:min(92%,430px)!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center bottom!important;
    transform:none!important;
  }
  body .hero .hero-orbit-stage{inset:4% 4% 3%!important}
  body .hero .hero-note-animated{display:none!important}
  body .hero .doodle{font-size:28px!important}
  body .hero .d1{left:10%!important;top:12%!important}
  body .hero .d2{right:10%!important;top:18%!important}

  body .shop-hero{
    min-height:auto!important;
    display:flex!important;
    flex-direction:column!important;
    padding:42px 20px 48px!important;
    overflow:hidden!important;
  }
  body .shop-hero .hero-copy{
    order:1!important;
    width:100%!important;
    max-width:100%!important;
    padding:0 0 18px!important;
    position:relative!important;
    z-index:4!important;
  }
  body .shop-hero .hero-copy h1{
    font-size:clamp(46px,14vw,66px)!important;
    line-height:.9!important;
    margin-bottom:20px!important;
  }
  body .shop-hero .hero-art{
    order:2!important;
    width:100%!important;
    height:390px!important;
    min-height:390px!important;
    position:relative!important;
    margin:0!important;
  }
  body .shop-hero .hero-art img{
    width:min(86%,360px)!important;
    height:100%!important;
    max-height:390px!important;
    object-fit:contain!important;
    object-position:center bottom!important;
    display:block!important;
    margin:0 auto!important;
  }
  body .shop-hero .hero-note{display:none!important}
}

@media (max-width:420px){
  body .hero .hero-art{height:390px!important}
  body .shop-hero .hero-art{height:360px!important;min-height:360px!important}
  body .shop-hero .hero-art img{width:92%!important;max-height:360px!important}
}

/* =========================================================
   FOUNDER STORY — handwritten vintage letter aesthetic
   ========================================================= */
body .iny-founder-story{
  background:
    linear-gradient(rgba(255,250,247,.94),rgba(255,250,247,.94)),
    repeating-linear-gradient(0deg,rgba(128,88,67,.035) 0,rgba(128,88,67,.035) 1px,transparent 1px,transparent 31px)!important;
}
body .iny-founder-story::after{
  content:"";
  position:absolute;
  inset:28px;
  border:1px solid rgba(173,126,105,.14);
  pointer-events:none;
}
body .iny-founder-story .founder-intro h2,
body .iny-founder-story .founder-chapter h3,
body .iny-founder-story .founder-ending{
  font-family:"Caveat",cursive!important;
  font-weight:600!important;
  letter-spacing:.01em!important;
  color:#315e73!important;
}
body .iny-founder-story .founder-intro h2{font-size:clamp(50px,6vw,86px)!important;line-height:.9!important}
body .iny-founder-story .founder-intro h2 em{font-family:"Caveat",cursive!important;font-style:normal!important;color:#d98da5!important}
body .iny-founder-story .founder-lead,
body .iny-founder-story .founder-chapter p{
  font-family:"Caveat",cursive!important;
  font-size:clamp(20px,1.65vw,26px)!important;
  line-height:1.45!important;
  color:#5e554f!important;
  letter-spacing:.015em!important;
}
body .iny-founder-story .founder-eyebrow,
body .iny-founder-story .founder-chapter-no,
body .iny-founder-story .founder-caption{
  font-family:"Caveat",cursive!important;
  text-transform:none!important;
  letter-spacing:.08em!important;
  color:#d98da5!important;
  font-weight:600!important;
}
body .iny-founder-story .founder-chapter h3{font-size:clamp(34px,4vw,58px)!important;margin-bottom:18px!important}
body .iny-founder-story .founder-ending{color:#d98da5!important;font-size:clamp(34px,4vw,58px)!important}
body .iny-founder-story .founder-image-frame{
  border:10px solid #fffdfb!important;
  box-shadow:0 20px 55px rgba(86,61,48,.13),0 0 0 1px rgba(173,126,105,.12)!important;
}

/* Remove ARIA labels from non-semantic decorative divs/cards; the visual/click behavior stays intact. */
body .products-section .home-arrival-card[role="link"]{
}

@media(prefers-reduced-motion:reduce){
  body .hero-orbit-stage::before,
  body .hero-orbit-stage::after,
  body .hero-orbit-stage .orbit-glow,
  body .hero-art .doodle,
  body .shop-hero .hero-art::before,
  body .shop-hero .hero-art::after{animation:none!important}
}
.home-arrivals-empty{padding:35px 0;color:#6f6761;font-family:"Caveat",cursive;font-size:28px}


/* =========================================================
   INY ENCHANTED GARDEN — CSS ONLY
   No supplied flower/butterfly artwork is used here.
   Flowers are drawn with CSS; butterflies fly independently
   around the dress with wing-flap + curved flight paths.
   ========================================================= */
body .iny-enchanted-scene{position:absolute!important;inset:0!important;z-index:0!important;pointer-events:none!important;overflow:visible!important;transform-style:preserve-3d!important;perspective:1100px!important}

/* CSS flower behind the dress */
body .iny-enchanted-scene .iny-bloom{display:block!important;position:absolute!important;left:50%!important;top:48%!important;width:330px!important;height:330px!important;margin:0!important;transform:translate(-50%,-50%) scale(.92)!important;z-index:0!important;border-radius:50%;opacity:.9;filter:drop-shadow(0 22px 35px rgba(224,113,155,.16));animation:inyFlowerBreath 8s ease-in-out infinite!important}
body .iny-enchanted-scene .iny-bloom .petal{position:absolute!important;left:50%!important;top:50%!important;width:74px!important;height:145px!important;margin:-145px 0 0 -37px!important;border-radius:70% 70% 46% 46%!important;background:linear-gradient(155deg,#fffdfc 2%,#ffdce8 38%,#f5a7c5 72%,#e786ae 100%)!important;border:1px solid rgba(255,255,255,.82)!important;box-shadow:inset 0 0 18px rgba(255,255,255,.48),0 10px 25px rgba(221,119,158,.11)!important;transform-origin:50% 145px!important}
body .iny-enchanted-scene .iny-bloom .p1{transform:rotate(0deg)!important}.iny-bloom .p2{transform:rotate(45deg)!important}.iny-bloom .p3{transform:rotate(90deg)!important}.iny-bloom .p4{transform:rotate(135deg)!important}.iny-bloom .p5{transform:rotate(180deg)!important}.iny-bloom .p6{transform:rotate(225deg)!important}.iny-bloom .p7{transform:rotate(270deg)!important}.iny-bloom .p8{transform:rotate(315deg)!important}
body .iny-enchanted-scene .iny-bloom .bloom-center{position:absolute!important;left:50%!important;top:50%!important;width:72px!important;height:72px!important;transform:translate(-50%,-50%)!important;border-radius:50%!important;background:radial-gradient(circle,#fff6b8 0 18%,#f6c65b 19% 44%,#e99b45 45% 67%,transparent 68%)!important;box-shadow:0 0 35px rgba(255,205,111,.42)!important;animation:inyFlowerCenter 3.5s ease-in-out infinite!important}
body .iny-enchanted-scene .iny-bloom::before,body .iny-enchanted-scene .iny-bloom::after{content:"";position:absolute;width:78px;height:78px;border-radius:50%;background:radial-gradient(circle at center,#f8ca61 0 14%,transparent 15%),repeating-conic-gradient(from 0deg,rgba(255,198,218,.95) 0 18deg,transparent 18deg 45deg);filter:drop-shadow(0 10px 16px rgba(225,121,164,.13));opacity:.72}
body .iny-enchanted-scene .iny-bloom::before{left:-72px;top:72px;transform:rotate(-18deg) scale(.75)}body .iny-enchanted-scene .iny-bloom::after{right:-76px;bottom:56px;transform:rotate(22deg) scale(.62)}
@keyframes inyFlowerBreath{0%,100%{transform:translate(-50%,-50%) scale(.90) rotate(-2deg);opacity:.78}50%{transform:translate(-50%,-51%) scale(1.02) rotate(3deg);opacity:.96}}
@keyframes inyFlowerCenter{0%,100%{transform:translate(-50%,-50%) scale(.94)}50%{transform:translate(-50%,-50%) scale(1.08)}}

/* CSS butterflies: no image assets */
body .iny-enchanted-scene .iny-butterfly{display:block!important;position:absolute!important;width:58px!important;height:46px!important;z-index:4!important;opacity:.96!important;filter:drop-shadow(0 8px 11px rgba(71,86,116,.15));transform-origin:50% 50%!important;will-change:transform,left,top!important}
body .iny-enchanted-scene .iny-butterfly::before,body .iny-enchanted-scene .iny-butterfly::after{content:"";position:absolute;top:7px;width:29px;height:35px;background:linear-gradient(145deg,#f4fdff 0%,#a8e4f2 35%,#65acd0 68%,#9274bb 100%);border:1px solid rgba(255,255,255,.85);box-shadow:inset 0 0 10px rgba(255,255,255,.48);border-radius:80% 22% 72% 28%;animation:inyWingFlap .42s ease-in-out infinite alternate}
body .iny-enchanted-scene .iny-butterfly::before{left:1px;transform-origin:100% 88%;transform:rotate(-24deg)}body .iny-enchanted-scene .iny-butterfly::after{right:1px;transform-origin:0% 88%;transform:scaleX(-1) rotate(-24deg);animation-delay:-.08s}
body .iny-enchanted-scene .iny-butterfly i{position:absolute!important;left:27px!important;top:10px!important;width:5px!important;height:27px!important;border-radius:8px!important;background:linear-gradient(#4f4564,#2e2940)!important;z-index:3!important}
body .iny-enchanted-scene .iny-butterfly b{position:absolute!important;z-index:4!important;left:27px!important;top:4px!important;width:5px!important;height:5px!important;border-radius:50%!important;background:#40354d!important}.iny-butterfly b::before,.iny-butterfly b::after{content:"";position:absolute;top:-8px;width:9px;height:1px;background:#40354d}.iny-butterfly b::before{left:-7px;transform:rotate(-28deg)}.iny-butterfly b::after{left:3px;transform:rotate(28deg)}
@keyframes inyWingFlap{from{transform:rotateY(0deg) rotate(-24deg) scaleY(1)}to{transform:rotateY(62deg) rotate(-16deg) scaleY(.82)}}

/* Different curved flight paths around the dress */
body .iny-enchanted-scene .butterfly-one{left:12%!important;top:18%!important;animation:inyFlightOne 12s cubic-bezier(.45,.05,.2,.95) infinite!important}
body .iny-enchanted-scene .butterfly-two{left:auto!important;right:10%!important;top:28%!important;animation:inyFlightTwo 14s cubic-bezier(.45,.05,.2,.95) -3s infinite!important;transform:scale(.78)!important}
body .iny-enchanted-scene .butterfly-three{left:18%!important;right:auto!important;top:auto!important;bottom:18%!important;animation:inyFlightThree 11s cubic-bezier(.45,.05,.2,.95) -5s infinite!important;transform:scale(.64)!important}
body .iny-enchanted-scene .butterfly-four{left:auto!important;right:22%!important;top:8%!important;animation:inyFlightFour 16s cubic-bezier(.45,.05,.2,.95) -7s infinite!important;transform:scale(.55)!important}
body .iny-enchanted-scene .butterfly-five{left:48%!important;top:14%!important;animation:inyFlightFive 13s cubic-bezier(.45,.05,.2,.95) -9s infinite!important;transform:scale(.48)!important}
@keyframes inyFlightOne{0%{transform:translate(0,0) rotate(-10deg) scale(1)}20%{transform:translate(70px,55px) rotate(18deg) scale(1.02)}42%{transform:translate(130px,5px) rotate(-8deg) scale(.92)}65%{transform:translate(95px,145px) rotate(13deg) scale(1.05)}82%{transform:translate(15px,120px) rotate(-15deg) scale(.96)}100%{transform:translate(0,0) rotate(-10deg) scale(1)}}
@keyframes inyFlightTwo{0%{transform:translate(0,0) rotate(8deg) scale(.78)}25%{transform:translate(-90px,45px) rotate(-18deg) scale(.88)}50%{transform:translate(-135px,155px) rotate(10deg) scale(.72)}74%{transform:translate(-45px,210px) rotate(-8deg) scale(.84)}100%{transform:translate(0,0) rotate(8deg) scale(.78)}}
@keyframes inyFlightThree{0%{transform:translate(0,0) rotate(8deg) scale(.64)}28%{transform:translate(90px,-70px) rotate(-12deg) scale(.72)}55%{transform:translate(185px,-125px) rotate(12deg) scale(.58)}78%{transform:translate(145px,5px) rotate(-16deg) scale(.68)}100%{transform:translate(0,0) rotate(8deg) scale(.64)}}
@keyframes inyFlightFour{0%{transform:translate(0,0) rotate(-5deg) scale(.55)}30%{transform:translate(-110px,80px) rotate(14deg) scale(.62)}60%{transform:translate(-170px,185px) rotate(-12deg) scale(.50)}82%{transform:translate(-70px,230px) rotate(8deg) scale(.58)}100%{transform:translate(0,0) rotate(-5deg) scale(.55)}}
@keyframes inyFlightFive{0%{transform:translate(0,0) rotate(4deg) scale(.48)}35%{transform:translate(-55px,115px) rotate(-15deg) scale(.56)}68%{transform:translate(85px,185px) rotate(16deg) scale(.44)}100%{transform:translate(0,0) rotate(4deg) scale(.48)}}

body .iny-enchanted-scene .iny-magic-dust{z-index:3!important;animation:inyDustDrift 5s ease-in-out infinite!important}@keyframes inyDustDrift{0%,100%{opacity:.2;transform:translate(0,0) scale(.7)}50%{opacity:.85;transform:translate(10px,-16px) scale(1)}}
body .hero-art>img,body .shop-hero .hero-art>img{position:relative!important;z-index:5!important}

@media(max-width:900px){body .iny-enchanted-scene .iny-bloom{width:270px!important;height:270px!important;transform:translate(-50%,-50%) scale(.82)!important;top:47%!important}body .iny-enchanted-scene .iny-bloom .petal{width:60px!important;height:116px!important;margin:-116px 0 0 -30px!important;transform-origin:50% 116px!important}body .iny-enchanted-scene .iny-bloom .bloom-center{width:56px!important;height:56px!important}body .iny-enchanted-scene .iny-butterfly{width:48px!important;height:39px!important}}
@media(max-width:600px){body .iny-enchanted-scene{transform:scale(.88);transform-origin:center center!important}body .iny-enchanted-scene .iny-bloom{width:230px!important;height:230px!important;top:48%!important;opacity:.76!important}body .iny-enchanted-scene .iny-bloom .petal{width:50px!important;height:96px!important;margin:-96px 0 0 -25px!important;transform-origin:50% 96px!important}body .iny-enchanted-scene .iny-bloom .bloom-center{width:48px!important;height:48px!important}body .iny-enchanted-scene .butterfly-one{left:2%!important;top:15%!important}body .iny-enchanted-scene .butterfly-two{right:1%!important;top:30%!important}body .iny-enchanted-scene .butterfly-three{left:10%!important;bottom:17%!important}body .iny-enchanted-scene .butterfly-four{right:10%!important;top:7%!important}body .iny-enchanted-scene .butterfly-five{left:46%!important;top:10%!important}}
@media(prefers-reduced-motion:reduce){body .iny-enchanted-scene .iny-bloom,body .iny-enchanted-scene .iny-butterfly,body .iny-enchanted-scene .iny-butterfly::before,body .iny-enchanted-scene .iny-butterfly::after,body .iny-enchanted-scene .iny-magic-dust{animation:none!important}}
body .hero-orbit-stage::before,body .hero-orbit-stage::after,body .shop-hero .hero-art::before,body .shop-hero .hero-art::after{display:none!important}