/*
Theme Name: Abdullah Sports (Astra Child)
Template: astra
Description: Premium B2B manufacturer/exporter child theme for Abdullah Sports. Navy #0C1E32 / Gold #D4B672, no gradients.
Version: 4.7.2
Text Domain: abdullah-sports
*/
:root{--navy:#0C1E32;--gold:#D4B672;--white:#fff;--off:#F6F5F1;--gray:#F1F2F4;--line:#E3E5E8;--text:#1B2733;--muted:#5B6773;--font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--ease:cubic-bezier(.22,.61,.2,1)}
body{font-family:var(--font);color:var(--text);-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3,h4{font-family:var(--font);color:var(--navy);font-weight:600;letter-spacing:-.015em;line-height:1.1;margin:0}
h1{font-size:clamp(2.4rem,5.4vw,4.4rem)}h2{font-size:clamp(1.8rem,3.4vw,2.9rem)}h3{font-size:1.2rem;line-height:1.3}
p,li{line-height:1.7}img,svg{max-width:100%}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.as-ico{width:24px;height:24px;flex:none}
/* Top bar + header */
.as-topbar{background:var(--navy);color:#cfd6dd;font-size:.78rem;letter-spacing:.04em;border-bottom:1px solid rgba(212,182,114,.25)}
.as-topbar-in{max-width:1300px;margin:auto;padding:9px 24px;display:flex;justify-content:space-between;gap:16px}
.as-topbar a{color:var(--gold);text-decoration:none;margin-left:22px}.as-topbar em{color:var(--gold)}
#masthead{position:sticky;top:0;z-index:999;background:#fff;border-bottom:1px solid var(--line);transition:box-shadow .4s var(--ease)}
.as-compact #masthead{box-shadow:0 8px 24px rgba(12,30,50,.08)}
.as-compact #masthead .main-header-bar{min-height:0}
.as-compact #masthead .custom-logo-link img{max-height:40px;width:auto}
.main-header-menu>.menu-item>a{font-size:.78rem;font-weight:500;letter-spacing:.07em;text-transform:uppercase;color:var(--navy);position:relative;white-space:nowrap}
.main-header-menu>.menu-item>a:after{content:"";position:absolute;left:1em;right:1em;bottom:.85em;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}
.main-header-menu>.menu-item>a:hover:after,.main-header-menu>.current-menu-item>a:after{transform:scaleX(1)}
.main-header-menu .sub-menu{border:1px solid var(--line);border-top:2px solid var(--gold);box-shadow:0 18px 40px rgba(12,30,50,.1);min-width:250px}
.main-header-menu .sub-menu a{font-size:.88rem;color:var(--text);transition:padding .3s var(--ease),background .3s}.main-header-menu .sub-menu a:hover{background:var(--off);color:var(--navy);padding-left:1.6em}
.as-menu-cta>a{white-space:nowrap;display:inline-block;margin-left:.4rem;line-height:1.2!important;padding:.75em 1.25em!important}
.as-menu-quote>a{background:var(--gold);color:var(--navy)!important;font-weight:600!important;transition:all .3s}.as-menu-quote>a:hover{background:var(--navy);color:var(--gold)!important}
.as-menu-wa>a{border:1px solid var(--navy);transition:all .3s}.as-menu-wa>a:hover{background:var(--navy);color:#fff!important}.as-menu-quote>a:after,.as-menu-wa>a:after{display:none}
/* Layout */
.as-main{overflow:hidden}.as-sec{padding:112px 24px}.as-c{max-width:1240px;margin:auto}
.as-navy{background:var(--navy);color:#cfd6dd}.as-navy h1,.as-navy h2,.as-navy h3{color:#fff}.as-off{background:var(--off)}.as-white{background:#fff}
.as-eyebrow{font-size:.74rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin:0 0 18px;display:flex;align-items:center;gap:14px}
.as-eyebrow:before{content:"";width:40px;height:1px;background:var(--gold)}.as-navy .as-eyebrow{color:var(--gold)}
.as-head{max-width:760px;margin-bottom:56px}.as-head h2{margin-bottom:18px}.as-lead{font-size:1.1rem;color:var(--muted);margin:0}.as-navy .as-lead{color:#cfd6dd}
/* Buttons */
.as-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:36px}
.as-btn{display:inline-flex;align-items:center;gap:12px;padding:1.05em 1.7em;font-size:.78rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;text-decoration:none;border:1px solid var(--gold);transition:all .4s var(--ease);position:relative}
.as-btn .as-ico{width:16px;height:16px;transition:transform .4s var(--ease)}.as-btn:hover .as-ico{transform:translateX(5px)}
.as-btn--gold{background:var(--gold);color:var(--navy)}.as-btn--gold:hover{background:#fff;border-color:#fff;color:var(--navy)}
.as-sec:not(.as-navy) .as-btn--gold:hover{background:var(--navy);border-color:var(--navy);color:var(--gold)}
.as-btn--line{background:transparent;color:#fff;border-color:rgba(255,255,255,.45)}.as-btn--line:hover{border-color:var(--gold);color:var(--gold)}
.as-sec:not(.as-navy) .as-btn--line{color:var(--navy);border-color:var(--navy)}.as-sec:not(.as-navy) .as-btn--line:hover{background:var(--navy);color:#fff}
.as-btn--dark{background:var(--navy);color:#fff;border-color:var(--navy)}.as-btn--dark:hover{background:var(--gold);color:var(--navy);border-color:var(--gold)}
/* Picture panels (artwork until photos are set) */
.as-pic{margin:0;position:relative;background:var(--navy);color:var(--gold);border:1px solid rgba(212,182,114,.5);aspect-ratio:1/1;overflow:hidden}
.as-pic-in{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transition:transform 1.1s var(--ease)}
.as-pic:hover .as-pic-in{transform:scale(1.06)}
.as-pic:after{content:"";position:absolute;inset:14px;border:1px solid rgba(212,182,114,.28);pointer-events:none;transition:inset .6s var(--ease)}.as-pic:hover:after{inset:8px}
.as-art{width:72%;height:72%}.as-pic img{width:100%;height:100%;object-fit:cover}
.as-pic figcaption{position:absolute;left:22px;bottom:20px;z-index:2;font-size:.68rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);background:var(--navy);padding:4px 10px}
.as-navy .as-pic{border-color:rgba(212,182,114,.6);background:#0f2540}
.as-pic--sm{aspect-ratio:4/3}.as-pic--float{aspect-ratio:1/1}
/* Hero */
.as-hero{padding:96px 24px 120px;position:relative}.as-hero:before{content:"";position:absolute;right:-140px;top:-140px;width:520px;height:520px;border:1px solid rgba(212,182,114,.18);border-radius:50%}
.as-hero-in{display:grid;grid-template-columns:1.05fr .95fr;gap:72px;align-items:center;position:relative}
.as-hero h1{margin-bottom:26px}.as-hero-art{position:relative;padding:0 0 60px 60px}.as-hero-art2{position:absolute;left:0;bottom:0;display:flex;gap:16px;width:62%}.as-hero-art2 .as-pic{flex:1}.as-pic--hero{aspect-ratio:1/1.05}
.as-hero-art:before{content:"";position:absolute;top:-18px;right:-18px;width:55%;height:55%;border:1px solid var(--gold);z-index:0}
.as-in{opacity:0;transform:translateY(34px);animation:asIn .9s var(--ease) forwards}
.as-in:nth-child(2){animation-delay:.12s}.as-in:nth-child(3){animation-delay:.24s}.as-in:nth-child(4){animation-delay:.36s}
@keyframes asIn{to{opacity:1;transform:none}}
.as-hero .as-pic--float{animation:asFloat 7s ease-in-out infinite}.as-hero-art2 .as-pic:nth-child(2){animation-delay:-3.5s}
@keyframes asFloat{50%{transform:translateY(-10px)}}
.as-phero{padding:80px 24px 96px}.as-phero-in{display:grid;grid-template-columns:1.2fr .8fr;gap:64px;align-items:center}.as-phero h1{margin:6px 0 20px;font-size:clamp(2.2rem,4.4vw,3.6rem)}
.as-crumbs{font-size:.78rem;color:#9fb0c1;margin-bottom:28px}.as-crumbs a{color:#cfd6dd;text-decoration:none}.as-crumbs span{color:var(--gold);margin:0 6px}
/* Trust + marquee */
.as-trust{background:var(--off);border-bottom:1px solid var(--line)}.as-trust-in{display:grid;grid-template-columns:repeat(5,1fr)}
.as-trust-i{display:flex;align-items:center;justify-content:center;gap:14px;padding:30px 12px;border-right:1px solid var(--line);font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--navy)}.as-trust-i:last-child{border:0}.as-trust-i .as-ico{color:#a58a45}
.as-marquee{background:var(--navy);overflow:hidden;white-space:nowrap;padding:22px 0;border-bottom:1px solid rgba(212,182,114,.3)}
.as-marquee-t{display:inline-flex;align-items:center;gap:36px;animation:asMarq 38s linear infinite;padding-left:36px}
.as-marquee span{font-size:1.5rem;font-weight:600;color:#fff;letter-spacing:.04em;text-transform:uppercase}.as-marquee i{width:8px;height:8px;background:var(--gold);transform:rotate(45deg)}
@keyframes asMarq{to{transform:translateX(-50%)}}
/* Split */
.as-split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.as-rev .as-pic{order:2}.as-split .as-head{margin-bottom:28px}
.as-checks{list-style:none;margin:0 0 36px;padding:0}.as-checks li{display:flex;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid rgba(128,139,150,.25);color:inherit;font-weight:500}.as-checks .as-ico{color:#a58a45;width:20px;height:20px}.as-navy .as-checks .as-ico{color:var(--gold)}
.as-links{list-style:none;margin:0;padding:0}.as-links a{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.18);color:#fff;text-decoration:none;font-size:1.15rem;font-weight:500;transition:all .4s var(--ease)}.as-links a:hover{color:var(--gold);padding-left:14px}.as-links .as-ico{color:var(--gold)}
/* Cards */
.as-grid{display:grid;gap:24px}.as-grid-2{grid-template-columns:repeat(2,1fr)}.as-grid-3{grid-template-columns:repeat(3,1fr)}.as-grid-4{grid-template-columns:repeat(4,1fr)}
.as-card{background:#fff;border:1px solid var(--line);padding:36px 32px;transition:transform .5s var(--ease),box-shadow .5s var(--ease),border-color .5s;position:relative}
.as-card:before{content:"";position:absolute;left:-1px;top:-1px;width:0;height:2px;background:var(--gold);transition:width .6s var(--ease)}.as-card:hover:before{width:calc(100% + 2px)}
.as-card:hover{transform:translateY(-6px);box-shadow:0 22px 44px rgba(12,30,50,.1);border-color:var(--gold)}
.as-card-i{width:54px;height:54px;border:1px solid var(--gold);display:flex;align-items:center;justify-content:center;color:var(--navy);margin-bottom:22px;transition:all .4s}.as-card:hover .as-card-i{background:var(--navy);color:var(--gold)}
.as-card h3{margin-bottom:10px}.as-card p{margin:0;color:var(--muted);font-size:.95rem}
.as-navy .as-card{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.14)}.as-navy .as-card p{color:#cfd6dd}.as-navy .as-card-i{color:var(--gold)}
.as-quote{min-height:200px;display:flex;flex-direction:column;justify-content:space-between}
/* Bento categories */
.as-bento{display:grid;grid-template-columns:repeat(6,1fr);gap:24px}.as-bento .as-cat{grid-column:span 2}.as-bento .as-b1{grid-column:span 3}.as-bento .as-cat:nth-child(2){grid-column:span 3}
.as-bento--3 .as-cat,.as-bento--3 .as-b1,.as-bento--3 .as-cat:nth-child(2){grid-column:span 2}
.as-cat{display:block;background:#fff;border:1px solid var(--line);text-decoration:none;color:var(--text);transition:transform .5s var(--ease),box-shadow .5s var(--ease),border-color .5s}
.as-cat:hover{transform:translateY(-6px);box-shadow:0 22px 44px rgba(12,30,50,.1);border-color:var(--gold)}
.as-cat .as-pic{border:0;border-bottom:1px solid var(--line);aspect-ratio:16/10}.as-cat-b{padding:26px 28px 30px}.as-cat-b h3{margin-bottom:8px}.as-cat-b p{margin:0 0 18px;color:var(--muted);font-size:.95rem}
.as-more{display:inline-flex;gap:10px;align-items:center;font-size:.76rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--navy)}.as-more .as-ico{width:16px;height:16px;color:#a58a45;transition:transform .4s var(--ease)}.as-cat:hover .as-more .as-ico{transform:translateX(6px)}
/* Chips + steps */
.as-chips{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:36px}.as-chips span{border:1px solid var(--navy);padding:.6em 1.2em;font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--navy);transition:all .3s}.as-chips span:hover{background:var(--navy);color:var(--gold)}
.as-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:28px;position:relative}.as-steps--5{grid-template-columns:repeat(5,1fr)}
.as-line{position:absolute;left:0;right:0;top:20px;height:1px;background:rgba(128,139,150,.3)}.as-line:after{content:"";position:absolute;left:0;top:0;height:1px;width:100%;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform 2s var(--ease)}.as-steps.is-in .as-line:after{transform:scaleX(1)}
.as-step{position:relative;padding-top:56px}.as-num{position:absolute;top:0;left:0;width:40px;height:40px;background:var(--navy);color:var(--gold);border:1px solid var(--gold);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;letter-spacing:.1em}
.as-off .as-num,.as-white .as-num{background:var(--navy)}.as-navy .as-num{background:var(--navy)}.as-step h3{font-size:1.02rem;margin-bottom:8px}.as-step p{font-size:.9rem;color:var(--muted);margin:0}.as-navy .as-step p{color:#cfd6dd}
/* FAQ */
.as-faq{max-width:900px}.as-faq-i{border-bottom:1px solid var(--line);background:transparent}.as-faq-i summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 0;font-size:1.1rem;font-weight:600;color:var(--navy);transition:color .3s}
.as-faq-i summary::-webkit-details-marker{display:none}.as-faq-i summary:hover{color:#8a7030}.as-faq-x{width:34px;height:34px;border:1px solid var(--gold);display:flex;align-items:center;justify-content:center;transition:transform .4s var(--ease),background .3s;flex:none}.as-faq-x .as-ico{width:16px;height:16px}
.as-faq-i[open] .as-faq-x{transform:rotate(45deg);background:var(--gold)}.as-faq-a{padding:0 60px 28px 0;color:var(--muted);animation:asIn .5s var(--ease)}.as-faq-a p{margin:0}
/* CTA band */
.as-cta-in{display:grid;grid-template-columns:1.2fr .8fr;gap:72px;align-items:center}.as-cta-card{border:1px solid rgba(212,182,114,.5);padding:36px;background:rgba(255,255,255,.04)}
.as-contact dt{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-top:16px}.as-contact dd{margin:2px 0 0;color:#fff;word-break:break-word}.as-contact dl{margin:0}.as-contact a{color:var(--gold)}
.as-white .as-contact dd,.as-off .as-contact dd{color:var(--navy)}.as-white .as-contact dt{color:var(--muted)}
.as-tbp{color:var(--muted);font-style:italic}.as-navy .as-tbp{color:#9fb0c1}.as-quote strong{display:block;margin-top:24px}
.as-qgrid{display:grid;grid-template-columns:1.6fr 1fr;gap:64px}.as-side{background:var(--navy);padding:40px;color:#cfd6dd;align-self:start;position:sticky;top:130px}.as-side h3{color:#fff;margin-bottom:6px}.as-side .as-btn{margin-top:28px}
.as-extra{max-width:900px}
/* Footer */
.as-footer{background:var(--navy);color:#cfd6dd;padding:88px 24px 0;border-top:3px solid var(--gold)}
.as-footer-in{max-width:1240px;margin:auto;display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:40px}
.as-footer h4{color:#fff;font-size:.76rem;letter-spacing:.2em;text-transform:uppercase;margin-bottom:20px}.as-footer ul{list-style:none;margin:0;padding:0}.as-footer li{margin-bottom:10px}
.as-footer a{color:#cfd6dd;text-decoration:none;font-size:.92rem;transition:color .3s,padding .3s}.as-footer li a:hover{color:var(--gold);padding-left:6px}.as-footer p{font-size:.92rem;color:#cfd6dd}.as-footer-brand strong{display:block;color:#fff;letter-spacing:.16em;font-size:1.15rem;margin-bottom:12px}
.as-footer-bottom{max-width:1240px;margin:64px auto 0;padding:26px 0;border-top:1px solid rgba(255,255,255,.14);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:.85rem}.as-footer-bottom a{margin-left:22px}
/* WhatsApp */
.as-wa-float{position:fixed;right:22px;bottom:22px;z-index:998;width:58px;height:58px;border-radius:50%;background:var(--navy);border:1.5px solid var(--gold);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 22px rgba(12,30,50,.3);transition:transform .4s var(--ease),background .3s}
.as-wa-float:hover{transform:translateY(-4px);background:var(--gold)}.as-wa-float svg{width:26px;height:26px;fill:var(--gold)}.as-wa-float:hover svg{fill:var(--navy)}.as-mbar{display:none}
/* Product templates + forms */
.as-wrap{max-width:1240px;margin:auto;padding:72px 24px}.as-crumbs-l{font-size:.8rem;color:var(--muted);margin-bottom:1.5rem}.as-crumbs-l a{color:var(--muted)}
.as-pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:32px 0}.as-pcard{border:1px solid var(--line);background:#fff;display:block;text-decoration:none;color:var(--text);transition:all .5s var(--ease)}.as-pcard:hover{transform:translateY(-6px);box-shadow:0 22px 44px rgba(12,30,50,.1);border-color:var(--gold)}
.as-ph{aspect-ratio:4/3;background:var(--gray);display:flex;align-items:center;justify-content:center;overflow:hidden}.as-ph p{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.as-ph img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}.as-pcard:hover .as-ph img{transform:scale(1.06)}
.as-pcard-b{padding:20px 24px}.as-pcard h3{margin:0 0 .3rem;font-size:1.05rem}.as-pcard p{margin:0;color:var(--muted);font-size:.9rem}
.as-subcats{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.as-subcats a{border:1px solid var(--line);padding:.55em 1.1em;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;color:var(--navy);transition:all .3s}.as-subcats a:hover{background:var(--navy);color:var(--gold);border-color:var(--navy)}
.as-psplit{display:grid;grid-template-columns:1.1fr .9fr;gap:56px}.as-psec{border-top:1px solid var(--line);padding:28px 0}.as-psec h2{font-size:1.2rem;margin-bottom:.8rem}.as-psec ul{margin:0 0 0 1.2rem}
.as-spec{width:100%;border-collapse:collapse}.as-spec th,.as-spec td{border:1px solid var(--line);padding:10px 14px;text-align:left;font-size:.92rem}.as-spec th{background:var(--off);width:35%}
.as-ctabox{background:var(--navy);padding:32px;color:#cfd6dd;position:sticky;top:130px;align-self:start}.as-ctabox h3{color:#fff}.as-ctabox .as-b{display:block;text-align:center;margin-top:12px;padding:1em;font-size:.78rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;border:1px solid var(--gold);transition:all .3s}
.as-b-gold{background:var(--gold);color:var(--navy)}.as-b-gold:hover{background:#fff}.as-b-line{color:#fff}.as-b-line:hover{background:var(--gold);color:var(--navy)}
.as-notice{padding:16px 20px;margin-bottom:24px;border-left:3px solid var(--gold);background:var(--off)}.as-err{border-color:#a33;background:#fbeeee}
.as-form{display:grid;grid-template-columns:1fr 1fr;gap:20px}.as-form .full{grid-column:1/-1}.as-form label{display:block;font-size:.76rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--navy);margin-bottom:6px}
.as-form input,.as-form select,.as-form textarea{width:100%;border:1px solid #c9ced4;border-radius:0;padding:.9em 1em;background:#fff;font:inherit;transition:border-color .3s,box-shadow .3s}.as-form input:focus,.as-form select:focus,.as-form textarea:focus{border-color:var(--navy);box-shadow:0 0 0 3px rgba(212,182,114,.35)}
.as-form .req{color:#9a6b00}.as-hp{position:absolute!important;left:-9999px;height:0;overflow:hidden}
.as-form button{background:var(--gold);color:var(--navy);border:1px solid var(--gold);padding:1.15em 2.4em;font-weight:600;letter-spacing:.13em;text-transform:uppercase;font-size:.78rem;cursor:pointer;transition:all .4s var(--ease)}.as-form button:hover{background:var(--navy);color:var(--gold);border-color:var(--navy)}
/* Scroll animations (JS adds .as-js; content stays visible without JS) */
.as-js [data-anim]{opacity:0;transition:opacity .9s var(--ease),transform .9s var(--ease),clip-path 1.2s var(--ease)}
.as-js [data-anim=up]{transform:translateY(44px)}
.as-js .as-pic[data-anim=wipe]{clip-path:none;opacity:1;transform:none}
.as-js .as-pic[data-anim=wipe] .as-pic-in{clip-path:inset(0 100% 0 0);transform:scale(1.25);transition:clip-path 1.2s var(--ease),transform 1.5s var(--ease)}
.as-js .as-pic[data-anim=wipe].is-in .as-pic-in{clip-path:inset(0 0 0 0);transform:none}
.as-js .as-pic[data-anim=wipe].is-in:hover .as-pic-in{transform:scale(1.06);transition:transform 1.1s var(--ease)}
.as-pic--hero figcaption{top:22px;bottom:auto}.as-js [data-anim=left]{transform:translateX(56px)}.as-js [data-anim=right]{transform:translateX(-56px)}
.as-js [data-anim=zoom]{transform:scale(.92)}.as-js [data-anim=wipe]{opacity:1}
.as-js [data-anim=none]{opacity:1}
.as-js [data-anim].is-in{opacity:1;transform:none;clip-path:inset(0 0 0 0)}
.as-js .as-cat[data-anim].is-in .as-pic{animation:asReveal 1.2s var(--ease)}
@keyframes asReveal{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.as-js [data-anim]{opacity:1!important;transform:none!important;clip-path:none!important}.as-in{opacity:1;transform:none}}
/* Responsive */
@media(max-width:1100px){.as-hero-in,.as-phero-in,.as-split,.as-cta-in,.as-qgrid,.as-psplit{grid-template-columns:1fr;gap:48px}.as-rev .as-pic{order:0}.as-grid-4,.as-grid-3,.as-pgrid{grid-template-columns:repeat(2,1fr)}.as-steps,.as-steps--5{grid-template-columns:repeat(3,1fr);row-gap:40px}.as-line{display:none}.as-footer-in{grid-template-columns:1fr 1fr}.as-trust-in{grid-template-columns:repeat(3,1fr)}.as-bento,.as-bento--3{grid-template-columns:repeat(2,1fr)}.as-bento .as-cat,.as-bento .as-b1,.as-bento .as-cat:nth-child(2){grid-column:span 1}.as-side,.as-ctabox{position:static}.as-hero-art{padding-left:0}.as-hero-art2{position:static;width:100%;margin-top:16px}.as-hero-art:before{display:none}}
@media(max-width:921px){.as-menu-cta,.as-topbar-r a:last-child{display:none}body{padding-bottom:62px}.as-wa-float{display:none}
.as-mbar{display:grid;grid-template-columns:1fr 1fr;position:fixed;left:0;right:0;bottom:0;z-index:998;background:var(--navy);border-top:2px solid var(--gold)}.as-mbar a{text-align:center;padding:1.1em;font-size:.76rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;color:#fff}.as-mbar a:last-child{background:var(--gold);color:var(--navy)}}
@media(max-width:640px){.as-sec{padding:72px 20px}.as-hero{padding:56px 20px 80px}.as-grid-2,.as-grid-3,.as-grid-4,.as-pgrid,.as-form,.as-bento,.as-bento--3,.as-footer-in{grid-template-columns:1fr}.as-steps,.as-steps--5{grid-template-columns:1fr 1fr}.as-trust-in{grid-template-columns:1fr 1fr}.as-trust-i{justify-content:flex-start;padding:20px 14px;border-bottom:1px solid var(--line)}.as-actions .as-btn{width:100%;justify-content:space-between}.as-marquee span{font-size:1.1rem}.as-topbar-in span:first-child{display:none}.as-faq-a{padding-right:0}.as-wrap{padding:40px 20px}.as-footer-bottom a{margin:0 16px 0 0}}
.as-cta h2{margin-bottom:18px}.as-card-i svg{display:block}
/* ================= v3 design: photo-led, glass, rounded ================= */
:root{--r:24px}
.as-topbar{display:none}
#masthead{position:fixed;top:0;left:0;right:0;background:transparent;border:0;transition:background .4s var(--ease),border-color .4s,box-shadow .4s}
.admin-bar #masthead{top:32px}
#masthead .main-header-bar,#masthead .ast-primary-header-bar,#masthead .ast-main-header-bar-alignment,#masthead .ast-builder-grid-row{background:transparent!important;border:0!important}
.as-compact #masthead{background:var(--navy);border-bottom:1px solid rgba(212,182,114,.35);box-shadow:0 10px 30px rgba(0,0,0,.18)}
#masthead .site-title a,#masthead .site-title a:hover,#masthead .main-header-menu>.menu-item>a,#masthead .ast-site-identity a{color:#fff}
#masthead .site-title{font-size:1.15rem;font-weight:700;letter-spacing:.16em}
#masthead .main-header-menu .sub-menu a{color:var(--text)}
#masthead .ast-mobile-menu-buttons .menu-toggle,#masthead .menu-toggle .ast-mobile-svg{color:#fff;fill:#fff}
.as-menu-quote>a{border-radius:999px;background:var(--gold);color:var(--navy)!important}
.as-menu-wa>a{border-radius:999px;border:1px solid rgba(255,255,255,.7);color:#fff!important;background:transparent}.as-menu-wa>a:hover{background:#fff;color:var(--navy)!important}
.as-menu-quote>a:hover{background:#fff}
.main-header-menu .sub-menu{border-radius:16px;overflow:hidden}
.as-btn{border-radius:999px}.as-btn--glass{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.35);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.as-btn--glass:hover{background:#fff;color:var(--navy);border-color:#fff}
/* Hero (photo + glass) */
.as-hero,.as-phero{position:relative;color:#fff;background:var(--navy);overflow:hidden}
.as-hero-bg,.as-hero-ov{position:absolute;inset:0}.as-hero-bg img{width:100%;height:100%;object-fit:cover;animation:asKen 26s ease-in-out infinite alternate}
@keyframes asKen{to{transform:scale(1.08)}}.as-hero-ov{background:rgba(12,30,50,.5)}
.as-hero:before{display:none}
.as-hero{min-height:100vh;padding:150px 24px 48px;display:flex;flex-direction:column;justify-content:space-between}
.as-hero .as-c{width:100%;position:relative;z-index:2}
.as-hero-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,540px);gap:56px;align-items:center;flex:1}
.as-hero h1{font-size:clamp(2.5rem,5.4vw,4.9rem);color:#fff;margin-bottom:22px;max-width:15ch}
.as-hero .as-lead{color:#e3e9ef;max-width:560px}
.as-loc{display:flex;align-items:center;gap:10px;font-size:.82rem;letter-spacing:.16em;text-transform:uppercase;margin:0 0 18px;color:#fff}.as-loc .as-ico{color:var(--gold)}
.as-hero .as-actions{align-items:center}
.as-wa-link{display:inline-flex;align-items:center;gap:14px;color:#fff;text-decoration:none;font-weight:500}.as-wa-link i{width:56px;height:56px;border-radius:50%;border:1px solid rgba(255,255,255,.8);display:flex;align-items:center;justify-content:center;transition:all .4s var(--ease)}.as-wa-link:hover i{background:var(--gold);border-color:var(--gold);color:var(--navy)}
.as-slider{position:relative;min-width:0}.as-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px;scroll-behavior:smooth}.as-track::-webkit-scrollbar{display:none}
.as-scard{flex:0 0 255px;height:380px;position:relative;border-radius:var(--r);overflow:hidden;scroll-snap-align:start;text-decoration:none;color:#fff;transition:transform .5s var(--ease)}
.as-scard:hover{transform:translateY(-6px)}.as-scard img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}.as-scard:hover img{transform:scale(1.07)}
.as-scap{position:absolute;left:14px;right:14px;bottom:14px;display:flex;gap:10px;align-items:center;padding:12px 14px;border-radius:16px;background:rgba(12,30,50,.55);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.as-scap .as-ico{color:var(--gold);width:20px;height:20px}.as-scap strong{display:block;font-size:.95rem}.as-scap span{font-size:.75rem;color:#cfd6dd}
.as-next{position:absolute;top:50%;right:14px;width:46px;height:46px;border-radius:50%;border:0;background:#fff;color:var(--navy);display:flex;align-items:center;justify-content:center;cursor:pointer;transform:translateY(-50%);box-shadow:0 8px 20px rgba(0,0,0,.25);transition:all .3s;z-index:3}.as-next:hover{background:var(--gold)}
.as-hero-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-top:40px}
.as-glass-row{display:flex;gap:16px;flex-wrap:wrap}.as-glass{display:flex;gap:16px;max-width:330px;padding:20px 22px;border-radius:18px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.as-glass strong{color:#fff;font-size:.95rem;flex:none}.as-glass p{margin:0;font-size:.88rem;line-height:1.5;color:#e6ebf0}
.as-social{display:flex;gap:10px}.as-social a{width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.14);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.8rem;text-decoration:none;transition:all .3s}.as-social a:hover{background:var(--gold);color:var(--navy);transform:translateY(-3px)}
.as-phero{min-height:58vh;display:flex;align-items:flex-end;padding:170px 24px 84px}.as-phero .as-c{position:relative;z-index:2;width:100%}.as-phero-t{max-width:1240px}.as-phero h1{color:#fff;max-width:18ch}.as-phero .as-lead{max-width:620px;color:#e3e9ef}
.as-crumbs{display:inline-block;padding:8px 16px;border-radius:999px;background:rgba(255,255,255,.12);backdrop-filter:blur(10px);margin-bottom:26px;color:#fff}
/* Rounded system */
.as-card,.as-cta-card,.as-side,.as-ctabox,.as-pcard,.as-notice,.as-faq-i{border-radius:var(--r)}
.as-faq-i{padding:0 26px;border:1px solid var(--line);margin-bottom:12px;background:#fff}.as-faq-i[open]{border-color:var(--gold)}
.as-faq{max-width:920px}.as-faq-x{border-radius:50%}.as-num{border-radius:50%}.as-card-i{border-radius:16px}.as-chips span{border-radius:999px}.as-subcats a{border-radius:999px}
.as-pic{border:0;border-radius:var(--r);background:var(--navy)}.as-pic:after{border-radius:calc(var(--r) - 8px);border-color:rgba(255,255,255,.35)}
.as-pic figcaption{border-radius:999px;background:rgba(12,30,50,.6);backdrop-filter:blur(8px);padding:6px 14px;color:#fff}
.as-pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.as-pic{aspect-ratio:4/3.4}
.as-form input,.as-form select,.as-form textarea{border-radius:14px}.as-form button{border-radius:999px}
.as-footer{border-radius:36px 36px 0 0;margin-top:-1px}.as-trust-i .as-ico{color:#a58a45}
/* Category cards: image-led with glass caption */
.as-cat{position:relative;aspect-ratio:4/4.4;border:0;border-radius:var(--r);overflow:hidden;background:var(--navy)}.as-b1,.as-cat:nth-child(2){aspect-ratio:auto;min-height:420px}
.as-cat>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}.as-cat:hover>img{transform:scale(1.07)}
.as-cat-b{position:absolute;left:16px;right:16px;bottom:16px;padding:20px 22px;border-radius:18px;background:rgba(12,30,50,.58);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.18)}
.as-cat-b h3{color:#fff}.as-cat-b p{color:#dfe5ea;margin-bottom:12px}.as-cat .as-more{color:var(--gold)}
.as-cat .as-pic{display:none}
/* Gallery + map */
.as-gal{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.as-gal-i{position:relative;border-radius:var(--r);overflow:hidden;aspect-ratio:4/3;display:block}.as-gal-i:nth-child(1),.as-gal-i:nth-child(5){grid-row:span 1}
.as-gal-i img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}.as-gal-i:hover img{transform:scale(1.08)}
.as-gal-i span{position:absolute;left:14px;bottom:14px;padding:6px 14px;border-radius:999px;background:rgba(12,30,50,.6);backdrop-filter:blur(8px);color:#fff;font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.as-map{margin-top:32px;border-radius:var(--r);overflow:hidden;border:1px solid rgba(212,182,114,.5);height:380px}.as-map iframe{width:100%;height:100%;border:0;display:block}
.as-wrap{padding-top:150px}
/* WhatsApp + scroll to top */
.as-wa-float{width:60px;height:60px}.as-wa-float:before{content:"";position:absolute;inset:-2px;border-radius:50%;border:2px solid var(--gold);animation:asPulse 2.4s ease-out infinite}
@keyframes asPulse{to{transform:scale(1.6);opacity:0}}
.as-wa-tip{position:absolute;right:72px;white-space:nowrap;background:var(--navy);color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:9px 16px;border-radius:999px;border:1px solid var(--gold);opacity:0;transform:translateX(10px);transition:all .3s;pointer-events:none}.as-wa-float:hover .as-wa-tip{opacity:1;transform:none}
.as-top{position:fixed;right:30px;bottom:96px;z-index:997;width:44px;height:44px;border-radius:50%;background:#fff;color:var(--navy);border:1px solid var(--line);box-shadow:0 8px 20px rgba(12,30,50,.18);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(12px);transition:all .4s var(--ease)}.as-top.show{opacity:1;visibility:visible;transform:none}.as-top:hover{background:var(--gold)}
@media(prefers-reduced-motion:reduce){.as-hero-bg img,.as-wa-float:before{animation:none}.as-track{scroll-behavior:auto}}
@media(max-width:1100px){.as-hero-in{grid-template-columns:1fr;gap:36px}.as-hero{padding-top:130px}.as-gal{grid-template-columns:repeat(2,1fr)}.as-hero-bottom{flex-direction:column;align-items:flex-start}.as-scard{flex-basis:230px;height:320px}.as-cat,.as-b1,.as-cat:nth-child(2){min-height:360px;aspect-ratio:auto}}
@media(max-width:921px){.as-wa-float{display:none}.as-top{right:16px;bottom:78px}.admin-bar #masthead{top:46px}}
@media(max-width:640px){.as-hero h1{max-width:none}.as-gal{grid-template-columns:1fr}.as-glass{max-width:none}.as-phero{padding:130px 20px 60px}.as-footer{border-radius:24px 24px 0 0}.as-map{height:300px}}
.as-hero h1{font-size:clamp(2.4rem,4.6vw,4.2rem);max-width:19ch}.as-hero-ov{background:rgba(12,30,50,.62)}
.as-hero-in{grid-template-columns:minmax(0,1fr) minmax(300px,500px)}.as-scard{flex-basis:235px;height:360px}
.as-hero .as-actions{gap:12px}.as-hero .as-btn{padding:1em 1.4em}
@media(max-width:1100px){.as-hero-in{grid-template-columns:minmax(0,1fr)}.as-hero h1{max-width:none}.as-slider{margin-top:8px}}
@media(max-width:640px){.as-hero{padding:120px 20px 36px}.as-hero h1{font-size:clamp(2rem,9vw,2.6rem)}.as-loc{font-size:.7rem}.as-scard{flex-basis:210px;height:300px}.as-hero .as-btn{width:100%;justify-content:space-between}.as-hero-bottom{margin-top:24px}}
/* ================= v3.1 header + mega menu ================= */
:root{--hh:88px}
#masthead{border-bottom:1px solid rgba(255,255,255,.12)}
#masthead .ast-container,#masthead .ast-builder-grid-row{max-width:1440px}
#masthead .ast-builder-grid-row{grid-template-columns:auto 1fr!important;column-gap:40px;padding-inline:clamp(16px,2.4vw,40px)}
#masthead .main-header-bar{min-height:var(--hh);transition:min-height .4s var(--ease)}
.as-compact #masthead .main-header-bar{min-height:70px}
#masthead .site-header-primary-section-right,#masthead .ast-grid-right-section{flex:1 1 auto;justify-content:flex-end}
#masthead .site-header-primary-section-left{flex:none}
#masthead .main-navigation,#masthead .ast-builder-menu,#masthead .ast-main-header-bar-alignment,#masthead .main-header-bar-navigation{position:static!important}
#masthead .main-header-menu{display:flex;flex-wrap:nowrap;align-items:center;gap:0}
#masthead .site-title a{display:inline-flex;align-items:center;white-space:nowrap}
#masthead .site-title a:before{content:"";width:11px;height:11px;background:var(--gold);transform:rotate(45deg);margin-right:14px;flex:none}
#masthead .main-header-menu>.menu-item{position:relative;white-space:nowrap}
#masthead .main-header-menu>.menu-item>a{display:flex;align-items:center;min-height:var(--hh);padding:0 clamp(.55em,.85vw,1em);font-size:clamp(.66rem,.78vw,.76rem);font-weight:600;letter-spacing:.09em;color:#fff;transition:min-height .4s var(--ease),color .3s}
.as-compact #masthead .main-header-menu>.menu-item>a{min-height:70px}
#masthead .main-header-menu>.menu-item>a:after{left:clamp(.55em,.85vw,1em);right:clamp(.55em,.85vw,1em);bottom:22px}
#masthead .main-header-menu>.menu-item:hover>a,#masthead .main-header-menu>.current-menu-item>a{color:var(--gold)}
#masthead .main-header-menu .dropdown-menu-toggle,#masthead .main-header-menu .ast-icon{color:inherit;opacity:.75}
#masthead .main-header-menu>.as-menu-quote{margin-left:clamp(10px,1.4vw,24px)}
#masthead .main-header-menu>.as-menu-quote>a{min-height:0;height:auto;padding:.9em 1.7em!important;margin:0;border-radius:999px;background:var(--gold);color:var(--navy)!important;font-weight:700;letter-spacing:.12em;transition:all .4s var(--ease)}
#masthead .main-header-menu>.as-menu-quote>a:hover{background:#fff;transform:translateY(-1px)}
#masthead .main-header-menu>.as-menu-quote>a:after{display:none}
/* Clean card dropdowns */
@media(min-width:922px){
#masthead .main-header-menu>.menu-item:not(.as-mega)>.sub-menu{background:#fff;border:0;border-top:2px solid var(--gold);border-radius:0 0 20px 20px;padding:14px;min-width:270px;box-shadow:0 26px 50px rgba(12,30,50,.16);margin-top:0}
#masthead .main-header-menu>.menu-item:not(.as-mega)>.sub-menu>.menu-item{border:0}
#masthead .main-header-menu>.menu-item:not(.as-mega)>.sub-menu a{display:block;padding:11px 16px;border-radius:12px;font-size:.9rem;font-weight:500;text-transform:none;letter-spacing:0;color:var(--text);transition:all .3s var(--ease)}
#masthead .main-header-menu>.menu-item:not(.as-mega)>.sub-menu a:hover{background:var(--off);color:var(--navy);padding-left:22px}
/* Mega panel */
#masthead .main-header-menu .as-mega{position:static!important}
#masthead .main-header-menu>.as-mega>.sub-menu{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(290px,1.15fr);align-items:stretch;position:absolute!important;left:0!important;right:0!important;top:100%!important;width:100%!important;max-width:none;margin:0;padding:44px max(24px,calc((100% - 1240px)/2)) 48px;background:#fff;border:0;border-top:2px solid var(--gold);border-radius:0 0 30px 30px;box-shadow:0 36px 70px rgba(12,30,50,.2);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(14px);transition:opacity .35s var(--ease),transform .45s var(--ease),visibility .35s}
#masthead .main-header-menu>.as-mega>.sub-menu:before{content:"";position:absolute;left:0;right:0;top:-30px;height:30px}
#masthead .main-header-menu>.as-mega:hover>.sub-menu,#masthead .main-header-menu>.as-mega:focus-within>.sub-menu{opacity:1;visibility:visible;pointer-events:auto;transform:none}
#masthead .as-mega .sub-menu .menu-item{border:0!important;position:static}
#masthead .as-mega .sub-menu .dropdown-menu-toggle,#masthead .as-mega .sub-menu .ast-icon,#masthead .as-mega .sub-menu .ast-header-navigation-arrow{display:none!important}
#masthead .as-mega-col{padding:0 34px;border-right:1px solid var(--line)}#masthead .as-mega-col:first-child{padding-left:0}
#masthead .as-mega-col>a{display:flex!important;align-items:center;gap:14px;padding:0 0 16px!important;margin-bottom:10px;border-bottom:1px solid var(--line);font-size:.7rem!important;font-weight:700!important;letter-spacing:.22em!important;text-transform:uppercase;color:var(--navy)!important;background:transparent!important;min-height:0!important}
#masthead .as-mega-col>a:before{content:"";width:22px;height:1px;background:var(--gold);flex:none}
#masthead .as-mega-col>a:after{display:none!important}
#masthead .as-mega-col>.sub-menu{position:static!important;display:block!important;opacity:1!important;visibility:visible!important;transform:none!important;width:auto!important;min-width:0!important;margin:0;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
#masthead .as-mega-col>.sub-menu a{display:block;padding:10px 0!important;font-size:.93rem;font-weight:500;text-transform:none;letter-spacing:0;color:var(--muted)!important;background:transparent!important;transition:all .3s var(--ease);position:relative}
#masthead .as-mega-col>.sub-menu a:hover{color:var(--navy)!important;padding-left:16px!important}
#masthead .as-mega-col>.sub-menu a:before{content:"";position:absolute;left:0;top:50%;width:0;height:1px;background:var(--gold);transition:width .3s var(--ease)}
#masthead .as-mega-col>.sub-menu a:hover:before{width:9px}
#masthead .as-mega .as-mega-feature{padding:0 0 0 34px;border:0;display:flex}
#masthead .as-mf{background:var(--navy);color:#cfd6dd;border-radius:22px;padding:34px 32px;width:100%;position:relative;overflow:hidden;white-space:normal}
#masthead .as-mf:after{content:"";position:absolute;right:-70px;bottom:-70px;width:180px;height:180px;border:1px solid rgba(212,182,114,.35);border-radius:50%}
#masthead .as-mf-eyebrow{display:flex;align-items:center;gap:12px;font-size:.7rem;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin:0 0 14px}.as-mf-eyebrow:before{content:"";width:26px;height:1px;background:var(--gold)}
#masthead .as-mf strong{display:block;color:#fff;font-size:1.2rem;line-height:1.3;margin-bottom:12px;font-weight:600}
#masthead .as-mf p:not(.as-mf-eyebrow){font-size:.9rem;line-height:1.65;margin:0 0 22px;color:#cfd6dd;text-transform:none;letter-spacing:0}
#masthead .as-mf-btn{display:inline-block;background:var(--gold);color:var(--navy)!important;padding:.95em 1.8em;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;position:relative;z-index:1;transition:all .3s}
#masthead .as-mf-btn:hover{background:#fff}
}
@media(max-width:921px){.as-mega-feature{display:none!important}}
#masthead .site-title a,#masthead .site-title a:hover{text-decoration:none}
@media(min-width:922px){#masthead .main-header-menu>.as-mega>.sub-menu{box-sizing:border-box;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(300px,1.1fr)}#masthead .as-mega>.sub-menu>.as-mega-col{box-sizing:border-box;min-width:0}#masthead .as-mega .as-mega-feature{box-sizing:border-box;min-width:0}}
#masthead .as-mega .sub-menu a{white-space:normal}
@media(min-width:922px) and (max-width:1280px){#masthead .main-header-menu>.as-dup{display:none}}
/* ================= v4: Zylo + Sisphus inspired layout (navy / gold) ================= */
.as-head--c{margin-inline:auto;text-align:center}.as-head--c .as-eyebrow{justify-content:center}.as-center{text-align:center}
.as-h2{padding:170px 0 90px;text-align:center;overflow:hidden}.as-h2-in{max-width:920px;margin:auto;padding:0 24px}
.as-badge{display:inline-flex;align-items:center;gap:10px;padding:9px 20px;border:1px solid rgba(212,182,114,.5);border-radius:999px;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:#e6ebf0;margin:0 0 28px}.as-badge i{width:8px;height:8px;border-radius:50%;background:var(--gold)}
.as-h2 h1{color:#fff;font-size:clamp(2.3rem,5vw,4.4rem);line-height:1.08;margin-bottom:24px}.as-h2 .as-lead{max-width:640px;margin-inline:auto}
.as-actions--c{justify-content:center;align-items:center}
.as-strip{margin-top:64px;overflow:hidden}.as-strip-t{display:flex;gap:20px;width:max-content;animation:asStrip 80s linear infinite}.as-strip:hover .as-strip-t{animation-play-state:paused}
.as-strip-i{margin:0;height:340px;border-radius:26px;overflow:hidden;position:relative;flex:none}.as-strip-i img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}.as-strip-i:hover img{transform:scale(1.06)}
.as-strip-i figcaption{position:absolute;left:16px;bottom:16px;padding:6px 14px;border-radius:999px;background:rgba(12,30,50,.6);backdrop-filter:blur(8px);color:#fff;font-size:.7rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
@keyframes asStrip{to{transform:translateX(-50%)}}
.as-lines{border-top:1px solid rgba(255,255,255,.12)}.as-lines-in{display:grid;grid-template-columns:.9fr 1.3fr;gap:64px;align-items:center}.as-lines .as-head{margin-bottom:28px}
.as-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.as-tile{display:flex;align-items:center;gap:14px;padding:28px 22px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);border-radius:18px;color:#fff;text-decoration:none;font-weight:500;transition:all .5s var(--ease)}.as-tile .as-ico{color:var(--gold)}.as-tile:hover{border-color:var(--gold);transform:translateY(-5px);background:rgba(212,182,114,.08)}
.as-sol-in{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;align-items:start}.as-sol .as-head{margin-bottom:0}.as-sol .as-pic{aspect-ratio:4/4.3;margin-top:36px}
.as-rows{display:grid;gap:14px}
.as-row{display:grid;grid-template-columns:52px 1fr 44px;gap:18px;align-items:center;padding:20px 22px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);border-radius:18px;text-decoration:none;color:#fff;transition:all .5s var(--ease)}
.as-row-i{width:48px;height:48px;border-radius:14px;background:rgba(212,182,114,.14);display:flex;align-items:center;justify-content:center;color:var(--gold)}
.as-row-t strong{display:block;font-weight:600;font-size:1.05rem}.as-row-t em{font-style:normal;font-size:.9rem;color:#b8c3ce}
.as-row-a{width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;transition:all .4s var(--ease)}.as-row-a .as-ico{width:18px;height:18px}
.as-row:hover{border-color:var(--gold);transform:translateX(6px)}.as-row:hover .as-row-a,.as-svc:hover .as-row-a{background:var(--gold);border-color:var(--gold);color:var(--navy)}
.as-collage{position:relative;padding:0 84px 84px 0}.as-collage-a{border-radius:30px;overflow:hidden;aspect-ratio:4/4.4}.as-collage-b{position:absolute;right:0;bottom:0;width:46%;aspect-ratio:1;border-radius:26px;overflow:hidden;border:9px solid var(--off)}
.as-collage img{width:100%;height:100%;object-fit:cover}.as-spark{position:absolute;right:30px;top:-6px;width:46px;color:var(--gold);animation:asSpin 18s linear infinite}@keyframes asSpin{to{transform:rotate(360deg)}}
.as-svcs{border-top:1px solid rgba(255,255,255,.14);margin-top:8px}
.as-svc{display:grid;grid-template-columns:70px 1fr auto 52px;gap:24px;align-items:center;padding:34px 0;border-bottom:1px solid rgba(255,255,255,.14);text-decoration:none;color:#fff;transition:all .5s var(--ease)}
.as-svc-n{font-size:.85rem;color:#aab6c2;letter-spacing:.14em}.as-svc strong{font-size:clamp(1.4rem,2.8vw,2.3rem);font-weight:500;transition:color .3s}.as-svc-tags i{font-style:normal;margin-left:24px;font-size:.74rem;color:#aab6c2;text-transform:uppercase;letter-spacing:.12em}
.as-svc:hover{padding-left:18px}.as-svc:hover strong{color:var(--gold)}
.as-phil{background:var(--navy);border-radius:34px;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;padding:44px;color:#cfd6dd}.as-phil h2{color:#fff;margin-bottom:18px}.as-phil p{margin:0 0 28px;max-width:520px}
.as-pills{list-style:none;margin:0;padding:0;display:grid;gap:12px}.as-pills li{display:inline-flex;align-items:center;gap:14px;width:fit-content;padding:14px 22px;border-radius:14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);color:#fff;font-weight:500}.as-pills .as-ico{width:18px;color:var(--gold)}
.as-phil-i{border-radius:26px;overflow:hidden;min-height:340px}.as-phil-i img{width:100%;height:100%;object-fit:cover}
.as-work{display:grid;grid-template-columns:repeat(2,1fr);gap:40px 28px}.as-work--3{grid-template-columns:repeat(3,1fr)}
.as-wk{text-decoration:none;color:var(--text);display:block}.as-wk .as-pic{aspect-ratio:16/11;border-radius:26px;transition:transform .6s var(--ease),box-shadow .6s}.as-wk:hover .as-pic{transform:translateY(-6px);box-shadow:0 24px 44px rgba(12,30,50,.15)}
.as-wk .as-pic:after,.as-wk .as-pic figcaption{display:none}
.as-wk-m{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:18px 0 6px;color:var(--navy)}.as-wk-m strong{font-size:1.1rem}
.as-tag{padding:5px 12px;border-radius:8px;background:rgba(12,30,50,.07);font-size:.7rem;font-weight:600;color:var(--navy);letter-spacing:.04em;white-space:nowrap}
.as-wk p{margin:0;color:var(--muted);font-size:.92rem}.as-wk.is-hide{display:none}
.as-filter{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:44px}.as-filter button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:.75em 1.5em;font:600 .76rem var(--font);letter-spacing:.09em;text-transform:uppercase;color:var(--navy);cursor:pointer;transition:all .3s}.as-filter button:hover{border-color:var(--gold)}.as-filter button.on{background:var(--navy);color:var(--gold);border-color:var(--navy)}
.as-sub{margin:56px 0 8px}
.as-proc{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:28px;align-items:center}.as-proc-c{display:grid;gap:18px}
.as-ps{background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px 28px;transition:all .5s var(--ease)}.as-ps:hover{border-color:var(--gold);transform:translateY(-4px)}
.as-ps span{font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#a58a45}.as-ps strong{display:block;font-size:1.1rem;margin:8px 0 6px;color:var(--navy)}.as-ps p{margin:0;font-size:.92rem;color:var(--muted)}
.as-proc-i{border-radius:30px;overflow:hidden;aspect-ratio:3/4.3}.as-proc-i img{width:100%;height:100%;object-fit:cover}
.as-news{text-decoration:none;color:var(--text);display:block}.as-news-i{border-radius:24px;overflow:hidden;aspect-ratio:4/3;margin-bottom:16px}.as-news-i img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}.as-news:hover img{transform:scale(1.06)}.as-news span{font-size:.78rem;color:var(--muted)}.as-news strong{display:block;font-size:1.1rem;margin-top:6px;color:var(--navy)}
.as-proj-card{background:rgba(255,255,255,.04);border:1px solid rgba(212,182,114,.35);border-radius:34px;padding:72px 24px;text-align:center}.as-proj-card h2{color:#fff;margin-bottom:12px}.as-proj-card>p{margin:0 auto 36px;color:#cfd6dd;max-width:520px}
.as-proj-card .as-form{max-width:560px;margin:auto;text-align:left}.as-form--c{grid-template-columns:1fr}
.as-navy .as-form label{color:#cfd6dd}.as-navy .as-form input,.as-navy .as-form select,.as-navy .as-form textarea{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);color:#fff;border-radius:14px}.as-navy .as-form select option{color:#111}
.as-navy .as-form input:focus,.as-navy .as-form select:focus,.as-navy .as-form textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(212,182,114,.25)}
.as-proj-card--l{background:var(--navy);padding:48px 36px}.as-proj-card--l .as-form{max-width:none}.as-proj-card--l .as-form label{color:#cfd6dd}.as-proj-card--l .as-form input,.as-proj-card--l .as-form select,.as-proj-card--l .as-form textarea{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);color:#fff}.as-proj-card--l .as-form select option{color:#111}
.as-cgrid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:start}.as-cgrid .as-grid-2{margin-bottom:8px}
.as-talk{border-top:1px solid rgba(255,255,255,.12)}.as-talk-in{display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap}.as-talk h2{font-size:clamp(1.7rem,3.4vw,2.8rem);margin:0}.as-talk .as-actions{margin:0}
.as-nl{background:#fff;padding:56px 24px 0}.as-nl-in{background:var(--navy);border-radius:30px;padding:36px 44px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.as-nl h3{color:#fff;font-size:1.4rem;margin:0}.as-nl-ok{color:var(--gold);margin:6px 0 0;font-size:.9rem}
.as-nl-f{display:flex;gap:10px;flex-wrap:wrap}.as-nl-f input{min-width:280px;padding:1em 1.4em;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.07);color:#fff;font:inherit}.as-nl-f button{padding:1em 1.9em;border-radius:999px;border:0;background:var(--gold);color:var(--navy);font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:.76rem;cursor:pointer;transition:all .3s}.as-nl-f button:hover{background:#fff}
.as-footer{border-radius:0;margin-top:-90px;padding-top:150px}
@media(prefers-reduced-motion:reduce){.as-strip-t,.as-spark{animation:none}}
@media(max-width:1100px){.as-lines-in,.as-sol-in,.as-phil,.as-cgrid{grid-template-columns:1fr}.as-proc{grid-template-columns:1fr}.as-proc-i{aspect-ratio:16/10}.as-work--3{grid-template-columns:repeat(2,1fr)}.as-svc{grid-template-columns:50px 1fr 46px}.as-svc-tags{display:none}.as-collage{padding:0 40px 60px 0}}
@media(max-width:640px){.as-h2{padding:130px 0 64px}.as-tiles,.as-work,.as-work--3{grid-template-columns:1fr}.as-strip-i{height:240px;width:280px!important}.as-phil{padding:28px 22px}.as-nl-in{padding:28px 24px}.as-nl-f input{min-width:0;width:100%}.as-nl-f{width:100%}.as-proj-card{padding:48px 18px}.as-footer{padding-top:120px}.as-row{grid-template-columns:44px 1fr 38px;padding:16px}.as-svc strong{font-size:1.3rem}}
.as-phero .as-hero-ov{background:rgba(12,30,50,.8)}.as-phero .as-hero-bg img{object-position:78% center;animation:none}
/* ===== fixes: single arrow, no Astra footer bar, scroll-top button, newsletter + footer ===== */
@media(min-width:922px){
#masthead .main-header-menu>.menu-item>.ast-menu-toggle,#masthead .main-header-menu>.menu-item>button.ast-menu-toggle{display:none!important}
#masthead .main-header-menu>.menu-item>a .dropdown-menu-toggle~.dropdown-menu-toggle,#masthead .main-header-menu>.menu-item>a .ast-icon~.ast-icon,#masthead .main-header-menu>.menu-item>a .ast-header-navigation-arrow~.ast-header-navigation-arrow{display:none!important}
#masthead .main-header-menu>.menu-item>a .dropdown-menu-toggle .ast-icon~.ast-icon{display:none!important}
}
footer.site-footer:not(.as-footer),.site-footer:not(.as-footer),.ast-small-footer,.site-below-footer-wrap,.site-primary-footer-wrap,.site-above-footer-wrap{display:none!important}
button.as-top,.as-top{box-sizing:border-box;width:46px!important;height:46px!important;min-width:0;padding:0!important;line-height:1;border-radius:50%!important;background:var(--gold);color:var(--navy);border:0;box-shadow:0 8px 20px rgba(12,30,50,.25)}
.as-top svg{display:block;width:20px;height:20px;stroke:currentColor;fill:none}
.as-top:hover{background:#fff;color:var(--navy)}
.as-nl{background:var(--navy);padding:72px 24px 0;border-top:1px solid rgba(255,255,255,.12)}
.as-nl-in{background:var(--gold);border-radius:30px}.as-nl h3{color:var(--navy)}.as-nl-ok{color:var(--navy);font-weight:600}
.as-nl-f input{background:#fff;color:var(--navy);border:0}.as-nl-f input::placeholder{color:#6b7682}
.as-nl-f button{background:var(--navy);color:var(--gold)}.as-nl-f button:hover{background:#fff;color:var(--navy)}
.as-footer{margin-top:0!important;padding-top:72px!important;border-top:0!important;border-radius:0}
#masthead .main-header-menu>.menu-item.as-menu-quote>a,.as-compact #masthead .main-header-menu>.menu-item.as-menu-quote>a{min-height:0!important;height:auto!important;line-height:1.2!important;display:inline-flex;align-items:center}
.as-compact #masthead .main-header-menu>.menu-item.as-menu-quote{align-self:center}
/* ================= v4.1 header: floating rounded bar (Zylo style) ================= */
#masthead,.as-compact #masthead{background:transparent!important;border:0!important;box-shadow:none!important;pointer-events:none}
#masthead .main-header-bar,#masthead .ast-primary-header-bar{min-height:0!important;background:transparent!important;border:0!important}
#masthead .ast-container,#masthead .site-primary-header-wrap,#masthead .ast-builder-grid-row-container{max-width:none!important;padding:0!important;background:transparent!important}
#masthead .ast-builder-grid-row{pointer-events:auto;box-sizing:border-box;width:calc(100% - 48px)!important;max-width:1240px!important;margin:20px auto 0!important;padding:10px 12px 10px 20px!important;min-height:0!important;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:rgba(255,255,255,.07);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);grid-template-columns:auto 1fr!important;column-gap:24px;transition:background .4s var(--ease),margin .4s var(--ease),border-color .4s}
.as-compact #masthead .ast-builder-grid-row{margin-top:12px!important;background:rgba(12,30,50,.92);border-color:rgba(212,182,114,.35);box-shadow:0 16px 40px rgba(0,0,0,.25)}
.admin-bar #masthead{top:32px}
#masthead .site-title a:before{content:"◆";width:36px;height:36px;margin-right:12px;display:inline-flex;align-items:center;justify-content:center;transform:none;background:rgba(212,182,114,.14);border:1px solid rgba(212,182,114,.55);border-radius:11px;color:var(--gold);font-size:13px}
#masthead .site-title{font-size:1.05rem;letter-spacing:.14em}
@media(min-width:922px){
#masthead .site-header-primary-section-right,#masthead .ast-grid-right-section{display:block;min-width:0}
#masthead .main-navigation,#masthead .ast-builder-menu,#masthead .main-header-bar-navigation{position:static!important;width:100%}
#masthead .main-header-menu{position:relative;justify-content:center;padding-right:210px;min-height:52px}
#masthead .main-header-menu>.as-dup{display:none!important}
#masthead .main-header-menu>.menu-item>a,.as-compact #masthead .main-header-menu>.menu-item>a{min-height:52px;padding:0 clamp(.7em,1vw,1.15em);font-size:.76rem;font-weight:500;letter-spacing:.09em}
#masthead .main-header-menu>.menu-item>a:after{bottom:12px}
#masthead .main-header-menu>.as-menu-quote{position:absolute;right:0;top:50%;transform:translateY(-50%);margin:0!important}
#masthead .main-header-menu>.menu-item.as-menu-quote>a,.as-compact #masthead .main-header-menu>.menu-item.as-menu-quote>a{min-height:0!important;padding:.85em 1.15em!important;border-radius:12px;gap:10px;font-size:.74rem;font-weight:700}
#masthead .as-menu-quote .as-ico{width:16px;height:16px}
/* mega panel aligned to the bar */
#masthead .main-header-menu>.as-mega>.sub-menu{left:0!important;right:0!important;top:calc(100% + 22px)!important;width:min(1240px,calc(100vw - 48px))!important;margin:0 auto!important;border:1px solid var(--line);border-top:2px solid var(--gold);border-radius:26px;padding:40px 44px 44px;pointer-events:auto}
#masthead .main-header-menu>.as-mega>.sub-menu:before{top:-40px;height:40px}
#masthead .main-header-menu>.as-mega .as-mega-col:first-child{padding-left:0}
#masthead .main-header-menu>.menu-item:not(.as-mega)>.sub-menu{top:calc(100% + 20px)!important;border-radius:20px;border-top:2px solid var(--gold);pointer-events:auto}
#masthead .main-header-menu>.menu-item:not(.as-mega)>.sub-menu:before{content:"";position:absolute;left:0;right:0;top:-24px;height:24px}
}
@media(max-width:921px){#masthead .ast-builder-grid-row{width:calc(100% - 24px)!important;margin-top:12px!important;padding:8px 10px 8px 14px!important;border-radius:16px}#masthead .main-header-menu>.as-dup{display:revert}}
/* v4.1b: anchor mega panel and CTA to the bar itself */
#masthead .ast-builder-grid-row{position:relative;background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.2)}
@media(min-width:922px){
#masthead .main-header-menu{position:static!important}
#masthead .main-header-menu>.as-menu-quote{right:12px}
#masthead .main-header-menu>.as-mega>.sub-menu{left:0!important;right:0!important;width:auto!important;margin:0!important;top:calc(100% + 14px)!important}
#masthead .main-header-menu>.menu-item:not(.as-mega)>.sub-menu{top:calc(100% + 14px)!important}
#masthead .main-header-menu>.menu-item:not(.as-mega):not(.as-menu-quote){position:relative}
#masthead .main-header-menu>.menu-item.as-menu-quote{position:absolute!important}
}
/* v4.1c: make the floating bar visible (beats the older transparent rule) + tighter mid-width layout */
#masthead .ast-builder-grid-row{background:rgba(255,255,255,.09)!important;border:1px solid rgba(255,255,255,.2)!important}
.as-compact #masthead .ast-builder-grid-row{background:rgba(12,30,50,.94)!important;border:1px solid rgba(212,182,114,.4)!important}
@media(min-width:922px) and (max-width:1220px){
#masthead .site-title{font-size:.88rem;letter-spacing:.07em}
#masthead .site-title a:before{width:32px;height:32px;margin-right:9px}
#masthead .main-header-menu{padding-right:176px}
#masthead .main-header-menu>.menu-item>a,.as-compact #masthead .main-header-menu>.menu-item>a{padding:0 .55em;font-size:.68rem;letter-spacing:.05em}
#masthead .main-header-menu>.menu-item.as-menu-quote>a{padding:.8em .95em!important;font-size:.68rem}
#masthead .ast-builder-grid-row{padding-left:14px!important;column-gap:12px}
}
/* ===== v4.2: always full width + centred, regardless of Astra container settings ===== */
.as-full .site-content>.ast-container,.as-full #content>.ast-container,.as-full .ast-container{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
.as-full #primary,.as-full .content-area{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;float:none}
.as-full #secondary,.as-full .widget-area{display:none!important}
.as-full .site-content{padding:0!important;margin:0!important}
.as-full #content{display:block}
.as-main{display:block;width:100%;max-width:100%;flex:1 1 100%;margin:0}
.as-main>.as-sec{width:100%;box-sizing:border-box}
#masthead .ast-container{display:block!important}
/* ===== v4.3: hidden mega panel must never catch the mouse ===== */
@media(min-width:922px){
/* nested lists inherit the panel's visibility (they were forced visible, which made the hidden panel hoverable) */
#masthead .as-mega-col>.sub-menu,#masthead .as-mega .sub-menu .sub-menu{visibility:inherit!important}
#masthead .main-header-menu>.as-mega>.sub-menu,#masthead .main-header-menu>.menu-item:not(.as-mega)>.sub-menu{pointer-events:none}
#masthead .main-header-menu>.as-mega>.sub-menu *{pointer-events:inherit}
#masthead .main-header-menu>.as-mega:hover>.sub-menu,#masthead .main-header-menu>.as-mega:focus-within>.sub-menu,#masthead .main-header-menu>.menu-item:not(.as-mega):hover>.sub-menu{pointer-events:auto}
}
/* ================= v4.4: own mobile header + premium slide-in menu ================= */
.as-mtop,.as-ov,.as-drawer{display:none}
.as-solid-bar #masthead .ast-builder-grid-row{background:rgba(12,30,50,.94)!important;border-color:rgba(212,182,114,.35)!important}
@media(max-width:921px){
#masthead,#ast-mobile-header,.ast-mobile-popup-drawer,.ast-mobile-header-wrap{display:none!important}
.as-mtop{display:flex;position:fixed;z-index:1000;top:12px;left:12px;right:12px;align-items:center;justify-content:space-between;padding:8px 8px 8px 14px;border:1px solid rgba(255,255,255,.2);border-radius:18px;background:rgba(255,255,255,.09);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:background .4s var(--ease),border-color .4s}
.admin-bar .as-mtop{top:58px}
.as-compact .as-mtop,.as-solid-bar .as-mtop{background:rgba(12,30,50,.95);border-color:rgba(212,182,114,.4);box-shadow:0 14px 34px rgba(0,0,0,.25)}
.as-mlogo{display:inline-flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:700;letter-spacing:.12em;font-size:.82rem;min-width:0}
.as-mlogo i{flex:none;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-size:12px;color:var(--gold);background:rgba(212,182,114,.14);border:1px solid rgba(212,182,114,.55);border-radius:10px}
.as-mlogo span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
button.as-burger{box-sizing:border-box;width:44px;height:44px;padding:0!important;border:0;border-radius:13px;background:var(--gold);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer}
.as-burger span{display:block;width:20px;height:2px;border-radius:2px;background:var(--navy);transition:transform .35s var(--ease),opacity .25s}
.as-ov{display:block;position:fixed;inset:0;z-index:1090;background:rgba(6,14,24,.62);opacity:0;visibility:hidden;transition:opacity .4s var(--ease),visibility .4s}
.as-drawer{display:flex;flex-direction:column;position:fixed;z-index:1100;top:0;right:0;bottom:0;width:min(92vw,420px);background:var(--navy);color:#cfd6dd;transform:translateX(105%);transition:transform .5s var(--ease);visibility:hidden;box-shadow:-24px 0 60px rgba(0,0,0,.35);border-left:1px solid rgba(212,182,114,.35);border-radius:28px 0 0 28px;overflow:hidden}
.as-open .as-ov{opacity:1;visibility:visible}.as-open .as-drawer{transform:none;visibility:visible}
html.as-lock,html.as-lock body{overflow:hidden}
.as-dr-head{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 16px 22px;border-bottom:1px solid rgba(255,255,255,.1);flex:none}
button.as-close{box-sizing:border-box;width:42px;height:42px;padding:0!important;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s}
.as-close svg{width:18px;height:18px}.as-close:hover{background:var(--gold);color:var(--navy);border-color:var(--gold)}
.as-dr-nav{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:10px 14px 18px;-webkit-overflow-scrolling:touch}
.as-m-l{list-style:none;margin:0;padding:0}.as-m-i{margin:0;border-bottom:1px solid rgba(255,255,255,.08)}
.as-m-a,button.as-m-acc{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;margin:0;padding:17px 10px!important;border:0;background:transparent;color:#fff;font:600 1rem/1.3 var(--font);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;text-align:left;cursor:pointer;border-radius:0;transition:color .3s,padding .3s var(--ease)}
.as-m-a .as-ico,.as-m-acc .as-ico{width:18px;height:18px;color:var(--gold);flex:none;transition:transform .4s var(--ease)}
.as-m-a:hover,.as-m-acc:hover,.as-m-acc[aria-expanded=true]{color:var(--gold)}
.as-m-acc[aria-expanded=true]>.as-ico{transform:rotate(45deg)}
.as-m-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s var(--ease)}.as-m-in{overflow:hidden;min-height:0}
.as-m-acc[aria-expanded=true]+.as-m-panel{grid-template-rows:1fr}
.as-m-l1{padding:2px 0 12px 10px;border-left:1px solid rgba(212,182,114,.45);margin:0 0 6px 10px}
.as-m-l1>.as-m-i{border:0}
button.as-m-t1,.as-m-a.as-m-t1{padding:13px 10px!important;font-size:.76rem;letter-spacing:.18em;color:var(--gold)}
.as-m-l2{padding:0 0 8px 6px;margin-left:10px;border-left:1px solid rgba(255,255,255,.14)}
.as-m-a.as-m-t2{padding:11px 12px!important;font-size:.93rem;font-weight:500;letter-spacing:0;text-transform:none;color:#cfd6dd}
.as-m-a.as-m-t2:hover{color:#fff;padding-left:18px!important}
.as-m-l2>.as-m-i:first-child .as-m-a{color:var(--gold);font-weight:600}
.as-dr-foot{flex:none;padding:18px 20px calc(18px + env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04)}
.as-dr-btn{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:1em 1.3em;border-radius:14px;font-size:.78rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;text-decoration:none;margin-bottom:10px;transition:all .3s}
.as-dr-btn .as-ico{width:18px;height:18px}.as-dr-btn--gold{background:var(--gold);color:var(--navy)}.as-dr-btn--line{border:1px solid rgba(255,255,255,.35);color:#fff}.as-dr-btn--gold:hover{background:#fff}.as-dr-btn--line:hover{border-color:var(--gold);color:var(--gold)}
.as-dr-c{display:flex;flex-direction:column;gap:4px;margin:12px 0 0;font-size:.88rem}.as-dr-c a{color:#cfd6dd;text-decoration:none}
body.as-menu-open .as-wa-float,body.as-menu-open .as-top,.as-open .as-top{opacity:0;visibility:hidden}
}
@media(max-width:380px){.as-mlogo span{font-size:.72rem;letter-spacing:.08em}}
/* ================= v4.5: clean mobile bottom (no Astra scroll-top, no white gap) ================= */
#ast-scroll-top,.ast-scroll-top-icon,.ast-scroll-to-top-right,.ast-scroll-to-top-left{display:none!important}
@media(max-width:921px){
body{padding-bottom:0!important}
html,body{background:var(--navy)}
.as-main{background:#fff}
.as-footer{padding-bottom:calc(92px + env(safe-area-inset-bottom))!important}
.as-mbar{padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -10px 30px rgba(0,0,0,.25)}
.as-mbar a{padding-block:1.15em}
.as-top{bottom:calc(76px + env(safe-area-inset-bottom))!important;right:16px}
}
@media(max-width:640px){
.as-footer{padding-inline:22px}
.as-footer-in{grid-template-columns:1fr 1fr;gap:34px 18px}
.as-footer-brand{grid-column:1/-1}
.as-footer h4{margin-bottom:16px;font-size:.7rem}
.as-footer li{margin-bottom:12px}.as-footer li a{font-size:.9rem;display:inline-block;padding:2px 0}
.as-footer-bottom{flex-direction:column;align-items:flex-start;gap:14px;margin-top:40px}
.as-footer-bottom span:last-child{display:flex;gap:22px;flex-wrap:wrap}.as-footer-bottom a{margin:0}
}
/* ================= v4.6: logo-ready white header (logo is navy + gold on transparent) ================= */
#masthead .ast-builder-grid-row,.as-compact #masthead .ast-builder-grid-row,.as-solid-bar #masthead .ast-builder-grid-row{background:rgba(255,255,255,.97)!important;border:1px solid rgba(255,255,255,.75)!important;box-shadow:0 14px 40px rgba(6,14,24,.24);padding:8px 10px 8px 20px!important}
.as-compact #masthead .ast-builder-grid-row{background:#fff!important;border-color:var(--line)!important;box-shadow:0 14px 36px rgba(6,14,24,.3)}
#masthead .site-branding,#masthead .ast-site-identity{display:flex;align-items:center}
#masthead .site-branding .custom-logo-link,#masthead .ast-site-identity .custom-logo-link{display:flex;align-items:center;padding:0;margin:0}
#masthead .custom-logo,#masthead .custom-logo-link img,#masthead .site-logo-img img{height:52px!important;width:auto!important;max-width:none!important;display:block;transition:height .4s var(--ease)}
.as-compact #masthead .custom-logo,.as-compact #masthead .custom-logo-link img,.as-compact #masthead .site-logo-img img{height:44px!important}
.as-has-logo #masthead .site-title,.as-has-logo #masthead .site-description,.as-has-logo #masthead .ast-site-title-wrap{display:none!important}
#masthead .site-title a,#masthead .site-title a:hover{color:var(--navy)}
#masthead .main-header-menu>.menu-item>a,#masthead .main-header-menu>.menu-item>a .menu-text{color:var(--navy)}
#masthead .main-header-menu>.menu-item:hover>a,#masthead .main-header-menu>.current-menu-item>a{color:#9a7b2f}
#masthead .main-header-menu .dropdown-menu-toggle,#masthead .main-header-menu .ast-icon{color:var(--navy)}
#masthead .main-header-menu>.menu-item.as-menu-quote>a:hover{background:var(--navy);color:var(--gold)!important;transform:translateY(-1px)}
#masthead .main-header-menu>.menu-item.as-menu-quote>a{color:var(--navy)!important}
#masthead .main-header-menu>.menu-item>a:after{background:var(--gold)}
.as-flogo{display:inline-block;background:#fff;border-radius:16px;padding:12px 18px;margin-bottom:18px}.as-flogo-i{height:48px;width:auto;display:block}
@media(min-width:922px) and (max-width:1220px){#masthead .custom-logo,#masthead .custom-logo-link img,#masthead .site-logo-img img{height:42px!important}}
@media(max-width:921px){
.as-mtop,.as-compact .as-mtop,.as-solid-bar .as-mtop{background:rgba(255,255,255,.97);border-color:rgba(255,255,255,.75);box-shadow:0 12px 30px rgba(6,14,24,.28);padding:7px 8px 7px 12px}
.as-mlogo{padding:0}.as-mlogo-i{height:42px;width:auto;display:block}
.as-dr-head .as-mlogo--full{background:#fff;border-radius:14px;padding:8px 14px}.as-mlogo-f{height:32px;width:auto;display:block}
}

/* v4.7 product photos: never crop, no zoom, white backdrop */
.as-pcard .as-ph,.as-psplit .as-ph{background:#fff}
.as-pcard .as-ph img,.as-psplit .as-ph img{object-fit:contain;transform:none;background:#fff}
.as-pcard:hover .as-ph img{transform:scale(1.03)}
.as-psplit .as-ph{aspect-ratio:4/3;border:1px solid var(--line);border-radius:18px}
.as-psplit .as-ph img{width:100%;height:100%}

/* ===== v4.7 Request-a-Quote: simple premium ===== */
.as-qgrid{grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr);gap:48px;align-items:start}
.as-form--q{max-width:none;background:#fff;border:1px solid var(--line);border-radius:28px;padding:44px;box-shadow:0 24px 60px rgba(12,30,50,.07);gap:22px 20px}
.as-form--q label{color:var(--navy);font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;line-height:1.3}
.as-form--q label em{font-style:normal;font-weight:500;letter-spacing:.02em;text-transform:none;color:var(--muted)}
.as-form--q .req{color:#b0801f}
.as-form--q input:not([type=file]),.as-form--q select,.as-form--q textarea{box-sizing:border-box;width:100%;min-height:54px;height:54px;padding:0 18px;font:400 .95rem/1.4 var(--font);color:var(--navy);background:#fbfbf9;border:1px solid #d9dde2;border-radius:14px;box-shadow:none;transition:border-color .25s,box-shadow .25s,background .25s}
.as-form--q textarea{height:auto;min-height:120px;padding:16px 18px;resize:vertical}
.as-form--q #f-msg{min-height:160px}
.as-form--q input::placeholder,.as-form--q textarea::placeholder{color:#9aa3ad;opacity:1}
.as-form--q input:not([type=file]):hover,.as-form--q select:hover,.as-form--q textarea:hover{border-color:#b9c0c8}
.as-form--q input:not([type=file]):focus,.as-form--q select:focus,.as-form--q textarea:focus{outline:0;background:#fff;border-color:var(--gold);box-shadow:0 0 0 4px rgba(212,182,114,.28)}
.as-form--q select{appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:46px;text-overflow:ellipsis;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1.5l6 6 6-6' fill='none' stroke='%230C1E32' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 18px center}
.as-form--q select option,.as-form--q select optgroup{color:#111;font:400 .95rem var(--font)}
.as-form--q select optgroup{font-weight:700}
.as-form--q input[type=file]{box-sizing:border-box;width:100%;padding:12px;font:400 .88rem var(--font);color:var(--muted);background:#fbfbf9;border:1.5px dashed #c5cbd2;border-radius:14px;cursor:pointer}
.as-form--q input[type=file]::file-selector-button{margin-right:14px;padding:.7em 1.4em;font:700 .7rem var(--font);letter-spacing:.12em;text-transform:uppercase;color:var(--navy);background:#fff;border:1px solid var(--navy);border-radius:999px;cursor:pointer;transition:all .3s}
.as-form--q input[type=file]::file-selector-button:hover{background:var(--navy);color:var(--gold)}
.as-fs{display:flex;align-items:center;gap:14px;margin-top:10px;padding-top:6px}
.as-fs:first-of-type{margin-top:0}
.as-fs span{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--navy);color:var(--gold);font:700 .72rem var(--font);letter-spacing:.06em;flex:none}
.as-fs h3{margin:0;font-size:1.05rem;font-weight:700;color:var(--navy);letter-spacing:0}
.as-fs::after{content:"";flex:1;height:1px;background:var(--line)}
.as-form--q .as-submit{margin-top:6px}
.as-form--q button{display:inline-flex;align-items:center;gap:12px;padding:1.2em 2.6em;font-size:.76rem;border-radius:999px;box-shadow:0 10px 24px rgba(212,182,114,.35)}
.as-form--q button span{transition:transform .3s}
.as-form--q button:hover span{transform:translateX(4px)}
.as-form--q button:hover{box-shadow:0 10px 24px rgba(12,30,50,.25)}

/* side card: readable values on navy */
.as-side{background:var(--navy);border-radius:28px;padding:40px 36px;position:sticky;top:130px;box-shadow:0 24px 60px rgba(12,30,50,.18)}
.as-side h3{color:#fff;font-size:1.45rem;margin:0 0 8px}
.as-side>p{color:#cfd6dd;margin:0 0 8px}
.as-side>p::after{content:"";display:block;width:44px;height:2px;background:var(--gold);margin-top:18px}
.as-side .as-contact dl{margin:6px 0 0}
.as-side .as-contact dt{color:var(--gold);font-size:.68rem;font-weight:700;letter-spacing:.18em;margin:0;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}
.as-side .as-contact dt:first-of-type{border-top:0}
.as-side .as-contact dd{color:#fff;font-size:.96rem;margin:4px 0 16px;line-height:1.5}
.as-side .as-contact dd a{color:var(--gold);text-decoration:none;border-bottom:1px solid rgba(212,182,114,.4)}
.as-side .as-contact dd a:hover{border-color:var(--gold)}
.as-side .as-tbp{color:#8fa0b3}
.as-cta-card .as-contact dd,.as-navy .as-contact dd{color:#fff}
.as-cta-card .as-contact dt,.as-navy .as-contact dt{color:var(--gold)}

@media(max-width:921px){.as-qgrid{grid-template-columns:1fr;gap:32px}.as-side{position:static}}
@media(max-width:600px){.as-form--q{padding:26px 20px;border-radius:22px}.as-form--q button{width:100%;justify-content:center}}

/* v4.7.1 hard overrides (beat Astra / plugin form styles) */
.as-form--q select,.as-form--q input:not([type=file]){height:54px!important;min-height:54px!important;line-height:1.4!important;padding-top:0!important;padding-bottom:0!important;color:var(--navy)!important;-webkit-text-fill-color:var(--navy)}
.as-form--q select{padding-left:18px!important;padding-right:46px!important;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-color:#fbfbf9!important;overflow:hidden;white-space:nowrap}
.as-form--q textarea{color:var(--navy)!important;line-height:1.5!important}
.as-form--q label{color:var(--navy)!important}
.as-white .as-side .as-contact dd,.as-side .as-contact dd{color:#fff!important}
.as-white .as-side .as-contact dt,.as-side .as-contact dt{color:var(--gold)!important}
.as-side .as-contact dd a{color:var(--gold)!important}

/* v4.7.2 form feedback */
#as-msg,#as-nl{scroll-margin-top:140px}
.as-notice{border-radius:14px;font-size:.95rem;line-height:1.5}
.as-notice.as-err{border-left-color:#c0392b;background:#fdf1ef;color:#7a1f14}
.as-proj-card .as-notice{color:#0C1E32}