﻿/* ===== Inner pages (about, services, blog, gallery, contact) ===== */
@keyframes rv{to{clip-path:inset(-10% -20% -10% 0)}}@keyframes fi{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes zo{from{opacity:0;transform:scale(1.05)}}
/* page hero */
.phero{padding:56px 0 calc(var(--arc) + 36px);overflow:hidden;background:radial-gradient(900px 600px at 80% 20%,rgba(220,235,227,.95),transparent 65%),radial-gradient(600px 400px at 0 100%,rgba(196,161,90,.18),transparent 70%),var(--ivory)}
.crumbs{display:flex;gap:10px;flex-wrap:wrap;font:600 13.5px var(--sans);color:var(--mu);margin-bottom:20px}
.crumbs a{text-decoration:none;transition:color .3s}.crumbs a:hover{color:var(--green)}.crumbs span+span::before,.crumbs a+span::before,.crumbs a+a::before{content:"/";margin-right:10px;opacity:.5}
.phero h1{font-size:clamp(36px,5vw,68px);line-height:1.02;margin-bottom:18px}
.role{font:700 14px var(--sans);letter-spacing:.06em;color:var(--green);margin-bottom:18px}
/* arcs */
.arc{border-radius:var(--arc) var(--arc) 0 0;margin-top:calc(var(--arc) * -1);padding-top:calc(var(--arc) + 34px);padding-bottom:calc(var(--arc) + 44px)}
.s1{background:var(--paper);z-index:4;overflow:hidden}
.s2{background:linear-gradient(180deg,var(--deep),#08302a);color:#cfe4db;z-index:5;overflow:hidden}
.s2::before{content:"";position:absolute;inset:0;background:radial-gradient(700px 420px at 100% 0,rgba(196,161,90,.18),transparent 60%);pointer-events:none}
.s2 h2{color:#fff}.s2 .lead{color:#a9c6bb}
.s3{background:var(--mint);z-index:6;overflow:hidden}
.s4{background:var(--paper);z-index:7;overflow:hidden}
/* about hero */
.hgrid{display:grid;grid-template-columns:1.3fr .7fr;gap:48px;align-items:center}
.aport{border:2px solid var(--gold);border-radius:32px;overflow:hidden;aspect-ratio:4/5;background:var(--mint);box-shadow:0 30px 60px rgba(6,36,30,.18)}
.aport img{width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.astats{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.astat{padding:16px 22px;border-radius:20px;background:var(--paper);border:1px solid var(--ln);min-width:150px}
.astat b{display:block;font:600 38px/1 var(--serif);color:var(--green)}
.astat span{font-size:12.5px;color:var(--mu);line-height:1.4;display:block;margin-top:6px;max-width:18ch}
/* numbered about blocks */
.ab{display:grid;grid-template-columns:120px 1fr;gap:28px;padding:36px 0;border-top:1px solid var(--ln)}
.ab:first-of-type{border-top:0;padding-top:0}
.ab .no{font:600 clamp(54px,6vw,88px)/1 var(--serif);color:var(--gold)}
.ab h2{font-size:clamp(28px,3vw,42px);margin-bottom:14px}
.ab p{color:var(--mu);max-width:78ch;margin-bottom:14px;font-size:16.5px}
.ab p:last-child{margin-bottom:0}
/* doctors */
.dgrid2{display:grid;grid-template-columns:1fr 1fr;gap:22px;position:relative;z-index:2}
.doc{position:relative;display:grid;grid-template-columns:150px 1fr;gap:24px;align-items:center;padding:22px;border-radius:28px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);overflow:hidden;transition:translate .7s var(--e),border-color .5s,background .5s,box-shadow .7s,opacity 1.1s var(--e) var(--d,0s),transform 1.1s var(--e) var(--d,0s)}
.doc:hover{translate:0 -6px;border-color:rgba(196,161,90,.65);background:rgba(255,255,255,.08);box-shadow:0 30px 60px rgba(0,0,0,.35)}
.doc .ph{width:150px;aspect-ratio:1;border-radius:50%;overflow:hidden;border:2px solid var(--gold);background:linear-gradient(135deg,var(--green),#17705c);display:grid;place-items:center;color:#fff;font:600 48px var(--serif)}
.doc .ph img{width:100%;height:100%;object-fit:cover}
.doc small{display:block;font:700 11.5px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-l);margin-bottom:6px}
.doc h3{font-size:clamp(26px,2.4vw,34px);color:#fff;margin-bottom:6px}
.doc .q{display:inline-block;padding:5px 12px;border-radius:999px;background:rgba(196,161,90,.16);color:var(--gold-l);font:700 12.5px var(--sans);margin-bottom:12px}
.doc p{color:#a9c6bb;font-size:15px;line-height:1.6}
@media(max-width:900px){.dgrid2{grid-template-columns:1fr}}@media(max-width:560px){.doc{grid-template-columns:1fr;text-align:center}.doc .ph{margin:auto;width:130px}}
/* gallery grid */
.mgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;position:relative;z-index:2}
.gi{position:relative;display:block;padding:0;border:2px solid rgba(196,161,90,.7);border-radius:22px;overflow:hidden;background:#0a1512;cursor:zoom-in;aspect-ratio:4/3.4;transition:translate .7s var(--e),box-shadow .7s var(--e),border-color .4s,opacity 1.1s var(--e) var(--d,0s),transform 1.1s var(--e) var(--d,0s)}
.gi img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--e)}
.gi::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,transparent 55%,rgba(4,20,15,.75));opacity:0;transition:opacity .5s;pointer-events:none}
.gi::after{content:"+";position:absolute;right:12px;top:12px;z-index:2;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:#1a1405;font:700 20px/1 var(--sans);opacity:0;transform:scale(.7);transition:opacity .4s,transform .5s var(--e)}
.gi .cap{position:absolute;left:14px;right:14px;bottom:12px;z-index:2;color:#fff;font:600 13px/1.35 var(--sans);text-align:left;opacity:0;transform:translateY(8px);transition:opacity .4s,transform .5s var(--e)}
.gi:hover{translate:0 -6px;box-shadow:0 30px 60px rgba(0,0,0,.4);border-color:var(--gold-l)}.gi:hover img{transform:scale(1.06)}.gi:hover::before,.gi:hover::after,.gi:hover .cap{opacity:1;transform:none}
.gi.hide{display:none}
@media(max-width:900px){.mgrid{grid-template-columns:repeat(2,1fr);gap:12px}.gi{border-radius:18px}.gi .cap{opacity:1;transform:none}.gi::before{opacity:1}}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:26px;position:relative;z-index:2}
.tab{padding:9px 18px;border-radius:999px;border:1.5px solid var(--ln);background:transparent;font:700 13.5px var(--sans);color:var(--mu);cursor:pointer;transition:background .4s var(--e),color .4s,border-color .4s,transform .4s var(--e)}
.tab:hover{border-color:var(--green);color:var(--green);transform:translateY(-2px)}.tab.on{background:var(--green);border-color:var(--green);color:#fff}
.s2 .tab{border-color:rgba(255,255,255,.25);color:#cfe4db}.s2 .tab:hover{border-color:var(--gold);color:#fff}.s2 .tab.on{background:var(--gold);border-color:var(--gold);color:#1a1405}
/* cta band */
.band{background:var(--ivory);z-index:9;overflow:hidden;text-align:center}
.band .lead{margin-inline:auto;margin-bottom:26px}.band .cta{justify-content:center}
/* services list */
.svgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;position:relative;z-index:2}
.svc{position:relative;display:flex;flex-direction:column;padding:28px 26px 24px;border-radius:26px;background:#fff;border:1px solid var(--ln);text-decoration:none;overflow:hidden;transition:translate .7s var(--e),box-shadow .7s var(--e),background .5s,border-color .5s,opacity 1.1s var(--e) var(--d,0s),transform 1.1s var(--e) var(--d,0s)}
.svc::before{content:"";position:absolute;inset:0;background:radial-gradient(420px circle at var(--sx,80%) var(--sy,0),rgba(196,161,90,.3),transparent 60%);opacity:0;transition:opacity .6s}
.svc>*{position:relative}
.svc .ic{width:66px;height:66px;border-radius:50%;background:var(--mint);display:grid;place-items:center;margin-bottom:20px;transition:transform .8s var(--e),background .4s}
.svc .ic img{width:54%;height:54%;object-fit:contain}
.svc .tg{align-self:flex-start;padding:5px 12px;border-radius:999px;background:var(--ivory);font:700 11px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--green);margin-bottom:12px}
.svc h3{font-size:clamp(24px,2.1vw,30px);line-height:1.1;color:var(--green);margin-bottom:10px}
.svc p{color:var(--mu);font-size:15px;line-height:1.6;margin-bottom:16px}
.svc span{margin-top:auto;font:700 13.5px var(--sans);color:var(--ink);display:inline-flex;gap:10px;align-items:center}
.svc span::after{content:"\2192";display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1.5px solid currentColor;transition:transform .5s var(--e),background .4s,border-color .4s}
.svc:hover{translate:0 -8px;box-shadow:0 30px 60px rgba(6,36,30,.15);border-color:rgba(196,161,90,.6)}.svc:hover::before{opacity:1}
.svc:hover .ic{transform:rotate(-8deg) scale(1.06);background:#fff}
.svc:hover span::after{transform:translateX(6px) rotate(-45deg);background:var(--gold);border-color:var(--gold);color:#1a1405}
@media(max-width:960px){.svgrid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.svgrid{grid-template-columns:1fr}}
/* service detail hero */
.shero{padding:36px 0 calc(var(--arc) + 48px);overflow:hidden;background:radial-gradient(900px 600px at 80% 30%,rgba(220,235,227,.95),transparent 65%),radial-gradient(600px 400px at 0 100%,rgba(196,161,90,.18),transparent 70%),var(--ivory)}
.shero .wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:36px;align-items:center}
.shero .crumbs{opacity:0;animation:fi 1s .1s var(--e) forwards}
.shero h1{font-size:clamp(34px,4.6vw,66px);line-height:1.02;margin-bottom:18px;clip-path:inset(0 0 100% 0);animation:rv 1.4s .3s var(--e) forwards}
.shero h1 em{display:block;font-style:italic;font-weight:500;font-size:.48em;line-height:1.15;color:var(--green);margin-top:.35em;max-width:24em}
.shero .lead{margin-bottom:22px;opacity:0;animation:fi 1s .9s var(--e) forwards}
.facts{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px;opacity:0;animation:fi 1s 1.05s var(--e) forwards}
.facts li{display:inline-flex;gap:8px;align-items:center;padding:7px 15px;border-radius:999px;background:#fff;border:1px solid var(--ln);font:600 13px var(--sans);color:var(--green);transition:transform .5s var(--e),border-color .4s,box-shadow .5s}
.facts li::before{content:"\2713";color:var(--gold);font-weight:800}.facts li:hover{transform:translateY(-3px);border-color:var(--gold);box-shadow:0 10px 24px rgba(6,36,30,.08)}
.shero .cta{opacity:0;animation:fi 1s 1.2s var(--e) forwards}
.sfig{position:relative;justify-self:center;width:100%;max-width:400px;z-index:2}
.sfig .mask{position:relative;aspect-ratio:4/5.2;overflow:hidden;border-radius:48% 52% 6% 6%/38% 34% 4% 4%;background:var(--green);box-shadow:0 40px 80px rgba(6,36,30,.25);animation:zo 1.8s .1s var(--e) both}
.sfig img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--e)}.sfig:hover img{transform:scale(1.04)}
.sfig::before{content:"";position:absolute;inset:-4% -7% 7% 12%;border:1.5px solid var(--gold);border-radius:48% 52% 6% 6%/38% 34% 4% 4%;transform:rotate(4deg);z-index:-1}
.sfig::after{content:"";position:absolute;width:52%;aspect-ratio:1;right:-12%;bottom:-6%;border-radius:50%;background:radial-gradient(circle at 30% 30%,var(--gold-l),var(--gold) 60%,#8a6a2b);opacity:.85;z-index:-1}
.sfig .ic{position:absolute;left:-4%;bottom:10%;z-index:3;width:86px;height:86px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 16px 36px rgba(6,36,30,.2);opacity:0;animation:fi .9s 1.4s var(--e) forwards}
.sfig .ic img{width:54%;height:54%}
@media(max-width:960px){.shero{padding:30px 0 calc(var(--arc) + 36px)}.shero .wrap{grid-template-columns:1fr;gap:36px}.sfig{max-width:300px}}
/* article/prose layout with sidebar */
.cgrid{display:grid;grid-template-columns:1fr 360px;gap:48px;align-items:start;position:relative;z-index:2}
.cgrid>*{min-width:0}
.prose{font-size:17px;line-height:1.75;color:#2b3d38}
.prose h2{font-size:clamp(28px,3vw,42px);line-height:1.22;color:var(--green);margin:0 0 16px}
.prose h3{font-size:clamp(23px,2.2vw,30px);line-height:1.22;color:var(--green);margin:30px 0 12px}
.prose h4{font:700 18px var(--sans);color:var(--green);margin:22px 0 10px}
.prose p{margin-bottom:16px}
.prose ul,.prose ol{margin:0 0 18px;padding-left:0;list-style:none;display:grid;gap:8px}
.prose ol{counter-reset:o}
.prose ul li,.prose ol li{position:relative;padding-left:32px}
.prose ul li::before{content:"\2713";position:absolute;left:0;top:3px;width:22px;height:22px;border-radius:50%;background:var(--mint);color:var(--green);display:grid;place-items:center;font-size:12px;font-weight:800}
.prose ol li{counter-increment:o}.prose ol li::before{content:counter(o);position:absolute;left:0;top:3px;width:22px;height:22px;border-radius:50%;background:var(--gold);color:#1a1405;display:grid;place-items:center;font:800 12px var(--sans)}
.prose a{color:var(--green);font-weight:700;text-decoration:none;border-bottom:1.5px solid rgba(196,161,90,.6)}.prose a:hover{border-color:var(--green)}
.prose strong{color:var(--ink)}
.prose img{border-radius:20px;margin:18px 0;height:auto}
.prose blockquote{margin:20px 0;padding:18px 22px;border-left:3px solid var(--gold);background:var(--ivory);border-radius:0 18px 18px 0;font:500 20px/1.5 var(--serif)}
.prose table{width:100%;border-collapse:collapse;margin:18px 0;font-size:15px}.prose th,.prose td{border:1px solid var(--ln);padding:10px 12px;text-align:left}
.prose .ql-align-center{text-align:center}.prose .ql-align-right{text-align:right}
.cover{border-radius:28px;overflow:hidden;margin-bottom:30px;aspect-ratio:16/8;background:var(--mint);box-shadow:0 30px 60px rgba(6,36,30,.12)}
.cover img{width:100%;height:100%;object-fit:cover}
.aside{position:sticky;top:130px;display:grid;gap:18px}
.box{padding:26px 24px;border-radius:26px;background:#fff;border:1px solid var(--ln)}
.box h3{font-size:26px;color:var(--green);margin-bottom:14px}
.slist{list-style:none;display:grid;gap:4px}
.slist a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 14px;border-radius:14px;text-decoration:none;font:600 14.5px var(--sans);color:var(--ink);transition:background .3s,color .3s,padding .4s var(--e)}
.slist a::after{content:"\2192";color:var(--gold);transition:transform .4s var(--e)}
.slist a:hover,.slist a.cur{background:var(--mint);color:var(--green);padding-left:18px}.slist a:hover::after{transform:translateX(4px)}
.rpost{display:grid;grid-template-columns:72px 1fr;gap:12px;align-items:center;padding:8px;border-radius:16px;text-decoration:none;transition:background .3s}
.rpost:hover{background:var(--ivory)}
.rpost img{width:72px;height:60px;object-fit:cover;border-radius:12px}
.rpost b{display:block;font:600 14px/1.35 var(--sans);color:var(--ink)}.rpost small{font-size:12px;color:var(--mu)}
.vc{padding:28px 26px;border-radius:26px;background:var(--green);color:#d4e6de;position:relative;overflow:hidden}
.vc::before{content:"";position:absolute;inset:0;background:radial-gradient(360px 240px at 100% 0,rgba(196,161,90,.32),transparent 70%);pointer-events:none}
.vc>*{position:relative}
.vc h3{font-size:28px;color:#fff;margin-bottom:6px}.vc address{font-style:normal;color:#b9d6cb;font-size:14.5px;line-height:1.6;margin-bottom:14px}
.vc dl{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;padding:14px 0;border-block:1px solid rgba(255,255,255,.2);margin-bottom:18px;font-size:14px}
.vc dt{font:700 11px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-l);padding-top:3px}
.vc .cta{gap:10px}.vc .btn{padding:11px 20px;font-size:13.5px}.vc .btn-line{color:#fff}.vc .btn-line:hover{background:#fff;color:var(--green);border-color:#fff}
@media(max-width:1000px){.cgrid{grid-template-columns:1fr;gap:36px}.aside{position:static}}
/* why choose (dark cards) */
.wgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;position:relative;z-index:2}
.wc{grid-column:span 2;padding:26px 24px 22px;border-radius:24px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);overflow:hidden;transition:translate .7s var(--e),border-color .5s,background .5s,box-shadow .7s var(--e),opacity 1.1s var(--e) var(--d,0s),transform 1.1s var(--e) var(--d,0s)}
.wc:nth-child(n+4){grid-column:span 3}
.wc:hover{translate:0 -6px;border-color:rgba(196,161,90,.65);background:rgba(255,255,255,.08);box-shadow:0 30px 60px rgba(0,0,0,.35)}
.wc .ic{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:rgba(196,161,90,.14);color:var(--gold-l);margin-bottom:18px;transition:transform .7s var(--e),background .4s,color .4s}
.wc .ic svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.wc:hover .ic{transform:rotate(-10deg) scale(1.08);background:var(--gold);color:#1a1405}
.wc h3{font-size:clamp(22px,2.1vw,30px);line-height:1.1;margin-bottom:10px;color:#fff}.wc p{color:#a9c6bb;font-size:14.5px;line-height:1.6}
@media(max-width:960px){.wgrid{grid-template-columns:1fr 1fr}.wc,.wc:nth-child(n+4){grid-column:span 1}.wc:last-child{grid-column:1/-1}}@media(max-width:620px){.wgrid{grid-template-columns:1fr}.wc:last-child{grid-column:auto}}
/* contact */
.cgrid2{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.cgrid2>*{min-width:0}
.cardx{padding:38px;border-radius:30px;position:relative;overflow:hidden}
.reach{background:var(--green);color:#d8eae2;display:flex;flex-direction:column;justify-content:center}
.reach::before{content:"";position:absolute;inset:0;background:radial-gradient(420px 260px at 100% 0,rgba(196,161,90,.32),transparent 70%);pointer-events:none}
.reach>*{position:relative}
.reach h3{font-size:clamp(30px,3.2vw,46px);color:#fff;margin-bottom:14px}
.reach .addr{font-size:17px;line-height:1.7;max-width:46ch;margin-bottom:8px;color:#d8eae2}
.reach .addr.gu{font-size:15px;color:#a9c6bb;margin-bottom:26px}
.reach .btn-line{color:#fff}.reach .btn-line:hover{background:#fff;color:var(--green);border-color:#fff}
.contact{background:#fff;border:1px solid var(--ln)}
.crow{display:flex;align-items:center;gap:16px;padding:14px 18px;margin-bottom:12px;border-radius:22px;background:var(--ivory);border:1px solid transparent;text-decoration:none;transition:translate .5s var(--e),box-shadow .5s var(--e),border-color .4s}
.crow:last-child{margin-bottom:0}
.crow:hover{translate:0 -3px;border-color:var(--gold);box-shadow:0 18px 36px rgba(6,36,30,.12)}
.ico{flex:none;width:48px;height:48px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center}.ico svg{width:21px;height:21px}
.ico.wa{background:#25a244}.ico.wa svg{fill:currentColor}
.crow small{display:block;font:700 11px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#9a7b35}
.crow b{font:700 17px/1.35 var(--sans);color:var(--ink);overflow-wrap:anywhere}
h2.sub{font-size:clamp(28px,3vw,42px);margin-bottom:22px}
.slots{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.slot{padding:24px 26px;border-radius:24px;background:#fff;border:1px solid var(--ln)}
.slot small{display:block;font:700 11px var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#9a7b35;margin-bottom:6px}
.slot b{display:block;font:600 32px/1.1 var(--serif);color:var(--green)}
.slot span{display:block;margin-top:6px;font-size:13.5px;color:var(--mu)}
.slot.hl{background:var(--green);border-color:var(--green)}.slot.hl small{color:var(--gold-l)}.slot.hl b{color:#fff}.slot.hl span{color:#b9d6cb}
#enquiry{background:linear-gradient(180deg,var(--deep),#08302a);color:#cfe4db;z-index:5;overflow:hidden}
#enquiry::before{content:"";position:absolute;inset:0;background:radial-gradient(700px 420px at 0 100%,rgba(196,161,90,.18),transparent 60%);pointer-events:none}
#enquiry h2{color:#fff}#enquiry .lead{color:#a9c6bb}
.eg{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}
.eg>*{min-width:0}
.how{list-style:none;display:grid;gap:20px;margin-top:30px;counter-reset:h}
.how li{display:flex;gap:16px;align-items:flex-start;line-height:1.55;font-size:15px}
.how li b{color:#fff;font-size:16px}
.how li::before{counter-increment:h;content:counter(h);flex:none;width:36px;height:36px;border-radius:50%;background:var(--gold);color:#1a1405;display:grid;place-items:center;font:800 14px var(--sans)}
.fcard{background:#fff;color:var(--ink);padding:36px;border-radius:30px;box-shadow:0 40px 80px rgba(0,0,0,.35);position:relative}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.fld{margin-bottom:18px}
.fld label{display:block;font:700 12.5px var(--sans);letter-spacing:.04em;color:var(--green);margin-bottom:7px}
.fld label i{color:#c0392b;font-style:normal}
.fld input,.fld select,.fld textarea{width:100%;font:500 16px var(--sans);color:var(--ink);padding:14px 16px;border-radius:16px;border:1.5px solid var(--ln);background:var(--ivory);transition:border-color .3s,box-shadow .3s,background .3s;-webkit-appearance:none;appearance:none}
.fld input[type=date]{min-height:50px}
.fld select{padding-right:44px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%230d4a3d' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center}
.fld textarea{min-height:120px;resize:vertical;line-height:1.5}
.fld input::placeholder,.fld textarea::placeholder{color:#8a9a94}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:none;border-color:var(--green);background:#fff;box-shadow:0 0 0 4px rgba(13,74,61,.12)}
.fcard .btn{width:100%;padding:16px 26px;font-size:15.5px}
#mapsec{background:var(--mint);z-index:6;overflow:hidden}
.mapframe{position:relative;z-index:2;border:2px solid var(--gold);border-radius:28px;overflow:hidden;height:min(480px,70vh);background:#fff;box-shadow:0 30px 60px rgba(6,36,30,.15)}
.mapframe iframe{width:100%;height:100%;border:0;display:block}
@media(max-width:1000px){.cgrid2,.eg{grid-template-columns:1fr}.eg{gap:36px}}
/* blog list + pagination */
.pager{display:flex;justify-content:center;gap:8px;margin-top:40px;position:relative;z-index:2;flex-wrap:wrap}
.pager a,.pager span{min-width:44px;height:44px;padding:0 14px;border-radius:999px;display:grid;place-items:center;border:1.5px solid var(--ln);text-decoration:none;font:700 14px var(--sans);color:var(--green);transition:background .3s,color .3s,border-color .3s}
.pager a:hover{border-color:var(--green)}.pager .on{background:var(--green);border-color:var(--green);color:#fff}
.bmeta2{display:flex;gap:14px;flex-wrap:wrap;font:600 13.5px var(--sans);color:var(--mu);margin-top:6px}
.bmeta2 span{display:inline-flex;gap:8px;align-items:center}.bmeta2 span+span::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--gold)}
.empty{padding:50px 20px;text-align:center;border:1.5px dashed var(--ln);border-radius:26px;color:var(--mu);position:relative;z-index:2}
/* 404 */
.nf{text-align:center;padding:40px 0 calc(var(--arc) + 60px)}
.nf b{display:block;font:600 clamp(110px,18vw,220px)/1 var(--serif);color:var(--gold)}
.nf .lead{margin:0 auto 26px}.nf .cta{justify-content:center}
@media(max-width:700px){
 .phero{padding:36px 0 calc(var(--arc) + 28px)}
 .phero h1,.shero h1{font-size:clamp(32px,9.6vw,44px)}
 .crumbs{font-size:12.5px;margin-bottom:16px}
 .arc{padding-top:calc(var(--arc) + 24px)}
 .ab{grid-template-columns:1fr;gap:6px;padding:28px 0}.ab .no{font-size:52px}.astat{flex:1 1 140px}
 .cardx{padding:26px 22px;border-radius:24px}.fcard{padding:26px 20px;border-radius:24px}.frow{grid-template-columns:1fr}.slots{grid-template-columns:1fr}
 .crow{gap:12px;padding:12px 14px;border-radius:18px}.ico{width:42px;height:42px}.crow b{font-size:15.5px}
 .mapframe{height:340px;border-radius:22px}
 .band .cta .btn,.reach .cta .btn{width:100%}
 .shero .cta .btn{flex:1 1 auto}
 .cover{border-radius:20px;aspect-ratio:16/10}
}
@media(max-width:1000px){.hgrid{grid-template-columns:1fr}.aport{max-width:360px;order:-1}}
@media(prefers-reduced-motion:reduce){.shero h1{clip-path:none}.shero .crumbs,.shero .lead,.facts,.shero .cta,.sfig .ic{opacity:1}}

