/* Dishaa Platinum — site styles (brand v2: royal blue · lavender mist · rose platinum) */
:root{
  --royal:#2e3490; --royal-2:#3b41a0; --royal-d:#22286e; --navy:#27326d; --deep:#181c48;
  --violet:#67387f; --lav:#ecebf8; --lav-2:#e1e0f3; --mist:#f6f4fb; --paper:#fcfbff; --white:#fff;
  --peri:#c3c6e3; --sky:#86c6ea; --rose:#c4866b; --rose-2:#e3ae95; --pink:#d9468f;
  --text:#1f2354; --muted:#6c6f8c; --line:#dcdcee; --line-dk:rgba(255,255,255,.2);
  --grad-royal:linear-gradient(135deg,#3d43a3 0%,#2e3490 42%,#20266a 100%);
  --grad-mist:radial-gradient(120% 90% at 15% 0%,#ffffff 0%,#f3f0fb 45%,#e3e2f5 100%);
  --grad-rose:linear-gradient(100deg,#b9795f,#e7b9a2 45%,#c4866b 60%,#f1d3c3);
  --serif:"Cormorant Garamond","Garamond","Times New Roman",serif;
  --sans:"Jost","Helvetica Neue",Arial,sans-serif;
  --gut:clamp(16px,4vw,56px); --max:1320px;
  --d-rad:clamp(90px,14vw,220px);
  --ease:cubic-bezier(.2,.7,.1,1);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--text);font-family:var(--sans);font-size:17px;line-height:1.6;overflow-x:hidden}
img,video{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
::selection{background:var(--royal);color:#fff}
.wrap{width:100%;max-width:var(--max);margin:0 auto;padding:0 var(--gut)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* ---------- type ---------- */
h1,h2,h3,h4{font-family:var(--serif);font-weight:500;line-height:1.05;margin:0;letter-spacing:-.005em;color:inherit}
.display{font-size:clamp(44px,7vw,100px)}
.h1{font-size:clamp(38px,5.2vw,76px)}
.h2{font-size:clamp(34px,4.2vw,62px)}
.h3{font-size:clamp(26px,2.6vw,36px)}
em{font-style:italic;color:var(--royal-2)}
.royal em{color:#c9c8f3}
.kick{font-family:var(--sans);font-size:12px;letter-spacing:.3em;text-transform:uppercase;font-weight:500;color:var(--royal-2);display:inline-flex;align-items:center;gap:12px}
.kick::before{content:"";width:8px;height:8px;background:var(--violet);clip-path:polygon(0 0,100% 50%,0 100%)}
.royal .kick{color:#c9c8f3}.royal .kick::before{background:var(--rose-2)}
.center .kick{justify-content:center}
.sub{font-size:clamp(17px,1.4vw,20px);color:var(--muted);max-width:52ch;line-height:1.55}
.royal .sub{color:#cfd0f0}
p{margin:0 0 1em}
.rosegold{background:var(--grad-rose);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sheen 6s linear infinite}
.silver{background:linear-gradient(100deg,#ffffff 0%,#c9cbe8 30%,#ffffff 50%,#aeb2dc 70%,#ffffff 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sheen 7s linear infinite}
@keyframes sheen{from{background-position:120% 0}to{background-position:-130% 0}}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;gap:12px;padding:15px 28px;border-radius:999px;font-size:12.5px;letter-spacing:.18em;text-transform:uppercase;font-weight:500;position:relative;overflow:hidden;isolation:isolate;white-space:nowrap;transition:color .45s var(--ease),box-shadow .45s,transform .45s var(--ease)}
.btn::before{content:"";position:absolute;inset:0;border-radius:inherit;transform:translateY(101%);transition:transform .5s var(--ease);z-index:-1}
.btn:hover::before{transform:none}
.btn:hover{transform:translateY(-2px)}
.btn .ar{transition:transform .4s var(--ease)} .btn:hover .ar{transform:translateX(4px)}
.btn-royal{background:var(--royal);color:#fff;box-shadow:0 14px 30px -12px rgba(46,52,144,.6)} .btn-royal::before{background:var(--violet)}
.btn-line{border:1px solid var(--royal);color:var(--royal)} .btn-line::before{background:var(--royal)} .btn-line:hover{color:#fff}
.btn-white{background:#fff;color:var(--royal)} .btn-white::before{background:var(--lav)}
.btn-ghost{border:1px solid rgba(255,255,255,.55);color:#fff} .btn-ghost::before{background:#fff} .btn-ghost:hover{color:var(--royal)}
.btn-rose{background:var(--grad-rose);background-size:180% 100%;color:#fff;box-shadow:0 14px 30px -12px rgba(196,134,107,.7)} .btn-rose::before{background:var(--royal)}
.link{display:inline-flex;gap:10px;align-items:center;font-size:12.5px;letter-spacing:.18em;text-transform:uppercase;font-weight:500;color:var(--royal);padding-bottom:5px;background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat;transition:background-size .5s var(--ease)}
.link:hover{background-size:35% 1px}
.royal .link{color:#fff}

/* ---------- header ---------- */
.hdr{position:fixed;inset:0 0 auto;z-index:50;color:var(--navy);transition:background .5s,box-shadow .5s,transform .5s var(--ease)}
.hdr .wrap{display:flex;align-items:center;justify-content:space-between;height:86px;gap:24px;max-width:1500px}
.hdr.solid{background:rgba(252,251,255,.9);backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);box-shadow:0 10px 30px -18px rgba(34,40,110,.35)}
.hdr.hide{transform:translateY(-100%)}
.brand img{height:46px;width:auto}
.nav{display:flex;align-items:center;gap:clamp(14px,2vw,32px)}
.nav>a,.nav .dd>a{font-size:12.5px;letter-spacing:.18em;text-transform:uppercase;font-weight:500;position:relative;padding:8px 0}
.nav>a::after,.nav .dd>a::after{content:"";position:absolute;left:50%;bottom:0;width:6px;height:6px;border-radius:50%;background:var(--violet);transform:translateX(-50%) scale(0);transition:transform .35s var(--ease)}
.nav>a:hover::after,.nav>a.on::after,.nav .dd:hover>a::after,.nav .dd>a.on::after{transform:translateX(-50%) scale(1)}
.dd{position:relative}
.dd-menu{position:absolute;top:100%;left:50%;transform:translate(-50%,12px);width:640px;background:#fff;border-radius:22px;box-shadow:0 40px 80px -30px rgba(34,40,110,.4);padding:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;opacity:0;visibility:hidden;transition:.35s var(--ease)}
.dd:hover .dd-menu,.dd:focus-within .dd-menu{opacity:1;visibility:visible;transform:translate(-50%,0)}
.dd-menu a{display:grid;place-items:center;gap:8px;padding:16px 10px;border-radius:14px;background:var(--mist);text-align:center;transition:.3s}
.dd-menu a:hover{background:var(--lav);transform:translateY(-2px)}
.dd-menu a img{height:48px;width:100%;object-fit:contain}
.dd-menu a span{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.dd-menu a.txt b{font-family:var(--serif);font-weight:400;font-size:19px;color:var(--navy)}
.hdr-cta{display:flex;align-items:center;gap:14px}
.tray-btn{position:relative;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:rgba(46,52,144,.08);transition:background .3s}
.tray-btn:hover{background:rgba(46,52,144,.16)}
.tray-btn svg{width:21px;height:21px}
.tray-btn i{font-style:normal;position:absolute;top:-3px;right:-3px;min-width:19px;height:19px;border-radius:10px;background:var(--violet);color:#fff;font-size:10.5px;display:grid;place-items:center;padding:0 5px;transform:scale(0);transition:transform .35s var(--ease)}
.tray-btn i.has{transform:scale(1)}
.hdr .btn{padding:12px 20px;font-size:11.5px}
.burger{display:none;width:44px;height:44px;position:relative;border-radius:50%;background:rgba(46,52,144,.08)}
.burger span{position:absolute;left:12px;right:12px;height:1.5px;background:currentColor;transition:.4s var(--ease)}
.burger span:nth-child(1){top:17px}.burger span:nth-child(2){top:26px;left:18px}
body.menu-open .burger span:nth-child(1){top:22px;transform:rotate(45deg)}
body.menu-open .burger span:nth-child(2){top:22px;left:12px;transform:rotate(-45deg)}
.mnav{position:fixed;inset:0;z-index:45;background:var(--grad-royal);color:#fff;padding:110px var(--gut) 40px;display:flex;flex-direction:column;gap:4px;overflow-y:auto;clip-path:circle(0 at calc(100% - 40px) 42px);transition:clip-path .7s var(--ease);visibility:hidden}
body.menu-open .mnav{clip-path:circle(150% at calc(100% - 40px) 42px);visibility:visible}
body.menu-open{overflow:hidden}
body.menu-open .hdr{color:#fff;background:transparent;box-shadow:none;transform:none}
body.menu-open .hdr .brand img{filter:brightness(0) invert(1)}
body.menu-open .burger,body.menu-open .tray-btn{background:rgba(255,255,255,.14)}
.mnav>a{font-family:var(--serif);font-size:clamp(28px,7vw,40px);padding:6px 0;border-bottom:1px solid var(--line-dk)}
.mnav .sub-m{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 0 16px}
.mnav .sub-m a{background:rgba(255,255,255,.95);border-radius:12px;display:grid;place-items:center;height:64px;padding:8px}
.mnav .sub-m a img{height:44px;width:100%;object-fit:contain}
.mnav .sub-m a.txt{background:rgba(255,255,255,.1);color:#fff;font-size:14px}
.mnav .mfoot{margin-top:auto;padding-top:24px;font-size:15px;opacity:.85}

/* ---------- sections & surfaces ---------- */
section{position:relative}
.sec{padding:clamp(48px,6vw,88px) 0}
.sec-sm{padding:clamp(34px,4.5vw,60px) 0}
.mistbg{background:var(--grad-mist);overflow:hidden}
.mistbg>*{position:relative;z-index:1}
.mistbg::before{content:"";position:absolute;inset:0;background:url(../banner/bg-bokeh.webp) center/cover;opacity:.55;mix-blend-mode:multiply;pointer-events:none}
.lavbg{background:var(--lav)}
.royal{background:var(--grad-royal);color:#fff;overflow:hidden}
.royal>*{position:relative;z-index:1}
.royal::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;background:
  radial-gradient(60% 50% at 85% 10%,rgba(134,198,234,.28),transparent 70%),
  radial-gradient(50% 60% at 0% 100%,rgba(103,56,127,.45),transparent 70%)}
.royal::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.35;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='400' viewBox='0 0 600 400'%3E%3Cg fill='none' stroke='%23fff' stroke-opacity='.35' stroke-dasharray='2 6'%3E%3Cpath d='M-20 300 Q 200 80 420 220 T 640 120'/%3E%3Cpath d='M-20 360 Q 260 200 460 330 T 640 260'/%3E%3Cpath d='M60 -20 Q 180 200 520 60'/%3E%3C/g%3E%3Cg fill='%23fff'%3E%3Ccircle cx='200' cy='162' r='2.2'/%3E%3Ccircle cx='420' cy='220' r='2.6'/%3E%3Ccircle cx='330' cy='268' r='1.8'/%3E%3Ccircle cx='520' cy='60' r='2.2'/%3E%3Ccircle cx='110' cy='96' r='1.6'/%3E%3C/g%3E%3C/svg%3E") center/600px 400px repeat}
.head{display:flex;justify-content:space-between;align-items:end;gap:28px;flex-wrap:wrap;margin-bottom:clamp(24px,3vw,40px)}
.head h2{max-width:17ch;margin-top:16px}
.center{text-align:center}
.center .sub{margin-left:auto;margin-right:auto}
.center h2{margin-left:auto;margin-right:auto}
.sparkle{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}
.sparkle i{position:absolute;width:4px;height:4px;border-radius:50%;background:#fff;box-shadow:0 0 12px 3px rgba(255,255,255,.9);opacity:0;animation:twinkle 4s ease-in-out infinite}
@keyframes twinkle{0%,100%{opacity:0;transform:scale(.4)}50%{opacity:.95;transform:scale(1)}}

/* reveal */
.rv{opacity:0;transform:translateY(30px);transition:opacity 1s var(--ease),transform 1s var(--ease)}
.rv.in{opacity:1;transform:none}
.rv.d1{transition-delay:.1s}.rv.d2{transition-delay:.2s}.rv.d3{transition-delay:.3s}.rv.d4{transition-delay:.4s}
.split-line{display:block;overflow:hidden;padding-bottom:.06em}
.split-line>span{display:block;transform:translateY(108%);transition:transform 1.1s var(--ease)}
.in .split-line>span,.split-line.in>span{transform:none}

/* ---------- HERO banner slider (rebuilt from the PSD banners) ---------- */
.hero{height:clamp(640px,94svh,920px);position:relative;overflow:hidden;background:var(--mist);container-type:size}
.slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 1.1s var(--ease),visibility 1.1s}
.slide.on{opacity:1;visibility:visible;z-index:2}
.stage{position:absolute;bottom:0;left:50%;height:max(100cqh,56.25cqw);aspect-ratio:16/9;transform:translateX(calc(var(--cx,50%) * -1))}
.stage>img.bgi{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;scale:1.06;transition:scale 7s linear}
.slide.on .stage>img.bgi{scale:1}
.stage .pr{position:absolute;translate:0 40px;opacity:0;transition:translate 1.4s var(--ease),opacity 1.2s var(--ease);filter:drop-shadow(0 26px 24px rgba(34,40,110,.22))}
.slide.on .stage .pr{translate:0 0;opacity:1}
.slide.on .stage .pr.p2{transition-delay:.25s}.slide.on .stage .pr.p3{transition-delay:.45s}
.pr.swing{transform-origin:50% 0}
.slide.on .pr.swing{animation:swing 6s ease-in-out 1.4s infinite}
@keyframes swing{0%,100%{rotate:0deg}50%{rotate:2.2deg}}
.hero .copy{position:absolute;z-index:3;inset:0;pointer-events:none}
.hero .copy .wrap{height:100%;display:flex;flex-direction:column;justify-content:center;max-width:1500px}
.hero .copy a,.hero .copy button{pointer-events:auto}
.hero h1{color:var(--navy);font-size:clamp(38px,5.2vw,80px);line-height:1.02}
.hero h1 small{display:block;font-family:var(--sans);font-size:.36em;letter-spacing:.01em;font-weight:400;margin-bottom:.3em;color:var(--royal)}
.slide .split-line>span{transform:translateY(108%)}
.slide.on .split-line>span{transform:none;transition-delay:.3s}
.slide.on .split-line:nth-child(3)>span{transition-delay:.42s}.slide.on .split-line:nth-child(4)>span{transition-delay:.54s}
.hero .ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px;opacity:0;transform:translateY(16px);transition:1s var(--ease) .7s}
.slide.on .ctas{opacity:1;transform:none}
.divbar{display:flex;gap:28px;align-items:center}
.divbar .v{width:1px;align-self:stretch;background:var(--navy);opacity:.55}
.divbar>img{height:clamp(100px,10vw,150px);width:auto}
/* slide 1 — podium */
.s1 .stage{--cx:50%}
.s1 .p1{width:22%;left:43%;bottom:17%}
.s1 .p2{width:20%;left:60%;bottom:17%}
.s1 .p3{width:10%;left:79%;top:-3%}
.s1 .copy .wrap{justify-content:flex-start;padding-top:clamp(118px,16cqh,170px)}
/* slide 2 — sky room */
.s2 .stage{--cx:50%}
.s2 .bgi{object-position:30% 60%}
.s2 .p1{width:15%;left:24%;bottom:9%;rotate:-14deg}
.s2 .p2{width:14%;left:39%;bottom:8%}
.s2 .copy .wrap{align-items:flex-end;text-align:right}
.s2 .copy .ctas{justify-content:flex-end}
.s2 .net{position:absolute;left:0;top:0;width:52%;height:100%;opacity:.8}
/* slide 3 — logos + sky pill */
.s3 .stage{--cx:50%}
.s3 .stage>img.bgi{transform:scaleX(-1)}
.s3 .pill{position:absolute;z-index:3;right:0;top:50%;translate:60px -50%;opacity:0;width:min(50cqw,760px);padding:clamp(28px,4cqh,50px) clamp(24px,4cqw,70px) clamp(28px,4cqh,50px) clamp(60px,7cqw,120px);background:linear-gradient(110deg,#6db5e2,#9dd0f0 60%,#c6e3f7);border-radius:999px 0 0 999px;transition:1.2s var(--ease) .2s}
.s3.on .pill{translate:0 -50%;opacity:1}
.s3 .pill h1{color:#fff}
.s3 .pill h1 small{color:#0f2c5e}
.s3 .pill .ctas{margin-top:22px}
.s3 .p1{width:15%;left:44%;bottom:9%;z-index:4}
.s3 .logos6{position:absolute;z-index:3;left:max(var(--gut),calc((100cqw - 1500px)/2 + var(--gut)));top:50%;translate:0 -50%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(10px,1.4cqw,20px) clamp(18px,2.4cqw,36px);width:min(38cqw,540px)}
.s3 .logos6 a{display:flex;align-items:center;justify-content:center;height:clamp(70px,11cqh,108px);border-radius:16px;padding:10px 14px;transition:.45s var(--ease);opacity:0;translate:0 18px}
.s3.on .logos6 a{opacity:1;translate:0 0;transition-delay:calc(var(--i)*90ms + .3s)}
.s3 .logos6 a:hover{background:rgba(255,255,255,.8);box-shadow:0 18px 30px -20px rgba(34,40,110,.5)}
.s3 .logos6 img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.hero-ui{position:absolute;z-index:5;left:0;right:0;bottom:24px}
.hero-ui .wrap{display:flex;justify-content:space-between;align-items:center;max-width:1500px}
.hero-dots{display:flex;gap:10px}
.hero-dots button{width:54px;height:24px;position:relative}
.hero-dots button::before,.hero-dots button::after{content:"";position:absolute;left:0;right:0;top:11px;height:2px;border-radius:2px;background:rgba(39,50,109,.2)}
.hero-dots button::after{background:var(--royal);transform:scaleX(0);transform-origin:left}
.hero-dots button.on::after{animation:bar 7s linear forwards}
@keyframes bar{to{transform:scaleX(1)}}
.hero-arrows{display:flex;gap:10px}
.hero-arrows button{width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.85);color:var(--royal);display:grid;place-items:center;box-shadow:0 10px 24px -12px rgba(34,40,110,.4);transition:.3s}
.hero-arrows button:hover{background:var(--royal);color:#fff}
.pt-badge{position:absolute;z-index:4;top:108px;right:var(--gut);width:42px;opacity:.85}

/* ---------- page hero (light, D-panel art) ---------- */
.phero{padding:clamp(124px,16vh,168px) 0 clamp(50px,6vw,90px);overflow:hidden}
.phero .grid{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(30px,5vw,80px);align-items:center}
.phero h1{margin:18px 0;color:var(--navy)}
.phero .sub{margin-bottom:0}
.phero .art{position:relative;aspect-ratio:4/5;max-height:560px;justify-self:end;width:100%;max-width:450px;background:var(--grad-royal);border-radius:30px 30px var(--d-rad) 30px;overflow:hidden;box-shadow:0 40px 80px -40px rgba(34,40,110,.55)}
.phero .art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

.phero .art .tagline{position:absolute;left:28px;bottom:26px;right:28px;color:#fff;font-family:var(--serif);font-size:clamp(20px,2vw,28px);line-height:1.15;z-index:2}
.crumbs{font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);display:flex;gap:10px;flex-wrap:wrap}
.crumbs a:hover{color:var(--royal)}
@keyframes float{50%{transform:translateY(-14px) rotate(-2deg)}}

/* ---------- collection logo ribbon ---------- */
.ribbon{display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(10px,1.4vw,18px)}
.ribbon a{background:#fff;border-radius:20px;height:clamp(96px,9vw,124px);display:flex;align-items:center;justify-content:center;padding:16px 18px;box-shadow:0 18px 40px -28px rgba(34,40,110,.45);transition:transform .45s var(--ease),box-shadow .45s}
.ribbon a:hover{transform:translateY(-6px);box-shadow:0 28px 50px -26px rgba(34,40,110,.55)}
.ribbon img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}

/* ---------- stats band ---------- */
.statband{display:grid;grid-template-columns:1fr 1.6fr;gap:clamp(30px,5vw,80px);align-items:center}
.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.stat{background:rgba(255,255,255,.08);border:1px solid var(--line-dk);border-radius:24px 24px 60px 24px;padding:26px 24px}
.stat b{display:block;font-family:var(--serif);font-weight:500;font-size:clamp(44px,4.8vw,70px);line-height:1}
.stat span{display:block;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#cfd0f0;margin-top:12px;line-height:1.4}

/* ---------- collection cards ---------- */
.cgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.6vw,24px)}
.ccard{position:relative;display:flex;flex-direction:column;background:linear-gradient(180deg,#ffffff,#eeedf9);border-radius:28px 28px var(--d-rad) 28px;overflow:hidden;isolation:isolate;min-height:520px;box-shadow:0 30px 60px -44px rgba(34,40,110,.55);transition:transform .6s var(--ease),box-shadow .6s}
.ccard:hover{transform:translateY(-8px);box-shadow:0 44px 70px -40px rgba(34,40,110,.6)}
.ccard .lg{height:78px;display:flex;align-items:center;justify-content:center;padding:28px 26px 0;box-sizing:content-box}
.ccard .lg img{max-height:78px;max-width:74%;width:auto;height:auto;object-fit:contain}
.ccard .plinth{flex:1;display:grid;place-items:center;position:relative;padding:14px 26px}
.ccard .plinth::before{content:"";position:absolute;width:62%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#ffffff,rgba(255,255,255,0) 70%);z-index:-1}
.ccard .plinth img{width:min(290px,68%);transition:transform 1s var(--ease);filter:drop-shadow(0 26px 24px rgba(34,40,110,.22))}
.ccard:hover .plinth img{transform:scale(1.08) rotate(-3deg)}
.ccard .meta{padding:0 30px 40px}
.ccard p{margin:0;font-family:var(--serif);font-weight:500;font-size:clamp(22px,1.9vw,27px);line-height:1.22;color:var(--navy);max-width:18ch}
.ccard .go{position:absolute;top:16px;left:18px;width:46px;height:46px;border-radius:50%;background:var(--royal);color:#fff;display:grid;place-items:center;transition:.5s var(--ease);z-index:2}
.ccard:hover .go{background:var(--violet);transform:rotate(-45deg)}
.ccard .cnt{position:absolute;top:20px;right:24px;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.ccard.blue{background:var(--grad-royal)} .ccard.blue p{color:#fff} .ccard.blue .cnt{color:#cfd0f0} .ccard.blue .go{background:#fff;color:var(--royal)}
.ccard.blue .lg img{filter:brightness(0) invert(1)}
.ccard.blue .plinth::before{background:radial-gradient(circle,rgba(160,170,255,.45),transparent 70%)}
.ccard.photo .bgp{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.4s var(--ease)}
.ccard.photo:hover .bgp{transform:scale(1.05)}
.ccard.photo::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(255,255,255,.95) 0%,rgba(255,255,255,.55) 24%,transparent 45%,rgba(24,28,72,.8) 100%)}
.ccard.photo p{color:#fff}
.ccard.photo .cnt{color:var(--navy)}

/* ---------- creative tiles ---------- */
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.6vw,24px)}
.tile{position:relative;aspect-ratio:4/5;border-radius:26px 26px var(--d-rad) 26px;overflow:hidden;padding:clamp(24px,2.6vw,38px);display:flex;flex-direction:column;isolation:isolate;transition:transform .6s var(--ease)}
.tile:hover{transform:translateY(-8px)}
.tile h3{font-size:clamp(30px,3vw,44px);line-height:1.08;max-width:12ch}
.tile small{display:block;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;margin-top:12px;opacity:.85}
.tile img{position:absolute;z-index:-1;right:-4%;bottom:-2%;width:70%;filter:drop-shadow(0 30px 30px rgba(0,0,0,.28));transition:transform 1.1s var(--ease)}
.tile:hover img{transform:scale(1.07) rotate(-4deg)}
.tile.b{background:var(--grad-royal);color:#fff}
.tile.b::before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(60% 50% at 80% 80%,rgba(160,170,255,.35),transparent 70%)}
.tile.l{background:var(--grad-mist);color:var(--navy)}
.tile.l::before{content:"";position:absolute;inset:0;z-index:-2;background:url(../banner/bg-bokeh.webp) center/cover;opacity:.6;mix-blend-mode:multiply}
.tile.l small{color:var(--royal)}

/* ---------- hexagon badge ---------- */
.hexwrap{display:grid;grid-template-columns:auto 1fr;gap:clamp(30px,6vw,90px);align-items:center}
.hex{width:clamp(230px,24vw,320px);aspect-ratio:1/1.12;position:relative;display:grid;place-items:center;text-align:center;color:var(--navy);animation:float 8s ease-in-out infinite}
.hex svg{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 30px 40px rgba(0,0,0,.3))}
.hex div{position:relative;font-family:var(--serif);line-height:1.02}
.hex i{display:block;font-size:clamp(15px,1.4vw,19px)}
.hex b{display:block;font-weight:600;font-size:clamp(28px,2.8vw,40px);font-style:italic}
.hex .amp{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--royal);color:#fff;font-size:15px;margin:6px 0;font-style:italic}

/* ---------- reach: India map ---------- */
.reach-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(30px,5vw,80px);align-items:center}
.dirs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:34px}
.dirs .dir{text-align:left;display:grid;grid-template-columns:40px 1fr;grid-template-rows:auto auto;column-gap:14px;align-items:center;padding:18px 20px;border-radius:20px 20px 40px 20px;background:rgba(255,255,255,.07);border:1px solid var(--line-dk);cursor:default;transition:.4s var(--ease)}
.dirs .dir:hover{background:#fff;color:var(--royal)}
.dirs .dir:hover small{color:var(--muted)}
.dirs .arr{grid-row:1/3;width:40px;height:40px;border-radius:50%;border:1px solid currentColor;position:relative;opacity:.85}
.dirs .arr::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:14px;background:var(--rose-2);clip-path:polygon(50% 0,100% 100%,50% 75%,0 100%);transform:translate(-50%,-50%) rotate(var(--r))}
.dirs small{font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:#cfd0f0}
.dirs b{font-family:var(--serif);font-weight:500;font-size:clamp(26px,2.4vw,34px);line-height:1}
.reach-map{position:relative}
.reach-map>img{width:100%;-webkit-mask-image:radial-gradient(ellipse 60% 58% at 50% 50%,#000 45%,transparent 98%);mask-image:radial-gradient(ellipse 60% 58% at 50% 50%,#000 45%,transparent 98%)}
.pin{position:absolute;translate:-6px -50%;display:flex;align-items:center;gap:8px;z-index:2}
.pin.w,.pin.s{translate:calc(-100% + 6px) -50%}
.pin i{width:12px;height:12px;flex-shrink:0;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.2),0 0 18px 4px rgba(134,198,234,.9);position:relative;transition:scale .4s}
.pin i::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1.5px solid #9fd8ff;animation:ping 2.4s ease-out infinite}
.pin em{font-style:normal;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:#fff;background:rgba(24,28,72,.6);backdrop-filter:blur(6px);padding:5px 10px;border-radius:20px;white-space:nowrap;transition:.4s}
.pin.w em,.pin.s em{order:-1}
.pin.hq i{background:var(--rose-2);box-shadow:0 0 0 4px rgba(227,174,149,.25),0 0 20px 6px rgba(227,174,149,.8)}
.pin.hq i::after{border-color:var(--rose-2)}
.pin.hq em{background:var(--grad-rose);color:#fff}
.pin.lit i{scale:1.6}.pin.lit em{background:#fff;color:var(--royal)}
@keyframes ping{0%{transform:scale(.6);opacity:1}100%{transform:scale(2.8);opacity:0}}
.reach .wrap{position:relative}
.hexmini{position:absolute;right:var(--gut);bottom:-40px;width:170px;z-index:3}
.hexmini .hex{width:100%}
.hexmini .hex i{font-size:13px}.hexmini .hex b{font-size:23px}.hexmini .hex .amp{width:22px;height:22px;font-size:11px;margin:3px 0}

/* ---------- compass (legacy) ---------- */
.compass-wrap{display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:auto auto auto;align-items:center;justify-items:center;gap:clamp(8px,1.6vw,22px)}
.compass{grid-column:2;grid-row:2;width:clamp(170px,19vw,250px);aspect-ratio:1}
.compass svg{width:100%;height:100%}
.compass .needle{transform-origin:50% 50%;transition:transform 1.2s var(--ease)}
.dir{text-align:center}
.dir small{display:block;font-size:10.5px;letter-spacing:.28em;text-transform:uppercase;color:#cfd0f0}
.dir b{display:block;font-family:var(--serif);font-weight:400;font-size:clamp(24px,2.6vw,36px)}
.dir.n{grid-column:2;grid-row:1}.dir.s{grid-column:2;grid-row:3}.dir.w{grid-column:1;grid-row:2;justify-self:end}.dir.e{grid-column:3;grid-row:2;justify-self:start}
.dir:hover b{color:var(--rose-2)}

/* ---------- support chips & grams ---------- */
.chips{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.chipc{background:#fff;border-radius:20px;padding:22px 12px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;font-size:14px;font-weight:500;color:var(--navy);box-shadow:0 18px 40px -30px rgba(34,40,110,.5);transition:.45s var(--ease)}
.chipc:hover{transform:translateY(-5px);background:var(--royal);color:#fff}
.chipc svg{width:40px;height:40px;color:var(--royal);transition:color .45s}
.chipc:hover svg{color:#fff}
.royal .chipc{background:rgba(255,255,255,.08);color:#fff;box-shadow:none;border:1px solid var(--line-dk)}
.royal .chipc svg{color:var(--rose-2)}
.royal .chipc:hover{background:#fff;color:var(--royal)} .royal .chipc:hover svg{color:var(--royal)}
.grams{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.gram{border-radius:24px 24px 60px 24px;padding:26px 24px;background:rgba(255,255,255,.08);border:1px solid var(--line-dk);transition:.45s var(--ease)}
.gram:hover{background:rgba(255,255,255,.14);transform:translateY(-4px)}
.gram b{font-family:var(--serif);font-weight:400;font-size:clamp(46px,4.6vw,68px);line-height:1;display:block}
.gram b small{font-family:var(--sans);font-size:.24em;letter-spacing:.2em;margin-left:4px;color:#cfd0f0}
.gram ul{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:8px;font-size:14.5px;color:#dcdcf5}
.gram li{display:flex;gap:10px;align-items:baseline}
.gram li::before{content:"";width:7px;height:7px;flex-shrink:0;background:var(--rose-2);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.gram.feat{background:#fff;color:var(--royal)} .gram.feat ul{color:var(--muted)} .gram.feat b small{color:var(--muted)}
.gram .tag{float:right;font-size:10px;letter-spacing:.18em;text-transform:uppercase;background:var(--grad-rose);color:#fff;padding:5px 10px;border-radius:20px}
.fine{font-size:12px;letter-spacing:.04em;opacity:.7;margin-top:16px}

/* ---------- marquees / insta wall ---------- */
.marquee{overflow:hidden;display:flex;user-select:none}
.marquee .track{display:flex;flex-shrink:0;align-items:center;animation:mq 50s linear infinite}
.marquee.rev .track{animation-direction:reverse}
.marquee:hover .track{animation-play-state:paused}
@keyframes mq{to{transform:translateX(-100%)}}
.insta figure{margin:0 9px;width:clamp(200px,20vw,290px);aspect-ratio:4/5;border-radius:20px;overflow:hidden;cursor:zoom-in;flex-shrink:0;box-shadow:0 24px 40px -28px rgba(34,40,110,.6);transition:transform .5s var(--ease)}
.insta figure:hover{transform:translateY(-6px) rotate(-1deg)}
.insta figure img{width:100%;height:100%;object-fit:cover}
.insta.rev{margin-top:18px}
.insta .track{animation-duration:80s}
.words{padding:12px 0;background:linear-gradient(90deg,#d6ebf8 0%,#eef0fb 45%,#f9e1ee 100%);border-block:1px solid rgba(46,52,144,.08)}
.words .track{animation-duration:60s}
.words .item{font-family:var(--serif);font-weight:500;font-size:clamp(21px,2vw,28px);display:flex;align-items:center;gap:26px;padding-right:26px;white-space:nowrap;color:var(--navy);letter-spacing:.01em}
.words .item:nth-child(even){font-style:italic;color:#b0417a}
.words .dia{width:8px;height:8px;background:linear-gradient(135deg,#6fb8e4,#e889b8);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.logos .track{animation-duration:60s}
.logos .item{padding:0 clamp(24px,3.4vw,54px)}
.logos img{height:clamp(44px,4.6vw,64px);width:auto;max-width:170px;object-fit:contain;filter:grayscale(1);opacity:.7;transition:.4s}
.logos img:hover{filter:none;opacity:1}

/* ---------- films ---------- */
.films{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(8px,1vw,16px)}
.film{position:relative;aspect-ratio:9/16;overflow:hidden;background:#000;border-radius:18px}
.film video{width:100%;height:100%;object-fit:cover}
.film:nth-child(even){transform:translateY(36px)}

/* ---------- generic layout ---------- */
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,6vw,96px);align-items:center}
.frame{position:relative;overflow:hidden;border-radius:24px}
.frame img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.frame:hover img{transform:scale(1.04)}
.frame.d{border-radius:24px 24px var(--d-rad) 24px}
.ar45{aspect-ratio:4/5}.ar43{aspect-ratio:4/3}.ar169{aspect-ratio:16/10}
.bullets{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.bullets li{display:grid;grid-template-columns:18px 1fr;gap:10px;align-items:baseline}
.bullets li::before{content:"";width:9px;height:9px;background:var(--violet);clip-path:polygon(0 0,100% 50%,0 100%)}
.royal .bullets li::before{background:var(--rose-2)}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,1.4vw,20px)}
.cards.c3{grid-template-columns:repeat(3,1fr)}
.card{background:#fff;border-radius:24px 24px 60px 24px;padding:clamp(24px,2.4vw,34px);box-shadow:0 22px 50px -38px rgba(34,40,110,.55);display:flex;flex-direction:column;gap:12px;transition:.5s var(--ease)}
.card:hover{transform:translateY(-6px)}
.card svg{width:44px;height:44px;color:var(--royal)}
.card h3{font-size:clamp(21px,1.8vw,26px);color:var(--navy)}
.card p{margin:0;font-size:15px;color:var(--muted)}
.card .big{font-family:var(--serif);font-size:clamp(46px,4.6vw,66px);line-height:1;color:var(--royal)}
.royal .card{background:rgba(255,255,255,.08);border:1px solid var(--line-dk);box-shadow:none}
.royal .card h3,.royal .card .big{color:#fff}.royal .card p{color:#cfd0f0}.royal .card svg{color:var(--rose-2)}
.values{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}
.val{background:#fff;border-radius:999px 999px 22px 22px;padding:30px 10px 22px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;box-shadow:0 18px 40px -30px rgba(34,40,110,.5);transition:.5s var(--ease)}
.val svg{width:40px;height:40px;color:var(--royal);transition:.5s}
.val b{font-family:var(--serif);font-weight:400;font-size:clamp(17px,1.4vw,21px);color:var(--navy);transition:.5s}
.val:hover{background:var(--royal);transform:translateY(-8px)} .val:hover b,.val:hover svg{color:#fff}
.quote{font-family:var(--serif);font-weight:500;font-size:clamp(25px,2.7vw,38px);line-height:1.3;color:var(--navy)}
.royal .quote{color:#fff}
.hinglish{font-family:var(--serif);font-style:italic;font-size:clamp(26px,3vw,42px)}
.vm{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,1.6vw,24px)}
.vm>div{position:relative;min-height:440px;border-radius:28px 28px var(--d-rad) 28px;overflow:hidden;padding:clamp(28px,3.4vw,48px);display:flex;flex-direction:column;justify-content:flex-end;color:#fff;isolation:isolate}
.vm img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.vm>div::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(46,52,144,.15) 0%,rgba(34,40,110,.65) 50%,rgba(24,28,72,.95) 100%)}
.vm h3{font-size:clamp(26px,2.8vw,40px);max-width:18ch;margin-top:14px}
.vm .kick{color:#fff}
.zones{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.4vw,20px)}
.zone .frame{aspect-ratio:4/3;background:#ddd}
.zone .zi{padding:16px 6px 4px;display:flex;justify-content:space-between;align-items:baseline;gap:14px}
.zone h3{font-size:22px;color:var(--navy)}
.zone span{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--royal);white-space:nowrap;font-weight:500}
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;counter-reset:s}
.step{counter-increment:s;background:rgba(255,255,255,.08);border:1px solid var(--line-dk);border-radius:22px 22px 50px 22px;padding:24px 20px}
.step::before{content:counter(s,decimal-leading-zero);display:block;font-family:var(--serif);font-size:40px;line-height:1;color:var(--rose-2);margin-bottom:14px}
.step b{display:block;font-family:var(--serif);font-weight:400;font-size:22px}
.step span{display:block;font-size:14px;color:#cfd0f0;margin-top:6px}
.cities{display:flex;flex-wrap:wrap;gap:10px}
.cities span{padding:9px 18px;border-radius:40px;font-size:14px;background:rgba(255,255,255,.1);border:1px solid var(--line-dk)}
.tagrow{display:flex;flex-wrap:wrap;gap:8px}
.tagrow span{font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;padding:7px 13px;border-radius:30px;background:#fff;color:var(--royal);box-shadow:0 8px 20px -14px rgba(34,40,110,.5)}
.acc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.4vw,20px)}
.acc{position:relative;overflow:hidden;aspect-ratio:4/5;color:#fff;display:flex;align-items:flex-end;padding:28px;isolation:isolate;border-radius:26px 26px var(--d-rad) 26px}
.acc img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.4s var(--ease)}
.acc::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 40%,rgba(24,28,72,.88))}
.acc:hover img{transform:scale(1.06)}
.acc h3{font-size:28px}
.acc p{margin:6px 0 0;font-size:14px;color:#dcdcf5}
.mason{columns:3;column-gap:clamp(10px,1.2vw,18px)}
.mason figure{margin:0 0 clamp(10px,1.2vw,18px);break-inside:avoid;position:relative;overflow:hidden;cursor:zoom-in;border-radius:18px}
.mason img{width:100%;height:auto;transition:transform 1.3s var(--ease)}
.mason figure:hover img{transform:scale(1.04)}
.ctabox{border-radius:36px 36px 150px 36px;padding:clamp(34px,5vw,76px);position:relative;overflow:hidden;isolation:isolate;display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(24px,4vw,60px);align-items:center}
.ctabox h2{max-width:15ch}
.ctabox .ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.cta-art{position:relative;aspect-ratio:1;display:grid;place-items:center;max-width:380px;width:100%;justify-self:center}
.cta-art::before{content:"";position:absolute;inset:0;border-radius:50%;border:1px solid rgba(255,255,255,.28)}
.cta-art::after{content:"";position:absolute;inset:-7%;border-radius:50%;border:1px dashed rgba(255,255,255,.18);animation:spin 40s linear infinite}
.cta-art .halo{position:absolute;inset:7%;border-radius:50%;background:radial-gradient(circle at 50% 45%,#ffffff 0%,#f1f0fb 38%,#d9d8f1 62%,rgba(217,216,241,0) 72%)}
.cta-art img{position:relative;width:62%;max-height:74%;object-fit:contain;filter:drop-shadow(0 22px 22px rgba(24,28,72,.35));animation:float 7s ease-in-out infinite}
@keyframes spin{to{transform:rotate(360deg)}}

/* ---------- HERO: PSD banners, edge-to-edge (4:1 plates, text in a centred 2:1 art box) ---------- */
.bnr{position:relative;padding-top:86px;background:var(--mist)}
.bnr-frame{position:relative;width:100%;height:min(50vw,calc(100svh - 86px));min-height:420px;overflow:hidden}
.bnr .slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 1s var(--ease),visibility 1s}
.bnr .slide.on{opacity:1;visibility:visible;z-index:2}
.bnr picture{position:absolute;inset:0;display:block}
.bnr img.plate{position:absolute;top:0;left:50%;height:100%;width:auto;max-width:none;aspect-ratio:4/1;translate:-50% 0;scale:1.03;transition:scale 7s linear}
.bnr .slide.on img.plate{scale:1}
.art{position:absolute;top:0;bottom:0;left:50%;height:100%;aspect-ratio:2/1;translate:-50% 0;container-type:inline-size;pointer-events:none;z-index:3}
.art-ui{z-index:6}
/* banner 1 copy + slider controls hug the page edges instead of the centred art box */
/* banners 1 & 2: right-aligned copy pinned to the page's right gutter */
.bnr .s01 .tx.d{translate:calc((100vw - 100cqw) / 2 - var(--hgut) + 3.906cqw) 0}
.bnr .s02 .tx.d{translate:calc((100vw - 100cqw) / 2 - var(--hgut) + 2.734cqw) 0}
.ln[style*="right:"]{transform-origin:right}
.bnr-frame{--hgut:clamp(20px,4.5vw,96px)}
.art-ui .bnr-ui{left:calc((100cqw - 100vw) / 2 + var(--hgut));right:calc((100cqw - 100vw) / 2 + var(--hgut));padding:0}
.blink{position:absolute;inset:0}
.tx{position:absolute;inset:0;pointer-events:none}
.tx.m{display:none}
.ln{position:absolute;white-space:nowrap;line-height:1;color:#2d3371;transform-origin:left;opacity:0;translate:0 .8cqw;transition:opacity .9s var(--ease),translate .9s var(--ease)}
.ln.j{font-family:"Jost",sans-serif;font-weight:300;letter-spacing:-.03em}
.ln.b{font-family:var(--serif);font-weight:500;letter-spacing:0}
.slide.on .ln{opacity:1;translate:0 0}
.slide.on .ln:nth-child(1){transition-delay:.25s}.slide.on .ln:nth-child(2){transition-delay:.4s}.slide.on .ln:nth-child(3){transition-delay:.55s}
.bcta{position:absolute;pointer-events:auto;display:inline-flex;align-items:center;gap:10px;padding:max(10px,.95cqw) max(18px,1.9cqw);border-radius:99px;font:500 max(11px,.95cqw)/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;opacity:0;translate:0 .8cqw;transition:opacity .9s var(--ease) .75s,translate .9s var(--ease) .75s,background .3s,color .3s;box-shadow:0 14px 30px -14px rgba(34,40,110,.55)}
.slide.on .bcta{opacity:1;translate:0 0}
.bcta.royal{background:var(--royal);color:#fff} .bcta.royal:hover{background:var(--violet)}
.bcta.white{background:#fff;color:var(--royal)} .bcta.white:hover{background:var(--royal);color:#fff}
.hot{position:absolute;pointer-events:auto;border-radius:14px;transition:background .3s,box-shadow .3s}
.hot:hover{background:rgba(255,255,255,.35);box-shadow:0 10px 30px -18px rgba(34,40,110,.5)}
.bnr-ui{position:absolute;left:0;right:0;bottom:2.4cqw;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:0 5.66cqw;pointer-events:none}
.bnr-ui>*{pointer-events:auto}
@media (max-width:760px){
  .bnr-frame{height:auto;min-height:0;aspect-ratio:1/1}
  .art{left:0;translate:none;width:100%;height:100%;aspect-ratio:auto}
  .bnr img.plate{left:0;translate:none;width:100%;height:100%;aspect-ratio:auto;object-fit:cover}
  .tx.d{display:none}.tx.m{display:block}
  .bnr-ui{bottom:3cqw;padding:0 4.5cqw}
  .bnr-ui .hero-arrows{display:none}
}
@media (max-width:640px){.bnr{padding-top:72px}}

/* ---------- footer ---------- */
.ftr{background:var(--deep);color:#b8bade;padding:clamp(64px,8vw,110px) 0 28px;font-size:15px;position:relative;overflow:hidden}
.ftr::before{content:"";position:absolute;inset:0;background:radial-gradient(50% 60% at 100% 0%,rgba(59,65,160,.5),transparent 70%)}
.ftr>*{position:relative}
.ftr-top{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.2fr;gap:40px;padding-bottom:50px;border-bottom:1px solid var(--line-dk)}
.ftr .flogo{height:140px;width:auto}
.ftr h4{font-family:var(--sans);font-size:11.5px;letter-spacing:.24em;text-transform:uppercase;color:#fff;font-weight:500;margin-bottom:18px}
.ftr ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.ftr a:hover{color:#fff}
.ftr address{font-style:normal;line-height:1.7}
.ftr-bot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12.5px;padding-top:24px}

/* ---------- collection pages / product grid ---------- */
.chero{padding:clamp(118px,15vh,160px) 0 clamp(40px,5vw,70px);overflow:hidden}
.chero .grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,70px);align-items:center}
.chero .clogo{height:clamp(80px,9vw,130px);width:auto;max-width:100%;object-fit:contain;margin:22px 0 14px}
.chero h1{color:var(--navy);margin:18px 0 10px}
.chero .stagec{position:relative;aspect-ratio:16/11;border-radius:30px 30px var(--d-rad) 30px;overflow:hidden;background:#eee;box-shadow:0 40px 80px -50px rgba(34,40,110,.6)}
.chero .stagec>img.bgi{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.chero .stagec>img.p{position:absolute;left:50%;bottom:16%;width:40%;translate:-50% 0;filter:drop-shadow(0 26px 24px rgba(34,40,110,.28));animation:float 7s ease-in-out infinite}
.facts{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.facts div{background:#fff;border-radius:18px;padding:14px 20px;box-shadow:0 14px 30px -24px rgba(34,40,110,.5)}
.facts b{display:block;font-family:var(--serif);font-weight:400;font-size:30px;line-height:1;color:var(--royal)}
.facts span{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.filters{position:sticky;top:86px;z-index:20;background:rgba(252,251,255,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.filters .wrap{display:flex;gap:8px;overflow-x:auto;padding-top:14px;padding-bottom:14px;scrollbar-width:none}
.filters .wrap::-webkit-scrollbar{display:none}
.chip{flex-shrink:0;padding:10px 18px;border-radius:40px;background:#fff;border:1px solid var(--line);font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:500;color:var(--navy);transition:.3s}
.chip i{font-style:normal;color:var(--muted);margin-left:6px;letter-spacing:0}
.chip:hover{border-color:var(--royal)}
.chip.on{background:var(--royal);border-color:var(--royal);color:#fff} .chip.on i{color:#c9c8f3}
.pgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(10px,1.2vw,18px)}
.pcard{position:relative;background:linear-gradient(180deg,#fff,#f0eff9);border-radius:22px;display:flex;flex-direction:column;cursor:pointer;overflow:hidden;box-shadow:0 18px 40px -34px rgba(34,40,110,.6);transition:transform .5s var(--ease),box-shadow .5s}
.pcard:hover{transform:translateY(-5px);box-shadow:0 30px 50px -30px rgba(34,40,110,.55)}
.pcard .im{aspect-ratio:1;display:grid;place-items:center;position:relative}
.pcard .im img{width:84%;height:84%;object-fit:contain;transition:transform .9s var(--ease),opacity .6s}
.pcard .im img.alt{position:absolute;opacity:0}
.pcard:hover .im img{transform:scale(1.06)}
.pcard:hover .im img.alt{opacity:1}
.pcard:hover .im img.main.hasalt{opacity:0}
.pcard.pgi .im img{width:100%;height:100%;object-fit:cover}
.pcard .info{display:flex;justify-content:space-between;align-items:center;padding:12px 16px 16px;gap:10px}
.pcard .info b{font-size:12.5px;letter-spacing:.12em;font-weight:500;color:var(--navy)}
.pcard .info span{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.pcard .add{position:absolute;top:12px;right:12px;width:38px;height:38px;border-radius:50%;background:#fff;color:var(--royal);display:grid;place-items:center;box-shadow:0 8px 18px -8px rgba(34,40,110,.4);transition:.35s var(--ease);z-index:2}
.pcard .add:hover{background:var(--royal);color:#fff}
.pcard .add.on{background:var(--violet);color:#fff}
.pcard .views{position:absolute;left:14px;top:14px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.pcard.hide{display:none}
.more-wrap{text-align:center;margin-top:44px}

/* lightbox */
.lb{position:fixed;inset:0;z-index:80;background:rgba(24,28,72,.94);backdrop-filter:blur(8px);color:#fff;display:grid;grid-template-columns:1.3fr .7fr;opacity:0;visibility:hidden;transition:.45s var(--ease)}
.lb.on{opacity:1;visibility:visible}
.lb-stage{position:relative;display:grid;place-items:center;padding:80px 40px 40px;min-height:0}
.lb-stage img{max-height:74vh;max-width:100%;object-fit:contain;filter:drop-shadow(0 30px 40px rgba(0,0,0,.4))}
.lb-stage.photo img{max-height:86vh;border-radius:16px;filter:none}
.lb-thumbs{display:flex;gap:10px;justify-content:center;margin-top:18px;flex-wrap:wrap}
.lb-thumbs button{width:62px;height:62px;border-radius:12px;background:rgba(255,255,255,.08);border:1px solid transparent;padding:4px}
.lb-thumbs button.on{border-color:#fff}
.lb-thumbs img{width:100%;height:100%;object-fit:contain;filter:none}
.lb-side{background:var(--paper);color:var(--text);padding:clamp(40px,5vw,70px) clamp(26px,3vw,48px);display:flex;flex-direction:column;gap:18px;overflow-y:auto;border-radius:30px 0 0 30px}
.lb-side h3{font-size:clamp(30px,3vw,42px);color:var(--navy)}
.lb-side .spec div{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}
.lb-side .spec div span:first-child{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-size:11px}
.lb-side .acts{display:grid;gap:10px;margin-top:6px}
.lb-side .acts .btn{justify-content:center}
.lb-x{position:absolute;top:22px;right:24px;width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.12);display:grid;place-items:center;z-index:3;color:#fff;font-size:22px}
.lb-nav{position:absolute;top:50%;width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.12);display:grid;place-items:center;transform:translateY(-50%)}
.lb-nav:hover,.lb-x:hover{background:#fff;color:var(--royal)}
.lb-prev{left:20px}.lb-next{right:20px}
.lb.photo-only{grid-template-columns:1fr}
.lb.photo-only .lb-side{display:none}

/* tray */
.tray{position:fixed;top:0;right:0;bottom:0;width:min(440px,100%);z-index:90;background:var(--paper);box-shadow:-30px 0 60px rgba(24,28,72,.25);transform:translateX(105%);transition:transform .6s var(--ease);display:flex;flex-direction:column;border-radius:28px 0 0 28px}
.tray.on{transform:none}
.tray-hd{padding:28px 28px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:start;gap:20px}
.tray-hd h3{font-size:30px;color:var(--navy)}
.tray-hd p{margin:6px 0 0;font-size:14px;color:var(--muted)}
.tray-hd .x{width:44px;height:44px;border-radius:50%;background:var(--lav);font-size:22px;color:var(--royal);flex-shrink:0}
.tray-list{flex:1;overflow-y:auto;padding:10px 28px}
.tray-item{display:grid;grid-template-columns:72px 1fr auto;gap:16px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}
.tray-item img{width:72px;height:72px;object-fit:contain;background:var(--lav);border-radius:14px}
.tray-item b{display:block;font-size:13px;letter-spacing:.1em;font-weight:500;color:var(--navy)}
.tray-item span{font-size:12px;color:var(--muted)}
.tray-item button{font-size:22px;color:var(--muted);width:32px;height:32px}
.tray-empty{padding:50px 0;color:var(--muted);text-align:center}
.tray-ft{padding:20px 28px 28px;border-top:1px solid var(--line);display:grid;gap:10px}
.tray-ft .btn{justify-content:center}
.scrim{position:fixed;inset:0;z-index:85;background:rgba(24,28,72,.45);opacity:0;visibility:hidden;transition:.5s}
.scrim.on{opacity:1;visibility:visible}
.toast{visibility:hidden;position:fixed;left:50%;bottom:28px;transform:translate(-50%,140px);z-index:95;background:var(--royal);color:#fff;padding:14px 22px;border-radius:40px;font-size:14px;transition:transform .5s var(--ease);box-shadow:0 20px 40px -14px rgba(24,28,72,.5);display:flex;gap:14px;align-items:center;white-space:nowrap}
.toast.on{transform:translate(-50%,0);visibility:visible}
.toast a{color:#c9c8f3;text-decoration:underline}

/* form */
.form{display:grid;grid-template-columns:1fr 1fr;gap:20px 26px;background:#fff;border-radius:30px 30px var(--d-rad) 30px;padding:clamp(28px,4vw,56px);box-shadow:0 40px 80px -50px rgba(34,40,110,.55)}
.field{display:flex;flex-direction:column;gap:8px}
.field.full{grid-column:1/-1}
.field label{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-weight:500}
.field input,.field select,.field textarea{font:inherit;font-size:16px;padding:13px 16px;border:1px solid var(--line);background:var(--mist);color:var(--text);border-radius:14px;outline:none;transition:border-color .3s,background .3s}
.field textarea{resize:vertical;min-height:110px}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--royal);background:#fff}
.checks{display:flex;flex-wrap:wrap;gap:8px}
.checks label{cursor:pointer}
.checks input{position:absolute;opacity:0}
.checks span{display:inline-block;padding:9px 15px;border:1px solid var(--line);border-radius:40px;font-size:13px;color:var(--navy);transition:.3s;background:#fff}
.checks input:checked+span{background:var(--royal);color:#fff;border-color:var(--royal)}
.checks input:focus-visible+span{outline:2px solid var(--violet)}
.cinfo{display:grid;gap:14px;align-content:start}
.cinfo .card p,.cinfo .card a{font-family:var(--serif);font-size:clamp(19px,1.6vw,24px);color:var(--navy);line-height:1.35;margin:0}
.map{width:100%;aspect-ratio:21/8;border:0;display:block;border-radius:30px}

/* ---------- responsive ---------- */
@media (max-width:1180px){
  .nav,.hdr-cta .btn{display:none}
  .burger{display:block}
  .pgrid{grid-template-columns:repeat(3,1fr)}
  .ribbon{grid-template-columns:repeat(3,1fr)}
  .chips{grid-template-columns:repeat(3,1fr)}
  .values{grid-template-columns:repeat(4,1fr)}
  .steps{grid-template-columns:repeat(3,1fr)}
  .grams{grid-template-columns:1fr 1fr}
  .ftr-top{grid-template-columns:1fr 1fr}
  .films{grid-template-columns:repeat(3,1fr)} .film:nth-child(n+4){display:none}
}
@media (max-width:900px){
  body{font-size:16px}
  .cgrid,.tiles{grid-template-columns:1fr 1fr}
  .phero .art{justify-self:start;max-width:420px}
  .statband,.split,.phero .grid,.chero .grid,.vm,.hexwrap,.reach-grid{grid-template-columns:1fr}
  .hexmini{position:relative;right:auto;bottom:auto;width:150px;margin:24px auto 0}
  .cards,.cards.c3,.zones,.acc-grid{grid-template-columns:1fr 1fr}
  .mason{columns:2}
  .lb{grid-template-columns:1fr;grid-template-rows:1fr auto}
  .lb-stage{padding:70px 16px 16px}
  .lb-stage img{max-height:44vh}
  .lb-side{max-height:48vh;padding:24px 20px;border-radius:26px 26px 0 0}
  .lb-nav{top:36%}
  .hex{margin:0 auto}
  .map{aspect-ratio:4/3}
  .ctabox{grid-template-columns:1fr}
  .cta-art{max-width:260px}
  /* hero: copy on top, product scene below */
  .hero{height:clamp(640px,100svh,860px)}
  .hero h1{font-size:clamp(34px,8.4vw,54px)}
  .stage{left:0;transform:none;width:100%;height:100%;aspect-ratio:auto}
  .s1 .copy .wrap{padding-top:104px}
  .s1 .bgi{object-position:40% 100%}
  .s1 .p1{width:min(46%,300px);left:4%;bottom:7%}.s1 .p2{width:min(40%,260px);left:auto;right:4%;bottom:8%}.s1 .p3{display:none}
  .s2 .bgi{object-position:22% 80%}
  .s2 .net{width:100%}
  .s2 .copy .wrap{align-items:flex-start;text-align:left;justify-content:flex-start;padding-top:104px}
  .s2 .copy .ctas{justify-content:flex-start}
  .s2 .p1{width:min(30%,200px);left:10%;bottom:8%}.s2 .p2{width:min(30%,200px);left:52%;bottom:8%}
  .s3 .pill{top:96px;translate:40px 0;width:calc(100% - 16px);padding:22px 22px 22px 40px}
  .s3.on .pill{translate:0 0}
  .s3 .logos6{top:auto;bottom:84px;translate:0 0;left:var(--gut);right:var(--gut);width:auto;grid-template-columns:repeat(3,1fr);gap:8px}
  .s3 .logos6 a{height:64px;background:rgba(255,255,255,.8);padding:8px}
  .s3 .p1{display:none}
  .pt-badge,.divbar .v,.divbar>img{display:none}
}
@media (max-width:640px){
  .hdr .wrap{height:72px}
  .brand img{height:38px}
  .filters{top:72px}
  .cgrid,.tiles,.cards,.cards.c3,.zones,.acc-grid,.grams{grid-template-columns:1fr}
  .ccard{min-height:460px}
  .tile{aspect-ratio:auto;min-height:400px}
  .ribbon{grid-template-columns:repeat(2,1fr)}
  .chips{grid-template-columns:1fr 1fr}
  .values{grid-template-columns:repeat(2,1fr)}
  .val{border-radius:26px}
  .steps{grid-template-columns:1fr 1fr}
  .pgrid{grid-template-columns:1fr 1fr}
  .pcard .info{flex-direction:column;align-items:flex-start;gap:2px;padding:8px 12px 12px}
  .pcard .add{width:34px;height:34px;top:8px;right:8px}
  .form{grid-template-columns:1fr}
  .ftr-top{grid-template-columns:1fr}
  .films{grid-template-columns:1fr 1fr} .film:nth-child(n+3){display:none}
  .film:nth-child(even){transform:translateY(22px)}
  .compass-wrap{grid-template-columns:1fr 1fr}
  .compass{grid-column:1/-1;grid-row:auto;order:-1;width:190px}
  .dir.n,.dir.s,.dir.e,.dir.w{grid-column:auto;grid-row:auto;justify-self:center}
  .hero-arrows{display:none}
  .toast{white-space:normal;width:calc(100% - 32px)}
  .ctabox{padding:38px 22px 44px;border-radius:30px 30px 90px 30px}
  .ctabox .btn,.hero .btn{white-space:normal;text-align:left}
  .stats{grid-template-columns:1fr 1fr}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .rv{opacity:1;transform:none}.split-line>span{transform:none}
}


/* ================= v5 showpieces ================= */
/* focus + pointer polish (ui-ux-pro-max: visible focus, cursor on clickables) */
a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--violet);outline-offset:3px;border-radius:8px}
a,button,[data-i]{cursor:pointer}
/* marquee edge fades */
.marquee{-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.words{-webkit-mask-image:none;mask-image:none}

/* ---- Lumina collection showcase ---- */
.showcase{position:relative;height:clamp(460px,44vw,620px);border-radius:32px 32px var(--d-rad) 32px;overflow:hidden;background:var(--deep);box-shadow:0 50px 90px -50px rgba(24,28,72,.7);isolation:isolate}
.sc-stage{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .9s var(--ease),visibility .9s}
.sc-stage.on{opacity:1;visibility:visible;z-index:1}
.sc-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;scale:1.08;transition:scale 6s linear}
.sc-stage.on .sc-bg{scale:1}
.sc-stage::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(24,28,72,.88) 0%,rgba(24,28,72,.55) 38%,rgba(24,28,72,0) 68%),linear-gradient(0deg,rgba(24,28,72,.75) 0%,transparent 34%)}
.sc-prod{position:absolute;z-index:2;right:10%;top:10%;height:62%;width:auto;max-width:42%;object-fit:contain;filter:drop-shadow(0 34px 34px rgba(0,0,0,.35));translate:0 30px;opacity:0;transition:translate 1.2s var(--ease) .15s,opacity 1s var(--ease) .15s}
.sc-stage.on .sc-prod{translate:0 0;opacity:1;animation:float 7s ease-in-out 1.3s infinite}
.sc-copy{position:absolute;z-index:3;left:clamp(24px,4.5vw,64px);top:clamp(28px,4vw,56px);max-width:min(460px,48%);color:#fff}
.sc-logo{height:clamp(64px,7vw,100px);width:auto;max-width:100%;object-fit:contain;filter:brightness(0) invert(1);margin-bottom:18px;opacity:0;translate:0 14px;transition:.9s var(--ease) .2s}
.sc-copy p{font-family:var(--serif);font-weight:500;font-size:clamp(22px,2.1vw,30px);line-height:1.25;margin:0 0 22px;opacity:0;translate:0 14px;transition:.9s var(--ease) .32s}
.sc-cta{display:inline-flex;align-items:center;gap:10px;padding:13px 24px;border-radius:99px;background:#fff;color:var(--royal);font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:500;opacity:0;translate:0 14px;transition:.9s var(--ease) .44s}
.sc-stage.on .sc-logo,.sc-stage.on .sc-copy p,.sc-stage.on .sc-cta{opacity:1;translate:0 0}
.sc-stage:hover .sc-cta{background:var(--rose-2);color:#fff}
.sc-nav{position:absolute;z-index:4;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(6,1fr);padding:0 clamp(18px,3vw,44px) 26px;gap:10px}
.sc-tab{text-align:left;color:rgba(255,255,255,.62);padding-top:14px;border-top:1px solid rgba(255,255,255,.25);transition:color .3s,border-color .3s;min-height:44px}
.sc-tab i{display:block;font-style:normal;font-size:11px;letter-spacing:.2em;margin-bottom:4px}
.sc-tab span{font-family:var(--serif);font-size:clamp(15px,1.25vw,19px);font-weight:500;line-height:1.1}
.sc-tab:hover,.sc-tab.on{color:#fff;border-color:#fff}
.sc-bar{position:absolute;z-index:4;left:0;right:0;top:0;height:3px;background:rgba(255,255,255,.12)}
.sc-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#86c6ea,#e889b8)}
.sc-bar i.run{animation:scbar 6s linear forwards}
@keyframes scbar{to{width:100%}}
.sc-stage.photo::after{background:linear-gradient(90deg,rgba(24,28,72,.9) 0%,rgba(24,28,72,.45) 50%,rgba(24,28,72,.1) 80%),linear-gradient(0deg,rgba(24,28,72,.8),transparent 38%)}

/* ---- impact bento ---- */
.bento{display:grid;grid-template-columns:1.5fr 1fr 1fr;grid-template-rows:repeat(3,minmax(150px,auto));gap:clamp(10px,1.2vw,18px)}
.bx{position:relative;border-radius:26px;overflow:hidden;padding:clamp(22px,2.4vw,34px);display:flex;flex-direction:column;justify-content:flex-end;background:#fff;box-shadow:0 24px 50px -40px rgba(34,40,110,.55);transition:transform .5s var(--ease),box-shadow .5s;isolation:isolate}
.bx:hover{transform:translateY(-5px);box-shadow:0 34px 60px -38px rgba(34,40,110,.6)}
.bx-hero{grid-row:1/4;color:#fff;min-height:460px}
.bx-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.4s var(--ease)}
.bx-hero:hover img{transform:scale(1.05)}
.bx-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(24,28,72,0) 30%,rgba(24,28,72,.9) 100%)}
.bx-hero h3{font-size:clamp(34px,3.4vw,52px);margin:14px 0 10px}
.bx-hero h3 em{color:#c9c8f3}
.bx-hero p{margin:0;color:#dcdcf5;max-width:40ch}
.pill-tag{display:inline-block;align-self:flex-start;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;padding:6px 12px;border-radius:30px;background:rgba(255,255,255,.18);backdrop-filter:blur(8px);color:#fff}
.pill-tag.light{background:rgba(255,255,255,.22)}
.bx-stat b{font-family:var(--serif);font-weight:500;font-size:clamp(46px,4.6vw,70px);line-height:1}
.bx-stat span{font-size:12px;letter-spacing:.16em;text-transform:uppercase;margin-top:10px;opacity:.85}
.bx-stat.royal{background:var(--grad-royal);color:#fff}
.bx-stat.sky{background:linear-gradient(140deg,#d7ecfa,#aed7f3);color:var(--navy)}
.bx-stat.pink{background:linear-gradient(140deg,#fbe6f0,#f2bfd6);color:#6b2350}
.bx-stat.deep{background:var(--deep);color:#fff}
.bx-cta{grid-column:2/4;background:linear-gradient(110deg,#5f5ad6,#2e3490 55%,#67387f);color:#fff;flex-direction:row;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap}
.bx-cta>.pill-tag{position:absolute;top:clamp(22px,2.4vw,34px);left:clamp(22px,2.4vw,34px)}
.bx-cta h3{font-size:clamp(28px,2.8vw,42px);max-width:14ch}
.bx-cta .go{width:58px;height:58px;border-radius:50%;background:#fff;color:var(--royal);display:grid;place-items:center;transition:.5s var(--ease)}
.bx-cta:hover .go{transform:rotate(-45deg);background:var(--rose-2);color:#fff}

/* ---- why-Dishaa bento tiles ---- */
.bento-tiles{grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(260px,auto)}
.bento-tiles .tile{aspect-ratio:auto}
.bento-tiles .tile.big{grid-column:span 2;grid-row:span 2}
.bento-tiles .tile.big h3{font-size:clamp(40px,4.4vw,64px)}
.bento-tiles .tile.big img{width:62%}
.bento-tiles .tile.wide{grid-column:span 2}
.bento-tiles .tile.wide img{width:34%;right:4%}
.bento-tiles .tile:not(.big):not(.wide) img{width:62%}
.tile.sky{background:linear-gradient(150deg,#e3f2fc,#b9ddf5);color:var(--navy)} .tile.sky small{color:var(--royal)}
.tile.pink{background:linear-gradient(150deg,#fdeef5,#f4c7dc);color:#5a1f45} .tile.pink small{color:#b0417a}

/* ---- why-platinum bento ---- */
.cards.wp-bento{grid-template-columns:repeat(4,1fr)}
.wp-bento .card:nth-child(1){grid-column:span 2;background:var(--grad-royal)} .wp-bento .card:nth-child(1) *{color:#fff} .wp-bento .card:nth-child(1) p{color:#cfd0f0}
.wp-bento .card:nth-child(1) .big{font-size:clamp(70px,7vw,110px)}
.wp-bento .card:nth-child(2){background:linear-gradient(150deg,#e3f2fc,#b9ddf5)}
.wp-bento .card:nth-child(3){background:linear-gradient(150deg,#fdeef5,#f4c7dc)}
.wp-bento .card:nth-child(6){grid-column:span 2}

@media (max-width:1100px){
  .bento{grid-template-columns:1fr 1fr;grid-template-rows:auto}
  .bx-hero{grid-column:1/3;grid-row:auto;min-height:380px}
  .bx-cta{grid-column:1/3;min-height:180px}
  .bento-tiles{grid-template-columns:1fr 1fr}
  .cards.wp-bento{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .showcase{height:auto;aspect-ratio:auto;min-height:620px;border-radius:26px 26px 90px 26px}
  .sc-prod{right:50%;translate:50% 30px;top:auto;bottom:130px;height:34%;max-width:70%}
  .sc-stage.on .sc-prod{translate:50% 0}
  .sc-copy{max-width:none;right:24px}
  .sc-stage::after{background:linear-gradient(180deg,rgba(24,28,72,.9) 0%,rgba(24,28,72,.4) 45%,rgba(24,28,72,.85) 100%)}
  .sc-nav{grid-template-columns:repeat(6,minmax(96px,1fr));overflow-x:auto;scrollbar-width:none;padding-bottom:18px}
  .sc-nav::-webkit-scrollbar{display:none}
}
@media (max-width:640px){
  .bento,.bento-tiles,.cards.wp-bento{grid-template-columns:1fr}
  .bx-hero,.bx-cta,.bento-tiles .tile.big,.bento-tiles .tile.wide,.wp-bento .card:nth-child(1),.wp-bento .card:nth-child(6){grid-column:auto;grid-row:auto}
  .bx-stat{min-height:150px}
}
/* v5 fixes */
.bx-cta{flex-direction:column;align-items:flex-start;justify-content:space-between;padding-right:110px}
.bx-cta>.pill-tag{position:static}
.bx-cta .go{position:absolute;right:clamp(22px,2.4vw,34px);bottom:clamp(22px,2.4vw,34px)}
.showcase{border-radius:32px}
.bento-tiles .tile:not(.big):not(.wide) img{width:44%;right:-3%;bottom:-4%}
.bento-tiles .tile:not(.big):not(.wide) h3{font-size:clamp(26px,2.2vw,34px);max-width:10ch}
.bento-tiles .tile.wide{grid-column:1/-1;min-height:220px}
.bento-tiles .tile.wide img{width:auto;height:118%;right:6%;bottom:-12%}
.bento-tiles .tile.wide h3{max-width:none}
@media (max-width:1100px){.bento-tiles .tile.wide{grid-column:1/-1}}
@media (max-width:640px){.bx-cta{padding-right:90px}.bento-tiles .tile:not(.big):not(.wide) img{width:46%}}
.bento-tiles .tile:nth-child(5) img{width:58%;bottom:-10%}
@media (max-width:640px){
  .bento-tiles{grid-auto-rows:auto}
  .bento-tiles .tile{min-height:250px}
  .bento-tiles .tile.big{min-height:360px}
  .bento-tiles .tile.wide{min-height:300px}
  .bento-tiles .tile.wide img{height:62%;bottom:-6%;right:-4%}
}

/* slider controls grouped bottom-left (keeps bottom-right free for banner copy) */
.bnr-ui{justify-content:flex-start;gap:clamp(18px,2vw,32px)}
/* tiles: products sit fully inside the card */
.bento-tiles .tile:not(.big):not(.wide){border-radius:26px 26px 90px 26px}
.bento-tiles .tile:not(.big):not(.wide) img,.bento-tiles .tile:nth-child(5) img{width:auto;height:44%;max-width:50%;right:9%;bottom:10%;object-fit:contain}
.bento-tiles .tile.wide{border-radius:26px 26px 110px 26px}
.bento-tiles .tile:not(.big):not(.wide) h3{font-size:clamp(24px,2vw,30px);max-width:52%}
.bento-tiles .tile:not(.big):not(.wide) small{max-width:52%;line-height:1.6}
.bento-tiles .tile:not(.big):not(.wide) img,.bento-tiles .tile:nth-child(5) img{height:52%;max-width:40%;right:7%;bottom:12%}


/* ================= Banner 1 — live layers + liquid-glass copy ================= */
.bnr .slide .sparkle{z-index:2}
.live{position:absolute;inset:0;pointer-events:none}
.pc{position:absolute;display:block;opacity:0;transition:opacity 1.1s var(--ease),translate 1.3s var(--ease)}
.pc img{width:100%;height:100%;display:block;filter:drop-shadow(0 1.4cqw 1.2cqw rgba(34,40,110,.18))}
/* glint: a light sweep clipped to each piece's own silhouette */
.pc::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.85) 50%,transparent 58%) 0 0/300% 100% no-repeat;
  -webkit-mask:var(--m) center/100% 100% no-repeat;mask:var(--m) center/100% 100% no-repeat;animation:glint 6s ease-in-out infinite;mix-blend-mode:screen}
@keyframes glint{0%,55%{background-position:120% 0}85%,100%{background-position:-60% 0}}
.pc-ring1{translate:-2cqw 2cqw}.pc-ring2{translate:2cqw 2cqw}.pc-pendant{translate:0 -3cqw;transform-origin:50% 0}
.slide.on .pc{opacity:1;translate:0 0}
.slide.on .pc-ring2{transition-delay:.15s}.slide.on .pc-pendant{transition-delay:.3s}
.slide.on .pc-ring1 img{animation:bob 6s ease-in-out 1.2s infinite}
.slide.on .pc-ring2 img{animation:bob 6s ease-in-out -1.8s infinite}
.slide.on .pc-pendant{animation:swing 7s ease-in-out 1.4s infinite}
.pc-ring2::after{animation-delay:1.2s}.pc-pendant::after{animation-delay:2.4s}
@keyframes bob{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-.9cqw) rotate(-1.2deg)}}
@keyframes swing{0%,100%{rotate:-1.6deg}50%{rotate:1.6deg}}

.glass01{position:absolute;right:3.906cqw;bottom:3.4cqw;width:37cqw;padding:1.9cqw 2.3cqw 2cqw;pointer-events:auto;
  background:linear-gradient(135deg,rgba(255,255,255,.62),rgba(255,255,255,.28));border:1px solid rgba(255,255,255,.75);
  border-radius:1.6cqw 1.6cqw 6cqw 1.6cqw;backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);
  box-shadow:0 2cqw 4cqw -2cqw rgba(34,40,110,.35),inset 0 1px 0 rgba(255,255,255,.9);color:#2d3371;
  opacity:0;translate:0 1.2cqw;transition:opacity 1s var(--ease) .35s,translate 1s var(--ease) .35s}
.slide.on .glass01{opacity:1;translate:0 0}
.g-kick{display:inline-flex;align-items:center;gap:.7cqw;font:500 max(9px,.78cqw)/1 var(--sans);letter-spacing:.28em;text-transform:uppercase;color:var(--violet)}
.g-kick::before{content:"";width:.6cqw;height:.6cqw;min-width:6px;min-height:6px;background:linear-gradient(135deg,#6fb8e4,#e889b8);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.g-1{margin:.9cqw 0 .2cqw;font:300 max(13px,1.55cqw)/1.15 "Jost",sans-serif;letter-spacing:-.02em}
.g-2{margin:0;font:500 max(22px,2.85cqw)/1.02 var(--serif);letter-spacing:-.005em}
.g-2 em{display:block;font-style:italic;color:var(--royal-2)}
.g-meta{display:flex;flex-wrap:wrap;gap:.5cqw 1.3cqw;margin:1cqw 0 1.2cqw;font:500 max(9px,.8cqw)/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.g-meta span{display:inline-flex;align-items:center;gap:.5cqw}
.g-meta span+span::before{content:"";width:4px;height:4px;border-radius:50%;background:var(--rose)}
.g-ctas{display:flex;align-items:center;gap:1.6cqw;flex-wrap:wrap}
.g-btn{display:inline-flex;align-items:center;gap:.7cqw;padding:max(10px,.95cqw) max(16px,1.7cqw);border-radius:99px;background:var(--royal);color:#fff;
  font:500 max(10.5px,.88cqw)/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;box-shadow:0 1cqw 2cqw -1cqw rgba(46,52,144,.7);transition:background .3s,transform .3s}
.g-btn:hover{background:var(--violet);transform:translateY(-2px)}
.g-link{font:500 max(10.5px,.88cqw)/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--royal);padding-bottom:4px;
  background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat;transition:background-size .4s var(--ease)}
.g-link:hover{background-size:40% 1px}
@media (max-width:760px){.live,.bnr .slide.is-live .sparkle{display:none}}
@media (max-width:1200px){.glass01{width:44cqw;right:2cqw;bottom:2cqw;padding:1.6cqw 2cqw}.g-meta{display:none}.bnr .s01 .tx.d{translate:none}}

/* ================= mobile responsiveness fixes ================= */
@media (max-width:900px){
  .split[style*="grid-template-columns"]{grid-template-columns:1fr!important}
  .chips[style*="grid-template-columns"]{grid-template-columns:repeat(2,1fr)!important}
}
@media (max-width:640px){
  html,body{overflow-x:clip}
  .form{padding:24px 18px;border-radius:24px 24px 70px 24px}
  .dirs{gap:8px}
  .dirs .dir{grid-template-columns:32px 1fr;column-gap:10px;padding:14px 12px;min-width:0}
  .dirs .arr{width:32px;height:32px}
  .dirs small{font-size:9px;letter-spacing:.16em}
  .dirs b{font-size:24px}
  .reach-copy,.reach-copy *{min-width:0;overflow-wrap:anywhere}
  .chipc{padding:18px 8px;font-size:13px;min-width:0}
  .cinfo .card a{word-break:break-word}

  /* compact footer */
  .ftr{padding:44px 0 22px;font-size:14px}
  .ftr-top{grid-template-columns:1fr 1fr;gap:26px 18px;padding-bottom:28px}
  .ftr-top>div:first-child{grid-column:1/-1;display:flex;align-items:center;gap:18px;padding-bottom:22px;border-bottom:1px solid var(--line-dk)}
  .ftr .flogo{height:84px}
  .ftr-top>div:first-child .hinglish{margin:0!important;font-size:21px!important}
  .ftr-top>div:last-child{grid-column:1/-1;padding-top:22px;border-top:1px solid var(--line-dk)}
  .ftr h4{margin-bottom:12px;font-size:10.5px}
  .ftr ul{gap:7px}
  .ftr li a{display:inline-block;padding:3px 0}
  .ftr address{font-size:13.5px}
  .ftr-bot{flex-direction:column;gap:6px;font-size:11.5px;text-align:center;align-items:center}
}
.reach-map{aspect-ratio:1460/1000}
.reach-map>img{height:100%;object-fit:cover}
@media (max-width:640px){.pin em{font-size:8.5px;padding:4px 7px;letter-spacing:.12em}.pin.hq em{max-width:none}.hexmini{width:130px}}
@media (max-width:640px){.pin.w{translate:-6px -50%}.pin.w em{order:0}}
@media (max-width:640px){.pin .lgx{display:none}.pin.w{translate:-50% calc(-100% - 8px);flex-direction:column-reverse;gap:4px}}


/* ================= v7 — hero motion + spotlight banners ================= */
/* hero: circular wipe between slides, the outgoing plate recedes */
.bnr .slide{opacity:1;visibility:hidden;clip-path:circle(0% at 84% 58%);transition:clip-path 1.3s cubic-bezier(.72,0,.18,1),visibility 0s 1.3s}
.bnr .slide.on{visibility:visible;z-index:3;clip-path:circle(142% at 84% 58%);transition:clip-path 1.3s cubic-bezier(.72,0,.18,1),visibility 0s}
.bnr .slide.out{visibility:visible;z-index:2;clip-path:circle(142% at 84% 58%);transition:none}
.bnr .slide.out img.plate{scale:1.1;filter:brightness(.9) saturate(.9);transition:scale 1.3s var(--ease),filter 1.3s}
.bnr .s03{--wx:16%}
.bnr .s03.on,.bnr .s03.out{clip-path:circle(142% at 16% 50%)}
.bnr .s03{clip-path:circle(0% at 16% 50%)}
/* pointer parallax (vars set in site.js) */
.bnr-frame{--px:0px;--py:0px}
.bnr img.plate{transform:translate3d(calc(var(--px) * -.45),calc(var(--py) * -.45),0)}
.bnr .art[data-depth]{transform:translate3d(var(--px),var(--py),0);transition:transform .2s linear}
.live .pc{transform:translate3d(calc(var(--px) * 1.4),calc(var(--py) * 1.4),0)}
/* platinum light sweep on every slide change */
.shine{position:absolute;inset:0;z-index:4;pointer-events:none;overflow:hidden}
.shine::before{content:"";position:absolute;top:-20%;bottom:-20%;left:-40%;width:34%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.75) 50%,transparent);transform:skewX(-14deg) translateX(-60%);opacity:0;mix-blend-mode:soft-light}
.slide.on .shine::before{animation:sweep 1.9s .75s cubic-bezier(.4,0,.2,1) both}
@keyframes sweep{0%{opacity:0;transform:skewX(-14deg) translateX(-60%)}20%{opacity:1}100%{opacity:0;transform:skewX(-14deg) translateX(560%)}}
/* word-by-word headline entrances (spans made by site.js, driven by anime.js) */
.ln .w,.g-2 .w{display:inline-block;will-change:transform,opacity}
/* labelled progress tabs */
.hero-dots{gap:clamp(14px,1.6vw,26px)}
.hero-dots button{width:auto;height:auto;min-width:clamp(96px,9vw,150px);padding:0 0 12px;display:flex;align-items:baseline;gap:8px;text-align:left;color:#2d3371;opacity:.6;transition:opacity .4s}
.hero-dots button.on,.hero-dots button:hover{opacity:1}
.hero-dots button i{font-style:normal;font:500 11px/1 var(--sans);letter-spacing:.12em}
.hero-dots button span{font:500 10.5px/1.2 var(--sans);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}
.hero-dots button::before,.hero-dots button::after{top:auto;bottom:0;height:2px}
.bnr-frame:hover .hero-dots button.on::after{animation-play-state:paused}
@media (max-width:760px){.hero-dots button{min-width:44px}.hero-dots button span{display:none}}

/* home: spotlight deck */
.spot{background:linear-gradient(180deg,var(--paper) 0%,var(--lav) 100%);overflow:hidden}
.spot>.wrap{position:relative;z-index:1}
.deck{display:grid;grid-template-columns:1.65fr .85fr;gap:clamp(24px,4vw,64px);align-items:center}
.dk-stage{position:relative;aspect-ratio:16/9;margin-right:clamp(24px,4vw,56px)}
.dk-card{position:absolute;inset:0;border-radius:26px;overflow:hidden;background:#fff;box-shadow:0 44px 80px -44px rgba(24,28,72,.6);transform-origin:50% 100%;will-change:transform,opacity}
.dk-card img{width:100%;height:100%;object-fit:cover;display:block}
.dk-card[data-pos="0"]{z-index:3}
.dk-card[data-pos="1"]{z-index:2;transform:translate(5%,-4%) scale(.93) rotate(2.5deg);opacity:.85}
.dk-card[data-pos="2"]{z-index:1;transform:translate(10%,-8%) scale(.86) rotate(5deg);opacity:.55}
.dk-card::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 40%,rgba(255,255,255,.55) 50%,transparent 60%) 0 0/300% 100% no-repeat;background-position:130% 0;pointer-events:none}
.dk-card:hover::after{background-position:-40% 0;transition:background-position 1.1s var(--ease)}
.dk-cta{position:absolute;left:18px;bottom:18px;display:inline-flex;align-items:center;gap:10px;padding:11px 20px;border-radius:99px;background:var(--royal);color:#fff;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:500;box-shadow:0 12px 24px -10px rgba(34,40,110,.6);opacity:0;translate:0 10px;transition:.5s var(--ease)}
.dk-card[data-pos="0"] .dk-cta{opacity:1;translate:0 0;transition-delay:.35s}
.dk-card:hover .dk-cta{background:var(--violet)}
.dk-tabs{display:grid;gap:10px}
.dk-tab{display:grid;grid-template-columns:110px 1fr;gap:16px;align-items:center;text-align:left;padding:14px 18px;border-radius:18px;background:rgba(255,255,255,.5);border:1px solid transparent;position:relative;overflow:hidden;transition:.45s var(--ease)}
.dk-tab img{height:52px;width:100%;object-fit:contain}
.dk-tab small{font-family:var(--serif);font-size:clamp(17px,1.4vw,21px);line-height:1.2;color:var(--navy)}
.dk-tab::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#86c6ea,#e889b8);transform:scaleY(0);transition:transform .5s var(--ease)}
.dk-tab.on{background:#fff;border-color:var(--line);box-shadow:0 20px 40px -30px rgba(34,40,110,.5)}
.dk-tab.on::before{transform:scaleY(1)}
.dk-tab:hover{background:#fff}
.dk-ctrl{display:flex;align-items:center;gap:16px;margin-top:22px}
.dk-ctrl button{width:48px;height:48px;border-radius:50%;background:#fff;color:var(--royal);display:grid;place-items:center;box-shadow:0 10px 24px -12px rgba(34,40,110,.45);transition:.3s}
.dk-ctrl button:hover{background:var(--royal);color:#fff}
.dk-count{font-size:13px;letter-spacing:.2em;color:var(--muted)}.dk-count b{color:var(--royal);font-weight:500}

/* PGI x Dishaa band + collection spotlight strips */
.pgiband{padding-top:0}
.pgi-strip,.camp-frame{display:block;position:relative;border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 34px 70px -46px rgba(24,28,72,.55);isolation:isolate}
.pgi-strip img,.camp-frame img{display:block;width:100%;height:auto}
.pgi-strip.rv,.camp-frame.rv{transform:none;transition:opacity .6s}
.pgi-strip.rv img,.camp-frame.rv img{clip-path:inset(0 100% 0 0);transition:clip-path 1.5s cubic-bezier(.72,0,.18,1) .1s}
.pgi-strip.rv.in img,.camp-frame.rv.in img{clip-path:inset(0 0 0 0)}
.pgi-strip::after,.camp-frame::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 40%,rgba(255,255,255,.6) 50%,transparent 60%) 0 0/300% 100% no-repeat;background-position:130% 0;pointer-events:none}
.pgi-strip.in::after,.camp-frame.in::after{background-position:-40% 0;transition:background-position 1.6s var(--ease) 1.2s}
.pgi-go{position:absolute;right:22px;bottom:20px;display:inline-flex;align-items:center;gap:10px;padding:11px 20px;border-radius:99px;background:var(--royal);color:#fff;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:500;box-shadow:0 12px 24px -10px rgba(34,40,110,.6);transition:background .3s}
.pgi-strip:hover .pgi-go{background:var(--violet)}
.campstrip{padding-top:clamp(20px,2.5vw,36px)}
.camp-frame{max-width:1000px;margin:0 auto}

@media (max-width:900px){
  .deck{grid-template-columns:1fr}
  .dk-stage{margin-right:clamp(20px,6vw,40px)}
  .dk-tabs{grid-template-columns:repeat(3,1fr)}
  .dk-tab{grid-template-columns:1fr;padding:12px;justify-items:center;text-align:center}
  .dk-tab small{display:none}
  .dk-ctrl{justify-content:center}
}
@media (max-width:640px){
  .dk-stage{aspect-ratio:1/1}
  .pgi-go{right:10px;bottom:8px;padding:7px 12px;font-size:9.5px}
}
@media (prefers-reduced-motion:reduce){
  .bnr .slide,.bnr .slide.on{clip-path:none!important;transition:opacity .01ms}
  .bnr .slide:not(.on):not(.out){opacity:0}
  .pgi-strip.rv img,.camp-frame.rv img{clip-path:none}
}
/* v7 fixes */
@media (min-width:761px){.hero-dots{padding:12px 20px 4px;border-radius:16px;background:rgba(255,255,255,.62);backdrop-filter:blur(10px) saturate(1.3);-webkit-backdrop-filter:blur(10px) saturate(1.3);box-shadow:0 14px 30px -18px rgba(34,40,110,.4)}}
.pgi-go{right:auto;bottom:auto;left:83%;top:52%;translate:-50% -50%}
@media (max-width:640px){.pgi-go,.dk-cta{display:none}}


/* ================= v8 — editorial hero slide (collection faces), autoplay controls, brand-tinted films ================= */
.bnr .ed{background:radial-gradient(90% 120% at 12% 20%,#ffffff 0%,#f1effb 45%,#dcdcf3 100%)}
.ed-bg{position:absolute;inset:0;background:url(../banner/bg-bokeh.webp) center/cover;opacity:.55;mix-blend-mode:multiply}
.ed-bg::after{content:"";position:absolute;right:-8%;top:-30%;width:62%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(134,198,234,.35),transparent 65%)}
.ed .sparkle{z-index:1}
.ed-in{position:absolute;inset:0;z-index:3;display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(24px,3.4vw,64px);align-items:center;max-width:1560px;margin:0 auto;padding:clamp(22px,3vw,44px) var(--hgut) clamp(78px,7vw,104px)}
.ed-copy{color:#2d3371;max-width:560px}
.ed-1{margin:18px 0 4px;font:300 clamp(18px,1.7vw,26px)/1.15 "Jost",sans-serif;letter-spacing:-.02em}
.ed .g-2.ed-h{font-size:clamp(36px,4.2vw,66px);line-height:1.02;margin:0}
.ed .g-meta{font-size:11px;margin:20px 0 26px;gap:8px 18px}
.ed .g-kick{font-size:11px;gap:10px}.ed .g-kick::before{width:8px;height:8px}
.ed .g-ctas{gap:22px}
.ed .g-btn{padding:15px 26px;font-size:12px;gap:10px}
.ed .g-link{font-size:12px}
/* expanding panels */
.ed-panels{position:relative;display:flex;gap:clamp(8px,.9vw,14px);height:100%;max-height:600px;min-height:0}
.ep{position:relative;flex:1 1 0;min-width:0;border-radius:24px;overflow:hidden;isolation:isolate;background:#2e3490;box-shadow:0 34px 60px -40px rgba(24,28,72,.7);transition:flex-grow 1s cubic-bezier(.72,0,.18,1),box-shadow .6s;will-change:flex-grow}
.ep.on{flex-grow:4.4;box-shadow:0 44px 80px -40px rgba(24,28,72,.75)}
.ep-im{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--op,50% 20%);z-index:-2;scale:1.14;filter:saturate(.85);transition:scale 2.4s var(--ease),filter 1s}
.ep.on .ep-im{scale:1;filter:none}
.ep::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(46,52,144,.05) 30%,rgba(24,28,72,.88) 100%);transition:opacity .8s}
.ep:not(.on)::after{background:linear-gradient(180deg,rgba(46,52,144,.35),rgba(24,28,72,.8))}
.ep-v{position:absolute;left:50%;bottom:22px;translate:-50% 0;writing-mode:vertical-rl;rotate:180deg;white-space:nowrap;font:500 11px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:#fff;transition:opacity .4s}
.ep.on .ep-v{opacity:0}
.ep-info{position:absolute;left:clamp(18px,1.8vw,28px);right:clamp(18px,1.8vw,28px);bottom:clamp(18px,1.8vw,28px);color:#fff;opacity:0;translate:0 16px;transition:opacity .5s,translate .7s var(--ease)}
.ep.on .ep-info{opacity:1;translate:0 0;transition-delay:.55s}
.ep-logo{height:clamp(46px,4.4vw,70px);width:auto;max-width:80%;object-fit:contain;filter:brightness(0) invert(1);margin-bottom:8px}
.ep-name{display:block;font:500 clamp(24px,2.2vw,34px)/1.05 var(--serif);margin-bottom:6px}
.ep-info p{margin:0 0 12px;font:italic 500 clamp(18px,1.5vw,23px)/1.2 var(--serif);white-space:nowrap}
.ep-go{display:inline-flex;align-items:center;gap:8px;font:500 11px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.6)}
.ep-bar{position:absolute;left:18px;right:18px;top:16px;height:2px;border-radius:2px;background:rgba(255,255,255,.28);overflow:hidden;opacity:0;transition:opacity .4s}
.ep-bar::after{content:"";position:absolute;inset:0;background:#fff;transform:scaleX(0);transform-origin:left}
.ep.on .ep-bar{opacity:1}
.ep.on.run .ep-bar::after{animation:bar var(--ed,3s) linear forwards}
.ed-float{position:absolute;z-index:4;left:-7%;bottom:-6%;width:clamp(90px,9vw,150px);pointer-events:none;filter:drop-shadow(0 20px 20px rgba(24,28,72,.35));animation:bob 6s ease-in-out infinite}
.bnr .ed img.ep-im{transform:none}
/* slide 1 enters with the panels rising in */
.slide.ed .ep{opacity:0;translate:0 40px}
.slide.ed.on .ep{opacity:1;translate:0 0;transition:flex-grow 1s cubic-bezier(.72,0,.18,1),opacity .9s var(--ease),translate 1.1s var(--ease),box-shadow .6s}
.slide.ed.on .ep:nth-child(2){transition-delay:0s,.12s,.12s,0s}.slide.ed.on .ep:nth-child(3){transition-delay:0s,.24s,.24s,0s}.slide.ed.on .ep:nth-child(4){transition-delay:0s,.36s,.36s,0s}
/* pause / play */
.hp .i-play{display:none}.is-paused .hp .i-pause,.is-paused>.hp .i-pause{display:none}.is-paused .hp .i-play{display:block}
.bnr-frame.is-paused .hero-dots button.on::after,.bnr-frame.is-paused .ep.on.run .ep-bar::after{animation-play-state:paused}
.hero-dots button.on::after{animation-duration:var(--dur,7s)}
.hero-arrows{align-items:center}
.hero-arrows .hp{width:40px;height:40px}
/* deck progress on the active tab */
.dk-tab::after{content:"";position:absolute;left:18px;right:18px;bottom:8px;height:2px;background:linear-gradient(90deg,#86c6ea,#e889b8);transform:scaleX(0);transform-origin:left}
.dk-tab.on.run::after{animation:bar 5.5s linear forwards}
.deck.is-paused .dk-tab.on.run::after{animation-play-state:paused}
.dk-ctrl .hp{width:40px;height:40px}
@media (max-width:900px){.dk-tab::after{left:12px;right:12px;bottom:5px}}

@media (max-width:1100px){
  .ed-in{grid-template-columns:1fr 1.1fr}
  .ed .g-meta{display:none}
}
@media (max-width:760px){
  .ed-in{grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:14px;padding:18px 16px 52px;align-items:stretch}
  .ed-1{margin:8px 0 2px;font-size:15px}
  .ed .g-2.ed-h{font-size:27px}
  .ed .g-ctas,.ed .g-kick{display:none}
  .ed-panels{max-height:none;gap:6px}
  .ep{border-radius:16px}
  .ep.on{flex-grow:5}
  .ep-v{font-size:9px;bottom:12px}
  .ep-logo{height:36px}.ep-info p{font-size:16px;margin-bottom:6px}.ep-go{display:none}
  .ep-info{left:14px;right:14px;bottom:12px}
  .ed-float{display:none}
}
@media (prefers-reduced-motion:reduce){.slide.ed .ep{opacity:1;translate:none}}

/* films: blend the black studio backdrop into the brand's royal/lavender tinge */
.films .film{background:radial-gradient(120% 80% at 50% 0%,#5a5fc4 0%,#2e3490 45%,#1c2160 100%);box-shadow:0 30px 60px -40px rgba(34,40,110,.7);isolation:isolate}
.films .film video{mix-blend-mode:screen;filter:contrast(1.08) saturate(.9)}
.films .film::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(201,200,243,.18),transparent 35%,transparent 70%,rgba(24,28,72,.35)),radial-gradient(60% 40% at 80% 100%,rgba(232,137,184,.18),transparent 70%)}
.films .film::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.ed-float{left:-5%;bottom:auto;top:4%}
.ep::after{background:linear-gradient(180deg,rgba(46,52,144,0) 38%,rgba(24,28,72,.55) 62%,rgba(24,28,72,.94) 100%)}
@media (max-width:760px){.bnr-ui .hero-arrows{display:flex}.bnr-ui .hero-arrows [data-prev],.bnr-ui .hero-arrows [data-next]{display:none}.hero-arrows .hp{width:36px;height:36px}.bnr-ui{justify-content:space-between}}


/* ================= v9 — shop by men / women / kids / couples, studio series, responsiveness ================= */
/* home doors */
.doors{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(10px,1.3vw,20px)}
.door{position:relative;aspect-ratio:3/4.3;border-radius:26px 26px var(--d-rad) 26px;overflow:hidden;isolation:isolate;color:#fff;display:flex;align-items:flex-end;box-shadow:0 34px 60px -44px rgba(24,28,72,.7)}
.door img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.4s var(--ease)}
.door:hover img{transform:scale(1.06)}
.door::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(46,52,144,0) 35%,rgba(34,40,110,.6) 62%,rgba(24,28,72,.95) 100%)}
.door-tx{padding:clamp(20px,2vw,30px);padding-right:clamp(40px,4vw,70px)}
.door-n{display:inline-block;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;padding:6px 12px;border-radius:30px;background:rgba(255,255,255,.18);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.door h3{font-size:clamp(34px,3.4vw,52px);margin:12px 0 6px}
.door p{margin:0 0 14px;font-size:14.5px;line-height:1.45;color:#dcdcf5}
.door-go{display:inline-flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:500;padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.55)}
.door:hover .door-go .ar{transform:translateX(4px)}.door-go .ar{transition:transform .4s var(--ease)}

/* explore: audience bar + looks */
.explore-f .audbar{display:flex;gap:10px;overflow-x:auto;padding-top:14px;padding-bottom:4px;scrollbar-width:none}
.explore-f .audbar::-webkit-scrollbar{display:none}
.audb{flex-shrink:0;display:flex;align-items:center;gap:10px;padding:6px 16px 6px 6px;border-radius:40px;background:#fff;border:1px solid var(--line);color:var(--navy);transition:.3s;min-height:48px}
.audb .ai{width:36px;height:36px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:var(--lav);flex-shrink:0}
.audb .ai img{width:100%;height:100%;object-fit:cover}
.audb .ai svg{width:20px;height:20px;color:var(--royal)}
.audb b{font-family:var(--serif);font-weight:500;font-size:19px}
.audb i{font-style:normal;font-size:11px;letter-spacing:.08em;color:var(--muted)}
.audb:hover{border-color:var(--royal)}
.audb.on{background:var(--royal);border-color:var(--royal);color:#fff}.audb.on i{color:#c9c8f3}
.chip[hidden]{display:none}
.looks-head{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap;margin-bottom:16px}
.aud-line{margin:0;font-family:var(--serif);font-size:clamp(19px,1.6vw,24px);color:var(--navy)}
.looks{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;scrollbar-width:thin}
.looks figure{margin:0;flex:0 0 clamp(170px,19vw,260px);aspect-ratio:4/5;border-radius:18px;overflow:hidden;cursor:zoom-in;scroll-snap-align:start;box-shadow:0 20px 36px -28px rgba(34,40,110,.6)}
.looks figure[hidden]{display:none}
.looks img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.looks figure:hover img{transform:scale(1.05)}
.aud-tag{background:var(--royal)!important;color:#fff;display:flex;align-items:center;font-family:var(--serif);font-size:22px;padding:14px 20px!important;transition:background .3s}
.aud-tag:hover{background:var(--violet)!important}
/* menu: shop-by entries */
.dd-menu a.txt.aud{padding:12px 8px}
.dd-menu a.txt.aud b{font-size:21px}
/* lookbook film reel */
.films.reel{grid-template-columns:repeat(5,1fr)}
.films.reel .film:nth-child(even){transform:none}
@media (max-width:1180px){.films.reel .film:nth-child(n+4){display:block}.films.reel{grid-template-columns:repeat(4,1fr)}}

/* responsive (v9 sweep) */
@media (max-width:1100px){.doors{grid-template-columns:1fr 1fr}.door{aspect-ratio:4/4.4}}
@media (max-width:900px){.films.reel{grid-template-columns:repeat(3,1fr)}}
@media (max-width:640px){
  .doors{gap:10px}
  .door{aspect-ratio:3/4.4;border-radius:20px 20px 70px 20px}
  .door-tx{padding:14px 14px 18px}
  .door h3{font-size:28px;margin:8px 0 4px}
  .door p{display:none}
  .door-n{font-size:9px;padding:5px 9px}
  .door-go{font-size:9.5px;letter-spacing:.12em}
  .films.reel{grid-template-columns:1fr 1fr}.films.reel .film:nth-child(n+3){display:block}
  .looks figure{flex-basis:62vw}
  .audb{padding:4px 12px 4px 4px;min-height:44px}.audb b{font-size:17px}
  .explore-f .wrap:last-child{padding-bottom:10px}
  .dk-ctrl{gap:10px}
}
.dd-menu{grid-template-columns:repeat(12,1fr);width:680px}
.dd-menu>a{grid-column:span 4}
.dd-menu>a.txt.aud{grid-column:span 3;padding:12px 6px;background:var(--lav)}
.dd-menu>a.txt.aud:hover{background:var(--royal)}.dd-menu>a.txt.aud:hover b,.dd-menu>a.txt.aud:hover span{color:#fff}


/* ================= v10 — hero slides 2 & 3 ================= */
/* slide 2: pan-India network */
.tx.net{z-index:2}
.tx.net svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.net .links path{fill:none;stroke:#bfe6ff;stroke-width:1.3;stroke-linecap:round;filter:drop-shadow(0 0 3px rgba(134,198,234,.95));stroke-dasharray:260;stroke-dashoffset:260;opacity:.9}
.slide.on .net .links path{animation:draw 1.4s cubic-bezier(.6,0,.2,1) var(--d) forwards}
@keyframes draw{to{stroke-dashoffset:0}}
.net .city{opacity:0}
.slide.on .net .city{animation:pop .6s var(--ease) var(--d) forwards}
@keyframes pop{from{opacity:0;transform:scale(.3)}to{opacity:1;transform:none}}
.net .city{transform-box:fill-box;transform-origin:center}
.net .dot{fill:#fff;filter:drop-shadow(0 0 4px rgba(191,230,255,1))}
.net .ring{fill:none;stroke:#bfe6ff;stroke-width:1;transform-box:fill-box;transform-origin:center;animation:ringp 2.6s ease-out infinite}
.net .city.hq .dot{fill:#f1c8b6;filter:drop-shadow(0 0 6px rgba(227,174,149,1))}
.net .city.hq .ring{stroke:#f1c8b6;animation-duration:2s}
@keyframes ringp{0%{transform:scale(.6);opacity:1}100%{transform:scale(2.6);opacity:0}}
.net text{font:500 9px var(--sans);letter-spacing:.2em;fill:#fff;opacity:0}
.slide.on .net text{animation:pop .8s var(--ease) .4s forwards}
/* slide 2: stats under the CTA */
.bstats{position:absolute;display:flex;gap:1.2cqw;pointer-events:none}
.bstats>div{min-width:8.2cqw;padding:.9cqw 1.3cqw;border-radius:1.2cqw 1.2cqw 2.6cqw 1.2cqw;background:rgba(255,255,255,.66);border:1px solid rgba(255,255,255,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 1.2cqw 2.4cqw -1.4cqw rgba(34,40,110,.45);text-align:left;opacity:0;translate:0 1cqw;transition:opacity .8s var(--ease),translate .8s var(--ease)}
.slide.on .bstats>div{opacity:1;translate:0 0}
.slide.on .bstats>div:nth-child(1){transition-delay:1s}.slide.on .bstats>div:nth-child(2){transition-delay:1.12s}.slide.on .bstats>div:nth-child(3){transition-delay:1.24s}
.bstats b{display:block;font:500 max(20px,2.5cqw)/1 var(--serif);color:var(--royal)}
.bstats span{display:block;margin-top:.3cqw;font:500 max(9px,.72cqw)/1.2 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
@media (max-width:760px){.tx.net,.bstats{display:none}}

/* slide 3: live collection showcase */
.bnr .cs{background:radial-gradient(90% 120% at 85% 10%,#ffffff 0%,#f6eef6 45%,#e6ddf0 100%)}
.cs-bg{position:absolute;inset:0;background:url(../banner/bg-flowers.webp) center/cover;opacity:.55}
.cs-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(252,251,255,.92) 0%,rgba(252,251,255,.55) 40%,rgba(252,251,255,.35) 70%,rgba(252,251,255,.75) 100%)}
.cs .sparkle{z-index:1}
.cs-in{position:absolute;inset:0;z-index:3;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr) minmax(0,.9fr);gap:clamp(18px,2.6vw,48px);align-items:center;max-width:1560px;margin:0 auto;padding:clamp(22px,3vw,44px) var(--hgut) clamp(78px,7vw,104px)}
.cs-copy{color:#2d3371}
.cs .g-2.ed-h{font-size:clamp(40px,4.6vw,72px);line-height:1;margin:0 0 26px}
.cs .g-kick{font-size:11px;gap:10px}.cs .g-kick::before{width:8px;height:8px}
.cs .g-btn{padding:15px 26px;font-size:12px;gap:10px}
.cs-stage{position:relative;height:100%;max-height:560px;display:grid;place-items:center}
.cs-halo{position:absolute;width:min(88%,440px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 42%,#ffffff 0%,#f4f2fc 42%,#dcdaf2 66%,rgba(220,218,242,0) 72%)}
.cs-orbit{position:absolute;width:min(98%,500px);aspect-ratio:1;border-radius:50%;border:1px dashed rgba(46,52,144,.25);animation:spin 50s linear infinite}
.cs-item{position:absolute;width:min(62%,300px);aspect-ratio:1;display:grid;place-items:center;opacity:0;scale:.8;rotate:-8deg;transition:opacity .7s var(--ease),scale 1s var(--ease),rotate 1s var(--ease);pointer-events:none}
.cs-item.on{opacity:1;scale:1;rotate:0deg;pointer-events:auto}
.cs-item img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 28px 26px rgba(34,40,110,.3))}
.cs-item.on img{animation:float 6s ease-in-out infinite}
.cs-item.photo{width:min(58%,280px);border-radius:50%;overflow:hidden;box-shadow:0 30px 60px -30px rgba(34,40,110,.6);border:6px solid #fff}
.cs-item.photo img{object-fit:cover;filter:none;animation:none}
.cs-names{position:absolute;left:0;right:0;bottom:0;height:64px}
.cs-name{position:absolute;inset:0;text-align:center;opacity:0;translate:0 10px;transition:.6s var(--ease)}
.cs-name.on{opacity:1;translate:0 0;transition-delay:.2s}
.cs-name b{display:block;font:500 clamp(22px,2vw,30px)/1.1 var(--serif);color:var(--navy)}
.cs-name span{display:block;margin-top:6px;font:500 11px/1.3 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--violet)}
.cs-tiles{display:grid;grid-template-columns:1fr 1fr;gap:clamp(8px,.9vw,14px)}
.cs-tile{position:relative;height:clamp(76px,8.4vw,118px);border-radius:18px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.95);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:grid;place-items:center;padding:12px 16px;overflow:hidden;box-shadow:0 18px 34px -26px rgba(34,40,110,.5);transition:transform .5s var(--ease),box-shadow .5s,background .5s;opacity:0;translate:0 16px}
.slide.on .cs-tile{opacity:1;translate:0 0;transition:transform .5s var(--ease),box-shadow .5s,background .5s,opacity .8s var(--ease),translate .8s var(--ease)}
.slide.on .cs-tile:nth-child(2){transition-delay:0s,0s,0s,.08s,.08s}.slide.on .cs-tile:nth-child(3){transition-delay:0s,0s,0s,.16s,.16s}.slide.on .cs-tile:nth-child(4){transition-delay:0s,0s,0s,.24s,.24s}.slide.on .cs-tile:nth-child(5){transition-delay:0s,0s,0s,.32s,.32s}.slide.on .cs-tile:nth-child(6){transition-delay:0s,0s,0s,.4s,.4s}
.cs-tile img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.cs-tile i{position:absolute;left:14px;right:14px;bottom:8px;height:2px;border-radius:2px;background:linear-gradient(90deg,#86c6ea,#e889b8);transform:scaleX(0);transform-origin:left}
.cs-tile.on{background:#fff;transform:translateY(-4px);box-shadow:0 26px 44px -24px rgba(34,40,110,.55)}
.cs-tile.on i{animation:bar var(--cs,2s) linear forwards}
.cs-tile:hover{background:#fff}
@media (max-width:1100px){.cs-in{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.cs-tiles{display:none}}
@media (max-width:760px){
  .cs-in{grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:6px;padding:18px 16px 52px;align-items:stretch}
  .cs .g-2.ed-h{font-size:30px;margin-bottom:0}.cs .g-ctas,.cs .g-kick{display:none}
  .cs-stage{max-height:none}.cs-names{height:52px}.cs-name b{font-size:20px}.cs-name span{font-size:9.5px}
  .cs-item{width:min(52%,220px)}.cs-item.photo{width:min(48%,200px)}
}
/* v10 fixes: size the stage from its height, keep logos inside tiles */
.cs-halo{width:auto;height:min(80%,440px)}
.cs-orbit{width:auto;height:min(92%,500px)}
.cs-item{width:auto;height:min(52%,300px);translate:0 -6%}
.cs-item.photo{width:auto;height:min(48%,280px)}
.cs-tile img{position:absolute;top:12px;left:16px;width:calc(100% - 32px);height:calc(100% - 26px);max-width:none;max-height:none;object-fit:contain}
@media (max-width:760px){.cs-halo{height:74%}.cs-orbit{height:86%}.cs-item{height:48%}.cs-item.photo{height:44%}}


/* ================= v11 — six-collection gallery ================= */
.cg{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.6vw,24px)}
.cgc{position:relative;display:flex;flex-direction:column;aspect-ratio:4/4.6;padding:clamp(20px,2vw,28px);border-radius:28px 28px var(--d-rad) 28px;overflow:hidden;isolation:isolate;color:var(--navy);
  box-shadow:0 34px 60px -46px rgba(24,28,72,.6);transition:transform .6s var(--ease),box-shadow .6s}
.cgc::before{content:"";position:absolute;inset:0;z-index:-2;background:var(--tone)}
.cgc::after{content:"";position:absolute;inset:0;z-index:-1;background:url(../banner/bg-bokeh.webp) center/cover;opacity:.35;mix-blend-mode:soft-light;pointer-events:none}
.cgc:hover{transform:translateY(-8px);box-shadow:0 46px 70px -42px rgba(24,28,72,.65)}
.cgc.dark{--tone:radial-gradient(90% 70% at 50% 45%,#4a50b8 0%,#2e3490 45%,#181c48 100%);color:#fff}
.cgc.lilac{--tone:radial-gradient(90% 70% at 50% 45%,#ffffff 0%,#f1e8fa 45%,#dccbef 100%);color:#4a2a63}
.cgc.blush{--tone:radial-gradient(90% 70% at 50% 45%,#ffffff 0%,#fbecf1 45%,#efcfdb 100%);color:#5a1f45}
.cgc.sky{--tone:radial-gradient(90% 70% at 50% 45%,#ffffff 0%,#eaf4fc 45%,#cfe3f4 100%);color:var(--navy)}
.cgc.pastel{--tone:radial-gradient(90% 70% at 50% 45%,#ffffff 0%,#fdf0f6 40%,#e3e0fa 100%);color:var(--navy)}
.cgc.photo{color:#fff}
.cg-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;position:relative;z-index:2}
.cg-logo{height:clamp(54px,5vw,74px);width:auto;max-width:62%;object-fit:contain;object-position:left}
.cgc.dark .cg-logo{filter:brightness(0) invert(1)}
.cgc.photo .cg-logo{background:rgba(255,255,255,.92);padding:8px 12px;border-radius:14px;height:clamp(60px,5.4vw,80px)}
.cg-n{flex-shrink:0;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;font-weight:500;padding:7px 12px;border-radius:30px;background:rgba(255,255,255,.6);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.cgc.dark .cg-n,.cgc.photo .cg-n{background:rgba(255,255,255,.16);color:#fff}
.cg-stage{flex:1;position:relative;display:grid;place-items:center;min-height:0}
.cg-halo{position:absolute;width:min(78%,300px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.95) 0%,rgba(255,255,255,.55) 45%,rgba(255,255,255,0) 70%);transition:transform .9s var(--ease)}
.cgc.dark .cg-halo{background:radial-gradient(circle,rgba(170,178,255,.5) 0%,rgba(120,128,230,.18) 45%,transparent 70%)}
.cg-prod{position:relative;width:auto;height:min(78%,250px);max-width:72%;object-fit:contain;filter:drop-shadow(0 24px 22px rgba(24,28,72,.28));transition:transform 1s var(--ease)}
.cgc:hover .cg-prod{transform:translateY(-10px) scale(1.06) rotate(-3deg)}
.cgc:hover .cg-halo{transform:scale(1.12)}
.cg-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.4s var(--ease)}
.cgc.photo:hover .cg-photo{transform:scale(1.06)}
.cgc.photo::after{opacity:1;mix-blend-mode:normal;background:linear-gradient(180deg,rgba(24,28,72,.15) 0%,rgba(24,28,72,0) 30%,rgba(24,28,72,.25) 55%,rgba(24,28,72,.88) 100%)}
.cgc.photo .cg-top{flex:1}
.cg-foot{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;transition:transform .6s var(--ease)}
.cg-foot p{margin:0;font-family:var(--serif);font-weight:500;font-size:clamp(21px,1.8vw,27px);line-height:1.2;max-width:15ch}
.cg-go{flex-shrink:0;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--royal);color:#fff;transition:.5s var(--ease)}
.cgc.dark .cg-go,.cgc.photo .cg-go{background:#fff;color:var(--royal)}
.cgc:hover .cg-go{transform:rotate(-45deg);background:var(--violet);color:#fff}
/* three more designs slide up on hover */
.cg-thumbs{position:absolute;z-index:3;left:clamp(20px,2vw,28px);bottom:clamp(20px,2vw,28px);display:flex;gap:8px;opacity:0;translate:0 24px;transition:opacity .5s var(--ease),translate .6s var(--ease);pointer-events:none}
.cg-thumbs span{width:clamp(54px,4.6vw,68px);aspect-ratio:1;border-radius:14px;background:rgba(255,255,255,.92);display:grid;place-items:center;box-shadow:0 12px 24px -14px rgba(24,28,72,.5)}
.cg-thumbs img{width:80%;height:80%;object-fit:contain}
.cg-thumbs span:nth-child(2){transition-delay:.05s}
@media (hover:hover) and (min-width:901px){
  .cgc:hover .cg-thumbs{opacity:1;translate:0 0}
  .cgc:has(.cg-thumbs):hover .cg-foot p{opacity:0;transform:translateY(-8px);transition:.4s}
}
@media (max-width:1100px){.cg{grid-template-columns:1fr 1fr}}
@media (max-width:640px){
  .cg{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:0 calc(var(--gut) * -1);padding:4px var(--gut) 18px;scrollbar-width:none}
  .cg::-webkit-scrollbar{display:none}
  .cgc{flex:0 0 78vw;scroll-snap-align:center;aspect-ratio:4/5;border-radius:24px 24px 90px 24px}
  .cg-thumbs{display:none}
}
.cgc{border-radius:28px 28px 96px 28px}
.cg-foot{margin-right:clamp(26px,2.6vw,40px)}
.cg-foot p{transition:opacity .25s,transform .4s var(--ease)}


/* ================= v12 — headings that hold their line, premium collection cards ================= */
/* section headings: full width, balanced lines, italic phrase kept together */
.head>div{flex:1 1 560px;min-width:0}
.head h2{max-width:24ch;text-wrap:balance}
.h1,.h2{text-wrap:balance}
@media (min-width:641px){.h2 em,.h1 em{white-space:nowrap}}
.head>.btn,.head>.link{flex-shrink:0;margin-bottom:6px}

/* premium collection cards */
.cg-sec{background:linear-gradient(180deg,var(--paper) 0%,#f3f1fb 55%,var(--paper) 100%)}
.cg{perspective:1400px}
.cgc{transform-style:preserve-3d;transition:transform .5s var(--ease),box-shadow .6s;padding:clamp(22px,2.2vw,32px)}
.cgc.in{transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(var(--ty,0px))}
.cgc:hover{--ty:-8px}
.cg-frame{position:absolute;inset:10px;border-radius:20px 20px 86px 20px;border:1px solid rgba(196,134,107,.45);pointer-events:none;z-index:1;transition:border-color .6s}
.cgc.dark .cg-frame,.cgc.photo .cg-frame{border-color:rgba(241,211,195,.4)}
.cgc:hover .cg-frame{border-color:rgba(196,134,107,.85)}
.cg-sheen{position:absolute;inset:0;z-index:4;pointer-events:none;overflow:hidden;border-radius:inherit}
.cg-sheen::before{content:"";position:absolute;top:-30%;bottom:-30%;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-16deg);transition:left 1.1s var(--ease)}
.cgc:hover .cg-sheen::before{left:130%}
.cg-label{position:relative;z-index:2;display:flex;align-items:center;gap:10px;font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;font-weight:500;opacity:.8}
.cg-label i{font-style:normal;font-family:var(--serif);font-size:20px;letter-spacing:0;color:var(--rose)}
.cgc.dark .cg-label i,.cgc.photo .cg-label i{color:var(--rose-2)}
.cg-label span{display:inline-flex;align-items:center;gap:10px}
.cg-label span::before{content:"";width:22px;height:1px;background:currentColor;opacity:.5}
.cg-label b{margin-left:auto;font-weight:500}
.cg-n{display:none}
.cg-top{justify-content:center;margin-top:14px}
.cg-logo{object-position:center;max-width:70%;height:clamp(58px,5.2vw,78px)}
.cgc.photo .cg-top{flex:1;align-items:flex-start}
/* pedestal + floating piece */
.cg-stage{margin:6px 0 4px}
.cg-prod{height:min(70%,230px);animation:float 7s ease-in-out infinite}
.cgc:nth-child(2) .cg-prod{animation-delay:-1.4s}.cgc:nth-child(3) .cg-prod{animation-delay:-2.8s}.cgc:nth-child(4) .cg-prod{animation-delay:-4.2s}.cgc:nth-child(5) .cg-prod{animation-delay:-5.6s}
.cgc:hover .cg-prod{transform:translateY(-12px) scale(1.07);transition:transform 1s var(--ease)}
.cg-plinth{position:absolute;bottom:4%;left:50%;width:46%;height:14px;translate:-50% 0;border-radius:50%;background:radial-gradient(closest-side,rgba(24,28,72,.28),rgba(24,28,72,0));filter:blur(2px);transition:width .9s var(--ease),opacity .9s}
.cgc.dark .cg-plinth{background:radial-gradient(closest-side,rgba(0,0,0,.45),rgba(0,0,0,0))}
.cgc:hover .cg-plinth{width:36%;opacity:.7}
/* footer: serif line + fine outline arrow */
.cg-foot{align-items:center;padding-top:14px;border-top:1px solid rgba(46,52,144,.14)}
.cgc.dark .cg-foot,.cgc.photo .cg-foot{border-top-color:rgba(255,255,255,.22)}
.cg-foot p{font-size:clamp(20px,1.7vw,25px)}
.cg-go{width:44px;height:44px;background:transparent;color:currentColor;border:1px solid currentColor}
.cgc.dark .cg-go,.cgc.photo .cg-go{background:transparent;color:#fff}
.cgc:hover .cg-go{background:var(--royal);border-color:var(--royal);color:#fff}
.cgc.dark:hover .cg-go,.cgc.photo:hover .cg-go{background:#fff;border-color:#fff;color:var(--royal)}
.cg-thumbs{bottom:calc(clamp(22px,2.2vw,32px) + 2px)}
@media (max-width:640px){.cg-frame{border-radius:16px 16px 80px 16px}.cg-label{font-size:9.5px}}
@media (prefers-reduced-motion:reduce){.cg-prod{animation:none}}
.cgc:hover .cg-prod{transform:none;translate:0 -12px;scale:1.07}
.cg-prod{transition:translate 1s var(--ease),scale 1s var(--ease)}


/* ================= v13 — content-doc components, premium finish ================= */
.lead{font-family:var(--serif);font-weight:500;font-size:clamp(20px,1.7vw,25px);line-height:1.42;color:var(--navy)}
.royal .lead{color:#fff}
.about-h p:not(.lead),.prow p,#why-dishaa p{color:#4d5078}
/* framed image with a rose-gold hairline */
.pf{position:relative;overflow:hidden;border-radius:26px 26px var(--d-rad) 26px;aspect-ratio:4/3.4;box-shadow:0 40px 70px -48px rgba(24,28,72,.6);background:#fff}
.pf>img{width:100%;height:100%;object-fit:cover;transition:transform 1.6s var(--ease)}
.pf:hover>img{transform:scale(1.04)}
.pf-line{position:absolute;inset:10px;border:1px solid rgba(241,211,195,.75);border-radius:18px 18px calc(var(--d-rad) - 10px) 18px;pointer-events:none}
/* fact counts */
.factline{display:grid;grid-template-columns:repeat(3,1fr);margin:26px 0 22px;border-top:1px solid rgba(196,134,107,.35);border-bottom:1px solid rgba(196,134,107,.35)}
.factline>div{padding:16px 10px;text-align:center}
.factline>div+div{border-left:1px solid rgba(196,134,107,.35)}
.factline b{display:block;font-family:var(--serif);font-weight:500;font-size:clamp(30px,3vw,44px);line-height:1;color:var(--royal)}
.factline span{display:block;margin-top:6px;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.factline.big{margin:0}.factline.big b{font-size:clamp(46px,5.4vw,84px)}.factline.big>div{padding:26px 10px}
/* home: about */
.ah-art{position:relative;padding:0 9% 11% 0}
.ah-main{aspect-ratio:4/5}
.ah-inset{position:absolute;right:0;bottom:0;width:46%;aspect-ratio:1;object-fit:cover;border-radius:22px 22px 70px 22px;border:6px solid var(--paper);box-shadow:0 30px 60px -30px rgba(34,40,110,.55)}
.ah-badge{position:absolute;left:-12px;top:28px;background:var(--grad-royal);color:#fff;border-radius:22px 22px 50px 22px;padding:18px 24px 20px;box-shadow:0 24px 40px -20px rgba(34,40,110,.6)}
.ah-badge b{display:block;font-family:var(--serif);font-weight:500;font-size:clamp(40px,3.6vw,54px);line-height:1}
.ah-badge span{font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:#cfd0f0}
/* image / text rows */
.prows{display:grid;gap:clamp(48px,7vw,104px)}
.prow{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,84px);align-items:center}
.prow.flip>:first-child{order:2}
.prow .bullets{margin-top:6px}.prow .bullets li{color:#4d5078}.prow .bullets b{color:var(--navy);font-weight:500}
/* values: ten in two rows */
.values.v10{grid-template-columns:repeat(5,1fr)}
.values.v10 .val:nth-child(-n+2){background:var(--grad-royal)}.values.v10 .val:nth-child(-n+2) b,.values.v10 .val:nth-child(-n+2) svg{color:#fff}
/* USPs */
.uspg{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(10px,1.2vw,18px)}
.uspc{position:relative;background:#fff;border-radius:22px 22px 54px 22px;padding:26px 24px 28px;display:flex;flex-direction:column;gap:14px;box-shadow:0 18px 40px -32px rgba(34,40,110,.5);transition:.45s var(--ease)}
.uspc::after{content:"";position:absolute;inset:7px;border:1px solid rgba(196,134,107,.3);border-radius:16px 16px 48px 16px;pointer-events:none}
.uspc i{position:absolute;top:18px;right:22px;font-style:normal;font-family:var(--serif);font-size:30px;line-height:1;color:var(--rose)}
.uspc svg{width:40px;height:40px;color:var(--royal);transition:color .45s}
.uspc p{margin:0;font-size:15px;line-height:1.5;color:var(--text);transition:color .45s}
.uspc:hover{background:var(--royal);transform:translateY(-5px)}.uspc:hover p,.uspc:hover svg{color:#fff}.uspc:hover i{color:var(--rose-2)}
/* branding / display / training */
.bgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,1.6vw,24px)}
.bcard{display:flex;flex-direction:column;gap:10px}
.bcard .pf{aspect-ratio:4/3;border-radius:22px 22px 70px 22px}.bcard .pf-line{border-radius:14px 14px 60px 14px}
.bcard h3{font-size:clamp(25px,2.1vw,31px);color:var(--navy);margin-top:10px}
.bcard p{margin:0;color:var(--muted);font-size:15px}.bcard p b{color:var(--navy);font-weight:500}
.bcard.more{position:relative;border-radius:26px 26px 80px 26px;padding:30px 28px 34px;justify-content:flex-end;overflow:hidden}
.bcard.more h3{color:#fff}.bcard.more p{color:#dcdcf5}.bcard.more p b{color:#fff}
.bcard.more .btn{align-self:flex-start;margin-top:12px}
/* affiliations */
.affs{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.4vw,20px);max-width:1000px;margin:0 auto}
.aff{background:#fff;border-radius:22px 22px 54px 22px;padding:28px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;box-shadow:0 18px 40px -32px rgba(34,40,110,.5)}
.aff-im{height:90px;width:100%;display:grid;place-items:center;margin-bottom:12px}
.aff-im img{max-height:90px;max-width:220px;width:auto;height:auto;object-fit:contain}
.aff b{font-family:var(--serif);font-weight:500;font-size:21px;color:var(--navy)}
.aff span{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
/* why platinum quotes */
.qpair{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,1.6vw,24px)}
.qcard{position:relative;background:#fff;border-radius:28px 28px 100px 28px;padding:clamp(28px,3.4vw,50px);box-shadow:0 30px 60px -44px rgba(34,40,110,.55);overflow:hidden}
.qcard::after{content:"";position:absolute;inset:10px;border:1px solid rgba(196,134,107,.35);border-radius:20px 20px 90px 20px;pointer-events:none}
.qm{display:block;font-family:var(--serif);font-size:120px;line-height:.9;height:52px;color:var(--peri)}
.qcard h3{font-size:clamp(27px,2.5vw,36px);font-style:italic;color:var(--navy);margin-bottom:14px}
.qcard p{margin:0;color:#4d5078}
.qcard.royal h3{color:#fff}.qcard.royal p{color:#dcdcf5}.qcard.royal .qm{color:rgba(255,255,255,.3)}.qcard.royal::after{border-color:rgba(241,211,195,.4)}
/* the platinum hub category list */
.hubsec{background:linear-gradient(180deg,var(--paper),#f3f1fb)}
.hubcols{display:grid;grid-template-columns:1.4fr 1fr;gap:clamp(18px,2.4vw,40px)}
.hubcol{position:relative;background:#fff;border-radius:28px 28px 90px 28px;padding:clamp(26px,3vw,44px);box-shadow:0 30px 60px -46px rgba(34,40,110,.55)}
.hubcol::after{content:"";position:absolute;inset:10px;border:1px solid rgba(196,134,107,.35);border-radius:20px 20px 80px 20px;pointer-events:none}
.hubcol h3{font-size:clamp(26px,2.3vw,34px);color:var(--navy);margin-bottom:12px}
.hubcol dl{margin:0;display:grid;grid-template-columns:1fr 1fr;column-gap:28px}
.hubcol:last-child dl{grid-template-columns:1fr}
.hubcol dl>div{padding:13px 0;border-bottom:1px solid var(--line)}
.hubcol dt{font-family:var(--serif);font-weight:500;font-size:20px;color:var(--royal)}
.hubcol dd{margin:2px 0 0;font-size:14px;color:var(--muted);line-height:1.45}
/* collection pages: subtitle + description */
.csub{margin:12px 0 4px;color:#4d5078;max-width:56ch;line-height:1.6}
.csub b{display:block;font-family:var(--serif);font-weight:500;font-size:clamp(19px,1.6vw,23px);color:var(--royal);margin-bottom:6px}
/* accessories made on order */
.acc p{margin:6px 0 0;font-size:14px;color:#dcdcf5;line-height:1.45}
.acc.mono{background:var(--grad-royal)}
.acc.mono>img{inset:auto;left:50%;top:30%;width:26%;height:auto;object-fit:contain;translate:-50% -50%;filter:brightness(0) invert(1);opacity:.85;z-index:0}
.acc.mono::before{background:linear-gradient(180deg,transparent 40%,rgba(24,28,72,.5))}
.onreq{display:inline-block;margin-top:10px;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;padding:6px 12px;border-radius:30px;background:rgba(255,255,255,.16)}
/* footer additions */
.fabout{margin:20px 0 0;max-width:34ch;line-height:1.7}
.ftr .soc{display:flex;gap:10px;margin-top:16px}
.ftr .soc a{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line-dk);color:#fff;transition:.35s var(--ease)}
.ftr .soc a:hover{background:#fff;color:var(--royal)}
@media (max-width:1180px){.uspg{grid-template-columns:repeat(3,1fr)}.bgrid{grid-template-columns:1fr 1fr}}
@media (max-width:900px){
  .prow,.qpair,.hubcols{grid-template-columns:1fr}.prow.flip>:first-child{order:0}
  .uspg{grid-template-columns:1fr 1fr}.values.v10{grid-template-columns:repeat(3,1fr)}
  .ah-art{max-width:520px}.affs{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .uspg,.bgrid,.affs{grid-template-columns:1fr}.values.v10{grid-template-columns:1fr 1fr}
  .hubcol dl{grid-template-columns:1fr}
  .factline span{font-size:9px;letter-spacing:.12em}.factline>div{padding:12px 4px}
  .ah-badge{left:0}
}
.qcard.royal{background:var(--grad-royal)}
/* manufacturers strip (partner page) */
.mfr{background:linear-gradient(180deg,var(--paper),#f3f1fb)}
.mfr .logos .item{padding:0 9px}
.mfr .logos .item{width:clamp(170px,15vw,220px);height:clamp(92px,8vw,112px);margin:8px 0;display:grid;place-items:center;background:#fff;border-radius:20px 20px 46px 20px;box-shadow:0 18px 34px -28px rgba(34,40,110,.5);position:relative;margin-right:14px}
.mfr .logos .item::after{content:"";position:absolute;inset:6px;border:1px solid rgba(196,134,107,.3);border-radius:15px 15px 40px 15px;pointer-events:none}
.mfr .logos img{max-width:78%;max-height:60%;height:auto;width:auto;filter:grayscale(1) contrast(1.05);opacity:.8;mix-blend-mode:multiply}
.mfr .logos .item:hover img{filter:none;opacity:1}

/* ================= v14 — inner-page banners, collection stage, values ================= */
.phx,.chx{position:relative;margin-top:86px;overflow:hidden;color:#fff;isolation:isolate;
  background:radial-gradient(75% 95% at 12% 25%,#3e44a6 0%,#2e3490 42%,#1b2058 100%)}
.phx::before,.chx::before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;opacity:.5;background:radial-gradient(40% 60% at 0% 100%,rgba(103,56,127,.55),transparent 70%),radial-gradient(35% 45% at 45% 0%,rgba(134,198,234,.22),transparent 70%)}
.phx .sparkle,.chx .sparkle{z-index:0}
.phx{min-height:clamp(440px,62vh,620px);display:flex;align-items:center}
.phx-photo{position:absolute;top:0;right:0;bottom:0;width:62%;z-index:-1;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.55) 22%,#000 46%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.55) 22%,#000 46%)}
.phx-photo img{width:100%;height:100%;object-fit:cover;animation:kb 18s ease-out both}
.phx-photo::before{content:"";position:absolute;inset:0;z-index:1;background:#2e3490;mix-blend-mode:color;opacity:.28}
.phx-photo::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(27,32,88,.55),transparent 38%),linear-gradient(180deg,rgba(27,32,88,.35),transparent 30%)}
.phx-in{position:relative;z-index:2;padding-top:clamp(40px,6vh,70px);padding-bottom:clamp(54px,8vh,90px)}
.phx .crumbs,.chx .crumbs{color:#cfd0f0}.phx .crumbs a:hover,.chx .crumbs a:hover{color:#fff}
.phx h1{color:#fff;margin:18px 0 18px;max-width:13ch;font-size:clamp(44px,5.6vw,86px)}
.phx h1 em,.chx h1 em{color:#c9c8f3}
.phx .sub{color:#dcdcf5;max-width:44ch;margin:0}
.phx-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.phx-chips span{font-size:11px;letter-spacing:.2em;text-transform:uppercase;padding:8px 14px;border-radius:30px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.06);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.phx-line{position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,#e3ae95 30%,#f1d3c3 50%,#e3ae95 70%,transparent);opacity:.8}
.phx .tagrow span{background:rgba(255,255,255,.1);color:#fff;box-shadow:none;border:1px solid rgba(255,255,255,.25)}
.phx img[alt="D — The Platinum"]{filter:brightness(0) invert(1)}
/* collection pages */
.chx-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(24px,4vw,70px);align-items:center;padding-top:clamp(40px,6vh,70px);padding-bottom:clamp(50px,7vh,84px);position:relative;z-index:2}
.chx .clogo{height:clamp(76px,8vw,116px);width:auto;max-width:100%;object-fit:contain;margin:24px 0 12px;filter:brightness(0) invert(1)}
.chx h1{color:#fff;margin:10px 0 6px}
.chx .csub{color:#dcdcf5}.chx .csub b{color:#f1d3c3}
.chx .facts div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);box-shadow:none}
.chx .facts b{color:#fff}.chx .facts span{color:#cfd0f0}
.chx .aud-tag{background:#fff!important;color:var(--royal)}
.chx-stage{position:relative;height:clamp(340px,40vw,500px);display:grid;place-items:center}
.chx-stage .cs-orbit{position:absolute;height:92%;width:auto;aspect-ratio:1;border-color:rgba(255,255,255,.22)}
.chx-halo{position:absolute;height:78%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.95) 0%,rgba(236,234,252,.85) 40%,rgba(180,184,240,.35) 62%,rgba(180,184,240,0) 72%)}
.chx-prod{position:relative;height:52%;width:auto;max-width:70%;object-fit:contain;filter:drop-shadow(0 28px 26px rgba(10,12,40,.45));animation:float 7s ease-in-out infinite}
.chx-photo{position:relative;height:62%;aspect-ratio:1;width:auto;object-fit:cover;border-radius:50%;border:6px solid rgba(255,255,255,.9);box-shadow:0 30px 60px -30px rgba(10,12,40,.7)}
/* category line under the filters */
.catline{margin:0 auto;font-family:var(--serif);font-style:italic;font-size:clamp(17px,1.4vw,20px);color:var(--royal);max-height:0;opacity:0;overflow:hidden;transition:max-height .5s var(--ease),opacity .4s,padding .4s}
.catline.on{max-height:60px;opacity:1;padding-bottom:12px}
/* about: values */
.vgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(10px,1.2vw,16px);text-align:center}
.vt{position:relative;background:#fff;border-radius:22px 22px 54px 22px;padding:30px 14px 26px;display:flex;flex-direction:column;align-items:center;gap:12px;box-shadow:0 20px 40px -32px rgba(34,40,110,.5);transition:transform .5s var(--ease),box-shadow .5s}
.vt::after{content:"";position:absolute;inset:7px;border:1px solid rgba(196,134,107,.3);border-radius:16px 16px 48px 16px;pointer-events:none;transition:border-color .5s}
.vt i{position:absolute;top:14px;left:18px;font-style:normal;font-family:var(--serif);font-size:15px;color:var(--rose)}
.vt-ic{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(196,134,107,.55);background:radial-gradient(circle at 50% 35%,#fff,#f1f0fb);transition:background .5s,border-color .5s}
.vt-ic svg{width:34px;height:34px;color:var(--royal);transition:color .5s}
.vt b{font-family:var(--serif);font-weight:500;font-size:clamp(19px,1.5vw,22px);color:var(--navy)}
.vt:hover{transform:translateY(-6px);box-shadow:0 30px 50px -30px rgba(34,40,110,.55)}
.vt:hover::after{border-color:rgba(196,134,107,.8)}
.vt:hover .vt-ic{background:var(--grad-royal);border-color:transparent}.vt:hover .vt-ic svg{color:#fff}
@media (max-width:900px){
  .phx-photo{width:100%;top:auto;height:58%;-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 55%);mask-image:linear-gradient(180deg,transparent 0%,#000 55%)}
  .phx{min-height:620px;align-items:flex-start}
  .chx-grid{grid-template-columns:1fr}.chx-stage{height:320px}
  .vgrid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:640px){.phx,.chx{margin-top:72px}.phx h1{font-size:40px}.vgrid{grid-template-columns:1fr 1fr}.filters{top:72px}}
.phx h1{max-width:18ch;font-size:clamp(42px,5vw,78px)}
.phx h1 em,.phx h1 .split-line{white-space:normal}


/* ================= v15 — talk-to-the-pros links, why-Dishaa tiles, closing banner ================= */
.talk{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:6px}
/* why Dishaa tiles */
.pw-sec{background:linear-gradient(180deg,var(--paper),#f4f2fb 60%,var(--paper))}
.pwb{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:clamp(12px,1.4vw,20px)}
.pwt{position:relative;min-height:clamp(250px,22vw,300px);border-radius:26px 26px 90px 26px;overflow:hidden;isolation:isolate;padding:clamp(24px,2.4vw,34px);color:var(--navy);box-shadow:0 30px 56px -44px rgba(24,28,72,.6);transition:transform .6s var(--ease),box-shadow .6s}
.pwt::before{content:"";position:absolute;inset:0;z-index:-2;background:var(--g)}
.pwt::after{content:"";position:absolute;top:-30%;bottom:-30%;left:-60%;width:40%;z-index:3;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-16deg);transition:left 1.1s var(--ease);pointer-events:none}
.pwt:hover{transform:translateY(-6px);box-shadow:0 40px 64px -40px rgba(24,28,72,.65)}
.pwt:hover::after{left:130%}
.pwt-frame{position:absolute;inset:9px;border:1px solid rgba(196,134,107,.38);border-radius:18px 18px 82px 18px;pointer-events:none;z-index:1}
.pwt-tx{position:relative;z-index:2;max-width:62%}
.pwt h3{font-size:clamp(26px,2.2vw,34px);line-height:1.1}
.pwt small{display:block;margin-top:12px;font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;opacity:.8}
.pwt img{position:absolute;right:7%;bottom:8%;height:58%;width:auto;max-width:42%;object-fit:contain;filter:drop-shadow(0 22px 22px rgba(24,28,72,.28));transition:transform 1s var(--ease)}
.pwt:hover img{transform:translateY(-8px) rotate(-4deg) scale(1.05)}
.pwt.big{grid-row:span 2;min-height:clamp(520px,46vw,620px);color:#fff}
.pwt.big .pwt-tx{max-width:70%}.pwt.big h3{font-size:clamp(40px,4.2vw,62px)}
.pwt.big img{height:78%;max-width:66%;right:-4%;bottom:-6%}
.pwt.wide{grid-column:1/-1;min-height:220px;border-radius:26px 26px 110px 26px}
.pwt.wide .pwt-frame{border-radius:18px 18px 100px 18px}
.pwt.wide .pwt-tx{max-width:60%}.pwt.wide img{height:120%;bottom:-18%;right:8%}
.pwt.royal{--g:radial-gradient(90% 80% at 25% 15%,#4a50b8 0%,#2e3490 45%,#1b2058 100%)}
.pwt.deep{--g:linear-gradient(150deg,#3b3f9e 0%,#2a2d7c 45%,#5a2f72 100%);color:#fff}
.pwt.lilac{--g:radial-gradient(90% 90% at 80% 85%,#ffffff 0%,#efe8fa 45%,#dccdf0 100%)}
.pwt.sky{--g:radial-gradient(90% 90% at 80% 85%,#ffffff 0%,#e5f2fc 45%,#c4dff3 100%)}
.pwt.blush{--g:radial-gradient(90% 90% at 80% 85%,#ffffff 0%,#fbeaf1 45%,#efc9d9 100%);color:#5a1f45}
.pwt.champ{--g:linear-gradient(105deg,#fbf3ee 0%,#f3e6ee 45%,#e6def6 100%)}
.pwt.royal small,.pwt.deep small{color:#f1d3c3}
.pwt.royal .pwt-frame,.pwt.deep .pwt-frame{border-color:rgba(241,211,195,.35)}
@media (max-width:1100px){.pwb{grid-template-columns:1fr 1fr}.pwt.big{grid-column:1/-1;grid-row:auto;min-height:420px}}
@media (max-width:640px){.pwb{grid-template-columns:1fr}.pwt{min-height:230px}.pwt.big{min-height:380px}.pwt.wide img{height:90%;bottom:-8%}.pwt-tx{max-width:64%}}
/* closing banner */
.ctx{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(24px,4vw,60px);align-items:center;padding:clamp(36px,5vw,76px);border-radius:36px 36px 160px 36px;overflow:hidden;isolation:isolate;color:#fff;
  background:radial-gradient(70% 100% at 85% 30%,rgba(134,198,234,.28),transparent 60%),radial-gradient(60% 80% at 0% 100%,rgba(103,56,127,.55),transparent 70%),linear-gradient(135deg,#3e44a6 0%,#2e3490 45%,#1b2058 100%);box-shadow:0 50px 90px -50px rgba(24,28,72,.7)}
.ctx .sparkle{z-index:0}
.ctx-frame{position:absolute;inset:12px;border:1px solid rgba(241,211,195,.35);border-radius:26px 26px 150px 26px;pointer-events:none}
.ctx-copy{position:relative;z-index:2}
.ctx .kick{color:#c9c8f3}.ctx .kick::before{background:var(--rose-2)}
.ctx h2{color:#fff;margin:16px 0 14px;max-width:16ch}.ctx h2 em{color:#c9c8f3}
.ctx p{color:#dcdcf5;max-width:44ch;margin:0 0 24px}
.ctx .ctas{display:flex;gap:12px;flex-wrap:wrap}
.ctx-tel{display:inline-block;margin-top:16px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#f1d3c3;border-bottom:1px solid rgba(241,211,195,.4);padding-bottom:3px}
.ctx-art{position:relative;aspect-ratio:1;max-width:420px;width:100%;justify-self:center;display:grid;place-items:center}
.ctx-art .ring{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.22)}
.ctx-art .r1{inset:0;border-style:dashed;animation:spin 50s linear infinite}
.ctx-art .r2{inset:9%;border-color:rgba(241,211,195,.35)}
.ctx-art .halo{position:absolute;inset:16%;border-radius:50%;background:radial-gradient(circle at 50% 42%,#fff 0%,#f1f0fb 40%,#d9d8f1 62%,rgba(217,216,241,0) 72%)}
.ctx-art img{position:absolute;object-fit:contain;filter:drop-shadow(0 22px 22px rgba(10,12,40,.4))}
.ctx-art .main{width:42%;height:42%;z-index:2;animation:float 7s ease-in-out infinite}
.ctx-art .side{width:24%;height:24%;z-index:1;opacity:.95}
.ctx-art .side.l{left:6%;bottom:18%;rotate:-14deg;animation:float 8s ease-in-out -2s infinite}
.ctx-art .side.r{right:6%;top:16%;rotate:12deg;animation:float 9s ease-in-out -4s infinite}
@media (max-width:900px){.ctx{grid-template-columns:1fr;border-radius:30px 30px 110px 30px}.ctx-frame{border-radius:22px 22px 100px 22px}.ctx-art{max-width:300px}}
@media (max-width:640px){.ctx{padding:40px 22px 46px}.ctx .btn{white-space:normal}}


/* ================= v16 — page-specific banners ================= */
.pb{position:relative;margin-top:86px;overflow:hidden;isolation:isolate;color:var(--navy)}
.pb .sparkle{z-index:0}
.pb-in{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,64px);align-items:center;min-height:clamp(460px,62vh,620px);padding-top:clamp(36px,5vh,60px);padding-bottom:clamp(40px,6vh,70px)}
.pb h1{margin:16px 0 16px;font-size:clamp(42px,5vw,76px);max-width:17ch}
.pb h1 em,.pb h1 .split-line{white-space:normal}
.pb .sub{margin:0;max-width:44ch}
.pb-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.pb-chips span{font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;padding:8px 14px;border-radius:30px;border:1px solid rgba(46,52,144,.22);background:rgba(255,255,255,.55)}
.pb-vis{position:relative;height:100%;min-height:380px;display:grid;place-items:center}
/* dark variants share light text */
.pb-why,.pb-partner,.pb-look,.pb-acc{color:#fff}
.pb-why h1,.pb-partner h1,.pb-look h1,.pb-acc h1{color:#fff}
.pb-why h1 em,.pb-partner h1 em,.pb-look h1 em,.pb-acc h1 em{color:#c9c8f3}
.pb-why .sub,.pb-partner .sub,.pb-look .sub,.pb-acc .sub{color:#dcdcf5}
.pb-why .crumbs,.pb-partner .crumbs,.pb-look .crumbs,.pb-acc .crumbs{color:#cfd0f0}
.pb-why .pb-chips span,.pb-partner .pb-chips span,.pb-look .pb-chips span,.pb-acc .pb-chips span{border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.07)}

/* ABOUT — ivory with a rotating brand seal */
.pb-about{background:radial-gradient(70% 90% at 85% 40%,#ffffff 0%,#f6f1f6 40%,#e9e6f6 100%)}
.pb-about::after{content:"";position:absolute;right:-6%;top:-20%;width:55%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(227,174,149,.22),transparent 65%);z-index:-1}
.pv-seal{position:relative;width:min(100%,440px);aspect-ratio:1;display:grid;place-items:center}
.pv-seal svg{position:absolute;inset:0;width:100%;height:100%;animation:spin 40s linear infinite}
.pv-seal text{font:500 15px var(--sans);letter-spacing:.32em;fill:var(--rose)}
.sl-core{width:62%;aspect-ratio:1;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 50% 35%,#fff,#f1effa);border:1px solid rgba(196,134,107,.55);box-shadow:0 40px 70px -40px rgba(34,40,110,.55),inset 0 0 0 10px rgba(255,255,255,.7)}
.sl-core img{width:46px;height:auto}
.sl-core b{font-family:var(--serif);font-weight:500;font-size:clamp(56px,6vw,88px);line-height:1;color:var(--royal);margin-top:6px}
.sl-core span{font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);max-width:16ch;margin-top:6px}
.sl-chip{position:absolute;background:#fff;border-radius:16px 16px 30px 16px;padding:12px 16px;box-shadow:0 20px 40px -24px rgba(34,40,110,.5);border:1px solid rgba(196,134,107,.3);animation:float 7s ease-in-out infinite}
.sl-chip b{display:block;font-family:var(--serif);font-weight:500;font-size:24px;line-height:1;color:var(--royal)}
.sl-chip span{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.sl-chip.c0{left:-6%;top:12%}.sl-chip.c1{right:-8%;top:44%;animation-delay:-2s}.sl-chip.c2{left:2%;bottom:6%;animation-delay:-4s}

/* COLLECTIONS — a shelf of the six signature pieces */
.pb-collections{background:linear-gradient(180deg,#fbf7f4 0%,#f1ecf7 60%,#e6e2f5 100%)}
.pb-collections .pb-in{grid-template-columns:1fr;min-height:0;gap:20px}
.pv-shelf{width:100%;display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(8px,1.4vw,22px);align-items:end;position:relative;padding-bottom:26px}
.pv-shelf::after{content:"";position:absolute;left:-2%;right:-2%;bottom:52px;height:2px;background:linear-gradient(90deg,transparent,rgba(196,134,107,.6),transparent)}
.shelf-i{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;text-decoration:none;opacity:0;translate:0 30px;animation:rise .9s var(--ease) forwards;animation-delay:calc(var(--i) * .12s + .2s)}
@keyframes rise{to{opacity:1;translate:0 0}}
.ped{position:absolute;bottom:52px;left:12%;right:12%;height:22px;border-radius:50%;background:radial-gradient(closest-side,rgba(46,52,144,.25),transparent)}
.shelf-i img{position:relative;height:clamp(110px,12vw,180px);width:auto;max-width:100%;object-fit:contain;filter:drop-shadow(0 22px 20px rgba(24,28,72,.25));transition:transform .7s var(--ease)}
.shelf-i img.ph{aspect-ratio:1;border-radius:50%;object-fit:cover;border:5px solid #fff;width:clamp(100px,11vw,160px);height:auto}
.shelf-i:hover img{transform:translateY(-12px) scale(1.05)}
.shelf-i b{font-family:var(--serif);font-weight:500;font-size:clamp(15px,1.3vw,19px);color:var(--navy);text-align:center;line-height:1.15;min-height:2.3em}

/* WHY PLATINUM — midnight sky, the element */
.pb-why{background:radial-gradient(60% 80% at 75% 40%,#2b2f7e 0%,#141742 55%,#0b0d2c 100%)}
.pb-why .sparkle i{box-shadow:0 0 10px 2px rgba(255,255,255,.8)}
.pv-elem{position:relative;width:min(100%,460px);aspect-ratio:1;display:grid;place-items:center}
.pv-elem .orbit{position:absolute;inset:6%;border-radius:50%;border:1px dashed rgba(255,255,255,.22);animation:spin 60s linear infinite}
.elem{position:relative;width:46%;aspect-ratio:1;border-radius:18px;padding:16px 18px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,rgba(255,255,255,.22),rgba(255,255,255,.06));border:1px solid rgba(241,211,195,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 0 60px rgba(160,170,255,.35),inset 0 1px 0 rgba(255,255,255,.4);animation:float 8s ease-in-out infinite}
.elem i{font-style:normal;font-size:15px;color:#f1d3c3}
.elem b{font-family:var(--serif);font-weight:500;font-size:clamp(64px,7vw,104px);line-height:.9;background:linear-gradient(100deg,#fff 0%,#c9cbe8 40%,#fff 60%,#aeb2dc 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sheen 6s linear infinite}
.elem span{font-family:var(--serif);font-size:20px}
.elem small{font-size:11px;letter-spacing:.18em;color:#cfd0f0}
.orb{position:absolute;font-size:11px;letter-spacing:.16em;text-transform:uppercase;padding:9px 14px;border-radius:30px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);white-space:nowrap;animation:float 7s ease-in-out infinite}
.orb.o0{top:6%;left:18%}.orb.o1{top:40%;right:-4%;animation-delay:-2s}.orb.o2{bottom:8%;right:16%;animation-delay:-3.5s}.orb.o3{top:52%;left:-6%;animation-delay:-5s}
.meteor{position:absolute;top:2%;right:4%;width:160px;height:2px;background:linear-gradient(90deg,rgba(255,255,255,0),#fff);transform:rotate(-35deg);border-radius:2px;opacity:0;animation:meteor 7s ease-in 1.2s infinite}
@keyframes meteor{0%{opacity:0;translate:120px -80px}6%{opacity:1}22%{opacity:0;translate:-320px 220px}100%{opacity:0;translate:-320px 220px}}

/* PARTNER — rising support tiers */
.pb-partner{background:radial-gradient(70% 90% at 80% 30%,rgba(134,198,234,.22),transparent 60%),linear-gradient(135deg,#3e44a6 0%,#2e3490 45%,#4a2b6e 100%)}
.pv-bars{position:relative;width:min(100%,520px);height:380px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:end;padding-bottom:64px}
.pv-bars .arc{position:absolute;inset:0 0 64px 0;width:100%;height:calc(100% - 64px);overflow:visible}
.pv-bars .arc path{fill:none;stroke:#f1d3c3;stroke-width:2;stroke-dasharray:600;stroke-dashoffset:600;animation:draw 2s var(--ease) .9s forwards;filter:drop-shadow(0 0 6px rgba(241,211,195,.7))}
.bar{position:relative;height:var(--h);border-radius:16px 16px 8px 8px;background:linear-gradient(180deg,rgba(255,255,255,.3),rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.3);border-top:2px solid #e3ae95;transform-origin:bottom;transform:scaleY(0);animation:grow 1s var(--ease) forwards}
.bar.b1{animation-delay:.15s}.bar.b2{animation-delay:.3s}.bar.b3{animation-delay:.45s;background:linear-gradient(180deg,#fff,rgba(255,255,255,.75))}
@keyframes grow{to{transform:scaleY(1)}}
.bv{position:absolute;top:12px;left:0;right:0;text-align:center;font-size:11px;letter-spacing:.14em;color:#dcdcf5}
.bv b{font-family:var(--serif);font-weight:500;font-size:clamp(22px,2vw,30px);letter-spacing:0;color:#fff}
.bar.b3 .bv,.bar.b3 .bv b{color:var(--royal)}
.bl{position:absolute;top:100%;left:-6px;right:-6px;margin-top:10px;text-align:center;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#dcdcf5;line-height:1.35}
.bars-cap{position:absolute;left:0;top:-6px;margin:0;font-family:var(--serif);font-size:clamp(20px,1.8vw,26px);color:#fff}.bars-cap em{color:#f1d3c3}

/* LOOKBOOK — moving gallery wall */
.pb-look{background:linear-gradient(135deg,#1b2058 0%,#151843 100%)}
.pb-look .pb-vis{align-self:stretch;margin:calc(clamp(36px,5vh,60px) * -1) 0 calc(clamp(40px,6vh,70px) * -1)}
.pv-mosaic{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(180deg,transparent,#000 14%,#000 86%,transparent)}
.mv-col{display:flex;flex-direction:column;gap:12px;animation:mvup 40s linear infinite}
.mv-col:nth-child(2){animation-direction:reverse;animation-duration:46s}
.mv-col:nth-child(3){animation-duration:52s}
.mv-col img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:14px}
@keyframes mvup{to{transform:translateY(-50%)}}

/* CONTACT — the hub on the map */
.pb-contact{background:linear-gradient(180deg,#f7f6fd,#ecebf8)}
.pb-contact::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(46,52,144,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(46,52,144,.06) 1px,transparent 1px);background-size:44px 44px}
.pv-map{width:min(100%,500px);display:grid;gap:14px}
.map-card{position:relative;aspect-ratio:400/260;border-radius:26px 26px 80px 26px;overflow:hidden;background:linear-gradient(160deg,#ffffff,#eef0fb);border:1px solid rgba(196,134,107,.35);box-shadow:0 40px 70px -46px rgba(24,28,72,.6)}
.streets{position:absolute;inset:0;width:100%;height:100%}
.streets path{fill:none;stroke:rgba(46,52,144,.14);stroke-width:7;stroke-linecap:round}
.streets path.main{stroke:rgba(134,198,234,.55);stroke-width:12}
.pin{position:absolute;left:52%;top:40%;width:40px;height:40px;translate:-50% -100%}
.pin::before{content:"";position:absolute;inset:0;background:var(--royal);border-radius:50% 50% 50% 0;rotate:-45deg;box-shadow:0 12px 20px -8px rgba(34,40,110,.6)}
.pin i{position:absolute;left:50%;top:44%;width:12px;height:12px;border-radius:50%;background:#fff;translate:-50% -50%}
.pin::after{content:"";position:absolute;left:50%;top:100%;width:16px;height:6px;translate:-50% 4px;border-radius:50%;background:rgba(46,52,144,.35);animation:pulse-sh 1.8s ease-out infinite}
@keyframes pulse-sh{0%{box-shadow:0 0 0 0 rgba(46,52,144,.35)}100%{box-shadow:0 0 0 22px rgba(46,52,144,0)}}
.map-lbl{position:absolute;left:18px;bottom:16px;background:#fff;border-radius:14px;padding:10px 14px;box-shadow:0 14px 30px -18px rgba(34,40,110,.5)}
.map-lbl b{display:block;font-family:var(--serif);font-weight:500;font-size:19px;color:var(--royal)}
.map-lbl span{font-size:12px;color:var(--muted)}
.map-acts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.map-acts a{text-align:center;padding:13px;border-radius:40px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:500;background:#fff;color:var(--royal);border:1px solid rgba(46,52,144,.18);transition:.3s}
.map-acts a:hover{background:var(--royal);color:#fff}

/* EXPLORE — four doors as portraits */
.pb-explore{background:radial-gradient(70% 90% at 80% 40%,#fff 0%,#f2eff9 45%,#e6e2f5 100%)}
.pv-aud{width:min(100%,500px);display:grid;grid-template-columns:1fr 1fr;gap:18px}
.au{position:relative;display:block;aspect-ratio:1;border-radius:50%;overflow:hidden;border:5px solid #fff;box-shadow:0 30px 50px -30px rgba(34,40,110,.55);transition:transform .6s var(--ease)}
.au.a1,.au.a3{translate:0 34px}
.au img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.au::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(24,28,72,.8))}
.au b{position:absolute;left:0;right:0;bottom:16%;z-index:2;text-align:center;color:#fff;font-family:var(--serif);font-weight:500;font-size:clamp(20px,1.8vw,26px)}
.au:hover{transform:translateY(-6px)}.au:hover img{transform:scale(1.07)}

/* ACCESSORIES — a jewellery-box spotlight */
.pb-acc{background:radial-gradient(60% 80% at 72% 20%,#2a2d63 0%,#14162e 60%,#0d0f22 100%)}
.pv-spot{position:relative;width:min(100%,480px);aspect-ratio:1;display:grid;place-items:center}
.beam{position:absolute;top:-30%;left:50%;width:70%;height:100%;translate:-50% 0;background:conic-gradient(from 160deg at 50% 0%,transparent 0deg,rgba(255,255,255,.16) 20deg,transparent 40deg);filter:blur(6px)}
.disc{position:absolute;bottom:16%;width:62%;height:16%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.35),rgba(255,255,255,0))}
.hero-cl{position:relative;width:50%;filter:drop-shadow(0 30px 30px rgba(0,0,0,.6));animation:float 7s ease-in-out infinite}
.ath{position:absolute;width:21%;aspect-ratio:1;border-radius:50%;overflow:hidden;border:3px solid rgba(241,211,195,.7);box-shadow:0 16px 30px -14px rgba(0,0,0,.6);animation:float 8s ease-in-out infinite}
.ath img{width:100%;height:100%;object-fit:cover}
.ath.t0{left:2%;top:10%}.ath.t1{right:2%;top:16%;animation-delay:-2s}.ath.t2{left:6%;bottom:12%;animation-delay:-4s}.ath.t3{right:6%;bottom:8%;animation-delay:-6s}

/* collection pages: each in its own brand tint */
.chx.t-evara{background:radial-gradient(75% 95% at 80% 40%,#ffffff 0%,#f1e8fa 45%,#d9c6ef 100%)}
.chx.t-bandhan{background:radial-gradient(75% 95% at 80% 40%,#ffffff 0%,#fbecf1 45%,#eccada 100%)}
.chx.t-platinum-days-of-love{background:radial-gradient(75% 95% at 80% 40%,#ffffff 0%,#e8f3fc 45%,#c9e0f3 100%)}
.chx.t-farishtey{background:radial-gradient(75% 95% at 80% 40%,#ffffff 0%,#fdf0f6 40%,#e1ddf9 100%)}
.chx.t-pride-n-perfect{background:radial-gradient(75% 95% at 80% 40%,#ffffff 0%,#f8efe9 45%,#e9dff2 100%)}
.chx.t-evara,.chx.t-bandhan,.chx.t-platinum-days-of-love,.chx.t-farishtey,.chx.t-pride-n-perfect{color:var(--navy)}
.chx:is(.t-evara,.t-bandhan,.t-platinum-days-of-love,.t-farishtey,.t-pride-n-perfect)::before{opacity:.15}
.chx:is(.t-evara,.t-bandhan,.t-platinum-days-of-love,.t-farishtey,.t-pride-n-perfect) h1{color:var(--navy)}
.chx:is(.t-evara,.t-bandhan,.t-platinum-days-of-love,.t-farishtey,.t-pride-n-perfect) h1 em{color:var(--royal-2)}
.chx:is(.t-evara,.t-bandhan,.t-platinum-days-of-love,.t-farishtey,.t-pride-n-perfect) .crumbs{color:var(--muted)}
.chx:is(.t-evara,.t-bandhan,.t-platinum-days-of-love,.t-farishtey,.t-pride-n-perfect) .clogo{filter:none}
.chx:is(.t-evara,.t-bandhan,.t-platinum-days-of-love,.t-farishtey,.t-pride-n-perfect) .csub{color:#4d5078}
.chx:is(.t-evara,.t-bandhan,.t-platinum-days-of-love,.t-farishtey,.t-pride-n-perfect) .csub b{color:var(--rose)}
.chx:is(.t-evara,.t-bandhan,.t-platinum-days-of-love,.t-farishtey,.t-pride-n-perfect) .facts div{background:#fff;border-color:rgba(46,52,144,.1)}
.chx:is(.t-evara,.t-bandhan,.t-platinum-days-of-love,.t-farishtey,.t-pride-n-perfect) .facts b{color:var(--royal)}
.chx:is(.t-evara,.t-bandhan,.t-platinum-days-of-love,.t-farishtey,.t-pride-n-perfect) .facts span{color:var(--muted)}
.chx:is(.t-evara,.t-bandhan,.t-platinum-days-of-love,.t-farishtey,.t-pride-n-perfect) .aud-tag{background:var(--royal)!important;color:#fff}
.chx:is(.t-evara,.t-bandhan,.t-platinum-days-of-love,.t-farishtey,.t-pride-n-perfect) .btn-white{background:var(--royal);color:#fff}
.chx:is(.t-evara,.t-bandhan,.t-platinum-days-of-love,.t-farishtey,.t-pride-n-perfect) .btn-ghost{border-color:var(--royal);color:var(--royal)}
.chx:is(.t-evara,.t-bandhan,.t-platinum-days-of-love,.t-farishtey,.t-pride-n-perfect) .btn-ghost:hover{color:#fff}
.chx:is(.t-evara,.t-bandhan,.t-platinum-days-of-love,.t-farishtey,.t-pride-n-perfect) .btn-ghost::before{background:var(--royal)}
.chx:is(.t-evara,.t-bandhan,.t-platinum-days-of-love,.t-farishtey,.t-pride-n-perfect) .cs-orbit{border-color:rgba(46,52,144,.2)}
.chx:is(.t-evara,.t-bandhan,.t-platinum-days-of-love,.t-farishtey,.t-pride-n-perfect) .chx-halo{background:radial-gradient(circle at 50% 45%,#fff 0%,rgba(255,255,255,.85) 45%,rgba(255,255,255,0) 72%)}
.chx:is(.t-evara,.t-bandhan,.t-platinum-days-of-love,.t-farishtey,.t-pride-n-perfect) .chx-prod{filter:drop-shadow(0 28px 26px rgba(24,28,72,.28))}
.chx:is(.t-evara,.t-bandhan,.t-platinum-days-of-love,.t-farishtey,.t-pride-n-perfect) .sparkle i{background:var(--peri);box-shadow:0 0 10px 3px rgba(195,198,227,.9)}

@media (max-width:900px){
  .pb-in{grid-template-columns:1fr;min-height:0}
  .pb-vis{min-height:320px}
  .pv-shelf{grid-template-columns:repeat(3,1fr);row-gap:28px}.pv-shelf::after,.ped{display:none}
  .pb-look .pb-vis{margin:0;height:340px}
  .pv-bars{height:320px}
}
@media (max-width:640px){
  .pb{margin-top:72px}.pb h1{font-size:38px}
  .sl-chip{transform:scale(.85)}.sl-chip.c1{right:-2%}.sl-chip.c0{left:-2%}
  .orb{font-size:9.5px;padding:7px 10px}.orb.o1{right:0}.orb.o3{left:0}
  .bl{font-size:8.5px}
}
@media (prefers-reduced-motion:reduce){.mv-col,.pv-seal svg,.meteor{animation:none}.shelf-i,.bar{animation:none;opacity:1;translate:none;transform:none}}
.orb.o3{top:auto;bottom:24%;left:-12%}.orb.o1{right:-8%}.orb.o0{left:10%}
@media (max-width:640px){.orb.o3{left:0;bottom:20%}.orb.o1{right:0}}
/* COLLECTIONS banner — rotating 3D carousel of the six collections */
.pb-collections .pb-in{grid-template-columns:.9fr 1.1fr;min-height:clamp(480px,calc(100vh - 86px),660px);gap:clamp(10px,2vw,30px)}
.pb-collections h1{font-size:clamp(40px,4.6vw,70px)}
.pv-car{position:relative;width:100%;height:clamp(380px,34vw,470px);display:grid;place-items:center;perspective:1500px}
.car-tilt{transform:rotateX(-6deg);transform-style:preserve-3d}
.car{position:relative;width:var(--cw,190px);height:var(--ch,268px);transform-style:preserve-3d;animation:carspin 42s linear infinite}
.pv-car:hover .car{animation-play-state:paused}
@keyframes carspin{from{transform:rotateY(0)}to{transform:rotateY(-360deg)}}
.car-c{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:18px 14px 16px;border-radius:22px 22px 60px 22px;text-decoration:none;color:var(--navy);
  transform:rotateY(calc(var(--i) * 60deg)) translateZ(var(--r,250px));backface-visibility:hidden;-webkit-backface-visibility:hidden;
  background:var(--tone);box-shadow:0 30px 50px -30px rgba(24,28,72,.55);border:1px solid rgba(255,255,255,.8);transition:filter .4s}
.car-c::after{content:"";position:absolute;inset:7px;border:1px solid rgba(196,134,107,.38);border-radius:16px 16px 54px 16px;pointer-events:none}
.car-c.dark{--tone:radial-gradient(90% 70% at 50% 45%,#4a50b8 0%,#2e3490 45%,#181c48 100%);color:#fff}
.car-c.lilac{--tone:radial-gradient(90% 70% at 50% 45%,#ffffff 0%,#f1e8fa 45%,#dccbef 100%)}
.car-c.blush{--tone:radial-gradient(90% 70% at 50% 45%,#ffffff 0%,#fbecf1 45%,#efcfdb 100%)}
.car-c.sky{--tone:radial-gradient(90% 70% at 50% 45%,#ffffff 0%,#eaf4fc 45%,#cfe3f4 100%)}
.car-c.pastel{--tone:radial-gradient(90% 70% at 50% 45%,#ffffff 0%,#fdf0f6 40%,#e3e0fa 100%)}
.car-c.photo{--tone:radial-gradient(90% 70% at 50% 45%,#ffffff 0%,#f8efe9 45%,#e9dff2 100%)}
.car-c .lg{height:44px;width:auto;max-width:80%;object-fit:contain}
.car-c.dark .lg{filter:brightness(0) invert(1)}
.car-c .cut{height:46%;width:auto;max-width:80%;object-fit:contain;filter:drop-shadow(0 16px 14px rgba(24,28,72,.3))}
.car-c .ph{width:62%;aspect-ratio:1;border-radius:50%;object-fit:cover;border:4px solid #fff}
.car-c span{font-family:var(--serif);font-size:15px;line-height:1.2;text-align:center}
.car-c:hover{filter:brightness(1.05)}
.car-floor{position:absolute;bottom:4%;left:50%;width:70%;height:40px;translate:-50% 0;border-radius:50%;background:radial-gradient(closest-side,rgba(46,52,144,.22),transparent)}
@media (max-width:1200px){.pv-car{--cw:160px;--ch:228px;--r:210px}.car-c .lg{height:36px}}
@media (max-width:900px){.pb-collections .pb-in{grid-template-columns:1fr;min-height:0}.pv-car{height:360px}}
@media (max-width:640px){.pv-car{--cw:128px;--ch:184px;--r:164px;height:300px}.car-c{padding:12px 10px}.car-c .lg{height:28px}.car-c span{font-size:12px}}
@media (prefers-reduced-motion:reduce){.car{animation:none}}
/* collections banner: orbit ring (all six visible, front card largest) */
.pv-car{perspective:none}
.car-tilt,.car{transform:none!important;animation:none!important;position:absolute;inset:0;width:auto;height:auto}
.car-c{left:50%;top:46%;width:var(--cw,190px);height:var(--ch,268px);inset:auto;transform:translate(-50%,-50%);backface-visibility:visible;-webkit-backface-visibility:visible;will-change:transform,filter;transition:none}
.pv-car .car-c{inset:auto;left:50%;top:46%}
.pv-car .car-c{top:48%}
.car-floor{bottom:12%}

/* ================= v17 — cohesive stat tiles, slimmer full-width closing band ================= */
.bento .bx-stat{background:linear-gradient(150deg,#ffffff 0%,#f4f2fb 55%,#e9e6f6 100%);color:var(--navy);border:1px solid rgba(255,255,255,.9)}
.bento .bx-stat::after{content:"";position:absolute;inset:8px;border:1px solid rgba(196,134,107,.35);border-radius:18px;pointer-events:none}
.bento .bx-stat b{background:linear-gradient(100deg,#2e3490 0%,#4a50b8 45%,#67387f 100%);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:4px}
.bento .bx-stat span{color:var(--muted);opacity:1;position:relative;padding-top:12px}
.bento .bx-stat span::before{content:"";position:absolute;left:0;top:0;width:34px;height:1px;background:var(--rose)}
.bento .bx-stat .sparkle{display:none}
.bento .bx-stat:nth-child(3){background:linear-gradient(150deg,#ffffff 0%,#eef4fb 55%,#e1ebf6 100%)}
.bento .bx-stat:nth-child(4){background:linear-gradient(150deg,#ffffff 0%,#f8f1f4 55%,#efe4ee 100%)}
.bento .bx-stat:nth-child(5){background:linear-gradient(150deg,#ffffff 0%,#f6f2ee 55%,#ece5ee 100%)}
.bento .bx-cta{background:radial-gradient(80% 120% at 85% 20%,rgba(134,198,234,.25),transparent 60%),linear-gradient(120deg,#2e3490 0%,#262b7a 55%,#3d2a66 100%)}
.bento .bx-cta::after{content:"";position:absolute;inset:8px;border:1px solid rgba(241,211,195,.35);border-radius:18px;pointer-events:none}
.bento .bx-cta .pill-tag{background:rgba(241,211,195,.18);color:#f1d3c3}
.bento .bx-cta .go{background:linear-gradient(135deg,#f1d3c3,#e3ae95);color:var(--royal-d)}
/* closing band */
.ctx-sec{position:relative;overflow:hidden;isolation:isolate;margin:clamp(30px,4vw,60px) 0 0;padding:clamp(44px,5vw,72px) 0;
  background:radial-gradient(60% 120% at 80% 30%,rgba(134,198,234,.22),transparent 60%),radial-gradient(50% 120% at 10% 100%,rgba(103,56,127,.45),transparent 70%),linear-gradient(120deg,#323895 0%,#2a2f86 50%,#1d2163 100%);
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 7%,#000 93%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 7%,#000 93%,transparent 100%)}
.ctx-sec::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,#e3ae95,transparent);opacity:.7}
.ctx-sec::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#e3ae95,transparent);opacity:.7}
.ctx-sec .sparkle{z-index:0}
.ctx-sec .ctx{background:none;box-shadow:none;border-radius:0;padding:0;grid-template-columns:1.3fr .7fr;gap:clamp(20px,3vw,48px);overflow:visible}
.ctx-sec .ctx h2{font-size:clamp(34px,3.6vw,54px);max-width:20ch;margin:12px 0 12px}
.ctx-sec .ctx p{margin-bottom:22px}
.ctx-sec .ctx-art{max-width:300px}
@media (max-width:900px){.ctx-sec .ctx{grid-template-columns:1fr}.ctx-sec .ctx-art{max-width:240px}.ctx-sec{-webkit-mask-image:none;mask-image:none}}
.ctx-sec .ctx h2{max-width:24ch}


/* ================= v18 — home: editorial collection index on a midnight field ================= */
.ix-sec{color:#fff;overflow:hidden;isolation:isolate;background:radial-gradient(60% 80% at 78% 45%,#2b2f7e 0%,#181b4d 50%,#0e1036 100%)}
.ix-sec::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(40% 60% at 0% 100%,rgba(103,56,127,.45),transparent 70%)}
.ix-sec .sparkle{z-index:0}
.ix{position:relative;z-index:1;display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(28px,4vw,72px);align-items:center}
.ix-sec .kick{color:#c9c8f3}.ix-sec .kick::before{background:var(--rose-2)}
.ix-sec h2{color:#fff;margin:14px 0 clamp(20px,2.4vw,34px)}.ix-sec h2 em{color:#c9c8f3}
.ix-list{display:grid;border-top:1px solid rgba(255,255,255,.14)}
.ix-row{position:relative;display:grid;grid-template-columns:44px 1fr;column-gap:8px;padding:16px 0 15px;border-bottom:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.55);transition:color .4s}
.ix-row i{grid-row:1/3;font-style:normal;font-family:var(--serif);font-size:16px;color:var(--rose-2);padding-top:10px;opacity:.7}
.ix-name{font-family:var(--serif);font-weight:500;font-size:clamp(28px,2.7vw,42px);line-height:1.05;transition:letter-spacing .5s var(--ease)}
.ix-row small{font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;margin-top:6px;opacity:.7}
.ix-bar{position:absolute;left:0;bottom:-1px;height:1px;width:100%;background:linear-gradient(90deg,#e3ae95,#f1d3c3);transform:scaleX(0);transform-origin:left}
.ix-row.on{color:#fff}
.ix-row.on .ix-name{background:linear-gradient(100deg,#ffffff 0%,#c9cbe8 35%,#ffffff 55%,#aeb2dc 80%,#ffffff 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sheen 6s linear infinite}
.ix-row.on i{opacity:1}
.ix-row.on.run .ix-bar{animation:bar var(--ix,4.5s) linear forwards}
.ix-row:hover{color:#fff}
.ix-sec .link{color:#fff}
/* stage */
.ix-right{position:relative;height:clamp(500px,46vw,600px)}
.ix-stage{position:absolute;inset:0;border-radius:32px 32px 140px 32px;overflow:hidden;isolation:isolate;padding:clamp(24px,2.6vw,38px);display:flex;flex-direction:column;align-items:center;
  background:radial-gradient(70% 60% at 50% 42%,color-mix(in srgb,var(--t) 55%,#ffffff) 0%,color-mix(in srgb,var(--t) 70%,#1b2058) 55%,#141742 100%);
  box-shadow:0 50px 90px -50px rgba(0,0,0,.7);opacity:0;visibility:hidden;scale:.97;transition:opacity .8s var(--ease),scale .9s var(--ease),visibility .8s}
.ix-stage::after{content:"";position:absolute;inset:11px;border:1px solid rgba(241,211,195,.38);border-radius:24px 24px 130px 24px;pointer-events:none}
.ix-stage.on{opacity:1;visibility:visible;scale:1}
.ix-logo{height:clamp(56px,5vw,76px);width:auto;max-width:60%;object-fit:contain;filter:brightness(0) invert(1);opacity:0;translate:0 10px;transition:.8s var(--ease) .15s}
.ix-art{position:relative;flex:1;width:100%;display:grid;place-items:center;min-height:0}
.ix-halo{position:absolute;height:86%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.95) 0%,rgba(255,255,255,.55) 38%,rgba(255,255,255,0) 70%)}
.ix-prod{position:relative;height:66%;width:auto;max-width:62%;object-fit:contain;filter:drop-shadow(0 30px 28px rgba(10,12,40,.45));opacity:0;translate:0 30px;rotate:-6deg;transition:opacity .9s var(--ease) .1s,translate 1.1s var(--ease) .1s,rotate 1.1s var(--ease) .1s}
.ix-photo{position:relative;height:68%;aspect-ratio:1;width:auto;object-fit:cover;border-radius:50%;border:6px solid rgba(255,255,255,.9);opacity:0;scale:.9;transition:.9s var(--ease) .1s}
.ix-stage.on .ix-logo,.ix-stage.on .ix-prod,.ix-stage.on .ix-photo{opacity:1;translate:0 0;rotate:0deg;scale:1}
.ix-stage.on .ix-prod{animation:float 7s ease-in-out 1.2s infinite}
.ix-foot{position:relative;z-index:2;width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:16px;border-top:1px solid rgba(255,255,255,.22)}
.ix-foot p{margin:0;font-family:var(--serif);font-weight:500;font-size:clamp(20px,1.7vw,25px);max-width:16ch}
.ix-thumbs{display:flex;gap:8px}
.ix-thumbs span{width:54px;height:54px;border-radius:14px;background:rgba(255,255,255,.92);display:grid;place-items:center;opacity:0;translate:0 10px;transition:.6s var(--ease)}
.ix-stage.on .ix-thumbs span{opacity:1;translate:0 0}
.ix-stage.on .ix-thumbs span:nth-child(1){transition-delay:.35s}.ix-stage.on .ix-thumbs span:nth-child(2){transition-delay:.45s}.ix-stage.on .ix-thumbs span:nth-child(3){transition-delay:.55s}
.ix-thumbs img{width:80%;height:80%;object-fit:contain}
.ix-foot .btn{padding:13px 22px}
@media (max-width:1100px){.ix-thumbs{display:none}}
@media (max-width:900px){
  .ix{grid-template-columns:1fr}
  .ix-right{height:440px}
  .ix-left{order:0}
  .ix-name{font-size:28px}
}
@media (max-width:640px){.ix-right{height:400px}.ix-stage{border-radius:24px 24px 90px 24px}.ix-stage::after{border-radius:18px 18px 82px 18px}.ix-foot p{font-size:18px}.ix-foot .btn{padding:11px 16px;font-size:10.5px}}

/* ================= v19 — about collage, richer collection index, closing band merges into footer ================= */
.ah-col{position:relative;display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:1fr 1fr;gap:14px;height:clamp(440px,40vw,560px)}
.ahc{position:relative;margin:0;overflow:hidden;border-radius:22px;box-shadow:0 30px 56px -40px rgba(24,28,72,.6)}
.ahc.a{grid-row:1/3;border-radius:26px 26px 26px 120px}
.ahc.c{border-radius:22px 22px 90px 22px}
.ahc img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.ahc:hover img{transform:scale(1.05)}
.ahc::after{content:"";position:absolute;inset:8px;border:1px solid rgba(241,211,195,.6);border-radius:inherit;pointer-events:none}
.ahc figcaption{position:absolute;left:14px;bottom:14px;z-index:2;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;font-weight:500;color:#fff;padding:7px 12px;border-radius:30px;background:rgba(24,28,72,.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.ahc.a figcaption{left:auto;right:14px}
.ah-col .ah-badge{left:auto;right:-14px;top:auto;bottom:47%;translate:0 50%}
@media (max-width:900px){.ah-col{height:420px;max-width:560px}}
@media (max-width:640px){.ah-col{height:360px;gap:10px}.ah-col .ah-badge{right:0}}
/* collection index: richer royal-violet field */
.ix-sec{background:radial-gradient(55% 70% at 85% 20%,rgba(134,198,234,.28),transparent 65%),radial-gradient(50% 70% at 5% 95%,rgba(141,74,160,.5),transparent 70%),linear-gradient(135deg,#262b7c 0%,#2e3490 42%,#352a72 100%)}
.ix-sec::before{background:url(../banner/bg-bokeh.webp) center/cover;opacity:.18;mix-blend-mode:screen}
.ix-sec::after{content:"";position:absolute;top:-20%;bottom:-20%;left:38%;width:22%;z-index:-1;background:linear-gradient(100deg,transparent,rgba(255,255,255,.07),transparent);transform:skewX(-18deg);pointer-events:none}
.ix-list,.ix-row{border-color:rgba(255,255,255,.18)}
.ix-row{color:rgba(255,255,255,.62)}
/* closing band: edge to edge, flows into the footer */
.ctx-sec{-webkit-mask-image:none;mask-image:none;margin-bottom:0;padding-bottom:clamp(60px,7vw,96px);
  background:radial-gradient(60% 120% at 80% 30%,rgba(134,198,234,.22),transparent 60%),radial-gradient(50% 120% at 10% 90%,rgba(103,56,127,.45),transparent 70%),linear-gradient(180deg,#323895 0%,#2a2f86 55%,#181c48 100%)}
.ctx-sec::after{display:none}
.ctx-sec+*,.ctx-sec~.ftr{margin-top:0}
.ftr-pw{margin:16px 0 0;text-align:center;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#9fa2d0}
.ftr-pw a{color:#f1d3c3;border-bottom:1px solid rgba(241,211,195,.4);padding-bottom:2px}
.ftr-pw a:hover{color:#fff;border-color:#fff}
.ah-col .ah-badge{left:-14px;right:auto;top:24px;bottom:auto;translate:none;z-index:3}
@media (max-width:640px){.ah-col .ah-badge{left:0}}

/* ================= v20 — Why Platinum banner: platinum-silver field, element with fact cards ================= */
.pb.pb-why{color:var(--navy);background:radial-gradient(55% 75% at 76% 45%,#ffffff 0%,#f1f2f8 38%,#dfe1ec 100%)}
.pb.pb-why::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(40% 50% at 90% 90%,rgba(227,174,149,.25),transparent 70%),radial-gradient(35% 45% at 10% 10%,rgba(195,198,227,.45),transparent 70%)}
.pb.pb-why h1{color:var(--navy)}.pb.pb-why h1 em{color:var(--royal-2)}
.pb.pb-why .sub{color:#4d5078}.pb.pb-why .crumbs{color:var(--muted)}
.pb.pb-why .pb-chips span{border-color:rgba(46,52,144,.22);background:rgba(255,255,255,.7)}
.pb.pb-why .sparkle i{background:#fff;box-shadow:0 0 10px 3px rgba(196,134,107,.55)}
.pv-elem2{position:relative;width:min(100%,600px);display:grid;grid-template-columns:1fr 1.25fr 1fr;grid-template-rows:1fr 1fr;gap:18px 26px;align-items:center}
.ering{position:absolute;left:50%;top:50%;width:min(78%,420px);aspect-ratio:1;translate:-50% -50%;border-radius:50%;border:1px dashed rgba(196,134,107,.45);animation:spin 70s linear infinite;z-index:0}
.elem2{grid-column:2;grid-row:1/3;position:relative;z-index:2;aspect-ratio:1/1.08;border-radius:22px;padding:18px 20px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;
  background:linear-gradient(135deg,#fbfbfe 0%,#d9dce8 32%,#f7f8fc 52%,#c9cddd 78%,#eceef6 100%);border:1px solid rgba(255,255,255,.95);
  box-shadow:0 40px 70px -36px rgba(24,28,72,.55),inset 0 1px 0 #fff,inset 0 -10px 30px rgba(120,126,170,.18);animation:float 8s ease-in-out infinite}
.elem2::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(100deg,rgba(255,255,255,0) 0 3px,rgba(255,255,255,.18) 3px 4px);pointer-events:none}
.elem2::after{content:"";position:absolute;top:-30%;bottom:-30%;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.8),transparent);transform:skewX(-16deg);animation:esheen 5s ease-in-out 1s infinite}
@keyframes esheen{0%,60%{left:-60%}100%{left:130%}}
.elem2 i{position:relative;font-style:normal;font-size:16px;font-weight:500;color:var(--rose)}
.elem2 b{position:relative;font-family:var(--serif);font-weight:500;font-size:clamp(78px,7.4vw,120px);line-height:.85;background:linear-gradient(160deg,#2b3070 0%,#5a5f93 45%,#2e3490 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.elem2 span{position:relative;font-family:var(--serif);font-size:24px;color:var(--navy)}
.elem2 small{position:relative;font-size:12px;letter-spacing:.2em;color:var(--muted)}
.ef{position:relative;z-index:2;background:rgba(255,255,255,.82);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(196,134,107,.4);border-radius:18px 18px 40px 18px;padding:14px 16px;box-shadow:0 22px 40px -28px rgba(24,28,72,.5);animation:float 7s ease-in-out infinite}
.ef b{display:block;font-family:var(--serif);font-weight:500;font-size:clamp(24px,2.2vw,32px);line-height:1;color:var(--royal)}
.ef span{display:block;margin-top:6px;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.ef::after{content:"";position:absolute;top:50%;width:26px;height:1px;background:linear-gradient(90deg,var(--rose),transparent)}
.ef.f0{grid-column:1;grid-row:1}.ef.f2{grid-column:1;grid-row:2;animation-delay:-3s}
.ef.f1{grid-column:3;grid-row:1;animation-delay:-1.5s}.ef.f3{grid-column:3;grid-row:2;animation-delay:-4.5s}
.ef.f0::after,.ef.f2::after{left:100%}
.ef.f1::after,.ef.f3::after{right:100%;background:linear-gradient(270deg,var(--rose),transparent)}
@media (max-width:640px){.pv-elem2{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;gap:12px}.elem2{grid-column:1/3;grid-row:1;width:62%;justify-self:center}.ef.f0,.ef.f1,.ef.f2,.ef.f3{grid-column:auto;grid-row:auto}.ef::after{display:none}.ering{display:none}}
/* v21: tighter home rhythm; five-column footer */
.shopby{padding-bottom:clamp(20px,2.4vw,36px)}
.about-h{padding-top:clamp(20px,2.4vw,36px);padding-bottom:clamp(20px,2.4vw,36px)}
.about-h .split{align-items:center}
.about-h+.mfr{padding-top:clamp(20px,2.4vw,36px)}
.ftr-top{grid-template-columns:1.35fr 1fr .8fr .9fr 1.35fr;gap:clamp(22px,2.6vw,40px)}
@media (max-width:1180px){.ftr-top{grid-template-columns:1fr 1fr 1fr}.ftr-top>div:first-child{grid-column:1/-1}.ftr-top>div:last-child{grid-column:1/-1}}
@media (max-width:640px){.ftr-top{grid-template-columns:1fr 1fr}}
/* v22: images carry width/height attributes; keep their aspect when CSS sets only one side */
img{height:auto}
/* v22: phone ergonomics — larger tap areas (invisible), minimum readable sizes */
@media (max-width:760px){
  .hero-dots button{position:relative;min-height:44px;padding-top:12px}
  .link,.ctx-tel,.cinfo .card a,.cinfo3 .card a,.ix-sec .link{position:relative}
  .link::after,.ctx-tel::after,.cinfo .card a::after,.cinfo3 .card a::after{content:"";position:absolute;left:0;right:0;top:-12px;bottom:-12px}
  .ep-v{font-size:10.5px}
  .cs-name span{font-size:11px}
  .factline span{font-size:10px}
  .bl{font-size:9.5px;letter-spacing:.06em}
  .ix-row small{font-size:10px}
}
@media (max-width:640px){.door-n{font-size:10px}.door-go{font-size:10.5px}.bl{font-size:10px;letter-spacing:.02em}}
/* manufacturers: logos always fit inside their tile */
.mfr .logos .item{overflow:hidden}
.mfr .logos img{width:auto!important;height:auto!important;max-width:calc(100% - 36px)!important;max-height:calc(100% - 30px)!important;object-fit:contain}
.mfr .logos img{max-height:clamp(52px,4.6vw,66px)!important;max-width:clamp(120px,11vw,170px)!important}
.hdr .brand img{height:54px}
@media (max-width:1180px){.hdr .brand img{height:46px}}
@media (max-width:640px){.hdr .brand img{height:42px}}
/* nav: every item on one line */
.nav>a,.nav .dd>a{white-space:nowrap}
.hdr .wrap{gap:clamp(14px,1.6vw,24px)}
.nav{gap:clamp(12px,1.5vw,28px)}
@media (max-width:1440px){.nav>a,.nav .dd>a{font-size:11.5px;letter-spacing:.14em}.hdr .brand img{height:48px}}
@media (max-width:1280px){.nav>a,.nav .dd>a{letter-spacing:.1em}.hdr .btn{padding:11px 16px;font-size:10.5px}}