@font-face{font-family:"Bodoni Moda";font-style:normal;font-weight:400 500;font-display:swap;src:url(../fonts/bodoni-moda-roman.woff2) format("woff2")}
@font-face{font-family:"Bodoni Moda";font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/bodoni-moda-italic.woff2) format("woff2")}
@font-face{font-family:"Jost";font-style:normal;font-weight:400 600;font-display:swap;src:url(../fonts/jost.woff2) format("woff2")}
/* Jost has no rupee sign: a two-glyph face supplies it (unicode-range U+20B9 only) */
@font-face{font-family:"JostR";font-weight:400;font-display:swap;src:url(../fonts/rupee-400.woff2) format("woff2");unicode-range:U+20B9}
@font-face{font-family:"JostR";font-weight:500 600;font-display:swap;src:url(../fonts/rupee-500.woff2) format("woff2");unicode-range:U+20B9}

:root{--text:"Jost","JostR",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color-scheme:light}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:16px;scroll-padding-bottom:76px}
body{margin:0;background:#FFFAF7;color:#2B1B24}
a{color:inherit}
img{max-width:100%}
:focus-visible{outline:2px solid #9D0B45;outline-offset:2px;border-radius:4px}
@media (min-width: 1024px){html{scroll-padding-top:80px;scroll-padding-bottom:0}}

/* ---------- design (tested in the wireframe, v1–v9.6) ---------- */
.site{--s-bg:#FFFAF7; --s-ink:#2B1B24; --s-muted:#6B5560; --s-mag:#9D0B45; --s-green:#075E54; --s-green-d:#054A42;
  --s-blush:#FCEEF2; --s-amber:#B7791F; --s-box:#E9E1E5; --s-box-2:#DDD2D8; --s-box-ink:#7E6E77; --s-line:#E7DCE1;
  --g:20px;
  position:relative;background:var(--s-bg);color:var(--s-ink);font:400 17px/1.6 var(--text);
  border-radius:28px;box-shadow:var(--shadow);overflow:clip;width:100%;
  outline:10px solid #2B1B24;outline-offset:0;margin-block:10px 16px;}
@media (min-width: 1024px){
:root:not(.d) .site{border-radius:0;outline:0;box-shadow:none;margin:0;width:1280px;--g:80px}
}
.site *{box-sizing:border-box}
.site h1, .site h2, .site h3{font-family:var(--display);font-variation-settings:"SOFT" 50;font-weight:600;margin:0;text-wrap:balance;color:var(--s-ink)}
.site h1{font-size:34px;line-height:1.08;letter-spacing:-.02em}
.site h2{font-size:28px;line-height:1.15;letter-spacing:-.015em}
.site h3{font-size:21px;line-height:1.25}
.site p{margin:0;max-width:65ch}
.site .micro{font-size:14px;color:var(--s-muted);line-height:1.5}
.site .eyebrow{font:600 13px/1.3 var(--text);letter-spacing:.08em;text-transform:uppercase;color:var(--s-mag)}
.site .price{font-weight:600;font-variant-numeric:tabular-nums}
.s-sec{padding:56px var(--g);display:grid;gap:16px}
.s-sec > h2{margin-top:0}
.band{background:var(--s-blush)}
.btn{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;border-radius:999px;font:600 16px/1.2 var(--text);text-decoration:none;cursor:pointer;border:0;width:100%}
.btn.lg{min-height:56px;font-size:17px}
.btn.wa{background:var(--s-green);color:#fff}
.btn.ghost{background:transparent;color:var(--s-ink);box-shadow:inset 0 0 0 1.5px var(--s-ink)}
.walink{color:var(--s-green);font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:6px;min-height:32px}
.ico{width:20px;height:20px;flex:none}
.walink .ico{width:17px;height:17px}
.ph{position:relative;background:var(--s-box);border-radius:16px;overflow:hidden;display:grid;place-items:center;text-align:center;color:var(--s-box-ink);font:600 12.5px/1.4 var(--text);padding:12px;aspect-ratio:4/5;max-width:100%;
  background-image:linear-gradient(to top right,transparent calc(50% - .75px),var(--s-box-2) calc(50% - .75px),var(--s-box-2) calc(50% + .75px),transparent calc(50% + .75px)),linear-gradient(to bottom right,transparent calc(50% - .75px),var(--s-box-2) calc(50% - .75px),var(--s-box-2) calc(50% + .75px),transparent calc(50% + .75px))}
.ph.wide{aspect-ratio:16/9}
.figcap{font-size:14px;color:var(--s-muted);margin-top:8px}
.s-head{display:flex;align-items:center;gap:12px;padding:0 var(--g);height:60px;border-bottom:1px solid var(--s-line);position:relative}
.logo{display:flex;align-items:center;gap:10px;font:600 17px/1.1 var(--display);font-variation-settings:"SOFT" 50;text-decoration:none;color:var(--s-ink)}
.s-nav, .s-headcta{display:none}
.menu{margin-left:auto;font:600 15px var(--text);background:transparent;border:1.5px solid var(--s-line);border-radius:999px;padding:0 16px;min-height:44px;color:var(--s-ink)}
.s-hero{padding:28px var(--g) 0;display:grid;gap:22px}
.s-hero-text{display:grid;gap:14px}
.ctas{display:grid;gap:12px;margin-top:6px}
.s-hero-img{margin:0}
.s-hero-img .ph{aspect-ratio:4/5}
.s-proof{display:flex;gap:10px;overflow-x:auto;padding:24px var(--g) 8px;scrollbar-width:none}
.s-proof::-webkit-scrollbar{display:none}
.chip{flex:none;display:inline-flex;align-items:center;gap:8px;font-size:14px;line-height:1.3;border:1px solid var(--s-line);border-radius:999px;padding:10px 14px;background:#fff;white-space:nowrap}
.chip a{color:inherit}
.stars{color:var(--s-amber);letter-spacing:1px}
.cards{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.card{display:grid;grid-template-columns:96px 1fr;gap:14px;align-items:start;background:#fff;border:1px solid var(--s-line);border-radius:16px;padding:12px}
.card .ph{aspect-ratio:4/5;font-size:10.5px;padding:6px}
.card h3{font-size:19px}
.card .list{font-size:14.5px;color:var(--s-muted);line-height:1.45;margin:4px 0 6px}
.card .from{font-size:15px}
.swipe{display:grid;grid-auto-flow:column;grid-auto-columns:72%;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:calc(var(--g) * -1);padding-inline:var(--g);scrollbar-width:none}
.swipe::-webkit-scrollbar{display:none}
.look{scroll-snap-align:start;margin:0}
.look figcaption{font-size:15px;font-weight:600;margin-top:8px}
.look figcaption small{display:block;font-weight:400;color:var(--s-muted);font-size:13px}
.dots{display:flex;gap:6px;justify-content:center}
.dots i{width:7px;height:7px;border-radius:50%;background:var(--s-box-2)}
.dots i:first-child{background:var(--s-ink)}
.ticks{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 16px;font-size:15.5px}
.ticks li::before{content:"✓";color:var(--s-green);font-weight:600;margin-right:6px}
.steps{list-style:none;margin:0;padding:0;display:grid;gap:10px;counter-reset:s}
.steps li{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start;font-size:15.5px;line-height:1.45}
.steps li::before{counter-increment:s;content:counter(s);width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font:600 15px var(--display);background:#fff;border:1.5px solid var(--s-ink)}
.steps b{display:block;font-weight:600}
.tcards{display:grid;gap:18px}
.tcard{display:grid;gap:10px;background:#fff;border:1px solid var(--s-line);border-radius:16px;padding:12px}
.ba{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.ba .ph{aspect-ratio:4/5;border-radius:12px;font-size:11px}
.ba .ph:first-child{border-radius:12px 4px 4px 12px}
.ba .ph:last-child{border-radius:4px 12px 12px 4px}
.s-hema{align-items:start}
.s-hema .ph{aspect-ratio:4/5;max-width:260px}
.note-hema{margin:0;font:400 17px/1.6 var(--text);border-left:3px solid var(--s-mag);padding-left:14px}
.note-hema footer{margin-top:8px;font-family:var(--display);font-style:italic;font-size:17px}
.facts{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.facts li{font-size:14px;border:1px solid var(--s-line);background:#fff;border-radius:999px;padding:6px 12px}
.rcards{display:grid;gap:12px}
.rcard{background:#fff;border:1px solid var(--s-line);border-radius:16px;padding:16px;display:grid;gap:8px}
.rcard q{font-size:16px;line-height:1.5;quotes:"“" "”"}
.rcard .who{font-size:13.5px;color:var(--s-muted)}
.faq{display:grid;gap:8px}
.faq details{background:#fff;border:1px solid var(--s-line);border-radius:14px;padding:0 16px}
.faq summary{min-height:52px;display:flex;align-items:center;font-weight:600;font-size:16px;cursor:pointer;list-style:none;gap:10px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";margin-left:auto;font-size:22px;font-weight:400;color:var(--s-muted)}
.faq details[open] summary::after{content:"–"}
.faq details p{padding-bottom:14px;font-size:15.5px;color:var(--s-muted)}
.hours{display:grid;gap:4px;font-size:15px;font-variant-numeric:tabular-nums}
.open{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--s-green);font-size:15px}
.open::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--s-green)}
.map .ph{aspect-ratio:16/10}
.s-foot{padding:36px var(--g) 110px;background:#2B1B24;color:#F3E9EE;font-size:14px;line-height:1.7;display:grid;gap:6px}
.s-foot b{font-family:var(--display);font-size:18px;font-weight:600}
.s-foot a{color:#F3E9EE}
.bar{position:sticky;bottom:0;z-index:4;display:grid;grid-template-columns:2fr 1fr;gap:10px;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));
  background:rgba(255,250,247,.96);border-top:1px solid var(--s-line);margin-top:-72px;transform:translateY(110%);transition:transform .2s ease-out}
.bar.show{transform:none}
.bar .btn{min-height:48px;font-size:15px;padding:0 12px}
@media (min-width: 1024px){
:root:not(.d) .bar{display:none}
:root:not(.d) .site h1{font-size:56px}
:root:not(.d) .site h2{font-size:40px}
:root:not(.d) .site h3{font-size:24px}
:root:not(.d) .s-head{height:72px}
:root:not(.d) .menu{display:none}
:root:not(.d) .s-nav{display:flex;gap:28px;margin-left:48px;font-size:15px}
:root:not(.d) .s-nav a{text-decoration:none;color:var(--s-ink)}
:root:not(.d) .s-headcta{display:flex;align-items:center;gap:20px;margin-left:auto;font-size:15px}
:root:not(.d) .s-headcta .btn{width:auto;min-height:44px;font-size:15px}
:root:not(.d) .s-hero{grid-template-columns:1.1fr .9fr;gap:64px;padding:72px var(--g) 24px;align-items:center}
:root:not(.d) .ctas{grid-template-columns:auto auto;justify-content:start}
:root:not(.d) .ctas .btn{width:auto;padding:0 28px}
:root:not(.d) .ctas .micro{grid-column:1 / -1}
:root:not(.d) .s-hero-img .ph{max-height:600px;margin-left:auto}
:root:not(.d) .s-proof{justify-content:center;padding-top:32px}
:root:not(.d) .s-sec{padding:96px var(--g)}
:root:not(.d) .cards{grid-template-columns:repeat(3,1fr);gap:20px}
:root:not(.d) .card{grid-template-columns:1fr;padding:14px}
:root:not(.d) .card .ph{aspect-ratio:4/3}
:root:not(.d) .swipe{grid-auto-flow:row;grid-template-columns:repeat(5,1fr);overflow:visible;margin:0;padding:0}
:root:not(.d) .dots{display:none}
:root:not(.d) .bridal-row{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}
:root:not(.d) .bridal-row .btn{width:auto;justify-self:start;padding:0 28px}
:root:not(.d) .tcards{grid-template-columns:1fr 1fr;gap:24px}
:root:not(.d) .s-hema{grid-template-columns:320px 1fr;column-gap:56px}
:root:not(.d) .s-hema .ph{grid-row:span 4;max-width:none}
:root:not(.d) .rcards{grid-template-columns:repeat(3,1fr)}
:root:not(.d) .faq{max-width:760px}
:root:not(.d) .visit-row{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
:root:not(.d) .s-final{text-align:center;justify-items:center}
:root:not(.d) .s-final .btn{width:auto;padding:0 32px}
:root:not(.d) .s-foot{padding-bottom:40px;grid-template-columns:repeat(3,auto);justify-content:space-between}
}
@media (prefers-reduced-motion: reduce){
.bar{transition:none}
}
.ticks li::before{color:var(--s-mag)}
.open{color:var(--s-ink)}
.open::before{background:var(--s-mag)}
.safe{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.safe li{display:grid;grid-template-columns:30px 1fr;gap:12px;align-items:start;background:#fff;border:1px solid var(--s-line);border-radius:16px;padding:14px;font-size:15.5px;line-height:1.45}
.safe li::before{content:"";width:30px;height:30px;border-radius:50%;border:1.5px solid var(--s-mag);
  background:no-repeat center/14px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.5l3 3 7-7' fill='none' stroke='%239D0B45' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.safe b{display:block;font-weight:600}
@media (min-width: 1024px){
:root:not(.d) .safe-row{display:grid;grid-template-columns:1.3fr 1fr;gap:32px;align-items:start}
:root:not(.d) .safe{grid-template-columns:1fr 1fr}
}
.expect{font-size:13.5px;line-height:1.45;background:var(--s-blush);border-radius:10px;padding:8px 10px;color:var(--s-ink)}
.rcard .src{font-size:12px;color:var(--s-muted)}
.site{font:400 18px/1.6 var(--text)}
.site h1, .site h2, .site h3{font-weight:500;font-variation-settings:normal}
.site h1{font-size:42px;line-height:1.02;letter-spacing:-.005em;margin-left:-.04em}
.site h2{font-size:32px;line-height:1.05;letter-spacing:0}
.site h3{font-size:22px;line-height:1.2;letter-spacing:0}
.site .eyebrow{font:500 12px/1.3 var(--text);letter-spacing:.2em}
.site .micro{font-size:15px;line-height:1.5}
.site .byline{font:italic 500 22px/1.3 var(--display);color:var(--s-muted);margin:0}
.site .price{font-weight:500}
.logo{font:500 18px/1.1 var(--display)}
.s-hero{padding:24px var(--g) 0;gap:16px}
.s-hero-text{gap:0}
.s-hero-text .eyebrow{margin-bottom:16px}
.s-hero-text .byline{margin-top:8px}
.s-hero-text .sub{margin-top:16px}
.ctas{margin-top:24px;gap:12px}
.s-sec{gap:16px}
.btn{border-radius:6px;font:500 17px/1.2 var(--text);letter-spacing:.01em}
.btn.lg{min-height:52px;font-size:17px}
.btn.ghost{min-height:48px}
.menu{border-radius:6px;font:500 15px var(--text)}
.ph, .card, .tcard, .rcard, .faq details, .safe li, .chip, .facts li, .expect, .s-hero-img .ph, .map .ph{border-radius:6px}
.ba .ph:first-child{border-radius:6px 2px 2px 6px}
.ba .ph:last-child{border-radius:2px 6px 6px 2px}
.card .ph{border-radius:4px}
.bar .btn{border-radius:6px}
.card h3{font-size:22px}
.card .list{font-size:15.5px}
.card .from{font-size:16px}
.expect{font-size:15px}
.safe li{font-size:16.5px}
.steps li{font-size:16.5px}
.steps li::before{font:500 18px var(--display)}
.ticks{font-size:16.5px}
.note-hema{font:400 18px/1.6 var(--text)}
.note-hema footer{font:italic 500 20px var(--display)}
.rcard q{font:italic 500 21px/1.35 var(--display)}
.rcard .who{font-size:14.5px}
.faq summary{font:500 17px/1.35 var(--text);padding-block:12px}
.faq details p{font-size:16.5px}
.chip{font-size:14.5px}
.look figcaption{font:italic 500 20px/1.2 var(--display)}
.look figcaption small{font:400 14px/1.4 var(--text);font-style:normal}
.s-foot b{font:500 22px var(--display)}
.hours{font-size:16px}
@media (min-width: 1024px){
:root:not(.d) .site h1{font-size:64px}
:root:not(.d) .site h2{font-size:48px}
:root:not(.d) .site h3{font-size:26px}
:root:not(.d) .site .byline{font-size:26px}
:root:not(.d) .ctas{grid-template-columns:auto auto}
:root:not(.d) .ctas .btn.lg{padding:0 32px}
}
.btn.wa:hover{background:var(--s-green-d)}
.btn.wa:active{background:var(--s-green-d)}
.steps li::before{border-color:var(--s-mag);color:var(--s-mag)}
.rcard q::before, .rcard q::after{color:var(--s-mag)}
.site :focus-visible{outline:2px solid var(--s-mag);outline-offset:2px}
.site{font-synthesis:none;font-kerning:normal;container-type:inline-size}
.site{line-height:1.45}
.site h1{line-height:1.1}
.site h2{line-height:1.15}
.site h3{line-height:1.25}
.site p, .site li, .site summary, .site q, .site figcaption, .site blockquote{text-wrap:pretty}
.site .eyebrow{letter-spacing:.12em}
.site .byline{font-size:22px;line-height:1.25}
.site .micro, .figcap, .card .list, .card .from, .expect, .chip, .facts li, .rcard .who, .rcard .src, .look figcaption small, .s-foot{font-size:15px;line-height:1.5}
.safe li, .steps li, .ticks, .faq summary, .faq details p, .note-hema, .site .sub, .walink, .hours{font-size:18px;line-height:1.45}
.look figcaption, .rcard q, .note-hema footer{font-size:22px;line-height:1.25}
.rcard q{text-indent:-.336em}
.btn{white-space:nowrap;padding:0 16px;font-size:18px;line-height:1.2}
.btn.lg{font-size:18px}
.bar .btn{font-size:15px}
@container (max-width:350px){
.btn.lg{font-size:15px}
}
.s-sec > *, .rcards > *, .tcards > *, .cards > *{min-width:0}
.site p, .site blockquote, .site li, .faq details p{max-width:30em}
.site .ic::before, .ticks li::before, .walink::after, .faq summary::after, .stars i{content:"";display:inline-block;flex:none;background:currentColor;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}
.ticks li{display:flex;gap:8px;align-items:flex-start}
.ticks li::before{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");width:18px;height:18px;margin:4px 0 0;color:var(--s-mag)}
.safe li::before{border:0;background:var(--s-mag);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m16.5 9-6 6-3-3'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m16.5 9-6 6-3-3'/%3E%3C/svg%3E") center/contain no-repeat;width:28px;height:28px}
.walink{min-height:44px}
.walink::after{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E");width:18px;height:18px}
.faq summary::after{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='M12 5v14'/%3E%3C/svg%3E");width:20px;height:20px;margin-left:auto;color:var(--s-muted);font-size:0}
.faq details[open] summary::after{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E")}
.stars{display:inline-flex;gap:2px;color:var(--s-amber)}
.stars i{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpolygon points='12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2' fill='black'/%3E%3C/svg%3E");width:16px;height:16px}
.btn .ic::before{width:20px;height:20px}
.ic-phone::before{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E")}
.ic-pin::before{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E")}
.site .ic{display:inline-flex;align-items:center;gap:10px}
.logo{min-height:44px}
.s-nav a{min-height:44px;display:inline-flex;align-items:center}
.chip{min-height:44px;padding:0 14px}
.chip a{min-height:44px;display:inline-flex;align-items:center}
.facts li{min-height:44px;display:inline-flex;align-items:center}
.facts a{min-height:44px;display:inline-flex;align-items:center}
.s-foot a{display:inline-flex;align-items:center;min-height:44px;padding:0 4px}
.s-proof{flex-wrap:wrap;overflow:visible}
.card, .tcard, .rcard{padding:16px}
.cards, .tcards, .rcards{gap:24px}
.card .ph, .ba .ph, .ba .ph:first-child, .ba .ph:last-child{border-radius:0}
@media (min-width: 1024px){
:root:not(.d) .card{padding:16px}
:root:not(.d) .cards{gap:24px}
:root:not(.d) .s-nav{gap:8px}
:root:not(.d) .s-nav a{padding:0 10px;min-width:44px;justify-content:center}
}
.faq details[open] summary::after{content:""}
.walink{white-space:nowrap}
.card{grid-template-columns:88px 1fr}
@media (min-width: 1024px){
:root:not(.d) .card{grid-template-columns:1fr}
}
.walink:has(svg)::after{display:none}
@container (max-width:350px){
.card{grid-template-columns:64px 1fr}
.card .ph{padding:3px;overflow-wrap:anywhere}
}
.faq summary{text-wrap:balance}
.facts li{gap:5px}
@media (min-width: 1024px){
:root:not(.d) .s-hero{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
:root:not(.d) .s-hero .ctas{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
:root:not(.d) .s-hero .ctas .micro{flex-basis:100%}
}
.tcard{display:flex;flex-direction:column;gap:10px}
.tcard .walink{margin-top:auto}
.steps li::before{margin-top:-4px}
.site .nw{white-space:nowrap}
.ticks li{gap:12px}
.ticks li::before{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='3.125 5.125 17.75 12.75' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");width:13.31px;height:9.56px;margin:7.72px 0 0}
.steps{gap:12px}
.steps li{grid-template-columns:32px 1fr}
.steps li::before{width:32px;height:32px;margin-top:-3.5px;font:600 var(--numsize,20px)/1 var(--display);font-variant-numeric:lining-nums tabular-nums;padding:var(--numpad,0 0 0 0);box-sizing:border-box}
.safe li::before{margin-top:-.5px}
.faq summary{align-items:flex-start}
.faq summary::after{margin-top:2.5px}
.bridal-row{display:grid;gap:32px}
.safe-row{display:grid;gap:24px}
.swipe{scroll-padding-inline:var(--g)}
.visit-row{display:grid;gap:24px}
.card .list{margin:4px 0}
.s-foot > div:last-child{margin-inline:-4px}
.s-final .micro a{display:inline-flex;align-items:center;min-height:44px;color:inherit}
.ticks{flex-direction:column;flex-wrap:nowrap}
@media (min-width: 1024px){
:root:not(.d) .s-foot{align-items:first baseline}
:root:not(.d) .cards{grid-template-columns:repeat(6,minmax(0,1fr))}
:root:not(.d) .cards > .card{grid-column:span 2}
:root:not(.d) .cards > .card:nth-of-type(-n/**/+2){grid-column:span 3}
}
.site li.card, .site .expect{max-width:none}
.k-bcta, .k-final-cta{margin-top:8px}
.ticks li::before{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");width:18px;height:18px;margin:4px 0 0 -2px}
.ticks li{gap:16px}
.steps li{gap:16px}
.safe li{gap:16px}
.steps li::before{--numsize:16px;border-width:1px;margin-top:-4px}
.safe li::before{margin-top:-1px}
.faq summary::after{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");margin-top:3px}
.faq details[open] summary::after{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");transform:rotate(180deg)}
.s-final{text-align:left;justify-items:start}
.s-final .k-final-cta{justify-items:start}
.ctas .btn.ghost{min-height:52px}
@media (min-width: 1024px){
:root:not(.d) .s-hero .ctas{display:grid;grid-template-columns:max-content;justify-content:start}
:root:not(.d) .s-hero .ctas .btn{width:100%}
}
.s-sec > h2{margin-bottom:8px}
@media (max-width: 1023.98px){
:root:not(.d) .s-sec{padding-top:48px;padding-bottom:48px}
:root:not(.d) .s-final .btn{width:100%}
:root:not(.d) .s-final > .k-final-cta{justify-self:stretch}
}
.site{--display:"Bodoni Moda","JostR",Georgia,"Times New Roman",serif}
.site h1, .site h2{font-weight:400;font-variation-settings:"opsz" 11}
.site h3{font-weight:500;font-variation-settings:"opsz" 6}
.site .byline, .rcard q, .look figcaption, .note-hema footer{font-weight:400;font-variation-settings:"opsz" 6}
.s-foot b, .logo{font-weight:500;font-variation-settings:"opsz" 6}
.site h1{margin-left:var(--h1nudge,0)}
.rcard q{text-indent:-.41em}
.steps li::before{font:500 16px/1 var(--text);font-variant-numeric:lining-nums proportional-nums;padding-top:1.5px}
@media (max-width: 1023.98px){
:root:not(.d) .site h1{font-size:min(42px,12cqi)}
}
@media (min-width: 1024px){
:root:not(.d) .rcard q, :root:not(.d) .look figcaption, :root:not(.d) .note-hema footer, :root:not(.d) .s-foot b{font-size:26px}
}
.card{column-gap:16px;row-gap:8px;padding-bottom:7px}
.card > .walink{grid-column:2}
@media (min-width: 1024px){
:root:not(.d) .card > .walink{grid-column:1}
:root:not(.d) .card{padding-bottom:7px;row-gap:16px;grid-template-rows:auto 1fr auto}
:root:not(.d) .card > .walink{margin-top:-8px;align-self:end}
}
.tcard{gap:8px;padding-bottom:7px}
.card .list{text-wrap:balance}
@media (max-width: 1023.98px){
:root:not(.d) .card > .ph{align-self:stretch;aspect-ratio:auto;min-height:110px}
}
@container (max-width:350px){
@media (max-width: 1023.98px){
:root:not(.d) .card > .ph{min-height:80px}
}
}
.logo .mark{width:48px;height:48px;flex:none;color:var(--s-mag)}
.logo > span{line-height:1.1}
.skip{position:absolute;left:8px;top:8px;z-index:20;display:inline-flex;align-items:center;min-height:44px;padding:0 16px;background:var(--s-ink);color:#fff;font:500 15px/1.2 var(--text);border-radius:6px;text-decoration:none;transform:translateY(-200%)}
.skip:focus{transform:none}
.logo{cursor:default}
.menu-wrap{margin-left:auto}
.menu{margin-left:0;display:inline-flex;align-items:center;gap:6px;padding:1px 13.5px 0 16px;border:0;box-shadow:inset 0 0 0 1.5px var(--s-ink);cursor:pointer}
.menu::after{content:"";width:16px;height:16px;flex:none;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .2s ease-out}
.menu[aria-expanded="true"]::after{transform:rotate(180deg)}
.menu-panel{border-bottom:1px solid var(--s-line);padding:8px 0 24px}
.menu-panel[hidden]{display:none}
.menu-panel ul{list-style:none;margin:0;padding:0}
.menu-panel li + li{border-top:1px solid var(--s-line)}
.menu-panel li a{display:flex;align-items:center;min-height:48px;padding:0 var(--g);font:400 18px/1.2 var(--text);color:var(--s-ink);text-decoration:none}
.menu-actions{display:grid;grid-template-columns:2fr 1fr;gap:12px;padding:16px var(--g) 0;border-top:1px solid var(--s-line)}
.menu-actions .btn, .bar .btn{min-height:48px;font-size:15px;padding:0 12px}
.bar{gap:12px}
.s-nav a, .foot-nav a{text-decoration:none}
:root .s-nav a[aria-current], .menu-panel a[aria-current]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}
@media (min-width: 1024px){
:root:not(.d) .s-nav a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
:root:not(.d) .s-head{height:64px;position:sticky;top:0;z-index:5;background:var(--s-bg)}
:root:not(.d) .menu-wrap, :root:not(.d) .menu-panel{display:none}
:root:not(.d) .s-nav{margin-left:42px}
}
.foot-nav{display:flex;flex-wrap:wrap;column-gap:12px;margin:0 -4px 8px;padding-bottom:8px;position:relative}
.foot-nav::after{content:"";position:absolute;left:4px;right:4px;bottom:0;border-bottom:1px solid rgba(243,233,238,.2)}
@media (min-width: 1024px){
:root:not(.d) .foot-nav{display:none}
}
@media (max-height:480px){
.bar{display:none}
}
.ph.photo{background:#E9E1E5;padding:0}
.ph.photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.walink.wa-l::after{content:none}
.walink{justify-self:start;width:max-content;max-width:100%}
@container (max-width:350px){
.card > .walink{font-size:15px}
}
@media (min-width: 1024px){
:root:not(.d) .s-final{text-align:left;justify-items:start}
:root:not(.d) .s-final .k-final-cta{justify-items:start}
}
/* ---------- production v1 ---------- */
/* the wireframe's phone and desktop frames are gone: the page is the frame */
:root:not(.d) .site{border-radius:0;outline:0;box-shadow:none;margin:0;width:auto;min-height:100vh}
/* desktop: the 1,120px content column of the 1,280px design, centred on any wider screen */
@media (min-width: 1024px){:root:not(.d) .site{--g:max(32px,calc((100cqi - 1120px) / 2))}}
/* photos sit in <picture>; the img fills its slot as before */
.ph.photo picture{display:contents}
/* a service or result with no photo yet shows Hema's mark on blush, never a grey box */
.ph.brand{background:var(--s-blush);display:grid;place-items:center;padding:0}
.ph.brand .tile-mark{width:44%;height:auto;color:var(--s-mag)}
/* a before/after card with one photo, or none, spans the pair's full width at the pair's height */
:root .ba > .ph:only-child{grid-column:1 / -1;aspect-ratio:8 / 5;border-radius:6px}
/* static map links to Google Maps directions; OpenStreetMap credit under it */
.map-link{display:block;text-decoration:none}
.map-credit{margin:6px 0 0}
/* safety: six promises without the photo column: three across on desktop */
@media (min-width: 1024px){:root:not(.d) .safe-row{grid-template-columns:1fr}:root:not(.d) .safe{grid-template-columns:repeat(3,1fr)}}
/* the design was drawn for phones (320–390) and a 1,280 desktop; between them: */
/* 1024–1279 (small laptops, tablets in landscape): nav labels never wrap, and the header drops the phone number, which is still
   in the hero, the footer and every Call button */
.s-nav a{white-space:nowrap}
@media (min-width: 1024px) and (max-width: 1279.98px){:root:not(.d) .s-headcta > span{display:none}}
/* 640–1023 (tablets): the phone layout, with the hero photo capped and the treatment cards two across as on desktop */
@media (min-width: 640px) and (max-width: 1023.98px){:root:not(.d) .s-hero-img{max-width:480px}:root:not(.d) .tcards{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}}
/* four bridal looks */
@media (min-width: 1024px){:root:not(.d) .swipe{grid-template-columns:repeat(4,1fr)}}