/* Genuine couple photograph, burgundy fade, and responsive hero only. */
.hero{position:relative;isolation:isolate;overflow:hidden;min-height:max(970px,100svh);padding:clamp(150px,15svh,188px) 24px clamp(88px,9svh,126px);background:#290a16}
.hero::before{content:'';position:absolute;z-index:0;inset:0;pointer-events:none;opacity:1;background-image:linear-gradient(180deg,rgba(27,5,13,.78) 0%,rgba(27,5,13,.14) 25%,rgba(37,6,17,.10) 55%,rgba(37,6,17,.96) 100%),linear-gradient(90deg,rgba(27,5,13,.46),rgba(27,5,13,.03) 22%,rgba(27,5,13,.04) 77%,rgba(27,5,13,.48)),url('assets/ks-how-we-began-new.webp');background-size:cover,cover,cover;background-position:center,center,center 46%;background-repeat:no-repeat}
.hero::after{content:'';position:absolute;z-index:1;inset:0;height:auto;pointer-events:none;background:radial-gradient(ellipse 31% 64% at 50% 51%,rgba(58,11,25,.98) 0%,rgba(62,12,27,.92) 39%,rgba(54,9,23,.47) 64%,transparent 100%),linear-gradient(180deg,rgba(30,5,14,.45),transparent 31%,transparent 56%,rgba(38,7,18,.34) 77%,#290a16 100%)}
.hero .moon{display:none}
.hero .hero-photo-band{display:none}
.hero .hero-copy{position:relative;z-index:2;width:min(930px,100%);padding:0 14px}
.hero .eyebrow{color:#f0d7b9;text-shadow:0 1px 10px rgba(22,4,10,.42)}
.hero .hero-monogram{width:clamp(240px,27vw,346px);margin-bottom:clamp(21px,3vw,35px);filter:drop-shadow(0 1px 1px rgba(25,7,11,.35)) drop-shadow(0 0 16px rgba(246,208,138,.22))}
.hero .couple-names{flex-direction:column;gap:1px;width:100%;max-width:850px;color:#ffe0ad;font-family:var(--display-font);font-size:clamp(37px,4.25vw,60px);font-weight:500;line-height:1.08;letter-spacing:.005em;text-transform:none;text-shadow:0 2px 18px rgba(30,5,14,.42)}
.hero .couple-names .couple-name{white-space:nowrap}
.hero .couple-names .couple-joiner{width:clamp(19px,2.1vw,26px);height:clamp(19px,2.1vw,26px);margin:5px auto}
.hero .hero-message{width:min(100%,620px);margin:22px auto 17px;color:#f9e4cf;font-size:clamp(15px,1.27vw,18px);line-height:1.67;text-shadow:0 2px 15px rgba(23,5,12,.65)}
.hero .scroll-link{color:#f5d59d;text-shadow:0 1px 10px rgba(19,4,10,.5)}
html[lang='ta'] .hero .couple-names{font-family:var(--tamil-font);font-size:clamp(26px,2.6vw,37px);line-height:1.55;letter-spacing:0}
html[lang='ta'] .hero .hero-message{font-family:var(--tamil-ui-font);line-height:1.8}
@media(max-width:760px){
.hero{display:block;min-height:0;padding:145px 0 77px;background:linear-gradient(180deg,#210711 0%,#350c1b 52%,#260912 100%)}
.hero::before{background:none;opacity:0}
.hero::after{background:linear-gradient(180deg,rgba(37,8,18,.10),rgba(37,8,18,.05))}
.hero .hero-copy{width:100%;padding:0 19px;gap:0}
.hero .eyebrow{font-size:10px}
.hero .ornament{margin:20px auto 15px}
.hero .hero-monogram{width:min(64vw,234px);margin-bottom:7px}
.hero .hero-photo-band{display:block;flex:none;width:100vw;height:clamp(202px,67vw,330px);margin:15px calc(50% - 50vw) 4px;background-image:linear-gradient(180deg,rgba(36,7,17,.2) 0%,transparent 26%,rgba(37,7,17,0) 65%,#2c0918 100%),url('assets/ks-how-we-began-new.webp');background-size:cover,cover;background-position:center,center 42%;background-repeat:no-repeat}
.hero .couple-names{font-size:clamp(28px,8vw,39px);line-height:1.14;letter-spacing:0;margin-top:9px}
.hero .couple-names .couple-name{white-space:normal;overflow-wrap:normal}
.hero .couple-names .couple-joiner{width:21px;height:21px;margin:6px auto}
.hero .hero-message{margin:24px auto 18px;font-size:15px;line-height:1.68}
.hero .scroll-link{margin-top:6px}
html[lang='ta'] .hero .couple-names{font-size:clamp(19px,5.6vw,27px);line-height:1.55}
html[lang='ta'] .hero .hero-message{font-size:14px;line-height:1.85}
}
@media(max-width:360px){.hero{padding-top:144px}.hero .hero-copy{padding-inline:15px}.hero .hero-photo-band{margin-inline:calc(50% - 50vw)}.hero .couple-names{font-size:28px}html[lang='ta'] .hero .couple-names{font-size:18px}}


/* Fluid photo treatment: a quieter desktop drift and a seamless mobile dissolve. */
@media (min-width:761px) {
  .hero::before {
    background-image:url('assets/ks-how-we-began-new.webp');
    background-position:center 46%;
    background-size:cover;
    background-repeat:no-repeat;
    transform-origin:center 43%;
    animation:heroPhotoBreathe 24s ease-in-out infinite alternate;
  }
  .hero::after {
    background:
      radial-gradient(ellipse 40% 76% at 50% 52%,
        rgba(54,10,24,.98) 0%,
        rgba(56,10,24,.93) 36%,
        rgba(55,9,23,.70) 54%,
        rgba(50,8,21,.30) 72%,
        rgba(37,7,18,.10) 91%,
        transparent 100%),
      linear-gradient(180deg,
        rgba(29,6,15,.75) 0%,
        rgba(37,7,18,.27) 23%,
        rgba(37,7,18,.03) 45%,
        rgba(43,9,20,.18) 69%,
        rgba(43,9,20,.78) 87%,
        #290a16 100%),
      linear-gradient(90deg,
        rgba(28,5,13,.42) 0%,transparent 19%,
        transparent 81%,rgba(28,5,13,.42) 100%);
  }
}
@keyframes heroPhotoBreathe {
  from { transform:scale(1.025) translate3d(-.3%,0,0); }
  to { transform:scale(1.065) translate3d(.3%,-.5%,0); }
}
@media (max-width:760px) {
  .hero .hero-photo-band {
    height:clamp(250px,76vw,365px);
    margin-top:3px;
    margin-bottom:-20px;
    background-image:
      linear-gradient(180deg,
        rgba(41,9,22,.22) 0%,
        rgba(41,9,22,.02) 37%,
        rgba(41,9,22,.02) 65%,
        rgba(43,9,22,.32) 84%,
        #350c1b 100%),
      url('assets/ks-how-we-began-new.webp');
    background-position:center,center 43%;
    background-size:cover,cover;
    -webkit-mask-image:linear-gradient(180deg,
      transparent 0%,rgba(0,0,0,.42) 9%,
      #000 22%,#000 70%,
      rgba(0,0,0,.88) 80%,transparent 100%);
    mask-image:linear-gradient(180deg,
      transparent 0%,rgba(0,0,0,.42) 9%,
      #000 22%,#000 70%,
      rgba(0,0,0,.88) 80%,transparent 100%);
  }
  .hero .couple-names { margin-top:0; }
  .hero .hero-message { margin-top:22px; }
}
@media (prefers-reduced-motion:reduce) {
  .hero::before { animation:none!important;transform:none!important; }
}