/*
Theme Name: African Crown Business Solutions — Fixed v7
Version: 7.0.0
*/
:root{--black:#030303;--black2:#090909;--gold:#c89424;--gold2:#edc15e;--cream:#f4ead5;--muted:#bdb6a8;--line:rgba(207,157,48,.45);--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--black);color:var(--cream);font:15px/1.7 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--gold2)}img{max-width:100%;height:auto;display:block}.wrap{width:min(var(--max),calc(100% - 48px));margin:auto}.topline{background:#080706;border-bottom:1px solid rgba(205,155,45,.28);color:#d6c49a;font-size:11px;letter-spacing:.12em}.topinner{min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:16px}.topinner a{color:var(--gold2)}.topinner i{font-style:normal;padding:0 10px;color:var(--gold)}
.site-header{position:sticky;top:0;z-index:100;background:rgba(0,0,0,.96);border-bottom:1px solid rgba(202,151,42,.5);backdrop-filter:blur(10px)}.nav-wrap{height:86px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:13px}.brand-logo{width:55px;height:45px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(208,160,60,.2))}.brand-text{display:flex;flex-direction:column;line-height:1.1}.brand-text strong{font:normal 23px Georgia,serif;letter-spacing:.14em;color:var(--gold2)}.brand-text small{font-size:10px;letter-spacing:.34em;color:#f4ead5;margin-top:7px}.main-nav{display:flex;align-items:center;gap:30px;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.main-nav>a:not(.nav-quote){color:#f1e8d8}.nav-quote{display:inline-flex;align-items:center;gap:12px;padding:12px 17px;border:1px solid var(--gold);color:var(--gold2)}.nav-quote:hover{background:var(--gold);color:#080603}.menu-toggle{display:none;background:none;border:1px solid var(--gold);padding:8px}.menu-toggle span{display:block;width:23px;height:2px;background:var(--gold2);margin:5px}
.hero-banner{width:100%;background:#000;border-bottom:1px solid var(--gold)}.hero-banner img{width:100%;height:auto;max-height:560px;object-fit:cover;object-position:center}.hero-intro{text-align:center;padding:45px 20px 55px;background:radial-gradient(ellipse at center,rgba(173,121,25,.13),transparent 60%),#030303;border-bottom:1px solid var(--line)}.gold-kicker,.section-label{font-size:10px;letter-spacing:.28em;color:var(--gold2);font-weight:bold;text-transform:uppercase}.hero-intro h1{font:normal clamp(30px,4.2vw,52px)/1.15 Georgia,serif;letter-spacing:.05em;margin:12px 0;color:#fff}.hero-intro h1 em,.about-section h2 em,.services-section h2 em,.mission-section h2 em{font-style:normal;color:var(--gold2)}.hero-intro p:not(.gold-kicker){color:#d8cdb8;font:19px Georgia,serif;margin:12px 0 25px}.gold-button,.whatsapp-button{display:inline-flex;justify-content:center;align-items:center;gap:16px;min-height:47px;padding:13px 23px;background:linear-gradient(135deg,#f2d17d,#bd8624);border:1px solid #f0c45c;color:#100b02;font-size:10px;font-weight:bold;letter-spacing:.14em;text-transform:uppercase;transition:.2s}.gold-button:hover{color:#000;filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 8px 22px rgba(196,144,36,.2)}.gold-button span{font-size:16px}.whatsapp-button{background:transparent;color:var(--gold2);border-color:var(--gold);margin-left:9px}.whatsapp-button:hover{background:rgba(198,145,37,.12);color:white}.about-section{padding:86px 0;background:#050505}.about-wrap{max-width:920px;text-align:center}.about-section h2,.services-section h2,.mission-section h2,.closing-cta h2{font:normal clamp(31px,3.8vw,45px)/1.2 Georgia,serif;margin:13px 0 20px}.gold-divider{width:85px;height:2px;background:linear-gradient(90deg,transparent,var(--gold2),transparent);margin:24px auto}.about-section p{color:#d0c7b6;font-size:15px}.about-points{display:flex;justify-content:center;gap:12px 25px;flex-wrap:wrap;margin-top:25px;color:var(--gold2);font-size:12px}
.services-section{padding:88px 0 90px;background:#000;border-top:1px solid rgba(204,154,45,.32);border-bottom:1px solid rgba(204,154,45,.32)}.services-section>.wrap{text-align:center}.services-section h2{font-size:47px;margin-bottom:8px}.section-intro{color:#c9c0b1;margin:0 auto 42px;max-width:680px;font-size:14px}.service-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;align-items:stretch;text-align:left}.gallery-card{display:flex;flex-direction:column;min-width:0;background:linear-gradient(145deg,#12100b,#070707);border:1px solid rgba(209,158,52,.5);border-radius:15px;overflow:hidden;box-shadow:0 7px 25px rgba(0,0,0,.45);transition:transform .22s,border-color .22s,box-shadow .22s}.gallery-card:hover{transform:translateY(-5px);border-color:#f0c35f;box-shadow:0 12px 32px rgba(190,137,35,.15)}.gallery-image{display:block;background:#050505;overflow:hidden;border-bottom:1px solid rgba(212,162,57,.55)}.gallery-image img{width:100%;height:290px;object-fit:cover;object-position:center;transition:transform .3s}.gallery-card:hover .gallery-image img{transform:scale(1.025)}.gallery-copy{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:19px 20px 21px}.gallery-copy h3{font:normal 21px/1.25 Georgia,serif;color:var(--gold2);margin:0 0 9px;min-height:52px}.gallery-copy p{font-size:12px;line-height:1.65;color:#c7c0b3;margin:0 0 18px;flex:1}.gold-button.small{min-height:38px;padding:9px 15px;font-size:9px;gap:10px}.all-services-link{margin-top:40px}.all-services-link a{display:inline-flex;align-items:center;gap:15px;color:var(--gold2);font-size:11px;letter-spacing:.16em;border-bottom:1px solid var(--gold);padding:12px 3px}.all-services-link a span{font-size:17px}
.mission-section{padding:80px 0;background:radial-gradient(ellipse at center,rgba(164,116,29,.1),transparent 70%),#070707;border-bottom:1px solid var(--line)}.mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px}.mission-grid>div+div{border-left:1px solid var(--line);padding-left:75px}.mission-section h2{font-size:34px}.mission-section p{color:#c7bead;max-width:510px}.closing-cta{text-align:center;padding:76px 0;background:linear-gradient(120deg,#151006,#050505 50%,#171006)}.closing-cta p{color:#d0c6b5;margin:0 auto 25px;max-width:680px}
.page-hero{padding:65px 0;background:radial-gradient(ellipse at 80% 20%,rgba(170,120,30,.18),transparent 48%),#080706;border-bottom:1px solid var(--line)}.page-hero h1{font:normal clamp(34px,4vw,54px)/1.15 Georgia,serif;color:var(--gold2);margin:13px 0}.page-hero p{color:#d1c7b5}.crumb{font-size:11px;color:#a89d88;margin-top:18px}.crumb a{color:var(--gold2)}.service-detail{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:55px;padding-top:65px;padding-bottom:80px}.standard-content{color:#d0c7b8}.standard-content h1,.standard-content h2{font-family:Georgia,serif;font-weight:normal;color:var(--gold2)}.standard-content h2{font-size:27px;margin:35px 0 12px}.standard-content .service-lead{font:19px/1.6 Georgia,serif;color:#f2e8d6}.gold-list{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;padding:0;list-style:none}.gold-list li{padding:11px 14px 11px 32px;border:1px solid rgba(202,151,42,.22);background:#0c0b09;font-size:13px;position:relative}.gold-list li:before{content:"✦";position:absolute;left:12px;color:var(--gold2)}.service-cta{padding:28px;margin-top:42px;background:#11100d;border:1px solid var(--line)}.service-cta h2{margin-top:0}.detail-aside .aside-card{position:sticky;top:120px;padding:26px;background:#100e09;border:1px solid var(--line)}.aside-card h3{font:normal 27px Georgia,serif;color:var(--gold2)}.aside-card p{color:#c4baaa;font-size:13px}.aside-card .btn{width:100%}.aside-phone{display:block;text-align:center;color:var(--gold2);margin-top:15px;font-size:12px}.more-services{padding:55px 0;background:#080808;border-top:1px solid var(--line)}.more-services h2{font:normal 30px Georgia,serif;color:var(--gold2)}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mini-grid a{padding:13px 15px;border:1px solid var(--line);font-size:12px;display:flex;justify-content:space-between}.mini-grid b{color:var(--gold2)}
.contact-layout{width:min(var(--max),calc(100% - 48px));margin:65px auto 90px;display:grid;grid-template-columns:.85fr 1.15fr;gap:55px}.contact-info h2,.contact-form-card h2{font:normal 38px/1.2 Georgia,serif;margin:15px 0;color:#f2e9d9}.contact-info h2 em,.contact-form-card h2 em{font-style:normal;color:var(--gold2)}.contact-info>p,.contact-form-card>p{color:#c6bcaa}.contact-line{display:flex;gap:15px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.contact-line>span{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);color:var(--gold2)}.contact-line div{display:flex;flex-direction:column}.contact-line small{font-size:9px;letter-spacing:.15em;color:var(--gold2)}.contact-line strong{font-size:13px;font-weight:normal}.contact-form-card{padding:34px;background:#100f0c;border:1px solid var(--line)}.enquiry-form{display:grid;grid-template-columns:1fr 1fr;gap:15px}.enquiry-form label{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#e0d6c4}.enquiry-form .full{grid-column:1/-1}.enquiry-form input,.enquiry-form select,.enquiry-form textarea{width:100%;background:#050505;border:1px solid #4a3b21;padding:13px;color:#fff;font:13px Arial}.enquiry-form input:focus,.enquiry-form select:focus,.enquiry-form textarea:focus{outline:1px solid var(--gold2)}.form-note{grid-column:1/-1;color:#9d9381;font-size:10px}
.site-footer{background:#020202;border-top:1px solid var(--gold)}.footer-main{display:grid;grid-template-columns:1.3fr .7fr 1fr;gap:55px;padding:50px 0}.footer-brand{text-align:left}.footer-crown{width:58px;height:48px;object-fit:contain}.footer-brand-name{font:normal 22px Georgia,serif;letter-spacing:.12em;color:var(--gold2)}.footer-sub{font-size:9px;letter-spacing:.3em;color:#eee}.footer-brand p{font:normal 14px Georgia,serif;color:var(--gold2);letter-spacing:.08em}.footer-main h3{font:normal 17px Georgia,serif;color:var(--gold2);margin:8px 0 15px}.footer-main>div:not(:first-child)>a,.footer-main>div:not(:first-child)>span{display:block;color:#c9c0b1;font-size:12px;margin:8px 0}.footer-bottom{background:linear-gradient(90deg,#b98222,#e6bd61,#b98222);color:#140d02;font-size:10px;letter-spacing:.08em}.footer-bottom .wrap{display:flex;justify-content:space-between;padding:14px 0}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:10px;top:10px;background:#fff;color:#000;padding:10px;z-index:999}
@media(max-width:900px){.main-nav{gap:17px}.gallery-image img{height:245px}.gallery-copy{padding:16px}.mission-grid{gap:35px}.mission-grid>div+div{padding-left:35px}.service-detail{grid-template-columns:1fr 260px;gap:30px}}
@media(max-width:700px){.wrap{width:calc(100% - 32px)}.topinner{min-height:38px;justify-content:center;text-align:center;flex-wrap:wrap;font-size:9px;letter-spacing:.04em;gap:2px}.nav-wrap{height:72px}.brand-logo{width:43px;height:38px}.brand-text strong{font-size:17px}.brand-text small{font-size:8px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:72px;left:0;right:0;background:#050505;border-bottom:1px solid var(--gold);padding:15px 22px 22px;flex-direction:column;align-items:stretch;gap:0}.main-nav.open{display:flex}.main-nav>a{padding:13px 0;border-bottom:1px solid rgba(255,255,255,.08)}.main-nav .nav-quote{margin-top:12px;justify-content:center}.hero-banner img{min-height:240px;object-fit:cover}.hero-intro{padding:34px 15px 42px}.hero-intro h1{font-size:31px}.hero-intro p:not(.gold-kicker){font-size:16px}.about-section,.services-section{padding:60px 0}.about-section h2,.services-section h2{font-size:34px}.service-gallery{grid-template-columns:1fr;gap:20px}.gallery-image img{height:auto;aspect-ratio:1.31;object-fit:cover}.gallery-copy h3{min-height:0}.gallery-copy{padding:20px}.mission-grid{grid-template-columns:1fr;gap:30px}.mission-grid>div+div{border-left:0;border-top:1px solid var(--line);padding:30px 0 0}.mission-section{padding:60px 0}.closing-cta{padding:60px 0}.whatsapp-button{margin:10px 0 0}.service-detail{grid-template-columns:1fr;padding:40px 0 55px}.detail-aside .aside-card{position:static}.gold-list{grid-template-columns:1fr}.mini-grid{grid-template-columns:1fr}.contact-layout{grid-template-columns:1fr;margin:45px auto 60px;width:calc(100% - 32px)}.contact-form-card{padding:22px 17px}.enquiry-form{grid-template-columns:1fr}.enquiry-form .full{grid-column:auto}.footer-main{grid-template-columns:1fr;gap:25px;padding:38px 0}.footer-bottom .wrap{gap:8px;flex-direction:column}.page-hero{padding:48px 0}.standard-content h1{font-size:33px}}

/* v4 brand mark: render the real vector crown rather than a font character */
.brand-crown{display:block;width:48px;height:38px;object-fit:contain;flex:0 0 auto;font-size:0}
.footer-crown{width:62px;height:46px;margin-bottom:7px}

/* Image clarity and exact-fit correction */
.gallery-image{display:flex;align-items:center;justify-content:center;background:#050505;aspect-ratio:2.22/1;overflow:hidden}
.gallery-image img{display:block;width:100%;height:100%;max-height:none;aspect-ratio:2.22/1;object-fit:contain;object-position:center;background:#050505}
.service-detail-art{background:#000;padding:22px 0 0;border-bottom:1px solid rgba(207,157,48,.45)}
.service-detail-art .wrap{display:flex;justify-content:center;align-items:center}
.service-detail-art img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;object-position:center;border:1px solid rgba(207,157,48,.55);border-radius:12px;background:#000}
.service-page-heading{padding-top:38px;padding-bottom:35px}
@media(max-width:700px){.gallery-image{aspect-ratio:2.22/1}.service-detail-art{padding-top:12px}}

/* Version 6: original customer-supplied PNG artwork */
.gallery-image img{object-fit:contain!important;object-position:center!important;background:#050505}
.service-detail-art img{width:100%;height:auto;object-fit:contain;background:#000}

/* v7: preserve complete owner-supplied service banners */
.gallery-image{aspect-ratio:2/1;display:flex;align-items:center;justify-content:center;background:#050505}
.gallery-image img{width:100%;height:100%;aspect-ratio:2/1;object-fit:contain!important;object-position:center;background:#050505}
@media(max-width:700px){.gallery-image{aspect-ratio:2/1}.gallery-image img{height:100%;aspect-ratio:2/1;object-fit:contain!important}}

.contact-details{padding:28px;background:#0c0b09;border:1px solid var(--line);align-self:start}.contact-details h2{font:normal 34px Georgia,serif;color:var(--gold2)}.contact-details p{color:#d0c7b8;line-height:1.8;margin:22px 0}.contact-details strong{color:var(--gold2);font-size:11px;letter-spacing:.08em;text-transform:uppercase}
