:root{--bg:#faf7f0;--card:#fff;--ink:#1d2b24;--mute:#5d6b63;--green:#1f5a3d;--deep:#0f2f21;--gold:#c8963e;--line:#e7e0d0;--serif:'Cormorant Garamond',Georgia,serif;--sans:'Inter',system-ui,-apple-system,Segoe UI,sans-serif;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#0e1612;--card:#16221b;--ink:#eef0e8;--mute:#a4b0a8;--green:#6fc08f;--line:#26362d}}
:root[data-theme="dark"]{--bg:#0e1612;--card:#16221b;--ink:#eef0e8;--mute:#a4b0a8;--green:#6fc08f;--line:#26362d}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(76px + env(safe-area-inset-top,0px))}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.7 var(--sans);overflow-x:hidden}
h1,h2,h3{font-family:var(--serif);line-height:1.1;margin:0}
a{color:inherit}
.wrap{max-width:1140px;margin:auto;padding:0 24px}
section{padding:96px 0}
.eyebrow{font:600 12px var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:14px}
h2{font-size:clamp(34px,5vw,54px);font-weight:600;margin-bottom:18px}
.lead{color:var(--mute);max-width:640px;font-size:18px}
.center{text-align:center}.center .lead{margin:auto}
/* nav */
nav{position:fixed;top:env(safe-area-inset-top,0px);left:0;right:0;z-index:50;transition:.3s;padding:14px 0}
nav.s{background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--line)}
nav .wrap{display:flex;align-items:center;justify-content:space-between}
.logo{font:700 26px var(--serif);text-decoration:none;color:#fff;letter-spacing:.02em}
.logo b{color:var(--gold)}
nav.s .logo{color:var(--ink)}
nav ul{display:flex;gap:30px;list-style:none;margin:0;padding:0}
nav ul a{text-decoration:none;font-size:14px;font-weight:500;color:#fff;opacity:.92}
nav.s ul a{color:var(--ink)}
nav ul a:hover{color:var(--gold)}
.btn{display:inline-block;padding:14px 30px;border-radius:99px;background:var(--gold);color:#1a1405;font-weight:600;font-size:15px;text-decoration:none;border:0;cursor:pointer;transition:.25s;box-shadow:0 10px 30px -10px rgba(200,150,62,.7)}
.btn:hover{transform:translateY(-3px)}
.btn.ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.6);box-shadow:none}
#burger{display:none;background:none;border:0;font-size:28px;color:#fff;cursor:pointer}
nav.s #burger{color:var(--ink)}
/* hero */
.hero{min-height:100vh;display:flex;align-items:center;color:#fff;position:relative;overflow:hidden;padding:140px 0 200px;background:radial-gradient(circle at 78% 22%,#f6c76a 0,#e59a4a 8%,transparent 26%),linear-gradient(180deg,#1b3a52 0%,#3f6f77 38%,#e8b27a 78%,#f3d6a4 100%)}
.hero svg{position:absolute;left:0;bottom:-2px;width:100%;height:46%}
.hero .wrap{position:relative;z-index:2}
.hero h1{font-size:clamp(54px,9vw,120px);font-weight:700;text-shadow:0 4px 40px rgba(0,0,0,.3)}
.hero h1 em{color:var(--gold);font-style:italic}
.hero p{font-size:clamp(18px,2.4vw,24px);max-width:560px;margin:22px 0 38px;opacity:.95}
.hero .row{display:flex;gap:14px;flex-wrap:wrap}
.badge{display:inline-block;padding:7px 16px;border:1px solid rgba(255,255,255,.4);border-radius:99px;font-size:13px;letter-spacing:.1em;margin-bottom:26px;backdrop-filter:blur(6px);background:rgba(255,255,255,.1)}
.stats{position:relative;z-index:3;margin-top:-70px}
.stats .wrap>div{background:var(--card);border-radius:22px;box-shadow:0 30px 70px -30px rgba(0,0,0,.35);display:grid;grid-template-columns:repeat(4,1fr);padding:30px 10px;border:1px solid var(--line)}
.stat{text-align:center;padding:6px 10px;border-right:1px solid var(--line)}
.stat:last-child{border:0}
.stat b{display:block;font:700 44px var(--serif);color:var(--green)}
.stat span{font-size:13px;color:var(--mute);letter-spacing:.08em;text-transform:uppercase}
/* grids */
.grid{display:grid;gap:22px;margin-top:50px}
.g3{grid-template-columns:repeat(3,1fr)}.g2{grid-template-columns:repeat(2,1fr)}
.card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:32px;transition:.3s}
.card:hover{transform:translateY(-6px);box-shadow:0 26px 50px -28px rgba(0,0,0,.35)}
.card .ic{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;font-size:26px;background:linear-gradient(135deg,rgba(200,150,62,.22),rgba(31,90,61,.16));margin-bottom:18px}
.card h3{font-size:27px;margin-bottom:8px}
.card p{margin:0;color:var(--mute);font-size:16px}
.dark{background:var(--deep);color:#eef0e8}
.dark .lead,.dark .card p{color:#a9bbb0}
.dark .card{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1)}
.rooms{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}
.plan{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:12px;aspect-ratio:1.1}
.plan div{border-radius:20px;display:flex;flex-direction:column;justify-content:flex-end;padding:20px;font:600 24px var(--serif);color:#fff;background:linear-gradient(160deg,#2c7a52,#0f2f21);position:relative;overflow:hidden}
.plan div small{font:400 13px var(--sans);opacity:.8}
.plan div:nth-child(2){background:linear-gradient(160deg,#b7822f,#6b4713)}
.plan div:nth-child(3){grid-column:span 2;background:linear-gradient(160deg,#3f6f77,#1b3a52)}
.plan div::after{content:"";position:absolute;right:-30px;top:-30px;width:110px;height:110px;border-radius:50%;background:rgba(255,255,255,.1)}
.list{list-style:none;padding:0;margin:26px 0 0}
.list li{padding:12px 0 12px 38px;position:relative;border-bottom:1px solid var(--line)}
.list li::before{content:"✓";position:absolute;left:0;top:12px;width:24px;height:24px;border-radius:50%;background:var(--green);color:#fff;font-size:13px;display:grid;place-items:center}
.list.x li::before{content:"₹";content:"+";background:var(--gold);color:#1a1405}
/* rates */
.calc{margin-top:50px;background:var(--card);border:1px solid var(--line);border-radius:28px;padding:40px;box-shadow:0 30px 70px -40px rgba(0,0,0,.4)}
.ctl{display:grid;grid-template-columns:1fr 1fr auto;gap:22px;align-items:end}
label{font-size:13px;font-weight:600;color:var(--mute);letter-spacing:.1em;text-transform:uppercase;display:block;margin-bottom:8px}
select{width:100%;padding:15px 16px;border-radius:14px;border:1.5px solid var(--line);background:var(--bg);color:var(--ink);font:500 17px var(--sans)}
.price{text-align:right}
.price b{display:block;font:700 64px/1 var(--serif);color:var(--green)}
.price small{color:var(--mute)}
.note{margin-top:14px;font-size:15px;color:var(--mute);padding:14px 18px;border-radius:14px;background:rgba(200,150,62,.12)}
.tw{overflow-x:auto;margin-top:34px;border-radius:18px;border:1px solid var(--line)}
table{border-collapse:collapse;width:100%;min-width:620px;text-align:center;font-size:15px}
th,td{padding:13px 12px}
thead th{background:var(--deep);color:#fff;font-weight:600}
tbody th{text-align:left;background:var(--bg);font-weight:600}
tbody tr:nth-child(even){background:color-mix(in srgb,var(--bg) 60%,var(--card))}
td.hl,th.hl{background:rgba(200,150,62,.28)!important;font-weight:700}
tbody tr.hl td{background:rgba(200,150,62,.16)}
.small{font-size:14px;color:var(--mute);margin-top:22px}
/* videos & contact */
.vid{display:flex;gap:16px;align-items:center;text-decoration:none}
.vid i{flex:none;width:58px;height:58px;border-radius:50%;background:var(--gold);color:#1a1405;display:grid;place-items:center;font-style:normal;font-size:20px;padding-left:4px}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.ci{display:flex;gap:16px;margin:22px 0}
.ci span{font-size:24px}.ci b{display:block;font:600 13px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
.ci a{text-decoration:none}
form{display:grid;gap:14px}
input,textarea{width:100%;padding:15px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07);color:#fff;font:400 16px var(--sans)}
input::placeholder,textarea::placeholder{color:#9db0a5}
footer{background:#08150e;color:#8fa398;text-align:center;padding:34px 24px calc(34px + env(safe-area-inset-bottom,0px));font-size:14px}
.find{display:grid;grid-template-columns:1.15fr 1fr;gap:56px;align-items:center}
.photo{position:relative;border-radius:26px;overflow:hidden;box-shadow:0 40px 80px -35px rgba(0,0,0,.55);border:1px solid var(--line)}
.photo img{display:block;width:100%;height:auto}
.photo::after{content:"";position:absolute;inset:0;border-radius:26px;box-shadow:inset 0 0 0 6px rgba(255,255,255,.18);pointer-events:none}
.photo figcaption{position:absolute;left:16px;bottom:16px;background:rgba(15,47,33,.85);color:#fff;font-size:13px;padding:7px 14px;border-radius:99px;backdrop-filter:blur(6px)}
@media(max-width:860px){.find{grid-template-columns:1fr;gap:34px}}
.bk{display:grid;grid-template-columns:1.2fr .8fr .8fr auto;gap:12px;align-items:end;margin-top:44px;max-width:780px;padding:16px;border-radius:22px;background:rgba(255,255,255,.16);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.35)}
.bk label{color:#fff;margin-bottom:6px;font-size:11px}
.bk input,.bk select{background:rgba(255,255,255,.92);color:#1d2b24;border:0;padding:13px 14px;border-radius:12px;font:500 16px var(--sans)}
.trust{padding:70px 0 0}.trust .wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.trust div{display:flex;gap:14px;align-items:center;font-weight:600}.trust i{font-style:normal;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:rgba(31,90,61,.13);font-size:21px;flex:none}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.chips span{padding:9px 16px;border-radius:99px;font-size:14px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.07)}
.faq{max-width:780px;margin:44px auto 0}
details{background:var(--card);border:1px solid var(--line);border-radius:18px;margin-bottom:12px;padding:0 24px}
summary{cursor:pointer;list-style:none;padding:20px 0;font:600 22px var(--serif);display:flex;justify-content:space-between;gap:16px}
summary::-webkit-details-marker{display:none}summary::after{content:"+";color:var(--gold);font-size:28px;line-height:1}
details[open] summary::after{content:"–"}details p{margin:0 0 20px;color:var(--mute);font-size:16px}
#st{margin:0;font-size:15px;min-height:22px;color:#9fe0b4}
@media(max-width:860px){.bk,.trust .wrap{grid-template-columns:1fr}}
.rv{opacity:0;transform:translateY(34px);transition:1s cubic-bezier(.2,.7,.2,1)}
.rv.on{opacity:1;transform:none}
#tt{position:fixed;right:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px));width:46px;height:46px;border-radius:50%;border:0;background:var(--gold);color:#1a1405;font-size:20px;cursor:pointer;opacity:0;pointer-events:none;transition:.3s;z-index:40}
#tt.on{opacity:1;pointer-events:auto}
@media(max-width:860px){
section{padding:70px 0}
nav ul{position:fixed;inset:0;background:var(--deep);flex-direction:column;justify-content:center;align-items:center;gap:26px;transform:translateX(100%);transition:.35s}
nav ul.o{transform:none}nav ul a{font-size:22px;color:#fff!important}
#burger{display:block;z-index:60;position:relative}
.g3,.g2,.rooms,.contact,.ctl{grid-template-columns:1fr}
.stats .wrap>div{grid-template-columns:1fr 1fr;row-gap:20px}.stat:nth-child(2){border:0}
.price{text-align:left}.calc{padding:26px}
}
@media(prefers-reduced-motion:reduce){.rv{transition:none;opacity:1;transform:none}html{scroll-behavior:auto}}

/* map */
.find .row{display:flex;gap:12px;flex-wrap:wrap}
.find .btn.ghost{color:var(--ink);border-color:var(--line)}

/* language selector */
.tnote{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:var(--deep);color:#fff;font-size:14px;line-height:1.5;padding:12px 18px;border-radius:14px;max-width:min(92vw,460px);z-index:70;box-shadow:0 12px 40px -10px rgba(0,0,0,.6)}

/* hide Google Translate's own toolbar / branding */
body{top:0!important}
.skiptranslate iframe,iframe.goog-te-banner-frame,.goog-te-banner-frame.skiptranslate{display:none!important}
#goog-gt-tt,.goog-tooltip,.goog-tooltip:hover{display:none!important}
.goog-text-highlight{background:none!important;box-shadow:none!important}

/* map in hero, top right corner (responsive) */
nav .logo,nav ul a,nav .btn{white-space:nowrap}
@media(max-width:1100px) and (min-width:861px){nav ul{gap:16px}nav .btn{padding:10px 18px}.langbtn{margin-left:10px}}
@media(max-width:860px){nav .logo{font-size:21px}}
@media(max-width:380px){nav .logo{font-size:18px}}

/* translate icon + language picker */
.langbtn{display:inline-flex;align-items:center;gap:8px;margin-left:18px;padding:8px 12px 8px 10px;border-radius:99px;border:1.5px solid rgba(255,255,255,.7);background:rgba(15,47,33,.6);color:#fff;font:600 14px var(--sans);cursor:pointer;transition:.2s;white-space:nowrap;position:relative;z-index:60}
.langbtn svg{width:22px;height:22px;fill:currentColor;flex:none}
.langbtn b{background:var(--gold);color:#1a1405;border-radius:99px;padding:1px 8px;font-size:12px;letter-spacing:.04em}
.langbtn:hover{border-color:var(--gold);color:var(--gold)}
nav.s .langbtn{background:var(--card);color:var(--ink);border-color:var(--line)}
nav.s .langbtn:hover{color:var(--gold);border-color:var(--gold)}
.langbtn:focus-visible,#tr:focus-visible,.lm button:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
#tr{position:fixed;left:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));display:inline-flex;align-items:center;gap:9px;padding:11px 18px 11px 14px;border-radius:99px;border:0;background:var(--deep);color:#fff;font:600 14px var(--sans);cursor:pointer;z-index:40;box-shadow:0 10px 30px -8px rgba(0,0,0,.65);transition:.25s}
#tr svg{width:24px;height:24px;fill:currentColor;flex:none}
#tr:hover{background:var(--gold);color:#1a1405}
/* modal */
.lm{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:16px}
.lm[hidden]{display:none}
.lm-bg{position:absolute;inset:0;background:rgba(5,15,10,.7);backdrop-filter:blur(4px)}
.lm-box{position:relative;width:min(760px,100%);max-height:min(88vh,720px);display:flex;flex-direction:column;background:var(--bg);color:var(--ink);border-radius:26px;box-shadow:0 40px 100px -20px rgba(0,0,0,.7);border:1px solid var(--line);overflow:hidden}
.lm-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:24px 26px 18px;background:var(--deep);color:#fff}
.lm-head h2{font-size:34px;color:#fff}
.lm-head p{margin:6px 0 0;font-size:15px;opacity:.85;line-height:1.4}
.lm-x{flex:none;width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.15);color:#fff;font-size:20px;cursor:pointer}
.lm-x:hover{background:var(--gold);color:#1a1405}
.lm-body{overflow-y:auto;padding:8px 26px 26px;-webkit-overflow-scrolling:touch}
.lm-body h3{font:700 12px var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin:22px 0 10px}
.lm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.lm-grid button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;min-height:62px;padding:11px 14px;border-radius:14px;border:1.5px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;text-align:left;transition:.15s;position:relative}
.lm-grid button b{font:600 18px/1.3 var(--sans)}
.lm-grid button small{font:400 12px var(--sans);color:var(--mute)}
.lm-grid button:hover{border-color:var(--gold);transform:translateY(-1px)}
.lm-grid button[aria-pressed="true"]{border-color:var(--gold);background:rgba(200,150,62,.18)}
.lm-grid button[aria-pressed="true"]::after{content:"\2713";position:absolute;right:10px;top:8px;width:22px;height:22px;border-radius:50%;background:var(--gold);color:#1a1405;font-size:13px;display:grid;place-items:center}
body.lm-open{overflow:hidden}
@media(max-width:860px){.langbtn{margin-left:auto;margin-right:10px;padding:7px 10px 7px 8px}}
@media(max-width:520px){.langbtn .lt{display:none}.lm{padding:0;align-items:flex-end}.lm-box{max-height:92vh;border-radius:26px 26px 0 0}.lm-head h2{font-size:28px}.lm-head{padding:20px 18px 14px}.lm-body{padding:4px 16px 24px}.lm-grid{grid-template-columns:1fr 1fr}.lm-grid button b{font-size:17px}#tr span{font-size:13px}}

/* ===== hero: copy + map card sit side by side (never overlap) ===== */
.hero{align-items:flex-start}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) clamp(280px,29vw,360px);gap:clamp(28px,4vw,64px);align-items:center}
.hero-copy{min-width:0}
.hero h1{font-size:clamp(46px,7.2vw,104px);overflow-wrap:anywhere}
.hmap{display:block;text-decoration:none;color:var(--ink);background:var(--card);border-radius:24px;overflow:hidden;border:3px solid rgba(255,255,255,.9);box-shadow:0 30px 70px -25px rgba(0,0,0,.6);transition:transform .3s,box-shadow .3s}
.hmap:hover{transform:translateY(-4px);box-shadow:0 38px 80px -25px rgba(0,0,0,.7)}
.hmap-view{display:block;position:relative;aspect-ratio:4/3;background:#dfe7df}
.hmap-view iframe{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:none}
.hmap-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:var(--gold);color:#1a1405}
.hmap-t b{display:block;font:600 14px/1.3 var(--sans)}
.hmap-t small{display:block;font:400 12px/1.3 var(--sans);opacity:.8}
.hmap-go{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#1a1405;color:var(--gold);font-size:18px}
.hero .bk{margin-top:clamp(30px,4vw,48px)}
@media(max-width:860px){
.hero{min-height:0;padding:112px 0 180px}
.hero-grid{grid-template-columns:1fr;gap:30px}
.hero p{margin:18px 0 28px}
.hmap{max-width:460px;border-radius:20px}
.hmap-view{aspect-ratio:16/9}
}
@media(max-width:480px){
.wrap{padding:0 18px}
.hero{padding-top:100px}
.hero h1{font-size:clamp(42px,13vw,56px)}
.hero .row .btn{flex:1 1 auto;text-align:center}
.badge{font-size:11px;padding:6px 12px}
.hmap{max-width:none}
}

/* ===== Find Us map ===== */
.mapbox{position:relative;margin-top:56px;border-radius:28px;overflow:hidden;border:1px solid var(--line);box-shadow:0 40px 80px -45px rgba(0,0,0,.55);background:var(--card)}
.mapview{position:relative;height:clamp(340px,46vw,500px)}
.mapview iframe{display:block;width:100%;height:100%;border:0}
.mapcover{position:absolute;inset:0;width:100%;border:0;background:transparent;cursor:pointer;display:none;align-items:flex-end;justify-content:center;padding:0 0 18px;-webkit-tap-highlight-color:transparent}
.mapcover span{font:600 13px var(--sans);color:#fff;background:rgba(15,47,33,.85);backdrop-filter:blur(6px);padding:9px 16px;border-radius:99px}
@media(hover:none),(pointer:coarse){.mapcover{display:flex}.mapcover.off{display:none}}
.mapcard{position:absolute;left:22px;bottom:22px;z-index:2;width:min(360px,calc(100% - 44px));background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:0 24px 60px -20px rgba(0,0,0,.5)}
.mc-t{display:flex;gap:12px;align-items:flex-start}
.mc-pin{flex:none;width:42px;height:42px;border-radius:14px;display:grid;place-items:center;font-size:20px;background:linear-gradient(135deg,rgba(200,150,62,.28),rgba(31,90,61,.2))}
.mc-t b{display:block;font:700 22px/1.1 var(--serif)}
.mc-t small{display:block;margin-top:4px;font:400 13px/1.45 var(--sans);color:var(--mute)}
.mc-a{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.mc-a .btn{flex:1 1 auto;text-align:center;padding:12px 16px;font-size:14px;box-shadow:none}
.mapcard .btn.ghost{color:var(--ink);border-color:var(--line)}
.find .row .btn{padding:13px 24px}
@media(max-width:860px){
.mapbox{margin-top:36px;border-radius:22px}
.mapcard{position:static;width:auto;border:0;border-top:1px solid var(--line);border-radius:0;box-shadow:none;padding:18px 18px calc(18px + env(safe-area-inset-bottom,0px))}
.mapview{height:clamp(280px,70vw,380px)}
}
@media(max-width:380px){.mc-a .btn{width:100%}}

/* ===== polish ===== */
nav ul .btn{padding:10px 22px;font-size:14px}
.hero h1 em{text-shadow:0 2px 24px rgba(0,0,0,.45)}
@media(max-width:860px){nav ul .btn{padding:14px 34px;font-size:18px}}
@media(max-width:520px){
.hero .row{flex-wrap:nowrap;gap:10px}
.hero .row .btn{flex:1 1 0;padding:14px 10px;font-size:14px;white-space:nowrap}
#tr{width:50px;height:50px;padding:0;justify-content:center;left:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px))}
#tr span{display:none}
#tt{right:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px));width:50px;height:50px}
}

/* visitor number popup */
.vpop{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:20px;opacity:0;transition:opacity .3s}
.vpop[hidden]{display:none}.vpop.on{opacity:1}
.vp-bg{position:absolute;inset:0;background:rgba(5,15,10,.6);backdrop-filter:blur(3px)}
.vp-box{position:relative;width:min(400px,100%);text-align:center;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:26px;padding:34px 28px 28px;box-shadow:0 40px 100px -20px rgba(0,0,0,.7);transform:translateY(14px) scale(.97);transition:transform .3s}
.vpop.on .vp-box{transform:none}
.vp-x{position:absolute;right:12px;top:12px;width:40px;height:40px;border-radius:50%;border:0;background:var(--line);color:var(--ink);font-size:18px;cursor:pointer}
.vp-x:hover{background:var(--gold);color:#1a1405}
.vp-t{margin:0;font-size:15px;color:var(--mute)}
.vp-n{font:700 76px/1.1 var(--serif);color:var(--gold);margin:6px 0 10px}
.vp-s{margin:0 0 22px;font-size:15px;line-height:1.5}
@media(prefers-reduced-motion:reduce){.vpop,.vp-box{transition:none}}
footer .credit{display:inline-block;margin-top:8px}
footer .credit a{color:var(--gold);text-decoration:none;font-weight:600}
footer .credit a:hover{text-decoration:underline}