/*
Theme Name: Pardis Luxury
Description: قالب لوکس و مدرن شرکت پردیس. تنظیمات از منوی «تنظیمات پردیس» در پیشخوان قابل ویرایش است.
Version: 2.0
Text Domain: pardis
*/
:root{--gold:#ad8542;--gold2:#e6cc96;--navy:#001c48;--navy2:#06336f;--soft:#f6f3ec;--ink:#0a0a0a;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Vazirmatn',Tahoma,sans-serif;color:var(--ink);background:#fff;direction:rtl;line-height:2;overflow-x:hidden}
a{color:inherit;text-decoration:none;transition:.4s var(--ease)}
img{max-width:100%;display:block}
ul{list-style:none}
.wrap{width:min(1220px,92%);margin:auto;position:relative;z-index:2}
.narrow{width:min(900px,92%)}
.center{text-align:center}
.sec{padding:110px 0;position:relative;overflow:hidden}
.soft{background:var(--soft)}
.ic{width:1em;height:1em;flex:none}
.progress{position:fixed;top:0;right:0;height:3px;width:0;background:linear-gradient(90deg,var(--gold),var(--gold2));z-index:999}
/* titles */
.sec-title{text-align:center;margin-bottom:56px}
.sec-title small,.kick{display:inline-block;color:var(--gold);font-weight:700;letter-spacing:.5px;font-size:14px}
.sec-title h2{font-size:clamp(26px,4vw,42px);color:var(--navy);font-weight:900;line-height:1.6}
.sec-title .bar{display:block;width:100px;height:3px;margin:12px auto 0;background:linear-gradient(90deg,transparent,var(--gold),transparent);position:relative;overflow:hidden}
.sec-title .bar:after{content:"";position:absolute;inset:0;background:#fff;animation:shine 2.4s infinite}
.sec-title.light h2{color:#fff}
@keyframes shine{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
/* topbar */
.topbar{background:#00122e;color:#cdbf9f;font-size:13px;padding:6px 0;position:relative;z-index:60}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.tb-info{display:flex;gap:22px;flex-wrap:wrap}
.tb-info span{display:flex;align-items:center;gap:7px}
.tb-info .ic{color:var(--gold);font-size:16px}
.tb-info a:hover{color:var(--gold)}
.tb-soc,.fsoc{display:flex;gap:10px}
.soc{width:30px;height:30px;display:block;transition:.5s var(--ease)}
.soc svg,.soc img{width:100%;height:100%;border-radius:50%}
.soc:hover{transform:translateY(-4px) rotate(-8deg) scale(1.15);filter:drop-shadow(0 6px 10px rgba(173,133,66,.6))}
/* header */
.hdr{position:absolute;top:46px;right:0;left:0;z-index:70;transition:.5s var(--ease)}
.hdr .bar{width:min(1220px,92%);margin:auto;background:rgba(0,28,72,.8);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(173,133,66,.4);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 26px;border-radius:6px;position:relative}
.hdr.stuck{position:fixed;top:0}
.hdr.stuck .bar{border-radius:0 0 16px 16px;box-shadow:0 14px 40px rgba(0,0,0,.35)}
.admin-bar .hdr.stuck{top:32px}
.brand{display:flex;align-items:center;gap:12px;color:#fff}
.brand img{max-height:54px;width:auto}
.brand .bn{font-weight:900;font-size:19px;background:linear-gradient(90deg,#fff,var(--gold2));-webkit-background-clip:text;background-clip:text;color:transparent}
.mono{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:var(--navy);font-weight:900;font-size:22px}
.nav>ul{display:flex;gap:4px}
.nav li{position:relative}
.nav a{display:block;color:#fff;font-size:14px;font-weight:500;padding:8px 16px;position:relative}
.nav>ul>li>a:before,.nav>ul>li>a:after{content:"";position:absolute;right:8px;left:8px;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:0;transform:scaleX(.2);transition:.5s var(--ease)}
.nav>ul>li>a:before{top:-12px}
.nav>ul>li>a:after{bottom:-12px}
.nav>ul>li:hover>a:before,.nav>ul>li.current-menu-item>a:before{top:0;opacity:1;transform:none}
.nav>ul>li:hover>a:after,.nav>ul>li.current-menu-item>a:after{bottom:0;opacity:1;transform:none}
.nav a:hover{color:var(--gold2)}
.nav .sub-menu{position:absolute;top:calc(100% + 14px);right:0;min-width:250px;background:rgba(0,28,72,.97);border:1px solid rgba(173,133,66,.45);padding:8px;opacity:0;visibility:hidden;transform:translateY(16px);transition:.45s var(--ease);box-shadow:0 20px 40px rgba(0,0,0,.35)}
.nav li:hover>.sub-menu{opacity:1;visibility:visible;transform:none}
.nav .sub-menu a{padding:8px 14px;border-radius:4px}
.nav .sub-menu a:hover{background:rgba(173,133,66,.18);padding-right:22px}
.tel{display:flex;align-items:center;gap:8px;color:var(--gold2);border:1px solid var(--gold);padding:7px 16px;font-weight:700;direction:ltr;white-space:nowrap}
.tel:hover{background:var(--gold);color:var(--navy)}
.burger{display:none;background:none;border:0;color:#fff;font-size:28px;cursor:pointer}
/* buttons */
.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;font-weight:700;font-size:15px;border:1px solid var(--gold);position:relative;overflow:hidden;z-index:1;cursor:pointer;background:transparent;color:var(--gold);font-family:inherit}
.btn:before{content:"";position:absolute;inset:0;background:var(--gold2);transform:scaleX(0);transform-origin:right;transition:.5s var(--ease);z-index:-1}
.btn:hover:before{transform:scaleX(1)}
.btn.solid{background:var(--gold);color:var(--navy)}
.btn.ghost{color:#fff;border-color:rgba(255,255,255,.6)}
.btn.dark{background:var(--navy);color:var(--gold2);border-color:var(--navy)}
.btn.dark:before{background:var(--gold)}
.btn.dark:hover{color:var(--navy);border-color:var(--gold)}
.btn:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(173,133,66,.35);color:var(--navy)}
.pulse{animation:pulse 2.4s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(173,133,66,.6)}70%{box-shadow:0 0 0 20px rgba(173,133,66,0)}100%{box-shadow:0 0 0 0 rgba(173,133,66,0)}}
/* hero */
.hero,.banner{background:var(--navy) center/cover;color:#fff;position:relative;overflow:hidden}
.hero:before,.banner:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(0,28,72,.96),rgba(0,28,72,.72) 60%,rgba(173,133,66,.28))}
.hero{min-height:100vh;display:flex;align-items:center;padding:190px 0 100px}
.banner{padding:200px 0 80px;text-align:center}
.banner h1{font-size:clamp(28px,5vw,52px);font-weight:900;margin-bottom:6px}
.crumb{font-size:14px;color:#d8cba9}.crumb i{color:var(--gold);font-style:normal;margin:0 4px}.crumb a:hover{color:var(--gold)}
.gridbg{position:absolute;inset:0;background-image:linear-gradient(rgba(173,133,66,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(173,133,66,.08) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(circle at 50% 50%,#000,transparent 75%);-webkit-mask-image:radial-gradient(circle at 50% 50%,#000,transparent 75%);animation:grid 20s linear infinite}
@keyframes grid{to{background-position:60px 60px}}
.hgrid{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}
.badge{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(173,133,66,.6);padding:6px 18px;border-radius:50px;font-size:13px;color:var(--gold2);background:rgba(173,133,66,.1);margin-bottom:22px}
.badge i{width:8px;height:8px;border-radius:50%;background:var(--gold);animation:pulse 2s infinite}
.hero h1{font-size:clamp(32px,5.4vw,64px);font-weight:900;line-height:1.55;margin-bottom:22px}
.split .w{display:inline-block;opacity:0;transform:translateY(46px) rotateX(-70deg);filter:blur(10px);animation:wIn .95s var(--ease) forwards;animation-delay:calc(var(--i)*.08s + .15s);background:linear-gradient(100deg,#fff 30%,var(--gold2) 50%,#fff 70%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .split .w{animation:wIn .95s var(--ease) forwards,sheen 5s linear 2s infinite}
@keyframes wIn{to{opacity:1;transform:none;filter:none}}
@keyframes sheen{to{background-position:-250% 0}}
.hero p{font-size:18px;color:#e6e0d0;max-width:720px;margin-bottom:34px}
.btns{display:flex;gap:16px;flex-wrap:wrap}
.orb{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(173,133,66,.45),transparent 70%);animation:float 9s ease-in-out infinite;pointer-events:none;z-index:1}
.orb.a{width:420px;height:420px;left:-100px;top:12%}
.orb.b{width:300px;height:300px;right:4%;bottom:4%;animation-delay:-4s}
@keyframes float{50%{transform:translate(26px,-34px) scale(1.08)}}
.hv{position:relative;height:460px}
.himg img{border-radius:20px;border:1px solid var(--gold);box-shadow:0 30px 70px rgba(0,0,0,.5)}
.ring{position:absolute;inset:40px;border:1px dashed rgba(173,133,66,.7);border-radius:50%;animation:spin 30s linear infinite}
.ring.r2{inset:100px;animation-direction:reverse;border-style:solid;opacity:.4}
@keyframes spin{to{transform:rotate(360deg)}}
.g{position:absolute;width:140px;height:140px;border-radius:30px;background:rgba(255,255,255,.07);backdrop-filter:blur(12px);border:1px solid rgba(173,133,66,.55);display:grid;place-items:center;color:var(--gold2);font-size:62px;animation:float 7s ease-in-out infinite;box-shadow:0 20px 40px rgba(0,0,0,.3)}
.g1{top:0;right:10%}.g2{top:140px;left:0;animation-delay:-2s}.g3{bottom:10px;right:30%;animation-delay:-4s}.g4{top:200px;right:-10px;width:100px;height:100px;font-size:44px;animation-delay:-5s}
.scroll{position:absolute;bottom:26px;left:50%;width:26px;height:44px;border:2px solid var(--gold);border-radius:20px;z-index:3}
.scroll:after{content:"";position:absolute;top:8px;left:50%;width:4px;height:8px;margin-left:-2px;background:var(--gold);border-radius:4px;animation:wheel 1.6s infinite}
@keyframes wheel{to{transform:translateY(16px);opacity:0}}
/* reveal */
.rv{opacity:0;filter:blur(6px)}
.rv[data-a]{transition:opacity 1s var(--ease) var(--d,0s),transform 1s var(--ease) var(--d,0s),filter 1s var(--ease) var(--d,0s)}
.rv[data-a=up]{transform:translateY(60px)}
.rv[data-a=left]{transform:translateX(-90px)}
.rv[data-a=right]{transform:translateX(90px)}
.rv[data-a=zoom]{transform:scale(.8)}
.rv[data-a=flip]{transform:perspective(900px) rotateX(28deg) translateY(50px)}
.rv.in{opacity:1;transform:none;filter:none}
/* story */
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:80px}
.grid2{align-items:stretch}
.sphoto{position:relative;min-height:540px}
.sphoto:before{content:"";position:absolute;inset:26px -26px -26px 26px;border:2px solid var(--gold);border-radius:18px;transition:.9s var(--ease)}
.sphoto:hover:before{inset:12px -12px -12px 12px}
.frame{position:absolute;inset:0;padding:5px;border-radius:18px;overflow:hidden;background:var(--navy);box-shadow:0 40px 80px rgba(0,28,72,.3);z-index:2}
.frame:before{content:"";position:absolute;inset:-60%;background:conic-gradient(from 0deg,transparent 0 60%,var(--gold) 80%,var(--gold2) 90%,transparent);animation:spin 5s linear infinite}
.frame>img,.frame>.phb{position:relative;width:100%;height:100%;object-fit:cover;border-radius:14px;display:block}
.frame:after{content:"";position:absolute;top:0;bottom:0;width:35%;left:-60%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.4),transparent);transform:skewX(-20deg);z-index:3;pointer-events:none}
.sphoto:hover .frame:after{left:130%;transition:left 1.1s var(--ease)}
.sphoto .frame>img,.sphoto .frame>.phb{clip-path:inset(0 0 100% 0);transform:scale(1.3)}
.sphoto.go .frame>img,.sphoto.go .frame>.phb{clip-path:inset(0);transform:scale(1);transition:clip-path 1.6s var(--ease),transform 2.2s var(--ease)}
.sphoto.go:hover .frame>img{transform:scale(1.07) rotate(.6deg);transition:transform 1.4s var(--ease)}
.phb{background:linear-gradient(135deg,var(--navy),var(--navy2));display:grid;place-items:center;color:var(--gold);font-size:120px}
.ybadge{position:absolute;bottom:-22px;left:-18px;z-index:4;background:var(--gold);color:var(--navy);padding:14px 22px;border-radius:14px;text-align:center;line-height:1.5;box-shadow:0 20px 40px rgba(173,133,66,.45);animation:float 6s ease-in-out infinite}
.ybadge b{display:block;font-size:30px;font-weight:900}.ybadge small{font-size:12px;font-weight:700}
.story h2{font-size:clamp(28px,4vw,42px);color:var(--navy);font-weight:900;margin-bottom:18px}
.story p{color:#333;margin-bottom:16px;text-align:justify}
/* events */
.efeat{display:grid;grid-template-columns:1.1fr 1fr;background:#fff;border:1px solid rgba(173,133,66,.5);border-radius:18px;overflow:hidden;box-shadow:0 30px 70px rgba(0,28,72,.12);margin-bottom:40px}
.eimg{position:relative;min-height:380px;overflow:hidden;background:var(--navy)}
.eimg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:1.2s var(--ease)}
.efeat:hover .eimg img{transform:scale(1.08)}
.eimg .ph{position:absolute;inset:0}
.einfo{padding:38px}
.einfo h3{font-size:26px;color:var(--navy);font-weight:900;line-height:1.7;margin-bottom:12px}
.einfo p{color:#555;margin-bottom:16px}
.egal{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px}
.egal a{aspect-ratio:1;border-radius:10px;overflow:hidden;display:block}
.egal img{width:100%;height:100%;object-fit:cover;transition:.7s var(--ease)}
.egal a:hover img{transform:scale(1.2) rotate(2deg)}
.eline{display:flex;gap:14px;flex-wrap:wrap;color:#666;font-size:13px;margin-top:10px}
.eline span{display:flex;gap:6px;align-items:center}.eline .ic{color:var(--gold)}
.soon{text-align:center;padding:50px;border:2px dashed var(--gold);border-radius:18px;color:var(--navy)}
/* grids and cards */
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.card{position:relative;display:block;background:#fff;border:1px solid #ece6d8;box-shadow:0 12px 40px rgba(0,28,72,.07);transition:transform .6s var(--ease),box-shadow .6s var(--ease),border-color .6s;overflow:hidden;border-radius:14px;transform-style:preserve-3d}
.card:before{content:"";position:absolute;inset:0;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(173,133,66,.2),transparent 45%);opacity:0;transition:.5s;pointer-events:none;z-index:1}
.card:hover{box-shadow:0 34px 70px rgba(0,28,72,.2);border-color:var(--gold)}
.card:hover:before{opacity:1}
.card:after{content:"";position:absolute;bottom:0;right:0;height:4px;width:0;background:linear-gradient(90deg,var(--gold),var(--navy));transition:width .7s var(--ease);z-index:2}
.card:hover:after{width:100%}
.pic{width:72px;height:72px;border-radius:50%;background:var(--navy);color:var(--gold2);display:grid;place-items:center;font-size:34px;position:relative;transition:.6s var(--ease);flex:none;z-index:3}
.pic:after{content:"";position:absolute;inset:-8px;border-radius:50%;border:1px dashed var(--gold);animation:spin 14s linear infinite}
.card:hover .pic,.sinfo .pic{background:var(--gold);color:var(--navy)}
.card:hover .pic{transform:scale(1.12) rotate(-8deg)}
.card:hover .ic{animation:none}
.card:hover .pic svg *,.sinfo .pic svg *{stroke-dasharray:100;animation:draw 1.2s ease forwards}
@keyframes draw{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
.card h3{color:var(--navy);font-size:19px;line-height:1.8;margin-bottom:8px;font-weight:700}
.card p{color:#555;font-size:14.5px}
.more{display:inline-flex;align-items:center;gap:8px;color:var(--gold);font-weight:700;font-size:14px;margin-top:14px}
.more .ic{transition:.5s var(--ease)}
.card:hover .more .ic{transform:translateX(-8px)}
.pimg{position:relative;aspect-ratio:16/11;overflow:hidden;background:linear-gradient(135deg,var(--navy),var(--navy2))}
.pimg img{width:100%;height:100%;object-fit:cover;transition:1s var(--ease)}
.card:hover .pimg img{transform:scale(1.12) rotate(1deg)}
.ph{width:100%;height:100%;display:grid;place-items:center;color:rgba(230,204,150,.5);font-size:110px;background:radial-gradient(circle at 30% 20%,rgba(173,133,66,.3),transparent 60%),linear-gradient(135deg,var(--navy),var(--navy2))}
.ph.big{font-size:180px;aspect-ratio:4/3}
.pcard .pic{position:absolute;bottom:-34px;right:24px;border:4px solid #fff}
.pbody{padding:50px 26px 28px}
.date{position:absolute;top:14px;right:14px;background:rgba(0,28,72,.85);color:var(--gold2);padding:4px 14px;border-radius:50px;font-size:13px;display:flex;gap:6px;align-items:center;z-index:3;backdrop-filter:blur(6px)}
.ecard .pbody{padding-top:26px}
.scard{padding:42px 30px 34px;background:rgba(255,255,255,.06);border-color:rgba(173,133,66,.4);backdrop-filter:blur(10px)}
.scard .pic{margin-bottom:26px}
.scard h3{color:#fff}.scard p{color:#d6d0c0}
.dark .card:hover .pic{background:var(--gold)}
.chips{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:44px}
.chips button,.chips a{border:1px solid var(--gold);background:#fff;color:var(--navy);padding:8px 24px;border-radius:50px;font-family:inherit;font-weight:700;cursor:pointer;font-size:14px;transition:.4s var(--ease)}
.chips .on,.chips button:hover,.chips a:hover{background:var(--navy);color:var(--gold2);border-color:var(--navy);transform:translateY(-3px)}
.pcard.hide{display:none}
.dark{background:var(--navy);color:#fff}
.dark:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 10%,rgba(173,133,66,.25),transparent 50%)}
/* stats */
.stats{background:linear-gradient(135deg,#00122e,var(--navy2))}
.stat{text-align:center;padding:42px 20px;border:1px solid rgba(173,133,66,.4);background:rgba(255,255,255,.04);color:#fff;border-radius:14px;transition:transform .6s var(--ease),background .6s;position:relative}
.stat:hover{background:rgba(173,133,66,.16)}
.sic{display:inline-grid;place-items:center;width:64px;height:64px;font-size:32px;color:var(--gold2);border:1px solid var(--gold);border-radius:50%;margin-bottom:8px;transition:.8s var(--ease)}
.stat:hover .sic{transform:rotateY(360deg) scale(1.15);background:var(--gold);color:var(--navy)}
.num{font-size:42px;font-weight:900;color:var(--gold2);line-height:1.5}
.lbl{font-size:14px;color:#d8d2c2}
/* why */
.wcard{padding:48px 32px 36px}
.wcard .pic{margin-bottom:26px}
.no{position:absolute;left:18px;top:6px;font-size:84px;font-weight:900;color:rgba(173,133,66,.13);transition:.6s}
.wcard:hover .no{color:rgba(173,133,66,.3);transform:scale(1.1)}
/* marquee */
.marq{overflow:hidden;direction:ltr;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.track{display:flex;gap:18px;width:max-content;padding:40px 0;animation:mq 70s linear infinite}
.track.rev{animation-direction:reverse}
.track.slow{animation-duration:80s}
.marq:hover .track{animation-play-state:paused}
@keyframes mq{to{transform:translateX(-50%)}}
.chip{padding:14px 34px;background:#fff;border:1px solid rgba(173,133,66,.45);font-weight:700;color:var(--navy);white-space:nowrap;direction:rtl;transition:.4s var(--ease);border-radius:50px}
.chip:hover{background:var(--navy);color:var(--gold2);transform:translateY(-6px) scale(1.06);box-shadow:0 16px 30px rgba(0,28,72,.25)}
/* reviews */
.reviews{background:linear-gradient(180deg,#fff,var(--soft))}
.rcard{width:380px;direction:rtl;background:#fff;border:1px solid rgba(173,133,66,.4);border-radius:16px;padding:30px;box-shadow:0 14px 40px rgba(0,28,72,.08);transition:.5s var(--ease);flex:none;position:relative}
.rcard:hover{transform:translateY(-10px);border-color:var(--gold);box-shadow:0 30px 60px rgba(0,28,72,.18)}
.rq{font-size:40px;color:var(--gold);margin-bottom:8px}
.rcard p{color:#444;font-size:14.5px;margin-bottom:20px;min-height:90px}
.who{display:flex;gap:14px;align-items:center}
.av{width:58px;height:58px;border-radius:50%;overflow:hidden;border:2px solid var(--gold);display:grid;place-items:center;background:var(--navy);color:var(--gold2);font-size:22px;flex:none;box-shadow:0 0 0 5px rgba(173,133,66,.15)}
.av img{width:100%;height:100%;object-fit:cover}
.who strong{display:block;color:var(--navy);line-height:1.5}.who small{color:#888}
/* cta */
.cta{background:var(--navy) center/cover;color:#fff;text-align:center}
.cta:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,28,72,.95),rgba(0,28,72,.8))}
.cta h2{font-size:clamp(26px,4vw,42px);color:var(--gold2);margin-bottom:16px;font-weight:900}
.cta p{max-width:720px;margin:0 auto 34px;color:#e3dcc8}
.cta .btns{justify-content:center}
/* single */
.sgrid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.smain{border-radius:16px;overflow:hidden;border:1px solid var(--gold);box-shadow:0 30px 60px rgba(0,28,72,.15)}
.smain img{width:100%;aspect-ratio:4/3;object-fit:cover}
.thumbs{display:flex;gap:12px;margin-top:14px;flex-wrap:wrap}
.thumbs img{width:86px;height:68px;object-fit:cover;border-radius:8px;cursor:pointer;border:2px solid transparent;transition:.4s var(--ease)}
.thumbs img:hover{border-color:var(--gold);transform:translateY(-4px)}
.sinfo .pic{margin-bottom:20px}
.sinfo h2{color:var(--navy);font-size:clamp(26px,3.4vw,38px);font-weight:900;margin-bottom:14px;line-height:1.6}
.tags{display:flex;gap:8px;margin-bottom:10px;flex-wrap:wrap}
.tags a{background:rgba(173,133,66,.15);color:var(--gold);padding:2px 14px;border-radius:50px;font-size:13px;font-weight:700}
.tags a:hover{background:var(--gold);color:#fff}
.content{color:#333}.content p{margin-bottom:16px}.content h2,.content h3{color:var(--navy);margin:20px 0 10px}.content ul{list-style:disc;padding-right:22px;margin-bottom:16px}.content img{border-radius:12px;margin:16px 0}
.sinfo .btns{margin-top:26px}
.vid{position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;border:1px solid var(--gold);box-shadow:0 30px 60px rgba(0,28,72,.2);margin-bottom:18px;background:#000}
.vid iframe,.vid video{position:absolute;inset:0;width:100%;height:100%;border:0}
.meta{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:22px}
.meta span{display:flex;align-items:center;gap:8px;background:var(--soft);padding:4px 16px;border-radius:50px;color:var(--navy);font-weight:500}
.meta .ic{color:var(--gold)}
.feat img{width:100%;border-radius:16px;margin-bottom:26px}
.gal{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:40px}
.gal a{display:block;overflow:hidden;border-radius:12px;aspect-ratio:4/3;position:relative}
.gal img{width:100%;height:100%;object-fit:cover;transition:1s var(--ease)}
.gal a:hover img{transform:scale(1.15) rotate(1.5deg)}
.gal a:after{content:"+";position:absolute;inset:0;display:grid;place-items:center;font-size:54px;color:#fff;background:rgba(0,28,72,.55);opacity:0;transition:.5s}
.gal a:hover:after{opacity:1}
.lb{position:fixed;inset:0;background:rgba(0,10,30,.92);z-index:1000;display:grid;place-items:center;cursor:zoom-out;animation:fade .4s}
.lb img{max-width:92%;max-height:90vh;border-radius:10px}
@keyframes fade{from{opacity:0}}
/* faq */
.faq{border:1px solid rgba(173,133,66,.45);border-radius:12px;margin-bottom:14px;overflow:hidden;background:#fff;transition:.4s var(--ease)}
.faq:hover,.faq.open{border-color:var(--gold);box-shadow:0 14px 34px rgba(0,28,72,.1)}
.faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px 24px;background:none;border:0;font-family:inherit;font-size:16px;font-weight:700;color:var(--navy);cursor:pointer;text-align:right}
.faq-q i{width:14px;height:14px;position:relative;flex:none}
.faq-q i:before,.faq-q i:after{content:"";position:absolute;background:var(--gold);transition:.4s var(--ease)}
.faq-q i:before{inset:6px 0;height:2px}.faq-q i:after{inset:0 6px;width:2px}
.faq.open .faq-q i:after{transform:rotate(90deg);opacity:0}
.faq-a{max-height:0;overflow:hidden;transition:max-height .6s var(--ease)}
.faq-a>div{padding:0 24px 20px;color:#444}
.smap h3{margin:22px 22px 6px}.smap ul{padding:0 22px 22px}.smap li{padding:3px 0}.smap li a:hover{color:var(--gold);padding-right:8px}
.nav-links{display:flex;gap:8px;justify-content:center;margin-top:44px}
.page-numbers{padding:6px 16px;border:1px solid var(--gold);border-radius:50px;color:var(--navy);display:inline-block;margin:0 3px}
.page-numbers.current,.page-numbers:hover{background:var(--navy);color:var(--gold2)}
.screen-reader-text{display:none}
/* footer */
.ftr{background:#000d24;color:#b9b4a6;padding:80px 0 0;font-size:14px;position:relative;overflow:hidden}
.fgrid{display:grid;grid-template-columns:1.2fr .9fr .9fr 1.1fr 1.3fr;gap:34px;padding-bottom:44px}
.ftr h4{color:var(--gold);font-size:18px;margin-bottom:18px;position:relative;padding-bottom:10px}
.ftr h4:after{content:"";position:absolute;bottom:0;right:0;width:40px;height:2px;background:var(--gold)}
.ftr li{margin-bottom:6px}
.ftr li a:hover{color:var(--gold2);padding-right:8px}
.fc li{display:flex;gap:10px;align-items:flex-start}
.fc .ic{color:var(--gold);font-size:18px;margin-top:6px}
.fsoc{margin-top:18px}
.fmap{position:relative;height:230px;border-radius:14px;overflow:hidden;border:1px solid rgba(173,133,66,.5)}
.fmap iframe{width:100%;height:100%;border:0;filter:saturate(.7) contrast(1.05)}
.fmap .btn{position:absolute;bottom:10px;left:10px;padding:6px 16px;font-size:13px}
.copy{border-top:1px solid rgba(173,133,66,.25);text-align:center;padding:20px 0}
.totop{position:fixed;bottom:24px;left:24px;width:46px;height:46px;border-radius:50%;background:var(--gold);color:var(--navy);display:grid;place-items:center;font-size:22px;z-index:90;opacity:0;transform:translateY(30px);transition:.5s var(--ease)}
.totop .ic{transform:rotate(90deg)}
.totop.show{opacity:1;transform:none}
.totop:hover{transform:translateY(-6px)}
@media(max-width:1000px){
 .burger{display:block}.tel span{display:none}
 .nav{position:absolute;top:calc(100% + 8px);right:0;left:0;background:var(--navy);display:none;padding:12px;border:1px solid var(--gold);max-height:75vh;overflow:auto}
 .nav.open{display:block}.nav>ul{flex-direction:column}
 .nav .sub-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;padding:0 14px}
 .hgrid,.grid2,.sgrid,.fgrid,.efeat{grid-template-columns:1fr}.sphoto{min-height:360px}.grid2{gap:50px}.egal{grid-template-columns:repeat(4,1fr)}
 .grid3,.gal{grid-template-columns:1fr 1fr}.grid4{grid-template-columns:1fr 1fr}
 .hv{display:none}.sec{padding:70px 0}.tb-info span:nth-child(n+2){display:none}
}
@media(max-width:620px){.grid3,.gal,.grid4{grid-template-columns:1fr}.rcard{width:300px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;transform:none;filter:none}.split .w{opacity:1;transform:none;filter:none;color:#fff;background:none}}