/* Mini site section motion and the brand landing page visual treatment. */
.site-header{backdrop-filter:blur(14px);background:color-mix(in srgb,var(--header,#fff) 92%,transparent)}
.site-brand{letter-spacing:-.035em}
.header-cta{border-radius:999px;background:var(--accent,#637751);color:#fff;border-color:transparent;transition:transform .2s,box-shadow .2s}
.header-cta:hover{transform:translateY(-2px);box-shadow:0 8px 20px color-mix(in srgb,var(--accent,#637751) 28%,transparent)}
.site-hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 85% 16%,color-mix(in srgb,var(--art,#d7dfca) 72%,transparent),transparent 36%),linear-gradient(135deg,var(--hero,#eff0e7),var(--section,#f6f7f2))}
.site-hero:before{position:absolute;z-index:-1;inset:auto auto -170px -100px;width:360px;height:360px;border:1px solid color-mix(in srgb,var(--accent,#637751) 25%,transparent);border-radius:50%;content:""}
.hero-copy h1{letter-spacing:-.045em}
.hero-art{box-shadow:0 24px 70px color-mix(in srgb,var(--accent,#637751) 18%,transparent);transition:transform .45s cubic-bezier(.2,.75,.25,1),box-shadow .45s}
.hero-art{position:relative;width:100%;height:auto;min-width:0;min-height:0;aspect-ratio:4/3;box-sizing:border-box;overflow:hidden;border-radius:0!important;border:0!important;outline:0!important}
.hero-art img{position:absolute;inset:0;display:block;width:100%!important;height:100%!important;min-width:100%;min-height:100%;max-width:none;object-fit:cover;object-position:center;transition:filter .4s,transform .65s cubic-bezier(.2,.75,.25,1)}
.site-hero:hover .hero-art{transform:translateY(-5px) rotate(1deg);box-shadow:0 32px 80px color-mix(in srgb,var(--accent,#637751) 24%,transparent)}
.site-hero:hover .hero-art img{transform:scale(1.035)}
.site-section>h2{position:relative;display:table;padding-bottom:12px;letter-spacing:-.035em}
.site-section>h2:after{position:absolute;left:0;bottom:0;width:48px;height:3px;border-radius:5px;background:var(--accent,#637751);content:""}
.services-section,.reviews-section{background:radial-gradient(ellipse at 100% 0,color-mix(in srgb,var(--art,#d7dfca) 28%,transparent),transparent 40%),var(--section,#f6f7f2)}
.service-card,.review-card{transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
.service-card:hover,.review-card:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--accent,#637751) 40%,transparent);box-shadow:0 18px 38px #18201512}
.gallery-grid figure{box-shadow:0 8px 22px #18201512;transition:transform .25s ease,box-shadow .25s ease}
.gallery-grid figure:hover{transform:translateY(-5px) scale(1.015);box-shadow:0 18px 36px #18201524}
.site-footer{background:linear-gradient(125deg,var(--footer,#354436),color-mix(in srgb,var(--footer,#354436) 76%,var(--accent,#637751)))}
/* Each theme gives the full-bleed rectangular profile photo its own image finish. */
.theme-1 .hero-art img{filter:saturate(1.08)}
.theme-2 .hero-art img{filter:saturate(1.12) contrast(1.02)}
.theme-3 .hero-art img{filter:grayscale(.82) contrast(1.08)}
.theme-4 .hero-art img{filter:sepia(.12) saturate(1.12)}
.theme-5 .hero-art img{filter:saturate(1.08)}
.theme-6 .hero-art img{filter:saturate(1.12) contrast(1.02)}
.theme-7 .hero-art img{filter:sepia(.1) saturate(1.18)}
.theme-8 .hero-art img{filter:saturate(.82) contrast(1.06)}
.theme-9 .hero-art img{filter:saturate(1.12) contrast(1.06)}
.theme-10 .hero-art img{filter:saturate(1.16)}
.contact-dialog{position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(92vw,430px);max-width:none;max-height:calc(100dvh - 32px);padding:34px;border:1px solid #ffffff80;border-radius:22px;background:var(--header,#fff);color:#273127;box-shadow:0 30px 100px #10191055}
.contact-dialog::backdrop{background:#1019109c;backdrop-filter:blur(5px)}
.contact-dialog h2{margin:7px 0;font:700 26px var(--serif);color:#253329}
.contact-dialog p{margin-bottom:22px;color:#6a7169}
.contact-close{position:absolute;top:12px;right:14px;width:38px;height:38px;border:0;border-radius:50%;background:#0000000a;font-size:25px;cursor:pointer}
.contact-option{display:flex;justify-content:center;width:100%;margin-top:10px;border-radius:10px}
.contact-option.whatsapp-button{background:#168849}
.site-hero,.site-section,.site-footer{opacity:1;transform:none}
body.has-motion .site-hero,body.has-motion .site-section,body.has-motion .site-footer{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.75,.25,1)}
body.has-motion .site-hero.is-visible,body.has-motion .site-section.is-visible,body.has-motion .site-footer.is-visible{opacity:1;transform:translateY(0)}

/* Bharath Links landing page */
.landing{--brand-ink:#173d32;--brand-accent:#de7a40;--brand-soft:#eaf3ec;background:#fbfcf8}
.landing-head{position:sticky;top:0;z-index:30;background:#fbfcf8ed;backdrop-filter:blur(14px);box-shadow:0 5px 24px #173d320c}
.landing-head .brand{color:var(--brand-ink);font-weight:800;letter-spacing:-.045em}
.landing-head nav a:not(.button){transition:color .2s}
.landing-head nav a:not(.button):hover{color:var(--brand-accent)}
.landing-head .button,.landing .button{border:0;border-radius:999px;background:linear-gradient(110deg,#df7840,#f0a044);box-shadow:0 9px 24px #d8713533;transition:transform .2s,box-shadow .2s}
.landing-head .button:hover,.landing .button:hover{transform:translateY(-2px);box-shadow:0 13px 30px #d8713544}
.hero{position:relative;isolation:isolate;overflow:hidden;padding:100px max(9vw,28px) 108px;background:radial-gradient(ellipse at 88% 20%,#d5e8d7 0,transparent 32%),linear-gradient(135deg,#eff6ed 0%,#fbf4e9 62%,#f8e5d8 100%)}
.hero:before,.hero:after{position:absolute;z-index:-1;border-radius:50%;content:"";pointer-events:none}
.hero:before{width:430px;height:430px;right:-100px;bottom:-240px;border:1px solid #df784044;box-shadow:0 0 0 35px #df78400b,0 0 0 75px #df784008}
.hero:after{width:190px;height:190px;top:35px;right:18%;background:linear-gradient(140deg,#fff9,#ffffff00);filter:blur(1px)}
.hero .eyebrow{color:#b9552c}
.hero h1{max-width:820px;color:var(--brand-ink);letter-spacing:-.055em;text-wrap:balance}
.hero>p{max-width:640px;color:#53635a;font-size:18px}
.hero-price{width:max-content;max-width:100%;border:1px solid #e3c9a9;background:#fffcf4d9;box-shadow:0 8px 24px #68552a0b}
.steps,.sample-sites{padding:75px max(7vw,24px);background:#fbfcf8}
.steps>h2,.sample-sites>h2{color:var(--brand-ink);letter-spacing:-.04em}
.landing .card{border:1px solid #dce8dc;border-radius:18px;box-shadow:0 10px 28px #173d3209;transition:transform .25s,box-shadow .25s,border-color .25s}
.landing .card:hover{transform:translateY(-6px);border-color:#b9d4bd;box-shadow:0 20px 42px #173d3219}
.landing .card>b:first-child{display:inline-grid;width:36px;height:36px;place-items:center;border-radius:50%;background:#e2f0e3;color:#27664b}
.main-footer{background:linear-gradient(125deg,#173d32,#234e42 58%,#37594a)}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}body.has-motion .site-hero,body.has-motion .site-section,body.has-motion .site-footer{opacity:1;transform:none}}
@media(max-width:700px){body[class*="theme-"]{padding-top:72px}body.is-preview{padding-top:104px}.site-header{height:72px;min-height:72px;flex-wrap:nowrap;align-content:center;padding:8px 18px}.site-brand{max-width:70vw}.site-section{scroll-margin-top:86px}.private-preview-banner{top:72px}}
