:root{box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);color-scheme:dark;--bg:#07201b;--surf:#0e2f27;--ink:#fdf1e0;--mut:#b7ccc2;--rose:#d9a441;--gold:#e9c98a;--line:#2c5446}
html{scroll-behavior:smooth;scroll-padding-top:84px}*,*:before,*:after{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16.5px/1.75 Jost,system-ui,sans-serif;overflow-x:hidden}
h1,h2,h3{font-family:Marcellus,Georgia,serif;font-weight:400;line-height:1.12;margin:0 0 .5em}
a{color:var(--gold);text-decoration:none}img{display:block;max-width:100%}
a:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.wrap{max-width:1180px;margin:auto;padding:0 24px}
nav{position:fixed;top:env(safe-area-inset-top,0px);left:0;right:0;z-index:20;background:rgba(7,32,27,.86);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
nav .wrap{display:flex;align-items:center;justify-content:space-between;height:76px;gap:16px}
.logo{display:flex;align-items:center;gap:10px;color:var(--ink);font:400 1.5rem Marcellus,serif;letter-spacing:.04em}.logo i{font-style:normal;color:var(--gold);font-size:1.8rem}
nav ul{display:flex;gap:30px;list-style:none;margin:0;padding:0}nav ul a{color:var(--ink);font-size:.95rem}nav ul a:hover{color:var(--gold)}
.btn{display:inline-block;padding:13px 28px;border-radius:99px;background:linear-gradient(135deg,#d9a441,#b98424);color:#fff;font-weight:500;border:1px solid #f0cf85;transition:box-shadow .25s}.btn:hover{box-shadow:0 10px 28px rgba(217,164,65,.35)}
.btn.o{background:transparent;border-color:var(--gold);color:var(--ink)}.btn.sm{padding:9px 18px;font-size:.9rem}
.hero{position:relative;min-height:min(820px,100svh);display:flex;align-items:center;overflow:hidden;background:#041511}
.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%;filter:brightness(.8)}
.hero:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(4,21,17,.95) 0%,rgba(4,21,17,.78) 40%,rgba(4,21,17,.1) 100%),linear-gradient(0deg,rgba(4,21,17,.6),transparent 35%)}
.hero .wrap{position:relative;z-index:2;padding-top:150px;padding-bottom:130px}
.hero-copy{max-width:600px;animation:rise 1.1s ease both}@keyframes rise{from{opacity:0;transform:translateY(24px)}}
.kick{color:var(--gold);font-size:1rem;letter-spacing:.08em;margin-bottom:14px}
.hero h1{font-size:clamp(3.4rem,9vw,7rem);letter-spacing:.01em;margin:0 0 .2em}
.hero p{max-width:480px;color:#ffeede;font-size:1.1rem}.cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.strip{position:relative;z-index:5;max-width:1180px;margin:-56px auto 0;display:grid;grid-template-columns:1.4fr 1fr 1fr;background:rgba(14,47,39,.97);border:1px solid var(--line);border-radius:26px;box-shadow:0 24px 60px rgba(0,0,0,.45)}
.strip>div{padding:24px 30px;border-right:1px solid var(--line)}.strip>div:last-child{border:0}.strip b{display:block;font:400 1.25rem Marcellus,serif;margin-bottom:2px}.strip small{color:var(--mut);font-size:.9rem;line-height:1.55;display:block}
section{padding:100px 0}h2{font-size:clamp(2.1rem,4.4vw,3.2rem)}.sub{color:var(--mut);max-width:560px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.arch img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:999px 999px 24px 24px;border:1px solid var(--line);box-shadow:0 30px 70px rgba(0,0,0,.5)}
.about p{color:var(--mut)}.about .btn{margin-top:14px}
.alt{background:linear-gradient(135deg,#0c2a22,#07201b);border-block:1px solid var(--line)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:44px}
.card{background:var(--surf);border:1px solid var(--line);border-radius:24px 24px 24px 90px;overflow:hidden;display:flex;flex-direction:column}
.card img{width:100%;aspect-ratio:3/2;object-fit:cover}
.cb{padding:24px 26px 30px}.cb h3{font-size:1.55rem}.cb p{color:var(--mut);margin:0 0 12px;font-size:.98rem}.cb a{font-weight:500}
.card.t{justify-content:center;background:transparent;border-style:dashed}
.why{display:grid;grid-template-columns:repeat(4,1fr);gap:36px;margin-top:44px}
.why div{border-top:1px solid var(--gold);padding-top:18px}.why h3{font-size:1.35rem}.why p{color:var(--mut);margin:0;font-size:.97rem}
.ban{position:relative;padding:140px 0;text-align:center;background:#041511 center/cover no-repeat}
.ban:before{content:"";position:absolute;inset:0;background:rgba(4,21,17,.7)}.ban .wrap{position:relative}.ban p{color:#ffeede;max-width:520px;margin:0 auto}.ban .cta{justify-content:center}
.gal{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:44px}.gal img{width:100%;height:300px;object-fit:cover;border-radius:20px;border:1px solid var(--line)}.gal img:first-child,.gal img:nth-child(6){grid-column:span 2}
.faq{max-width:780px}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font:400 1.25rem Marcellus,serif}details p{color:var(--mut);margin:10px 0 0}
.contact{text-align:center;background:radial-gradient(ellipse at 50% 0,#14503f,var(--bg) 70%);border-top:1px solid var(--line)}.contact p{color:var(--mut)}.contact .cta{justify-content:center}
footer{padding:32px 0;text-align:center;font-size:.88rem;color:var(--mut);border-top:1px solid var(--line)}footer p{margin:4px 0}
.float{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:30;background:#25d366;color:#07240f;font-weight:600;padding:12px 20px;border-radius:99px;box-shadow:0 8px 24px rgba(0,0,0,.4)}
@media(prefers-reduced-motion:reduce){.hero-copy{animation:none}html{scroll-behavior:auto}}
@media(max-width:900px){.menu{display:block}nav ul{display:none;position:absolute;top:76px;left:0;right:0;flex-direction:column;gap:0;background:#07201b;border-bottom:1px solid var(--line);padding:8px 24px 16px}nav.open ul{display:flex}nav ul a{display:block;padding:12px 0}section{padding:68px 0}.two{grid-template-columns:1fr;gap:44px}.arch{max-width:440px;margin:auto}.grid{grid-template-columns:1fr 1fr}.why{grid-template-columns:1fr 1fr}.strip{grid-template-columns:1fr;margin:-40px 18px 0}.strip>div{border-right:0;border-bottom:1px solid var(--line);padding:18px 22px}.strip>div:last-child{border:0}.gal img{height:200px}}
@media(max-width:560px){.grid,.why{grid-template-columns:1fr}.hero{min-height:760px}.hero:before{background:linear-gradient(90deg,rgba(4,21,17,.92),rgba(4,21,17,.6)),linear-gradient(0deg,rgba(4,21,17,.7),transparent 60%)}.logo{font-size:1.25rem}.gal{gap:9px}.gal img{height:150px}.float{right:12px;bottom:12px}}

.menu{display:none;background:none;border:1px solid var(--line);color:var(--ink);border-radius:10px;padding:8px 12px;font:inherit;cursor:pointer}
nav ul a.on{color:var(--gold)}
.phead{position:relative;padding:170px 0 80px;background:#041511 center/cover no-repeat;border-bottom:1px solid var(--line)}
.phead:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,21,17,.94),rgba(4,21,17,.6))}.phead .wrap{position:relative}.phead h1{font-size:clamp(2.6rem,6vw,4.6rem);margin:0 0 .2em}.phead p{color:#ffeede;max-width:520px;margin:0}
.row{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding:44px 0;border-bottom:1px solid var(--line)}.row:last-of-type{border:0}.row:nth-child(even) .pic{order:2}
.row img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:24px 24px 24px 90px;border:1px solid var(--line)}
.row .ph{aspect-ratio:3/2;border-radius:24px 24px 24px 90px;border:1px dashed var(--gold);display:grid;place-items:center;font-size:3.4rem;color:var(--gold);background:var(--surf)}
.row p{color:var(--mut)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:40px;counter-reset:s}.steps div{border-top:1px solid var(--gold);padding-top:16px}.steps h3{font-size:1.35rem}.steps p{color:var(--mut);margin:0}
.cgrid{display:grid;grid-template-columns:1fr 1fr;gap:64px}.cgrid h2{font-size:2rem}.cgrid p{color:var(--mut)}.cgrid .cta{margin-top:20px}
.fl{display:flex;gap:22px;justify-content:center;flex-wrap:wrap;margin-bottom:14px}.fl a{color:var(--mut)}.fl a:hover{color:var(--gold)}
@media(max-width:900px){.row,.cgrid{grid-template-columns:1fr;gap:28px}.row:nth-child(even) .pic{order:0}.steps{grid-template-columns:1fr}.phead{padding:130px 0 56px}}
@media(max-width:900px){.menu{display:block}}
/* ---- v3: brand refresh ---- */
body{background:radial-gradient(ellipse at 85% 0,#1a1205 0,transparent 40%),var(--bg)}
.logo{gap:12px;font-size:1.3rem;letter-spacing:.14em;text-transform:uppercase}.logo svg{height:28px;width:auto;color:var(--gold)}
.hero.c .wrap{text-align:center;display:flex;justify-content:center}.hero.c .hero-copy{max-width:760px}
.hero.c:before{background:radial-gradient(ellipse at 50% 45%,rgba(4,21,17,.55),rgba(4,21,17,.92) 75%),linear-gradient(0deg,rgba(4,21,17,.75),transparent 40%)}
.hero.c>img{filter:brightness(.7) saturate(1.1)}
.hero-logo{width:min(560px,82vw);margin:0 auto 22px;filter:drop-shadow(0 6px 30px rgba(0,0,0,.6))}
.hero.c p{margin:0 auto;max-width:520px}.hero.c .cta{justify-content:center}
.hd{text-align:center;margin-bottom:12px}.hd svg{height:30px;width:auto;margin:0 auto 14px;display:block;color:var(--gold)}.hd h2{margin-bottom:.35em}.hd .sub{margin:0 auto}
.btn{background:linear-gradient(135deg,#e9c98a,#b98424);color:#1a1205;border-color:#f3dfae;font-weight:600}.btn:hover{box-shadow:0 10px 30px rgba(233,201,138,.35)}
.btn.o{background:transparent;color:var(--ink);border-color:var(--gold)}.btn.o:hover{background:rgba(233,201,138,.12)}
.float{background:linear-gradient(135deg,#e9c98a,#b98424);color:#1a1205}
h2{color:#fff4e6}
.pill{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:48px;border-block:1px solid var(--line)}
.pill div{padding:44px 34px;text-align:center;border-right:1px solid var(--line)}.pill div:last-child{border:0}
.pill h3{font-size:clamp(2rem,3.4vw,2.8rem);letter-spacing:.14em;text-transform:uppercase;background:linear-gradient(135deg,#f6e7c1,#d99a85);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:.3em}.pill p{color:var(--mut);margin:0 auto;max-width:300px}
.tl{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:48px;counter-reset:t}
.tl div{position:relative;padding:34px 26px 0 0;border-top:1px solid var(--line)}.tl div:before{content:"";position:absolute;top:-5px;left:0;width:9px;height:9px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 6px rgba(233,201,138,.15)}
.tl h3{font-size:1.4rem}.tl p{color:var(--mut);margin:0;font-size:.97rem}
.feat{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.feat .art img{width:100%;border-radius:28px;border:1px solid var(--line);box-shadow:0 30px 80px rgba(0,0,0,.55),0 0 80px rgba(217,164,65,.12)}
.feat p{color:var(--mut)}.tick{list-style:none;margin:18px 0 26px;padding:0}.tick li{padding:7px 0 7px 30px;position:relative;color:var(--ink)}.tick li:before{content:"❋";position:absolute;left:0;color:var(--gold)}
.meta{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 16px}.meta span{font-size:.85rem;border:1px solid var(--line);border-radius:99px;padding:3px 14px;color:var(--gold)}
.opts{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:44px}.opts div{background:var(--surf);border:1px solid var(--line);border-radius:22px;padding:26px 22px}.opts h3{font-size:1.3rem}.opts p{color:var(--mut);margin:0;font-size:.95rem}
.gal img{transition:transform .5s,border-color .3s}.gal img:hover{transform:scale(1.02);border-color:var(--gold)}
.card{transition:transform .35s,border-color .35s}.card:hover{transform:translateY(-6px);border-color:var(--gold)}
.fl img{height:60px;width:auto}.foot-logo{display:block;margin:0 auto 18px;height:110px;width:auto}
.ban h2{font-size:clamp(2.2rem,5vw,3.6rem)}
@media(max-width:900px){.pill,.tl,.opts{grid-template-columns:1fr 1fr}.pill div{border-right:0;border-bottom:1px solid var(--line)}.feat{grid-template-columns:1fr;gap:40px}.logo{font-size:1.05rem}}
@media(max-width:560px){.pill,.tl,.opts{grid-template-columns:1fr}.tl div{padding-bottom:24px}.foot-logo{height:90px}}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* ---- v4: motion & polish ---- */
body{animation:pin .7s ease both}body.out{opacity:0;transition:opacity .25s}@keyframes pin{from{opacity:0}}
#pg{position:fixed;top:0;left:0;right:0;height:3px;z-index:40;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,#d9a441,#f6e7c1,#e9c98a)}
nav{transition:background .4s,border-color .4s,backdrop-filter .4s}nav:not(.sc):not(.open){background:transparent;border-color:transparent;backdrop-filter:none}
nav ul a{position:relative}nav ul a:after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:1px;background:var(--gold);transform:scaleX(0);transition:transform .35s}nav ul a:hover:after,nav ul a.on:after{transform:scaleX(1)}
.glow{position:fixed;left:0;top:0;width:560px;height:560px;margin:-280px 0 0 -280px;border-radius:50%;background:radial-gradient(circle,rgba(217,164,65,.15),transparent 65%);pointer-events:none;z-index:3;mix-blend-mode:screen;opacity:0;transition:opacity .5s}
.hero>img{animation:kb 24s ease-in-out infinite alternate}@keyframes kb{from{transform:scale(1.02)}to{transform:scale(1.15) translate(-1.5%,-1%)}}
.petals{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.hero-copy{animation:none;will-change:transform,opacity}
.hero-copy>*{animation:rise 1.2s cubic-bezier(.2,.7,.2,1) both}.hero-copy>:nth-child(2){animation-delay:.15s}.hero-copy>:nth-child(3){animation-delay:.45s}.hero-copy>:nth-child(4){animation-delay:.65s}
.shine{position:relative;display:block;width:min(560px,82vw);margin:0 auto 22px}.shine .hero-logo{width:100%;margin:0}
.shine .hero-logo{animation:glint 6s ease-in-out 2s infinite}@keyframes glint{0%,60%,100%{filter:drop-shadow(0 6px 30px rgba(0,0,0,.6)) brightness(1)}80%{filter:drop-shadow(0 0 26px rgba(247,214,198,.75)) brightness(1.35)}}
.cue{position:absolute;left:50%;bottom:92px;z-index:3;width:26px;height:44px;margin-left:-13px;border:1.5px solid var(--gold);border-radius:14px;opacity:.8}.cue:after{content:"";position:absolute;left:50%;top:8px;width:3px;height:8px;margin-left:-1.5px;border-radius:2px;background:var(--gold);animation:cue 1.8s ease-in-out infinite}@keyframes cue{0%{opacity:0;transform:translateY(0)}30%{opacity:1}100%{opacity:0;transform:translateY(14px)}}
.btn{position:relative;overflow:hidden;transition:transform .3s,box-shadow .3s,background .3s}.btn:hover{transform:translateY(-2px)}
.btn:not(.o):after{content:"";position:absolute;top:0;bottom:0;left:-80%;width:50%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);transition:left .7s}.btn:not(.o):hover:after{left:130%}
.float{animation:pulse 3s ease-out infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(233,201,138,.55),0 8px 24px rgba(0,0,0,.4)}70%,100%{box-shadow:0 0 0 18px rgba(233,201,138,0),0 8px 24px rgba(0,0,0,.4)}}
.hd svg{animation:fl 5s ease-in-out infinite}@keyframes fl{50%{transform:translateY(-6px)}}
.pill h3{background-size:220% 100%;animation:gs 7s ease-in-out infinite alternate}@keyframes gs{from{background-position:0 0}to{background-position:100% 0}}
.tl div:before{animation:dot 3s ease-in-out infinite}@keyframes dot{50%{box-shadow:0 0 0 12px rgba(233,201,138,0)}}
.mq{overflow:hidden;border-block:1px solid var(--line);padding:22px 0;background:linear-gradient(90deg,#07201b,#0f3a30,#07201b);-webkit-mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.mqt{display:flex;width:max-content;animation:mq 45s linear infinite}.mq:hover .mqt{animation-play-state:paused}.mqt span{font:400 clamp(1.5rem,3vw,2.4rem) Marcellus,serif;color:#f6e7c1;white-space:nowrap;padding:0 26px;letter-spacing:.06em}.mqt i{font-style:normal;color:var(--rose);align-self:center}@keyframes mq{to{transform:translateX(-50%)}}
.js .rv{opacity:0;transform:translateY(36px);transition:opacity 1s cubic-bezier(.2,.7,.2,1),transform 1s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s)}
.js .rv.in{opacity:1;transform:none}.js .rv.done{transition:transform .4s,border-color .4s,opacity .3s;transition-delay:0s}
.js .arch.rv img,.js .art.rv img,.js .pic.rv img{transform:scale(1.25)}.js .arch.in img,.js .art.in img,.js .pic.in img{transform:scale(1);transition:transform 1.8s cubic-bezier(.2,.7,.2,1)}
.js .gal img.rv{transform:scale(.94) translateY(24px)}.js .gal img.rv.in{transform:none}.js .gal img.rv.done:hover{transform:scale(1.03)}
.card img{transition:transform .9s}.card:hover img{transform:scale(1.08)}.card{transform-style:preserve-3d;will-change:transform}
.card:hover,.opts div:hover{box-shadow:0 24px 60px rgba(0,0,0,.45),0 0 50px rgba(217,164,65,.15)}.opts div{transition:transform .4s,box-shadow .4s,border-color .4s}.opts div:hover{border-color:var(--gold)}
.ban{overflow:hidden}.ban h2,.ban p{text-shadow:0 2px 20px rgba(0,0,0,.6)}
@media(hover:hover) and (min-width:901px){.ban{background-attachment:fixed}}
.phead h1{animation:rise 1.1s cubic-bezier(.2,.7,.2,1) both}.phead p{animation:rise 1.1s .2s cubic-bezier(.2,.7,.2,1) both}
.lb{position:fixed;inset:0;z-index:60;background:rgba(2,14,11,.92);backdrop-filter:blur(8px);display:grid;place-items:center;padding:24px;opacity:0;pointer-events:none;transition:opacity .35s;cursor:zoom-out}.lb.on{opacity:1;pointer-events:auto}
.lb img{max-width:min(1100px,94vw);max-height:84vh;border-radius:18px;border:1px solid var(--line);box-shadow:0 30px 100px rgba(0,0,0,.7);transform:scale(.94);transition:transform .5s cubic-bezier(.2,.7,.2,1)}.lb.on img{transform:none}.lb p{position:absolute;bottom:22px;left:0;right:0;text-align:center;color:var(--mut);margin:0}
.gal img{cursor:zoom-in}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.js .rv{opacity:1;transform:none}}
@media(max-width:560px){.cue{display:none}}
.hero.c .wrap{padding-bottom:200px}.cue{bottom:96px}@media(max-height:760px){.cue{display:none}}


/* theme */
body{background:radial-gradient(ellipse at 90% 0,rgba(217,164,65,.10),transparent 45%),radial-gradient(ellipse at 0 60%,rgba(214,96,154,.07),transparent 50%),var(--bg)}
.btn{background:linear-gradient(135deg,#f3d58f,#d9a441);color:#1a1205;border-color:#f3dfae}.btn:hover{box-shadow:0 10px 30px rgba(217,164,65,.4)}
.float{background:linear-gradient(135deg,#f3d58f,#d9a441);color:#1a1205}
nav ul a,.logo{text-shadow:0 1px 12px rgba(0,0,0,.45)}
.slides{position:absolute;inset:0;overflow:hidden}.slides img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;animation:sl 28s linear infinite}
.slides img:nth-child(2){animation-delay:7s}.slides img:nth-child(3){animation-delay:14s}.slides img:nth-child(4){animation-delay:21s}
@keyframes sl{0%{opacity:0;transform:scale(1.02)}5%{opacity:1}25%{opacity:1}31%{opacity:0;transform:scale(1.13)}100%{opacity:0;transform:scale(1.13)}}
.hero.c:before{background:radial-gradient(ellipse at 50% 42%,rgba(4,21,17,.62),rgba(4,21,17,.38) 70%),linear-gradient(0deg,rgba(4,21,17,.85),transparent 45%),linear-gradient(180deg,rgba(4,21,17,.55),transparent 22%)}
.hero-copy .kick{font-size:1.05rem;letter-spacing:.2em;text-transform:uppercase;color:#f3dfae;margin-top:6px}
.alt{--surf:#fffdf6;--ink:#1f2a22;--mut:#55604f;--line:#ddd0b0;--gold:#8a6420;position:relative;background:#f5efe0;color:var(--ink);border:0}
.alt h2,.alt h3,.alt summary{color:var(--ink)}.alt .btn.o{color:var(--ink)}.alt a:not(.btn){color:#8a6420}
.alt .hd svg{color:#8a6420}.alt .pill h3{background-image:linear-gradient(135deg,#7a5a1a,#b98a2c);-webkit-background-clip:text;background-clip:text}
.alt .opts div,.alt .card{box-shadow:0 10px 30px rgba(60,80,40,.10)}
.alt:before,.alt:after{content:"";position:absolute;left:0;right:0;height:40px;background-size:100% 100%;pointer-events:none}
.alt:before{top:-39px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 40' preserveAspectRatio='none'%3E%3Cpath d='M0 40V22C150 2 300 2 450 20S750 38 900 18 1100 4 1200 16V40Z' fill='%23f5efe0'/%3E%3C/svg%3E")}
.alt:after{bottom:-1px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 40' preserveAspectRatio='none'%3E%3Cpath d='M0 40V16C100 4 300 4 450 22S750 36 900 16 1100 2 1200 20V40Z' fill='%2307201b'/%3E%3C/svg%3E")}
.mq{background:linear-gradient(90deg,#07201b,#0f3a30,#07201b)}.mqt i{color:#d9a441}
.row .ph{background:var(--surf)}
.seas{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:44px}.seas article{position:relative;min-height:420px;border-radius:26px;overflow:hidden;display:flex;align-items:flex-end;border:1px solid var(--line)}
.seas img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s}.seas article:hover img{transform:scale(1.08)}
.seas article:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(4,21,17,.92) 8%,rgba(4,21,17,.1) 65%)}.seas div{position:relative;z-index:2;padding:26px}.seas small{color:#f3dfae;letter-spacing:.14em;text-transform:uppercase}.seas h3{font-size:1.7rem;margin:4px 0 8px}.seas p{margin:0;color:#e6ecea;font-size:.97rem}
.golden{position:relative;padding:170px 0;text-align:center;background:#041511 center/cover no-repeat}.golden:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,21,17,.55),rgba(4,21,17,.35) 50%,rgba(4,21,17,.7))}.golden .wrap{position:relative}.golden h2{font-size:clamp(2.2rem,5.4vw,4rem);text-shadow:0 2px 24px rgba(0,0,0,.6)}.golden p{max-width:540px;margin:0 auto 26px;color:#fff1e0;text-shadow:0 1px 12px rgba(0,0,0,.6)}
.near{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 26px}.near span{border:1px solid var(--line);border-radius:99px;padding:5px 16px;color:var(--gold);font-size:.92rem}
.tabs{display:flex;gap:10px;justify-content:center;margin-bottom:34px;flex-wrap:wrap}.tabs button{font:inherit;background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:99px;padding:9px 22px;cursor:pointer;transition:.3s}.tabs button.on,.tabs button:hover{background:linear-gradient(135deg,#f3d58f,#d9a441);color:#1a1205;border-color:#f3dfae}
.gal2{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}.gal2 img{width:100%;height:320px;object-fit:cover;border-radius:20px;border:1px solid var(--line)}.gal2 img[hidden]{display:none}
.credit{font-size:.8rem;opacity:.7}
.phead:before{background:linear-gradient(90deg,rgba(4,21,17,.9),rgba(4,21,17,.45))}
.contact{background:radial-gradient(ellipse at 50% 0,#14503f,var(--bg) 70%)}
@media(max-width:900px){.seas{grid-template-columns:1fr}.seas article{min-height:320px}.golden{padding:110px 0}}
.alt .seas h3,.seas h3{color:#fff4e6}.alt .seas p{color:#e6ecea}.alt .seas small{color:#f3dfae}
.hero.c:before{background:radial-gradient(ellipse at 50% 42%,rgba(4,21,17,.72),rgba(4,21,17,.42) 70%),linear-gradient(0deg,rgba(4,21,17,.85),transparent 45%),linear-gradient(180deg,rgba(4,21,17,.55),transparent 22%)}

/* ---- Mohini Thai Spa ---- */
.glow{background:radial-gradient(circle,rgba(214,96,154,.16),transparent 65%)}
.wm{display:flex;flex-direction:column;align-items:center;margin:0 auto 22px;filter:drop-shadow(0 6px 30px rgba(0,0,0,.65))}.wm svg{height:clamp(40px,6vw,64px);width:auto;color:var(--gold);margin-bottom:8px}
.wm b{font:400 clamp(3.4rem,11vw,7.6rem)/1 Marcellus,serif;letter-spacing:.16em;margin-right:-.16em;background:linear-gradient(180deg,#fbecc0,#d9a441 70%,#b98424);-webkit-background-clip:text;background-clip:text;color:transparent}
.wm .t{display:flex;align-items:center;gap:18px;font:400 clamp(1.1rem,2.6vw,1.7rem) Marcellus,serif;letter-spacing:.7em;margin-right:-.7em;color:#f6e7c1;margin-top:6px}.wm .t:before,.wm .t:after{content:"";width:clamp(40px,9vw,110px);height:1px;background:var(--gold)}
.wm small{margin-top:14px;font-size:.92rem;letter-spacing:.3em;text-transform:uppercase;color:#f3dfae}
.slides img{animation-duration:28s}
.foot-wm{font:400 1.8rem Marcellus,serif;letter-spacing:.25em;color:var(--gold);margin:0 0 4px}.foot-wm small{display:block;font-size:.8rem;letter-spacing:.5em;color:var(--mut)}
.hero.c:before{background:radial-gradient(ellipse at 50% 42%,rgba(4,21,17,.7),rgba(4,21,17,.4) 70%),linear-gradient(0deg,rgba(4,21,17,.88),transparent 45%),linear-gradient(180deg,rgba(4,21,17,.55),transparent 22%)}
body{background:radial-gradient(ellipse at 90% 0,rgba(217,164,65,.10),transparent 45%),radial-gradient(ellipse at 0 60%,rgba(214,96,154,.07),transparent 50%),var(--bg)}
