:root{--green:#155348;--ivory:#F3F1EB;--gold:#B49A60;--ink:#252B29;--red:#BA232B}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--ivory);font:17px/1.6 Arial,sans-serif}a{color:inherit;text-underline-offset:6px}button,input,textarea{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--red);outline-offset:6px}.wrap{max-width:1440px;margin:auto;padding:0 5vw}header{background:var(--green);color:white}nav{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #b49a6070;gap:25px}nav img{width:360px;max-width:100%;display:block}.links{display:flex;gap:25px;font-size:14px}.links a{text-decoration:none}.contact-link{border-bottom:1px solid var(--gold)}.menu{display:none;background:none;color:white;border:1px solid white;padding:8px 18px}.hero{min-height:620px;padding:62px 0 80px;position:relative;overflow:hidden}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:12px;font-weight:bold}.hero .eyebrow{color:var(--gold)}h1,h2,.serif{font-family:Georgia,serif;font-weight:normal;line-height:1.05;letter-spacing:-.025em}h1{font-size:clamp(44px,6.3vw,90px);margin:35px 0;max-width:66%;position:relative;z-index:1}h2{font-size:clamp(40px,4.6vw,68px);margin:20px 0 36px}.hero p{max-width:580px;font-size:20px}.actions{display:flex;gap:32px;align-items:center;flex-wrap:wrap;margin-top:34px}.button{display:inline-block;background:white;color:var(--green);padding:13px 23px;text-decoration:none;font-size:14px;font-weight:bold;border:0;cursor:pointer}.button.dark{background:var(--green);color:white}.hero-art{position:absolute;right:0;top:70px;width:34%;height:470px;margin:0}.hero-art img{width:100%;height:100%;object-fit:cover}.path-art{position:absolute;right:0;top:140px;width:35%;opacity:.65}.path-art path{fill:none;stroke:var(--gold);stroke-width:1;stroke-dasharray:1300;stroke-dashoffset:1300;animation:trace .7s ease-out forwards}.path-art path:nth-child(2){animation-delay:.1s}.path-art path:nth-child(3){animation-delay:.2s}@keyframes trace{to{stroke-dashoffset:0}}section{padding:100px 0;border-bottom:1px solid #15534828;scroll-margin-top:20px}.split{display:grid;grid-template-columns:1.3fr .7fr;gap:8vw;align-items:start}.lead{font-size:21px;max-width:820px}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:54px}.item{border-top:1px solid var(--green);padding-top:24px}.item h3{font-size:24px;font-weight:normal;color:var(--green);margin:12px 0}.number{color:var(--green);font-size:12px}.sidebar{border-left:1px solid var(--gold);padding-left:30px;font-size:17px}.article-art{width:100%;display:block}.caption{font-size:12px;color:#59665e;margin-top:12px}.dark-section{background:var(--green);color:white}.dark-section .eyebrow{color:var(--gold)}.dark-section h2{max-width:930px}.steps{counter-reset:step}.step{display:grid;grid-template-columns:55px 250px 1fr;gap:20px;padding:26px 0;border-top:1px solid #ffffff45}.step h3{margin:0;font-weight:normal;font-size:24px}.step p{margin:0;max-width:570px}.work-box{background:white;padding:40px;border-left:4px solid var(--green)}.work-box p{max-width:750px}.essay{display:grid;grid-template-columns:130px 1fr;gap:40px;padding:35px 0;border-top:1px solid var(--green)}.essay h3{font-family:Georgia,serif;font-weight:normal;font-size:37px;line-height:1.2;margin:5px 0 20px}.essay p{max-width:700px}.muted{font-size:13px;color:#59665e}.fields{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:35px 0}label{display:block;font-size:14px}input,textarea{display:block;width:100%;padding:12px;background:transparent;border:1px solid #748f87;border-radius:0;color:var(--ink);margin-top:8px}textarea{min-height:120px}.full{grid-column:1/-1}footer{padding:35px 0;font-size:13px}footer .wrap{display:flex;justify-content:space-between;gap:30px}.skip{position:absolute;top:-100px;left:0;background:white;color:var(--green);padding:10px;z-index:9}.skip:focus{top:0}.prototype{font-size:11px;letter-spacing:.04em;color:#667b71;margin-bottom:20px}
@media(max-width:1050px){nav{align-items:flex-start;flex-direction:column;padding-bottom:22px}.links{gap:20px;flex-wrap:wrap}.path-art{opacity:.3}.step{grid-template-columns:40px 210px 1fr}}
@media(max-width:680px){.wrap{padding:0 5vw}nav{gap:0;padding-bottom:18px}nav img{width:100%;max-width:390px;margin-left:-2vw}.menu{display:block;align-self:flex-end}.links{display:none;flex-direction:column;width:100%;padding-top:20px}.links.open{display:flex}.hero{padding:50px 0 60px;min-height:600px}h1{font-size:50px;max-width:100%}.hero-art{position:relative;right:auto;top:auto;width:100%;height:350px;margin-top:40px}.hero-art img{object-fit:contain}.hero p{font-size:18px}.path-art{display:none}.split,.three{grid-template-columns:1fr;gap:32px}.split .sidebar{margin-top:5px}.three{margin-top:30px}section{padding:65px 0}.step{grid-template-columns:25px 1fr}.step p{grid-column:2}.essay{grid-template-columns:1fr;gap:10px}.fields{grid-template-columns:1fr}.work-box{padding:26px}.article-art{max-height:470px;object-fit:contain}.lead{font-size:19px}footer .wrap{flex-direction:column}.actions{gap:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.path-art path{animation:none;stroke-dashoffset:0}}

.hero h1{font-size:clamp(42px,5vw,72px);max-width:62%}.hero .hero-sub{font-family:Georgia,serif;font-size:30px;line-height:1.2;max-width:60%}.hero p{max-width:58%}.situations{display:grid;grid-template-columns:1fr 1fr;gap:26px}.work-box h3{font-size:25px;color:var(--green);line-height:1.2}.essay-body{max-width:760px}.essay-body h4{font-size:25px;font-weight:normal;line-height:1.25;color:var(--green);margin:35px 0 15px}.essay-body p{line-height:1.8}.essay details{margin-top:20px}.essay summary{cursor:pointer;text-decoration:underline;text-underline-offset:5px;color:var(--green)}.contact-details{display:flex;gap:70px;flex-wrap:wrap}.hero-art{height:510px;top:60px} @media(max-width:680px){.hero h1,.hero p,.hero .hero-sub{max-width:100%}.hero h1{font-size:46px}.hero .hero-sub{font-size:26px}.hero-art{height:350px;top:auto}.situations{grid-template-columns:1fr}.contact-details{gap:10px;flex-direction:column}}

.social-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px;padding-top:30px;border-top:1px solid #15534826}.social-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:13px 22px;border:1px solid var(--green);text-decoration:none;font-size:14px;font-weight:600;line-height:1.4;transition:background .18s,color .18s,border-color .18s}.social-button svg{width:23px;height:23px;flex-shrink:0}.social-linkedin{background:var(--green);color:var(--ivory)}.social-whatsapp{background:transparent;color:var(--green)}.social-linkedin:hover{background:#103e36;border-color:#103e36}.social-whatsapp:hover{background:var(--green);color:var(--ivory)}.social-button:focus-visible{outline:3px solid var(--gold);outline-offset:4px}@media(max-width:680px){.social-actions{flex-direction:column}.social-button{width:100%;justify-content:flex-start}}@media(prefers-reduced-motion:reduce){.social-button{transition:none}}

.social-actions{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #15534826}.social-button,.social-linkedin,.social-whatsapp{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:9px;border:0;background:transparent;color:var(--green);text-decoration:none;transition:color .18s,transform .18s}.social-button svg{width:26px;height:26px;flex-shrink:0}.social-button:hover,.social-linkedin:hover,.social-whatsapp:hover{background:transparent;color:#8a743e;transform:translateY(-2px)}.social-button:focus-visible{outline:2px solid var(--green);outline-offset:2px}@media(max-width:680px){.social-actions{flex-direction:row}.social-button{width:44px;justify-content:center}}@media(prefers-reduced-motion:reduce){.social-button{transition:none}.social-button:hover{transform:none}}

/* WordPress integration */
nav img{height:auto}.article-art{height:auto}.site-header .custom-logo-link{display:block}.site-header .custom-logo{width:360px;height:auto}.site-main{padding:70px 5vw;max-width:1100px;margin:auto;min-height:55vh}.entry-content{line-height:1.8}.entry-content img{max-width:100%;height:auto}.entry-content h1,.entry-content h2{max-width:100%;font-size:clamp(30px,4vw,52px)}.entry-title{max-width:100%;font-size:clamp(38px,5vw,68px)}.post-card{padding:30px 0;border-bottom:1px solid #15534833}.post-card h2{font-size:34px}.screen-reader-text{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.alignwide{max-width:1200px}.alignfull{width:100%}.wp-caption{max-width:100%}.wp-caption-text,.gallery-caption{font-size:14px}.bypostauthor{border-left:2px solid #b49a60}.sticky{border-top:2px solid #b49a60}.pagination{margin-top:30px}.entry-meta{font-size:13px;color:#64716b}body.page-template-canvas{background:#fff}.page-template-canvas #main{padding:0}.entry-content iframe{max-width:100%}

/* Editorial pages and the practice pictograms */
.breadcrumbs{font-size:.85rem;margin-bottom:2rem;opacity:.8}.entry-content{max-width:780px}.entry-content h2{font-size:clamp(1.5rem,3vw,2.3rem);margin:2.8rem 0 1rem}.entry-content p,.entry-content li{line-height:1.85}.service-icon{width:52px;height:52px;color:#B49A60;margin-bottom:1.4rem}.next-step{border-top:1px solid #b49a60;margin-top:4rem;padding-top:2rem}.next-step h2{font-size:2rem}.editorial-figure{margin:2rem 0 3rem}.editorial-art{width:100%;max-height:640px;height:auto;object-fit:contain;background:#155348}.editorial-figure figcaption{font-size:.85rem;margin-top:.8rem;max-width:65ch}.thinking-image{display:block;margin-top:3rem;max-width:440px}.thinking-image img{display:block;width:100%;height:230px;object-fit:cover}.service-links{line-height:2;margin-top:2rem}a:focus-visible{outline:3px solid #B49A60;outline-offset:5px}

.context-section{padding:80px 0 48px;background:#155348;color:#F3F1EB}.context-heading{display:grid;grid-template-columns:1.4fr 1fr;gap:48px;align-items:end;margin-bottom:40px}.context-heading h2{margin:0;font-size:clamp(2.4rem,5.4vw,5.8rem);line-height:1.05}.context-heading p{max-width:38ch;line-height:1.7}.context-figure{margin:0}.context-figure img{display:block;width:100%;height:auto;max-height:85vh;object-fit:cover;object-position:center 60%}.context-figure figcaption{font-size:.72rem;opacity:.7;padding-top:12px}.context-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:32px}.context-bottom a{color:#F3F1EB}@media(max-width:700px){.context-heading{grid-template-columns:1fr;gap:24px}.context-figure img{max-height:none;object-fit:contain}.context-bottom{flex-direction:column}.context-section{padding-top:56px}}

/* Edition 2: semantic icons and unclipped editorial photography */
.service-icon{color:#155348;width:56px;height:56px}.dark-section .service-icon{color:#F3F1EB}
.thinking-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:36px}.thinking-card{background:#F3F1EB;min-width:0}.thinking-card-image{display:block;background:#155348}.thinking-card-image img{display:block;width:100%;height:auto!important;aspect-ratio:3/2;object-fit:contain!important}.thinking-card-body{padding:24px}.thinking-card h3{font-size:1.35rem;line-height:1.3;margin:12px 0}.thinking-card p{font-size:.96rem;line-height:1.65}.thinking-card .eyebrow{font-size:.65rem}.all-thinking{margin-top:32px}
.editorial-art{width:100%;height:auto!important;max-height:none!important;object-fit:contain!important}.article-art{height:auto!important;max-height:none!important;object-fit:contain!important}.image-disclosure{display:block;font-size:.75rem;opacity:.75;margin-top:6px}.growth-story figure{margin:30px 0 18px}.growth-story .split{align-items:end}.growth-story .split h2{margin:0}.context-figure img{max-height:none!important;height:auto!important;object-fit:contain!important}
.proposal-section{margin-top:64px;padding-top:36px;border-top:1px solid #B49A60}.proposal-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.proposal-form label{display:block;font-size:.9rem;font-weight:600}.proposal-form input,.proposal-form select,.proposal-form textarea{display:block;width:100%;padding:13px;margin-top:8px;background:#fff;color:#252B29;border:1px solid #64716B;border-radius:0;font:inherit}.proposal-form textarea{min-height:140px}.proposal-wide{grid-column:1/-1}.proposal-form .consent{display:flex;gap:10px;align-items:flex-start;font-weight:400}.proposal-form .consent input{width:auto;margin-top:4px}.proposal-form button{background:#155348;color:#fff;border:0;padding:16px 24px;font:inherit;cursor:pointer}.proposal-notice{padding:18px;border:1px solid #155348;margin-bottom:24px}.proposal-error{border-color:#BA232B}.bzc-honey{position:absolute;left:-10000px;opacity:0}.proposal-small{font-size:.85rem;line-height:1.6}.entry-title{overflow-wrap:anywhere}
@media(max-width:950px){.thinking-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.thinking-grid,.proposal-grid{grid-template-columns:1fr}.proposal-wide{grid-column:auto}.thinking-card-body{padding:20px}}

/* Edition 2.1: shared minimal contacts and concept navigation. */
.site-footer .wrap{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.footer-identity{display:flex;flex-direction:column;gap:10px}
.site-footer .social-actions{display:flex;align-items:center;gap:8px;margin:0;padding:0;border:0;flex-wrap:wrap}
.site-footer .social-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;padding:10px;border:0;border-radius:0;background:transparent;color:inherit}
.site-footer .social-button svg{width:22px;height:22px}
.site-footer .social-button:hover{color:var(--gold,#B49A60);background:transparent;transform:none}
.site-footer .social-button:focus-visible,.concept-arrow:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.concept-arrow{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;margin-top:14px;border:0;text-decoration:none;color:var(--green,#155348);transition:transform .18s ease}
.concept-arrow svg{width:25px;height:25px}
.concept-arrow:hover{transform:translateX(5px)}
.dark-section .concept-arrow{color:#F3F1EB}
.concept-figure{margin:30px 0 44px;max-width:100%}
.concept-figure img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.concept-figure figcaption{font-size:12px;line-height:1.6;color:#64716B;margin-top:12px}
.concept-next{padding-top:22px;border-top:1px solid #D8DFDB;margin-top:36px}
@media(max-width:700px){.site-footer .wrap{align-items:flex-start;flex-direction:column}.site-footer .social-actions{gap:12px}.concept-figure{margin:24px 0 32px}}
@media(prefers-reduced-motion:reduce){.concept-arrow{transition:none}.concept-arrow:hover{transform:none}}

.comparison-scroll{max-width:100%;overflow-x:auto;margin:32px 0}.comparison-table{width:100%;min-width:560px;border-collapse:collapse;font-size:16px}.comparison-table caption{text-align:left;font-weight:bold;margin-bottom:14px}.comparison-table th,.comparison-table td{padding:18px;text-align:left;vertical-align:top;border-bottom:1px solid #D8DFDB}.comparison-table thead{background:#155348;color:#fff}.comparison-table tbody th{color:#155348}.comparison-scroll:focus-visible{outline:2px solid #155348;outline-offset:4px}


/* =========================================================
   Edition 2.5 — visual/content architecture extension only.
   The BrandzCore colour, type, spacing and identity system remains intact.
   ========================================================= */
#approach,#practice{padding:78px 0}
.bzc-card-grid{display:grid;gap:26px;margin-top:32px;align-items:stretch}
.bzc-card-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.bzc-card-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.bzc-home-card{display:flex;flex-direction:column;min-width:0;border-top:1px solid currentColor;padding-top:0}
.bzc-card-image{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;margin:0 0 18px;background:var(--green)}
.bzc-home-card-body{display:flex;flex:1;flex-direction:column;align-items:flex-start;min-width:0}
.bzc-home-card .service-icon{width:42px;height:42px;margin:0 0 6px}
.bzc-home-card h3{font-size:23px;line-height:1.2;font-weight:normal;margin:8px 0 10px;color:inherit}
.bzc-home-card h3 a{text-decoration:none}
.bzc-home-card p{margin:0 0 14px;line-height:1.58;font-size:16px}
.learn-more{display:inline-block;margin-top:auto;padding-top:3px;font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:5px;color:inherit}
.learn-more:hover{color:var(--gold)}
.bzc-practice-closing{margin:34px 0 0;max-width:760px}
#practice .service-links{margin-top:28px}
.dark-section .bzc-home-card{border-color:#ffffff55}
.dark-section .learn-more{color:#fff}
.dark-section .learn-more:hover{color:var(--gold)}

.bzc-direction-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;margin-top:36px}
.bzc-direction-card{background:white;display:flex;flex-direction:column;min-width:0;border-left:4px solid var(--green)}
.bzc-direction-card .bzc-card-image{margin:0;aspect-ratio:16/9}
.bzc-direction-card-body{display:flex;flex:1;flex-direction:column;padding:28px 30px 30px}
.bzc-direction-card h3{font-size:26px;line-height:1.2;color:var(--green);margin:0 0 12px}
.bzc-direction-card h3 a{text-decoration:none}
.bzc-direction-card .lead{font-size:18px;margin:0 0 10px}
.bzc-direction-card p:not(.lead){margin:0 0 15px}
.bzc-direction-card .learn-more{color:var(--green)}

.bzc-page-hero{position:relative;width:100%;aspect-ratio:2/1;max-height:540px;min-height:360px;overflow:hidden;margin:0 0 42px;background:var(--green)}
.bzc-page-hero-image{position:absolute;inset:0;width:100%;height:100%!important;object-fit:cover!important;max-height:none!important}
.bzc-page-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(21,83,72,.94) 0%,rgba(21,83,72,.80) 35%,rgba(21,83,72,.34) 62%,rgba(21,83,72,.06) 87%,rgba(21,83,72,0) 100%)}
.bzc-page-hero-copy{position:absolute;z-index:2;left:5%;top:50%;transform:translateY(-50%);width:min(620px,60%);color:#fff}
.bzc-page-hero-copy .eyebrow{color:var(--gold);margin:0 0 12px}
.bzc-page-hero-copy h1{color:#fff;font-size:clamp(42px,5.2vw,70px);line-height:1.02;max-width:100%;margin:0 0 18px;overflow-wrap:normal}
.bzc-page-hero-copy p{font-family:Georgia,serif;font-size:clamp(18px,2vw,26px);line-height:1.4;margin:0;max-width:680px;color:#fff}
.bzc-article-hero .bzc-page-hero-copy h1{font-size:clamp(38px,4.6vw,62px)}
.bzc-article-hero .bzc-page-hero-copy p{font-family:Arial,sans-serif;font-size:18px;line-height:1.55}

.bzc-related{border-top:1px solid #b49a60;margin-top:54px;padding-top:28px;max-width:780px}
.bzc-related h2{font-size:30px;margin:10px 0 18px}
.bzc-related-links{display:flex;flex-wrap:wrap;gap:10px}
.bzc-related-links a{display:inline-block;border:1px solid #15534855;padding:9px 12px;text-decoration:none;font-size:14px}
.bzc-related-links a:hover{background:var(--green);color:#fff}
.bzc-bottom-nav{margin-top:42px;padding-top:22px;border-top:1px solid #15534828;display:flex;justify-content:space-between;gap:14px}
.bzc-back{background:transparent;color:var(--green);border:1px solid var(--green)}

/* Thinking cards keep the same grid while the newest AI article receives a real editorial fallback image. */
.thinking-card-image img{object-fit:cover!important;aspect-ratio:16/10}

@media(max-width:1100px){
  .bzc-card-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  #approach,#practice{padding:60px 0}
  .bzc-card-grid-3,.bzc-card-grid-4,.bzc-direction-grid{grid-template-columns:1fr}
  .bzc-page-hero{aspect-ratio:auto;min-height:460px;max-height:none}
  .bzc-page-hero-copy{left:7%;width:84%}
  .bzc-page-hero-shade{background:linear-gradient(90deg,rgba(21,83,72,.94),rgba(21,83,72,.58))}
  .bzc-page-hero-copy h1{font-size:44px}
  .bzc-bottom-nav{align-items:flex-start}
}


/* =========================================================
   Edition 2.6 — responsive IA, richer cards and source ecology.
   Existing BrandzCore identity variables, typography and tone stay intact.
   ========================================================= */
.bzc-solutions-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin:38px 0 54px}
.bzc-external-refs{max-width:780px;margin-top:46px;padding-top:26px;border-top:1px solid var(--gold)}
.bzc-external-refs ul{margin:14px 0 0;padding-left:1.2rem}.bzc-external-refs li{margin:.55rem 0;line-height:1.55}
.article-source{max-width:780px;margin:42px 0 0;padding:24px 26px;background:#1553480d;border-left:3px solid var(--gold)}
.article-source ul{margin:14px 0 0;padding-left:1.2rem}.article-source li{margin:.5rem 0}
.article-source-figure{max-width:560px;margin:36px 0}.article-source-figure img{display:block;width:100%;height:auto;max-height:620px;object-fit:contain;background:#fff}.article-source-figure figcaption{font-size:13px;line-height:1.6;color:#59665e;margin-top:10px}
.bzc-client-mark{max-width:270px;margin:4px 0 38px}.bzc-client-mark img{display:block;width:100%;height:auto}.bzc-client-mark figcaption,.bzc-about-symbol figcaption{font-size:13px;line-height:1.6;color:#59665e;margin-top:12px}
.bzc-about-symbol{max-width:520px;margin:6px 0 44px}.bzc-about-symbol img{display:block;width:100%;height:auto;max-height:620px;object-fit:contain;background:var(--green)}
@media(max-width:1100px){.bzc-solutions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){
  .site-header nav{position:relative;display:block;padding:14px 0 18px;min-height:74px}
  .site-header nav>a,.site-header .custom-logo-link{display:block;width:min(250px,calc(100% - 70px));margin:0}
  .site-header nav img,.site-header .custom-logo{width:100%;max-width:250px;margin:0;height:auto}
  .site-header .menu{position:absolute;right:0;top:13px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:46px;height:46px;padding:0;border:1px solid #ffffff99;background:transparent;color:white;z-index:4}
  .site-header .menu>span:not(.screen-reader-text){display:block;width:22px;height:1px;background:currentColor;margin:3px 0}
  .site-header .links{display:none;width:100%;padding:24px 0 4px;gap:0;border-top:1px solid #b49a6070;margin-top:16px}
  .site-header .links.open{display:flex}
  .site-header .links a{padding:10px 0;width:100%}
  .bzc-solutions-grid{grid-template-columns:1fr}
  .article-source-figure,.bzc-about-symbol{max-width:100%}
  .bzc-client-mark{max-width:220px}
}


/* =========================================================
   Edition 2.7 — GTM/SEO architecture + approved navigation refinements.
   Preserves the Brandzcore identity system.
   ========================================================= */
.site-header nav{position:relative}
.site-header .links{align-items:center}
.nav-item{position:relative}
.nav-group-toggle{appearance:none;border:0;background:transparent;color:inherit;padding:0;font:inherit;font-size:14px;cursor:pointer}
.nav-group-toggle span{font-size:.82em;margin-left:4px}
.links>a,.nav-group-toggle{transition:color .18s ease}
.links>a:hover,.links>a:focus-visible,.nav-group-toggle:hover,.has-submenu:focus-within>.nav-group-toggle,.has-submenu.is-open>.nav-group-toggle{color:var(--gold)}
.nav-mega{position:absolute;top:calc(100% + 18px);right:0;z-index:40;min-width:290px;padding:24px;background:rgba(13,43,38,.78);border:1px solid rgba(255,255,255,.16);border-top:2px solid var(--gold);box-shadow:0 22px 55px rgba(0,0,0,.24);backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .16s ease,transform .16s ease,visibility .16s}
.nav-mega-wide{display:grid;grid-template-columns:.72fr 1.25fr 1.25fr;gap:28px;width:min(760px,88vw)}
.nav-mega-solutions{width:330px}
.has-submenu:hover>.nav-mega,.has-submenu:focus-within>.nav-mega,.has-submenu.is-open>.nav-mega{opacity:1;visibility:visible;transform:translateY(0)}
.nav-mega-group{display:flex;flex-direction:column;gap:2px;min-width:0}
.nav-mega-label{display:block;color:var(--gold);font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;margin:0 0 8px}
.site-header .nav-mega a{display:block;color:#fff;padding:7px 0;text-decoration:none;line-height:1.35}
.site-header .nav-mega a:hover,.site-header .nav-mega a:focus-visible{color:var(--gold)}
.site-header .nav-mega .nav-accent-link{margin-top:7px;padding-top:11px;border-top:1px solid rgba(255,255,255,.15);color:var(--gold)}
.bzc-page-hero-copy h1{font-size:clamp(32px,3.6vw,52px)!important;line-height:1.06!important}
.bzc-article-hero .bzc-page-hero-copy h1{font-size:clamp(32px,3.2vw,46px)!important}
#approach .bzc-card-image,#practice .bzc-card-image{aspect-ratio:1/1}
.learn-more{display:inline;margin-top:0;padding-top:0}
.bzc-client-mark{max-width:240px;margin-bottom:38px}.bzc-client-mark img{max-height:74px;object-fit:contain;object-position:left center}
.entry-content blockquote{font-family:Georgia,serif;font-size:1.28rem;line-height:1.6;color:var(--green);border-left:2px solid var(--gold);margin:2rem 0;padding:.3rem 0 .3rem 1.3rem}
.entry-content h3{font-family:Georgia,serif;font-size:1.35rem;line-height:1.35;font-weight:normal;color:var(--green);margin:2rem 0 .65rem}
@media(max-width:1050px){
  .site-header .links{align-items:flex-start}
  .nav-mega-wide{grid-template-columns:1fr 1fr;width:min(650px,92vw)}
}
@media(max-width:680px){
  .site-header .links{align-items:stretch}
  .nav-item{width:100%}
  .nav-group-toggle{display:flex;width:100%;align-items:center;justify-content:space-between;padding:10px 0;text-align:left}
  .nav-mega,.nav-mega-wide,.nav-mega-solutions{position:static;display:none;width:100%;min-width:0;opacity:1;visibility:visible;transform:none;margin:2px 0 8px;padding:14px 16px;background:rgba(255,255,255,.06);border:0;border-left:1px solid rgba(180,154,96,.55);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
  .has-submenu.is-open>.nav-mega{display:grid}
  .nav-mega-wide{grid-template-columns:1fr;gap:18px}
  .nav-mega-solutions{grid-template-columns:1fr}
  .site-header .nav-mega a{padding:7px 0}
  .bzc-page-hero-copy h1{font-size:38px!important}
}
@media(prefers-reduced-motion:reduce){.nav-mega,.links>a,.nav-group-toggle{transition:none}}

@media (min-width:681px) and (max-width:1050px){.site-header nav{align-items:center;flex-direction:row;padding-bottom:0}.site-header nav img,.site-header .custom-logo{width:280px}.site-header .links{flex-wrap:nowrap;gap:16px;align-items:center}.nav-mega-wide{right:-150px}}


/* =========================================================
   Edition 2.7.2 — Photo-first Brandzcore signature homepage hero.
   Primary visual: real Dubai desert photography (Unsplash / Tim de Groot).
   The photograph leads; motion graphics have been removed.
   ========================================================= */
.site-header{position:relative;overflow:hidden;background:#071a17;color:#fff}
.site-header>.wrap{position:relative;z-index:2}
.site-header nav{z-index:50}
.bzc-site-logo{display:block;flex:0 0 auto;line-height:0}
.bzc-site-logo img{display:block;width:300px;height:auto;max-width:39vw;background:transparent!important;box-shadow:none!important}
.bzc-home-hero{
  isolation:isolate;
  min-height:clamp(690px,calc(100svh - 92px),930px);
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:clamp(78px,9vh,124px) 0 46px;
  overflow:visible;
}
.bzc-home-hero::before{
  content:"";
  position:absolute;
  z-index:-4;
  top:0;bottom:0;left:50%;
  width:100vw;
  transform:translateX(-50%);
  background-image:
    linear-gradient(90deg,rgba(5,23,20,.92) 0%,rgba(7,31,27,.78) 34%,rgba(8,35,31,.50) 58%,rgba(8,35,31,.16) 82%,rgba(8,35,31,.10) 100%),
    linear-gradient(0deg,rgba(5,21,18,.36),rgba(5,21,18,.02) 48%),
    url("https://images.unsplash.com/20/dusty-sky.JPG?auto=format&fit=crop&w=2400&q=82");
  background-size:cover;
  background-position:center 54%;
  background-repeat:no-repeat;
}
.bzc-home-hero::after{
  content:"";
  position:absolute;
  z-index:-3;
  top:0;bottom:0;left:50%;
  width:100vw;
  transform:translateX(-50%);
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(3,15,13,.28),transparent 18%,transparent 72%,rgba(3,15,13,.48)),
    radial-gradient(circle at 72% 44%,rgba(180,154,96,.08),transparent 26%);
}
.bzc-hero-photo{position:absolute;inset:0;z-index:-2;pointer-events:none}
.bzc-hero-copy{position:relative;z-index:4;width:min(920px,74%)}
.bzc-home-hero .eyebrow{margin:0 0 29px;color:var(--gold);font-size:11px;letter-spacing:.18em;text-shadow:0 1px 18px rgba(0,0,0,.22)}
.bzc-home-hero h1{
  width:min(940px,100%);
  max-width:none;
  margin:0;
  color:var(--ivory);
  font-size:clamp(60px,7.35vw,114px);
  line-height:.94;
  letter-spacing:-.048em;
  text-wrap:balance;
  text-shadow:0 4px 34px rgba(0,0,0,.22);
}
.bzc-hero-intro{
  width:min(625px,76%);
  max-width:none!important;
  margin:32px 0 0;
  color:rgba(243,241,235,.88);
  font-size:clamp(16px,1.4vw,20px)!important;
  line-height:1.58;
  text-shadow:0 2px 18px rgba(0,0,0,.22);
}
.bzc-hero-photo-credit{
  position:absolute;
  z-index:4;
  right:0;
  bottom:47px;
  color:rgba(243,241,235,.48);
  font-size:9px;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.bzc-hero-foot{
  position:relative;
  z-index:5;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:30px;
  margin-top:auto;
  padding-top:60px;
  font-size:13px;
}
.bzc-hero-foot a{text-decoration:none;text-shadow:0 2px 14px rgba(0,0,0,.26)}
.bzc-hero-conversation{color:var(--ivory);padding-bottom:7px;border-bottom:1px solid rgba(180,154,96,.76)}
.bzc-hero-conversation span,.bzc-hero-scroll span{display:inline-block;margin-left:7px;transition:transform .2s ease}
.bzc-hero-conversation:hover span,.bzc-hero-conversation:focus-visible span{transform:translateX(4px)}
.bzc-hero-scroll{color:rgba(243,241,235,.72)}
.bzc-hero-scroll:hover,.bzc-hero-scroll:focus-visible{color:var(--gold)}
.bzc-hero-scroll:hover span,.bzc-hero-scroll:focus-visible span{transform:translateY(3px)}
@media(max-width:980px){
  .bzc-site-logo img{width:270px;max-width:44vw}
  .bzc-home-hero{min-height:790px;padding-top:84px}
  .bzc-hero-copy{width:88%}
  .bzc-home-hero h1{font-size:clamp(58px,9vw,90px)}
  .bzc-hero-intro{width:min(560px,90%)}
  .bzc-home-hero::before{background-position:62% 50%}
}
@media(max-width:680px){
  .site-header{overflow:hidden}
  .bzc-site-logo img{width:225px;max-width:68vw}
  .bzc-home-hero{min-height:calc(100svh - 74px);padding:66px 0 30px;justify-content:flex-start}
  .bzc-home-hero::before{
    background-image:
      linear-gradient(90deg,rgba(5,23,20,.94) 0%,rgba(7,31,27,.73) 64%,rgba(8,35,31,.22) 100%),
      linear-gradient(0deg,rgba(5,21,18,.46),rgba(5,21,18,.04) 52%),
      url("https://images.unsplash.com/20/dusty-sky.JPG?auto=format&fit=crop&w=1400&q=82");
    background-position:61% 50%;
  }
  .bzc-hero-copy{width:100%}
  .bzc-home-hero .eyebrow{margin-bottom:23px;font-size:10px}
  .bzc-home-hero h1{font-size:clamp(48px,14.3vw,70px);line-height:.96;letter-spacing:-.045em}
  .bzc-hero-intro{width:100%;margin-top:24px;font-size:16px!important;line-height:1.55}
  .bzc-hero-photo-credit{display:none}
  .bzc-hero-foot{margin-top:auto;padding-top:112px;align-items:flex-start;flex-direction:column;gap:17px}
}
@media(prefers-reduced-motion:reduce){
  .bzc-hero-conversation span,.bzc-hero-scroll span{transition:none}
}



/* =========================================================
   Edition 2.7.3 — navigation stacking/click behaviour + square home cards.
   ========================================================= */
.site-header{
  overflow:visible!important;
  z-index:1000;
}
.site-header>.wrap{
  z-index:1001;
  overflow:visible;
}
.site-header nav{
  position:relative;
  z-index:1002;
  overflow:visible;
}
.site-header .links,
.nav-item{
  overflow:visible;
}
.nav-mega{
  z-index:10000;
}
.nav-parent-row{
  display:flex;
  align-items:center;
  gap:5px;
}
.nav-parent-link{
  display:inline-block;
  text-decoration:none;
  color:inherit;
  transition:color .18s ease;
}
.nav-submenu-toggle{
  appearance:none;
  border:0;
  background:transparent;
  color:inherit;
  padding:1px 2px 0;
  line-height:1;
  cursor:pointer;
  transition:color .18s ease,transform .18s ease;
}
.nav-submenu-toggle span{display:inline-block;font-size:.82em}
.nav-parent-link:hover,
.nav-parent-link:focus-visible,
.nav-submenu-toggle:hover,
.nav-submenu-toggle:focus-visible,
.has-submenu:focus-within>.nav-parent-row .nav-parent-link,
.has-submenu.is-open>.nav-parent-row .nav-parent-link,
.has-submenu.is-open>.nav-parent-row .nav-submenu-toggle{
  color:var(--gold);
}
.has-submenu.is-open>.nav-parent-row .nav-submenu-toggle span{
  transform:rotate(180deg);
}
#approach .bzc-card-image,
#practice .bzc-card-image{
  display:block;
  width:100%!important;
  height:auto!important;
  aspect-ratio:1 / 1!important;
  object-fit:cover!important;
}
@media(max-width:680px){
  .site-header{overflow:visible!important}
  .nav-parent-row{width:100%;justify-content:space-between}
  .nav-parent-link{display:block;flex:1;padding:10px 0}
  .nav-submenu-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0}
}
@media(prefers-reduced-motion:reduce){
  .nav-parent-link,.nav-submenu-toggle{transition:none}
}


/* =========================================================
   Edition 2.7.4 — native section snap + kinetic real-photo hero.
   Motion is restrained and editorial: real photography moves;
   the interface does not become a visual-effects demo.
   ========================================================= */

/* Root-level scroll snapping is intentionally homepage/desktop only.
   Oversized sections remain scrollable; mobile and reduced-motion users keep natural scrolling. */
@media (min-width:900px) and (prefers-reduced-motion:no-preference){
  html.bzc-home-doc{
    scroll-snap-type:y mandatory;
    scroll-padding-top:0;
    scroll-behavior:smooth;
  }
  html.bzc-home-doc body.home .site-header,
  html.bzc-home-doc body.home #main>section{
    scroll-snap-align:start;
    scroll-snap-stop:always;
  }
  html.bzc-home-doc body.home .site-header{min-height:100svh}
  html.bzc-home-doc body.home #main>section{min-height:100svh}
}

/* Replace the single full-bleed photograph with an editorial field of real images. */
.bzc-home-hero{
  min-height:calc(100svh - 112px);
  background:
    radial-gradient(circle at 74% 46%,rgba(42,114,98,.22),transparent 34%),
    linear-gradient(115deg,#061a17 0%,#08241f 52%,#0c352e 100%);
}
.bzc-home-hero::before{
  background:
    linear-gradient(90deg,rgba(4,18,16,.98) 0%,rgba(6,25,22,.90) 36%,rgba(8,31,27,.36) 61%,rgba(8,31,27,.06) 100%)!important;
}
.bzc-home-hero::after{
  background:
    linear-gradient(180deg,rgba(3,15,13,.30),transparent 16%,transparent 72%,rgba(3,15,13,.42)),
    linear-gradient(90deg,rgba(180,154,96,.08),transparent 36%)!important;
}
.bzc-hero-copy{width:min(850px,59%);z-index:12}
.bzc-home-hero h1{font-size:clamp(58px,6.35vw,103px);max-width:880px}
.bzc-hero-intro{width:min(570px,84%)}

.bzc-hero-media{
  position:absolute;
  z-index:3;
  inset:0 calc(50% - 50vw) 0 auto;
  width:min(60vw,1120px);
  pointer-events:none;
  overflow:hidden;
}
.bzc-hero-media::after{
  content:"";position:absolute;inset:0;z-index:20;
  background:linear-gradient(90deg,#071c18 0%,rgba(7,28,24,.62) 13%,transparent 36%,transparent 92%,rgba(7,25,22,.22));
}
.bzc-hero-shot{
  position:absolute;overflow:hidden;background:#0b2b25;
  border:1px solid rgba(243,241,235,.12);
  box-shadow:0 22px 60px rgba(0,0,0,.26);
  opacity:0;
}
.bzc-hero-shot-image{
  position:absolute;inset:-8%;display:block;
  background-position:center;background-size:cover;background-repeat:no-repeat;
  filter:saturate(.82) contrast(1.03) brightness(.80);
  transform:scale(1.04);
}
.bzc-hero-shot::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(9,47,40,.03),rgba(7,30,26,.24));
}
.bzc-shot-city{right:-1vw;top:5%;width:min(39vw,720px);height:53%;z-index:2;animation:bzcHeroInRight 1.05s cubic-bezier(.2,.72,.18,1) .12s forwards}
.bzc-shot-city .bzc-hero-shot-image{
  background-image:url("https://images.unsplash.com/photo-1772090121254-8db123dfc076?auto=format&fit=crop&w=2200&q=84");
  background-position:48% 48%;animation:bzcPhotoDriftA 16s ease-in-out 1.2s infinite alternate;
}
.bzc-shot-making{right:31vw;top:12%;width:min(18vw,330px);height:27%;z-index:5;animation:bzcHeroInTop 1.05s cubic-bezier(.2,.72,.18,1) .3s forwards}
.bzc-shot-making .bzc-hero-shot-image{
  background-image:url("https://images.unsplash.com/photo-1503387762-592deb58ef4e?auto=format&fit=crop&w=1500&q=84");
  background-position:48% 52%;animation:bzcPhotoDriftB 13s ease-in-out 1.45s infinite alternate;
}
.bzc-shot-industry{right:5vw;bottom:6%;width:min(25vw,470px);height:28%;z-index:7;animation:bzcHeroInBottom 1.05s cubic-bezier(.2,.72,.18,1) .48s forwards}
.bzc-shot-industry .bzc-hero-shot-image{
  background-image:url("https://images.unsplash.com/photo-1755943421697-a9948e8c6234?auto=format&fit=crop&w=1700&q=84");
  background-position:52% 48%;animation:bzcPhotoDriftC 12s ease-in-out 1.65s infinite alternate;
}
.bzc-shot-desert{right:31vw;bottom:7%;width:min(17vw,310px);height:31%;z-index:4;animation:bzcHeroInLeft 1.05s cubic-bezier(.2,.72,.18,1) .62s forwards}
.bzc-shot-desert .bzc-hero-shot-image{
  background-image:url("https://images.unsplash.com/20/dusty-sky.JPG?auto=format&fit=crop&w=1500&q=84");
  background-position:50% 58%;animation:bzcPhotoDriftD 17s ease-in-out 1.8s infinite alternate;
}
.bzc-hero-media-rule{
  position:absolute;z-index:11;right:28.8vw;top:8%;height:82%;width:1px;
  background:linear-gradient(180deg,transparent,var(--gold) 22%,rgba(180,154,96,.18) 78%,transparent);
  opacity:.62;
}
@keyframes bzcHeroInRight{from{opacity:0;transform:translate3d(9%,0,0) scale(.96)}to{opacity:1;transform:none}}
@keyframes bzcHeroInTop{from{opacity:0;transform:translate3d(0,-18%,0) scale(.94)}to{opacity:.94;transform:none}}
@keyframes bzcHeroInBottom{from{opacity:0;transform:translate3d(0,22%,0) scale(.94)}to{opacity:.96;transform:none}}
@keyframes bzcHeroInLeft{from{opacity:0;transform:translate3d(-15%,0,0) scale(.95)}to{opacity:.88;transform:none}}
@keyframes bzcPhotoDriftA{0%{transform:scale(1.04) translate3d(-1.5%,0,0)}100%{transform:scale(1.13) translate3d(2.5%,-2%,0)}}
@keyframes bzcPhotoDriftB{0%{transform:scale(1.09) translate3d(0,2%,0)}100%{transform:scale(1.18) translate3d(-2%,-4%,0)}}
@keyframes bzcPhotoDriftC{0%{transform:scale(1.08) translate3d(0,-1%,0)}100%{transform:scale(1.16) translate3d(3%,3%,0)}}
@keyframes bzcPhotoDriftD{0%{transform:scale(1.07) translate3d(-2%,2%,0)}100%{transform:scale(1.16) translate3d(3%,-3%,0)}}

@media(max-width:1180px){
  .bzc-hero-copy{width:64%}
  .bzc-hero-media{width:58vw;opacity:.92}
  .bzc-shot-making{right:32vw;width:20vw}
  .bzc-shot-desert{right:32vw;width:19vw}
}
@media(max-width:899px){
  .bzc-home-hero{min-height:calc(100svh - 74px);padding-top:62px}
  .bzc-hero-copy{width:100%;max-width:760px}
  .bzc-home-hero h1{font-size:clamp(50px,10.5vw,78px)}
  .bzc-hero-intro{width:min(620px,92%)}
  .bzc-hero-media{inset:auto calc(50% - 50vw) 0 auto;width:100vw;height:42%;opacity:.70}
  .bzc-hero-media::after{background:linear-gradient(180deg,#071c18 0%,rgba(7,28,24,.70) 18%,transparent 44%)}
  .bzc-shot-city{right:0;top:8%;width:58vw;height:72%}
  .bzc-shot-making{left:5vw;right:auto;top:0;width:34vw;height:44%}
  .bzc-shot-industry{right:7vw;bottom:0;width:38vw;height:42%}
  .bzc-shot-desert{left:18vw;right:auto;bottom:2%;width:32vw;height:36%}
  .bzc-hero-media-rule{display:none}
  .bzc-hero-foot{position:relative;z-index:30}
}
@media(max-width:680px){
  .bzc-home-hero{min-height:900px;padding-bottom:28px}
  .bzc-hero-media{height:36%;opacity:.66}
  .bzc-shot-city{width:66vw;height:68%}
  .bzc-shot-making{left:4vw;width:38vw;height:42%}
  .bzc-shot-industry{right:5vw;width:43vw;height:40%}
  .bzc-shot-desert{left:15vw;width:36vw;height:34%}
}
@media(prefers-reduced-motion:reduce){
  .bzc-hero-shot{opacity:1!important;transform:none!important;animation:none!important}
  .bzc-hero-shot-image{animation:none!important;transform:scale(1.06)!important}
}


/* =========================================================
   Edition 2.7.5 — reliable kinetic photo hero + viewport-fit snap panels.
   Fixes two issues in 2.7.4:
   1) remote photos are rendered as real <img> elements with local visual fallbacks;
   2) desktop snap sections are designed to fit a viewport, avoiding mid-image landings.
   ========================================================= */

/* HERO — make the photographic field unmistakably visible. */
.bzc-home-hero{overflow:hidden!important}
.bzc-hero-media{
  z-index:6!important;
  inset:0 calc(50% - 50vw) 0 auto!important;
  width:min(62vw,1160px)!important;
  opacity:1!important;
}
.bzc-hero-media::after{
  z-index:30!important;
  background:linear-gradient(90deg,#071c18 0%,rgba(7,28,24,.78) 12%,rgba(7,28,24,.30) 29%,transparent 47%,transparent 100%)!important;
}
.bzc-hero-copy{position:relative;z-index:40!important;width:min(820px,57%)!important}
.bzc-hero-foot{z-index:41!important}
.bzc-hero-shot{
  margin:0!important;
  background-color:#0b2b25;
  background-position:center;
  background-size:cover;
  opacity:0;
  border:1px solid rgba(243,241,235,.16)!important;
  box-shadow:0 26px 70px rgba(0,0,0,.34)!important;
}
.bzc-hero-shot img{
  position:absolute;inset:-7%;width:114%;height:114%;display:block;
  object-fit:cover;object-position:center;
  filter:saturate(.92) contrast(1.06) brightness(.90);
  will-change:transform;
}
/* Local theme imagery remains behind each remote photo as a graceful fallback. */
.bzc-shot-city{background-image:url('../images/hero-strategy.webp')}
.bzc-shot-making{background-image:url('../images/hero-identity.webp')}
.bzc-shot-industry{background-image:url('../images/hero-lubricantbranding.webp')}
.bzc-shot-desert{background-image:url('../images/hero-tourismbranding.webp')}

.bzc-shot-city{right:-1vw!important;top:5%!important;width:min(39vw,720px)!important;height:52%!important;z-index:5!important;animation:bzcHeroInRight 1.05s cubic-bezier(.2,.72,.18,1) .08s forwards!important}
.bzc-shot-making{right:32vw!important;top:8%!important;width:min(19vw,345px)!important;height:29%!important;z-index:8!important;animation:bzcHeroInTop 1.08s cubic-bezier(.2,.72,.18,1) .24s forwards!important}
.bzc-shot-industry{right:4vw!important;bottom:5%!important;width:min(27vw,500px)!important;height:31%!important;z-index:10!important;animation:bzcHeroInBottom 1.08s cubic-bezier(.2,.72,.18,1) .40s forwards!important}
.bzc-shot-desert{right:31vw!important;bottom:6%!important;width:min(18vw,330px)!important;height:29%!important;z-index:7!important;animation:bzcHeroInLeft 1.08s cubic-bezier(.2,.72,.18,1) .56s forwards!important}
.bzc-shot-city img{object-position:50% 50%;animation:bzcPhotoDriftA 15s ease-in-out 1.1s infinite alternate}
.bzc-shot-making img{object-position:52% 51%;animation:bzcPhotoDriftB 13s ease-in-out 1.3s infinite alternate}
.bzc-shot-industry img{object-position:53% 48%;animation:bzcPhotoDriftC 12s ease-in-out 1.5s infinite alternate}
.bzc-shot-desert img{object-position:50% 58%;animation:bzcPhotoDriftD 17s ease-in-out 1.7s infinite alternate}
.bzc-hero-media-rule{z-index:32!important;right:29.2vw!important}

/* Desktop full-page rhythm. Only enable when the viewport is tall enough to hold the content. */
@media (min-width:1100px) and (min-height:780px) and (prefers-reduced-motion:no-preference){
  html.bzc-home-doc{scroll-snap-type:y mandatory!important;scroll-padding-top:0!important}
  html.bzc-home-doc body.home .site-header,
  html.bzc-home-doc body.home #main>section{
    height:100svh!important;
    min-height:100svh!important;
    max-height:100svh!important;
    scroll-snap-align:start!important;
    scroll-snap-stop:always!important;
    overflow:hidden!important;
  }
  html.bzc-home-doc body.home .site-header>.wrap{
    height:100%;display:flex;flex-direction:column;
  }
  html.bzc-home-doc body.home .site-header nav{flex:0 0 auto}
  html.bzc-home-doc body.home .bzc-home-hero{
    flex:1 1 auto!important;min-height:0!important;height:auto!important;padding-top:clamp(40px,6vh,72px)!important;padding-bottom:34px!important;
  }

  /* Shared panel discipline */
  html.bzc-home-doc body.home #main>section{padding:clamp(34px,4.5vh,58px) 0!important}
  html.bzc-home-doc body.home #main>section>.wrap{width:100%;height:100%;min-height:0}
  html.bzc-home-doc body.home #main>section h2{margin-top:12px;margin-bottom:clamp(18px,2.4vh,30px)}

  /* 01 / Growth — headline + one controlled image, all inside one viewport. */
  .growth-story>.wrap{
    display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;height:100%;gap:clamp(9px,1.5vh,16px);
  }
  .growth-story .split{grid-template-columns:1.25fr .75fr;gap:6vw;align-items:start}
  .growth-story .split h2{font-size:clamp(46px,4.65vw,72px);margin:0!important}
  .growth-story .split p{margin:6px 0 0;font-size:clamp(16px,1.2vw,19px);line-height:1.55}
  .growth-story figure{display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:0;margin:0;overflow:hidden}
  .growth-story figure img{width:100%;height:100%!important;max-height:none!important;object-fit:cover;object-position:center 52%}
  .growth-story .caption{margin:6px 0 0}
  .growth-story>.wrap>a{align-self:start}

  /* 02 + 03 / Approach & Practice — preserve 1:1 cards but compress the editorial rhythm. */
  #approach>.wrap,#practice>.wrap{display:flex;flex-direction:column;justify-content:center}
  #approach h2,#practice h2{font-size:clamp(40px,4.05vw,62px);margin:10px 0 22px!important}
  #approach .bzc-card-grid,#practice .bzc-card-grid{gap:clamp(16px,1.6vw,24px);margin-top:0}
  #approach .bzc-card-image,#practice .bzc-card-image{aspect-ratio:1/1!important;width:100%!important;max-height:min(28vh,255px);object-fit:cover!important}
  #approach .bzc-home-card h3,#practice .bzc-home-card h3{font-size:clamp(18px,1.45vw,23px);margin:7px 0 7px}
  #approach .bzc-home-card p,#practice .bzc-home-card p{font-size:clamp(13px,.96vw,15px);line-height:1.48;margin-bottom:6px}
  #practice .bzc-home-card .service-icon{width:34px;height:34px;margin:0 0 2px}
  #practice .bzc-practice-closing{margin:14px 0 0;font-size:14px}

  /* Meaning into form — balanced text/image composition within the panel. */
  #expression>.wrap{height:100%;align-items:center}
  #expression .split{height:100%}
  #expression h2{font-size:clamp(43px,4.3vw,66px)}
  #expression figure{height:min(68vh,650px);overflow:hidden}
  #expression figure img{width:100%;height:100%!important;object-fit:cover;object-position:center}
  #expression figure .caption{margin-top:7px}

  /* Challenges — four across in snap mode, avoiding a 2-row section taller than the viewport. */
  #situations>.wrap{display:flex;flex-direction:column;justify-content:center}
  #situations h2{font-size:clamp(40px,4vw,60px);margin:10px 0 18px!important}
  #situations .bzc-direction-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:0}
  #situations .bzc-direction-card .bzc-card-image{aspect-ratio:16/10;max-height:20vh;object-fit:cover}
  #situations .bzc-direction-card-body{padding:18px 18px 19px}
  #situations .bzc-direction-card h3{font-size:19px;margin-bottom:7px}
  #situations .bzc-direction-card .lead{font-size:14px;line-height:1.45;margin-bottom:6px}
  #situations .bzc-direction-card p:not(.lead){font-size:13px;line-height:1.43;margin-bottom:8px}
  #situations .actions{margin-top:18px}

  /* Brands in context — the photograph fills the remaining viewport rather than extending into a second snap. */
  #brands-in-context.context-section{
    display:grid!important;grid-template-rows:auto minmax(0,1fr) auto;padding:0!important;
  }
  #brands-in-context .context-heading{padding-top:clamp(34px,4.5vh,55px);margin-bottom:clamp(14px,2vh,22px);align-items:end}
  #brands-in-context .context-heading h2{font-size:clamp(48px,5vw,78px)}
  #brands-in-context .context-heading p{font-size:16px;line-height:1.55;margin:0 0 5px}
  #brands-in-context .context-figure{display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:0;overflow:hidden;margin:0}
  #brands-in-context .context-figure img{width:100%;height:100%!important;max-height:none!important;object-fit:cover;object-position:center 57%}
  #brands-in-context .context-figure figcaption{padding-top:6px}
  #brands-in-context .context-bottom{margin:clamp(10px,1.4vh,16px) auto clamp(18px,2.4vh,28px)}

  /* Thinking — complete card row within a viewport. */
  #thinking>.wrap{display:flex;flex-direction:column;justify-content:center}
  #thinking h2{font-size:clamp(42px,4.1vw,62px);margin:10px 0 12px!important}
  #thinking> .wrap > p{margin:0}
  #thinking .thinking-grid{gap:22px;margin-top:22px}
  #thinking .thinking-card-image img{aspect-ratio:16/9!important;max-height:22vh;object-fit:cover!important}
  #thinking .thinking-card-body{padding:18px}
  #thinking .thinking-card h3{font-size:19px;margin:8px 0 8px}
  #thinking .thinking-card p{font-size:13px;line-height:1.48}
  #thinking .all-thinking{margin-top:18px}

  /* Contact — centre the final action instead of leaving empty vertical drift. */
  #contact>.wrap{display:flex;flex-direction:column;justify-content:center}
  #contact h2{font-size:clamp(46px,4.8vw,72px);margin:18px 0 20px!important}
}

/* On shorter desktops, keep natural scrolling rather than clipping long panels. */
@media (min-width:900px) and (max-height:779px){
  html.bzc-home-doc{scroll-snap-type:none!important}
  html.bzc-home-doc body.home .site-header,
  html.bzc-home-doc body.home #main>section{min-height:auto!important;max-height:none!important;height:auto!important;overflow:visible!important}
}

@media(max-width:1099px){
  .bzc-hero-copy{width:min(760px,72%)!important}
  .bzc-hero-media{width:66vw!important}
}
@media(max-width:899px){
  .bzc-hero-copy{width:100%!important}
  .bzc-hero-media{width:100vw!important;height:44%!important;opacity:.92!important}
  .bzc-shot-city{right:0!important;top:6%!important;width:62vw!important;height:72%!important}
  .bzc-shot-making{left:4vw!important;right:auto!important;top:0!important;width:36vw!important;height:46%!important}
  .bzc-shot-industry{right:5vw!important;bottom:0!important;width:42vw!important;height:44%!important}
  .bzc-shot-desert{left:18vw!important;right:auto!important;bottom:2%!important;width:34vw!important;height:36%!important}
  .bzc-hero-media::after{background:linear-gradient(180deg,#071c18 0%,rgba(7,28,24,.70) 18%,transparent 46%,transparent 100%)!important}
}
@media(prefers-reduced-motion:reduce){
  .bzc-hero-shot{opacity:1!important;transform:none!important;animation:none!important}
  .bzc-hero-shot img{animation:none!important;transform:scale(1.06)!important}
}

/* =========================================================
   Edition 2.7.6 — cinematic UAE hero + deterministic full-page homepage.
   Hero uses six verified real UAE photographs. On capable desktop screens,
   each homepage section is a true 100svh panel and JS advances exactly one
   panel per wheel/keyboard gesture. Mobile/reduced-motion keep natural scroll.
   ========================================================= */

/* Homepage: let the photography occupy the entire first viewport, including behind navigation. */
body.home .site-header{background:#071a17;overflow:visible!important;position:relative;isolation:isolate}
body.home .site-header>.wrap{position:relative;z-index:2}
@media(min-width:900px){
  body.home .site-header nav{
    height:110px;
    position:relative;
    z-index:90;
    background:linear-gradient(180deg,rgba(3,16,14,.80),rgba(3,16,14,.36) 66%,transparent);
  }
  body.home .bzc-home-hero{
    height:100svh!important;
    min-height:100svh!important;
    margin-top:-110px;
    padding:clamp(175px,22vh,225px) 0 52px!important;
    display:flex;
    flex-direction:column;
    justify-content:center;
    overflow:hidden!important;
    isolation:isolate;
  }
}

/* Real-photo slideshow. Every frame is full-viewport and moves subtly. */
.bzc-home-hero::before,.bzc-home-hero::after{content:none!important;background:none!important}
.bzc-hero-slideshow{
  position:absolute;
  z-index:-3;
  top:0;bottom:0;left:50%;
  width:100vw;
  transform:translateX(-50%);
  overflow:hidden;
  background:#071a17;
}
.bzc-hero-slide{position:absolute;inset:0;margin:0;opacity:0;overflow:hidden;will-change:opacity}
.bzc-hero-slide img{
  position:absolute;inset:-4%;
  width:108%;height:108%;
  max-width:none;
  object-fit:cover;
  object-position:center;
  display:block;
  filter:saturate(.92) contrast(1.04) brightness(.86);
  will-change:transform;
}
.bzc-hero-slide-1{animation:bzcHeroFrame 36s linear -1s infinite}
.bzc-hero-slide-2{animation:bzcHeroFrame 36s linear 5s infinite}
.bzc-hero-slide-3{animation:bzcHeroFrame 36s linear 11s infinite}
.bzc-hero-slide-4{animation:bzcHeroFrame 36s linear 17s infinite}
.bzc-hero-slide-5{animation:bzcHeroFrame 36s linear 23s infinite}
.bzc-hero-slide-6{animation:bzcHeroFrame 36s linear 29s infinite}
.bzc-hero-slide-1 img{object-position:center 48%;animation:bzcHeroPanA 12s ease-in-out infinite alternate}
.bzc-hero-slide-2 img{object-position:center 48%;animation:bzcHeroPanB 13s ease-in-out infinite alternate}
.bzc-hero-slide-3 img{object-position:center 58%;animation:bzcHeroPanC 14s ease-in-out infinite alternate}
.bzc-hero-slide-4 img{object-position:center 50%;animation:bzcHeroPanD 12s ease-in-out infinite alternate}
.bzc-hero-slide-5 img{object-position:center 52%;animation:bzcHeroPanE 13s ease-in-out infinite alternate}
.bzc-hero-slide-6 img{object-position:center 47%;animation:bzcHeroPanF 14s ease-in-out infinite alternate}
.bzc-hero-photo-shade{
  position:absolute;inset:0;z-index:20;pointer-events:none;
  background:
    linear-gradient(90deg,rgba(3,18,15,.88) 0%,rgba(4,22,19,.76) 31%,rgba(4,22,19,.38) 54%,rgba(4,22,19,.12) 78%,rgba(4,22,19,.22) 100%),
    linear-gradient(180deg,rgba(2,13,11,.50) 0%,rgba(2,13,11,.08) 28%,rgba(2,13,11,.08) 68%,rgba(2,13,11,.52) 100%);
}
@keyframes bzcHeroFrame{
  0%{opacity:0}
  2.5%{opacity:1}
  15%{opacity:1}
  18%{opacity:0}
  100%{opacity:0}
}
@keyframes bzcHeroPanA{from{transform:scale(1.05) translate3d(-1%,0,0)}to{transform:scale(1.13) translate3d(2%,-1%,0)}}
@keyframes bzcHeroPanB{from{transform:scale(1.07) translate3d(1%,1%,0)}to{transform:scale(1.15) translate3d(-2%,-2%,0)}}
@keyframes bzcHeroPanC{from{transform:scale(1.04) translate3d(-1%,1%,0)}to{transform:scale(1.12) translate3d(2%,-1%,0)}}
@keyframes bzcHeroPanD{from{transform:scale(1.07) translate3d(0,1%,0)}to{transform:scale(1.15) translate3d(-2%,-2%,0)}}
@keyframes bzcHeroPanE{from{transform:scale(1.05) translate3d(1%,0,0)}to{transform:scale(1.14) translate3d(-2%,1%,0)}}
@keyframes bzcHeroPanF{from{transform:scale(1.06) translate3d(-1%,-1%,0)}to{transform:scale(1.14) translate3d(2%,2%,0)}}

/* Smaller, sharper hero message: one thesis + one explanatory sentence. */
.bzc-home-hero .bzc-hero-copy{position:relative;z-index:40;width:min(720px,56%)!important;margin-top:0}
.bzc-home-hero .eyebrow{font-size:11px;margin:0 0 22px;letter-spacing:.19em;color:var(--gold)}
.bzc-home-hero h1{font-size:clamp(48px,5.25vw,82px)!important;line-height:.99!important;letter-spacing:-.04em;max-width:720px!important;margin:0 0 25px!important;text-wrap:balance}
.bzc-home-hero .bzc-hero-intro{font-size:clamp(17px,1.25vw,20px);line-height:1.55;max-width:610px!important;margin:0;color:rgba(243,241,235,.92)}
.bzc-home-hero .bzc-hero-foot{position:absolute;z-index:45;left:0;right:0;bottom:31px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.bzc-home-hero .bzc-hero-foot a{font-size:13px;color:#fff;text-decoration:none;border-bottom:1px solid rgba(180,154,96,.68);padding-bottom:4px}
.bzc-home-hero .bzc-hero-progress{position:absolute;z-index:45;right:0;bottom:34px;display:flex;gap:7px;transform:translateY(-35px)}
.bzc-home-hero .bzc-hero-progress span{display:block;width:18px;height:1px;background:rgba(255,255,255,.35)}
.bzc-home-hero .bzc-hero-progress span:first-child{background:var(--gold)}

/* Deterministic full-page mode. JS adds bzc-snap-active only when viewport is suitable. */
html.bzc-snap-active{scroll-behavior:smooth;scroll-snap-type:y mandatory;overscroll-behavior-y:contain}
html.bzc-snap-active body.home{scroll-snap-type:y mandatory}
html.bzc-snap-active body.home .bzc-fullpage-panel{
  height:100svh!important;
  min-height:100svh!important;
  max-height:100svh!important;
  scroll-snap-align:start!important;
  scroll-snap-stop:always!important;
  overflow:hidden!important;
}
html.bzc-snap-active body.home #main>section{padding:clamp(28px,3.5vh,46px) 0!important}
html.bzc-snap-active body.home #main>section>.wrap{height:100%;min-height:0}

/* Panel 01 — growth. */
html.bzc-snap-active .growth-story>.wrap{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:10px}
html.bzc-snap-active .growth-story .split{grid-template-columns:1.22fr .78fr;gap:6vw;align-items:start}
html.bzc-snap-active .growth-story .split h2{font-size:clamp(43px,4.25vw,67px);margin:0!important}
html.bzc-snap-active .growth-story .split p{font-size:clamp(15px,1.05vw,18px);line-height:1.52;margin:4px 0 0}
html.bzc-snap-active .growth-story figure{display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:0;margin:0;overflow:hidden}
html.bzc-snap-active .growth-story figure img{width:100%;height:100%!important;max-height:none!important;object-fit:cover;object-position:center 54%}
html.bzc-snap-active .growth-story .caption{font-size:11px;margin:5px 0 0}

/* Panels 02/03 — keep the requested square imagery, but make the whole card row fit one viewport. */
html.bzc-snap-active #approach>.wrap,html.bzc-snap-active #practice>.wrap{display:flex;flex-direction:column;justify-content:center}
html.bzc-snap-active #approach h2,html.bzc-snap-active #practice h2{font-size:clamp(38px,3.75vw,58px);margin:8px 0 18px!important}
html.bzc-snap-active #approach .bzc-card-grid,html.bzc-snap-active #practice .bzc-card-grid{gap:clamp(14px,1.45vw,22px);margin-top:0}
html.bzc-snap-active #approach .bzc-card-image,html.bzc-snap-active #practice .bzc-card-image{aspect-ratio:1/1!important;height:auto!important;max-height:min(26vh,235px);object-fit:cover!important}
html.bzc-snap-active #approach .bzc-home-card-body,html.bzc-snap-active #practice .bzc-home-card-body{padding-top:10px}
html.bzc-snap-active #approach .bzc-home-card h3,html.bzc-snap-active #practice .bzc-home-card h3{font-size:clamp(17px,1.3vw,21px);margin:5px 0 6px}
html.bzc-snap-active #approach .bzc-home-card p,html.bzc-snap-active #practice .bzc-home-card p{font-size:clamp(12.5px,.88vw,14px);line-height:1.42;margin:0}
html.bzc-snap-active #practice .service-icon{width:29px;height:29px;margin-bottom:2px}
html.bzc-snap-active #practice .bzc-practice-closing{font-size:13px;margin:10px 0 0}

/* Meaning into form. */
html.bzc-snap-active #expression>.wrap.split{height:100%;grid-template-columns:.78fr 1.22fr;align-items:center;gap:6vw}
html.bzc-snap-active #expression h2{font-size:clamp(40px,4vw,62px);margin:12px 0 20px!important}
html.bzc-snap-active #expression .lead{font-size:18px}
html.bzc-snap-active #expression figure{height:min(68vh,610px);min-height:0;overflow:hidden;display:grid;grid-template-rows:minmax(0,1fr) auto}
html.bzc-snap-active #expression figure img{width:100%;height:100%!important;object-fit:cover!important}

/* Challenges. */
html.bzc-snap-active #situations>.wrap{display:flex;flex-direction:column;justify-content:center}
html.bzc-snap-active #situations h2{font-size:clamp(38px,3.7vw,57px);margin:8px 0 16px!important}
html.bzc-snap-active #situations .bzc-direction-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:0}
html.bzc-snap-active #situations .bzc-direction-card .bzc-card-image{aspect-ratio:16/9!important;height:auto!important;max-height:19vh;object-fit:cover!important}
html.bzc-snap-active #situations .bzc-direction-card-body{padding:15px 16px 16px}
html.bzc-snap-active #situations .bzc-direction-card h3{font-size:18px;margin:0 0 5px}
html.bzc-snap-active #situations .bzc-direction-card .lead{font-size:13.5px;line-height:1.4;margin:0 0 5px}
html.bzc-snap-active #situations .bzc-direction-card p:not(.lead){font-size:12.5px;line-height:1.4;margin:0 0 7px}
html.bzc-snap-active #situations .actions{margin-top:14px}

/* Brands in context. */
html.bzc-snap-active #brands-in-context{display:grid!important;grid-template-rows:auto minmax(0,1fr) auto;padding:0!important}
html.bzc-snap-active #brands-in-context .context-heading{padding-top:clamp(27px,3.2vh,40px);margin-bottom:12px;align-items:end}
html.bzc-snap-active #brands-in-context .context-heading h2{font-size:clamp(44px,4.6vw,70px);margin:0!important}
html.bzc-snap-active #brands-in-context .context-heading p{font-size:15px;line-height:1.45;margin:0 0 4px}
html.bzc-snap-active #brands-in-context .context-figure{display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:0;overflow:hidden;margin:0}
html.bzc-snap-active #brands-in-context .context-figure img{width:100%;height:100%!important;max-height:none!important;object-fit:cover;object-position:center 55%}
html.bzc-snap-active #brands-in-context .context-figure figcaption{font-size:11px;padding-top:4px}
html.bzc-snap-active #brands-in-context .context-bottom{margin:8px auto 18px}

/* Thinking. */
html.bzc-snap-active #thinking>.wrap{display:flex;flex-direction:column;justify-content:center}
html.bzc-snap-active #thinking h2{font-size:clamp(38px,3.7vw,57px);margin:8px 0 8px!important}
html.bzc-snap-active #thinking>.wrap>p{margin:0}
html.bzc-snap-active #thinking .thinking-grid{gap:18px;margin-top:16px}
html.bzc-snap-active #thinking .thinking-card-image img{aspect-ratio:16/9!important;max-height:20vh;object-fit:cover!important}
html.bzc-snap-active #thinking .thinking-card-body{padding:15px}
html.bzc-snap-active #thinking .thinking-card h3{font-size:18px;margin:5px 0 6px}
html.bzc-snap-active #thinking .thinking-card p{font-size:12.5px;line-height:1.42;margin:0}
html.bzc-snap-active #thinking .all-thinking{margin-top:12px}

/* Contact. */
html.bzc-snap-active #contact>.wrap{display:flex;flex-direction:column;justify-content:center}
html.bzc-snap-active #contact h2{font-size:clamp(42px,4.4vw,67px);margin:14px 0 16px!important}
html.bzc-snap-active #contact .actions{margin-top:18px}

/* Tablet/mobile and reduced motion keep ordinary page flow and a simpler cinematic first frame. */
@media(max-width:899px){
  body.home .bzc-home-hero{min-height:calc(100svh - 74px)!important;height:auto!important;margin-top:0;padding:70px 0 38px!important;justify-content:flex-start}
  .bzc-home-hero .bzc-hero-copy{width:100%!important;max-width:720px}
  .bzc-home-hero h1{font-size:clamp(43px,11vw,68px)!important;max-width:100%!important}
  .bzc-home-hero .bzc-hero-intro{font-size:17px;max-width:94%!important}
  .bzc-home-hero .bzc-hero-foot{position:relative;left:auto;right:auto;bottom:auto;margin-top:auto;padding-top:42px}
  .bzc-home-hero .bzc-hero-progress{display:none}
  .bzc-hero-photo-shade{background:linear-gradient(180deg,rgba(3,18,15,.76) 0%,rgba(3,18,15,.56) 58%,rgba(3,18,15,.68) 100%)}
}
@media(prefers-reduced-motion:reduce){
  .bzc-hero-slide{animation:none!important;opacity:0!important}
  .bzc-hero-slide:first-child{opacity:1!important}
  .bzc-hero-slide img{animation:none!important;transform:scale(1.05)!important}
  html.bzc-snap-active{scroll-snap-type:none!important}
}
/* Graceful local fallbacks if a remote editorial photograph is temporarily unavailable. */
.bzc-hero-slide-1{background:url('../images/hero-strategy.webp') center/cover no-repeat}
.bzc-hero-slide-2{background:url('../images/hero-premiumbranding.webp') center/cover no-repeat}
.bzc-hero-slide-3{background:url('../images/hero-tourismbranding.webp') center/cover no-repeat}
.bzc-hero-slide-4{background:url('../images/hero-gtm.webp') center/cover no-repeat}
.bzc-hero-slide-5{background:url('../images/hero-premiumbranding.webp') center/cover no-repeat}
.bzc-hero-slide-6{background:url('../images/hero-digital.webp') center/cover no-repeat}

/* =========================================================
   Edition 2.7.7 — full-bleed landmark hero + reliable snap scroller.
   The homepage now uses a dedicated 100vh scrolling container instead
   of document-level snap. This avoids partial landings between panels.
   ========================================================= */
:root{--bzc-adminbar:0px;--bzc-home-nav-h:96px}
body.admin-bar{--bzc-adminbar:32px}
@media(max-width:782px){body.admin-bar{--bzc-adminbar:46px}}

/* Homepage header returns to a clean overlay; the hero itself sits OUTSIDE the .wrap. */
body.home .site-header{position:relative;z-index:1000;background:#071a17;overflow:visible!important;isolation:auto}
body.home .site-header nav{height:auto;background:none}
body.home .bzc-home-hero{margin:0!important;padding:0!important;width:100%!important;max-width:none!important;min-height:0!important;height:100%!important;overflow:hidden!important;position:relative;isolation:isolate}
body.home .bzc-hero-panel{padding:0!important;border:0!important;background:#071a17}

/* Full-bleed photo stage: no max-width wrapper, no side gutters, no 8-15% zoom. */
.bzc-home-hero .bzc-hero-slideshow{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;left:0!important;top:0!important;bottom:auto!important;transform:none!important;overflow:hidden;background:#071a17;z-index:-3}
.bzc-home-hero .bzc-hero-slide{position:absolute;inset:0;margin:0;opacity:0;overflow:hidden;background:#071a17!important;will-change:opacity}
.bzc-home-hero .bzc-hero-slide img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;display:block;filter:saturate(.94) contrast(1.025) brightness(.82);transform:scale(1.012);will-change:transform}
.bzc-home-hero .bzc-hero-slide-1 img{object-position:center 48%}
.bzc-home-hero .bzc-hero-slide-2 img{object-position:center 48%}
.bzc-home-hero .bzc-hero-slide-3 img{object-position:center 52%}
.bzc-home-hero .bzc-hero-slide-4 img{object-position:center 54%}
.bzc-home-hero .bzc-hero-slide-5 img{object-position:center 52%}

.bzc-home-hero .bzc-hero-slide-1{animation:bzcHeroFrame277 35s linear -1s infinite!important}
.bzc-home-hero .bzc-hero-slide-2{animation:bzcHeroFrame277 35s linear 6s infinite!important}
.bzc-home-hero .bzc-hero-slide-3{animation:bzcHeroFrame277 35s linear 13s infinite!important}
.bzc-home-hero .bzc-hero-slide-4{animation:bzcHeroFrame277 35s linear 20s infinite!important}
.bzc-home-hero .bzc-hero-slide-5{animation:bzcHeroFrame277 35s linear 27s infinite!important}
.bzc-home-hero .bzc-hero-slide-1 img{animation:bzcHeroWideA 12s ease-in-out infinite alternate!important}
.bzc-home-hero .bzc-hero-slide-2 img{animation:bzcHeroWideB 13s ease-in-out infinite alternate!important}
.bzc-home-hero .bzc-hero-slide-3 img{animation:bzcHeroWideC 14s ease-in-out infinite alternate!important}
.bzc-home-hero .bzc-hero-slide-4 img{animation:bzcHeroWideD 13s ease-in-out infinite alternate!important}
.bzc-home-hero .bzc-hero-slide-5 img{animation:bzcHeroWideE 14s ease-in-out infinite alternate!important}
@keyframes bzcHeroFrame277{0%{opacity:0}3%{opacity:1}18%{opacity:1}21%{opacity:0}100%{opacity:0}}
@keyframes bzcHeroWideA{from{transform:scale(1.012) translate3d(-.3%,0,0)}to{transform:scale(1.035) translate3d(.4%,-.2%,0)}}
@keyframes bzcHeroWideB{from{transform:scale(1.01) translate3d(.2%,.2%,0)}to{transform:scale(1.032) translate3d(-.4%,-.2%,0)}}
@keyframes bzcHeroWideC{from{transform:scale(1.012) translate3d(-.25%,0,0)}to{transform:scale(1.034) translate3d(.35%,.15%,0)}}
@keyframes bzcHeroWideD{from{transform:scale(1.008) translate3d(.25%,.1%,0)}to{transform:scale(1.03) translate3d(-.35%,-.15%,0)}}
@keyframes bzcHeroWideE{from{transform:scale(1.012) translate3d(-.15%,.2%,0)}to{transform:scale(1.034) translate3d(.35%,-.15%,0)}}

.bzc-home-hero .bzc-hero-photo-shade{position:absolute;inset:0;z-index:20;pointer-events:none;background:linear-gradient(90deg,rgba(2,15,13,.82) 0%,rgba(2,15,13,.65) 30%,rgba(2,15,13,.24) 56%,rgba(2,15,13,.06) 77%,rgba(2,15,13,.18) 100%),linear-gradient(180deg,rgba(1,10,9,.45) 0%,rgba(1,10,9,.04) 34%,rgba(1,10,9,.08) 68%,rgba(1,10,9,.46) 100%)}
.bzc-home-hero .bzc-hero-inner{height:100%;position:relative;z-index:40;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-top:calc(var(--bzc-home-nav-h) + 22px);padding-bottom:48px}
.bzc-home-hero .bzc-hero-copy{width:min(790px,64%)!important;max-width:790px!important;margin:0!important}
.bzc-home-hero .eyebrow{font-size:11px!important;letter-spacing:.18em;margin:0 0 18px!important;color:var(--gold)}
.bzc-home-hero h1{font-size:clamp(44px,4.1vw,68px)!important;line-height:1.01!important;letter-spacing:-.038em;max-width:790px!important;margin:0 0 22px!important;text-wrap:balance}
.bzc-home-hero .bzc-hero-intro{font-size:clamp(16px,1.08vw,18px)!important;line-height:1.52;max-width:610px!important;margin:0!important;color:rgba(243,241,235,.94)}
.bzc-home-hero .bzc-hero-foot{position:absolute!important;z-index:45;left:5vw!important;right:5vw!important;bottom:28px!important;display:flex;align-items:center;justify-content:space-between;gap:24px}
.bzc-home-hero .bzc-hero-progress{position:absolute!important;right:5vw!important;bottom:58px!important;z-index:45;display:flex;gap:7px;transform:none!important}
.bzc-home-hero .bzc-hero-progress span{width:20px;height:1px;background:rgba(255,255,255,.38)}
.bzc-home-hero .bzc-hero-progress span:first-child{background:var(--gold)}

.bzc-home-footer-inline{display:none}

/* Dedicated scroller. This is the actual snap container — not html/body. */
@media (min-width:1100px) and (min-height:720px) and (prefers-reduced-motion:no-preference){
  html.bzc-snap-active,html.bzc-snap-active body.home{height:100%!important;overflow:hidden!important;scroll-behavior:auto!important;scroll-snap-type:none!important}
  html.bzc-snap-active body.home .site-header{position:fixed!important;top:var(--bzc-adminbar)!important;left:0;right:0;height:var(--bzc-home-nav-h);z-index:9999;background:linear-gradient(180deg,rgba(3,16,14,.88),rgba(3,16,14,.48) 72%,rgba(3,16,14,0));backdrop-filter:blur(4px)}
  html.bzc-snap-active body.home .site-header nav{height:var(--bzc-home-nav-h)!important;border-bottom:1px solid rgba(180,154,96,.48);background:transparent!important}
  html.bzc-snap-active body.home .site-header nav img{width:min(320px,23vw)!important}
  html.bzc-snap-active body.home .bzc-home-snap{height:calc(100dvh - var(--bzc-adminbar))!important;margin-top:var(--bzc-adminbar);overflow-y:auto!important;overflow-x:hidden!important;scroll-snap-type:y mandatory!important;scroll-behavior:smooth!important;overscroll-behavior-y:contain!important;-webkit-overflow-scrolling:touch;position:relative}
  html.bzc-snap-active body.home .bzc-home-panel{height:calc(100dvh - var(--bzc-adminbar))!important;min-height:calc(100dvh - var(--bzc-adminbar))!important;max-height:calc(100dvh - var(--bzc-adminbar))!important;scroll-snap-align:start!important;scroll-snap-stop:always!important;overflow:hidden!important;position:relative}
  html.bzc-snap-active body.home #main>section{padding:calc(var(--bzc-home-nav-h) + 24px) 0 34px!important}
  html.bzc-snap-active body.home #main>section>.wrap{height:100%;min-height:0}
  html.bzc-snap-active body.home>.site-footer{display:none!important}
  html.bzc-snap-active #contact .bzc-home-footer-inline{display:flex;margin-top:auto;padding-top:18px;border-top:1px solid rgba(21,83,72,.22);justify-content:space-between;gap:30px;font-size:11px;color:#60716a}

  /* Re-fit high-content panels after accounting for the fixed nav. */
  html.bzc-snap-active .growth-story>.wrap{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:8px}
  html.bzc-snap-active .growth-story .split h2{font-size:clamp(38px,3.8vw,58px)}
  html.bzc-snap-active .growth-story figure{min-height:0}
  html.bzc-snap-active .growth-story figure img{object-fit:cover!important}

  html.bzc-snap-active #approach>.wrap,html.bzc-snap-active #practice>.wrap,html.bzc-snap-active #situations>.wrap,html.bzc-snap-active #thinking>.wrap,html.bzc-snap-active #contact>.wrap{justify-content:center}
  html.bzc-snap-active #approach .bzc-card-image,html.bzc-snap-active #practice .bzc-card-image{aspect-ratio:1/1!important;max-height:min(22vh,205px)!important}
  html.bzc-snap-active #approach h2,html.bzc-snap-active #practice h2{font-size:clamp(34px,3.3vw,50px)!important;margin:6px 0 14px!important}
  html.bzc-snap-active #situations h2{font-size:clamp(34px,3.3vw,50px)!important;margin:6px 0 13px!important}
  html.bzc-snap-active #situations .bzc-direction-card .bzc-card-image{max-height:17vh!important}
  html.bzc-snap-active #expression h2{font-size:clamp(36px,3.5vw,54px)!important}
  html.bzc-snap-active #expression figure{height:min(59vh,520px)!important}
  html.bzc-snap-active #brands-in-context .context-heading{padding-top:0!important}
  html.bzc-snap-active #brands-in-context .context-heading h2{font-size:clamp(38px,3.8vw,58px)!important}
  html.bzc-snap-active #brands-in-context .context-figure img{object-fit:cover!important}
  html.bzc-snap-active #thinking h2{font-size:clamp(34px,3.3vw,50px)!important}
  html.bzc-snap-active #thinking .thinking-card-image img{max-height:17vh!important}
  html.bzc-snap-active #contact h2{font-size:clamp(38px,3.7vw,56px)!important}
}

/* On ordinary scrolling layouts keep the header and footer in normal document flow. */
@media (max-width:1099px), (max-height:719px), (prefers-reduced-motion:reduce){
  html,body.home{overflow:auto!important;height:auto!important}
  body.home .site-header{position:relative!important;top:auto!important;height:auto!important}
  body.home .bzc-home-snap{height:auto!important;margin:0!important;overflow:visible!important;scroll-snap-type:none!important}
  body.home .bzc-home-panel{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
  body.home .bzc-hero-panel{min-height:calc(100svh - 74px)!important;overflow:hidden!important}
  body.home .bzc-home-hero{min-height:calc(100svh - 74px)!important;height:100%!important}
  .bzc-home-hero .bzc-hero-inner{padding-top:60px;padding-bottom:40px}
  .bzc-home-hero .bzc-hero-copy{width:100%!important;max-width:720px!important}
  .bzc-home-hero h1{font-size:clamp(42px,10.2vw,64px)!important;max-width:100%!important}
  .bzc-home-hero .bzc-hero-foot{position:absolute!important;left:5vw!important;right:5vw!important;bottom:24px!important}
  .bzc-home-hero .bzc-hero-progress{display:none!important}
}

@media(prefers-reduced-motion:reduce){
  .bzc-home-hero .bzc-hero-slide{animation:none!important;opacity:0!important}
  .bzc-home-hero .bzc-hero-slide:first-child{opacity:1!important}
  .bzc-home-hero .bzc-hero-slide img{animation:none!important;transform:none!important}
}
/* Subject framing for the five real landmark photographs. */
.bzc-home-hero .bzc-hero-slide-1 img{object-position:center 50%!important}
.bzc-home-hero .bzc-hero-slide-2 img{object-position:center 36%!important}
.bzc-home-hero .bzc-hero-slide-3 img{object-position:center 54%!important}
.bzc-home-hero .bzc-hero-slide-4 img{object-position:center 50%!important}
.bzc-home-hero .bzc-hero-slide-5 img{object-position:center 52%!important}
.bzc-home-footer-inline .bzc-home-photo-credit a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(96,113,106,.35)}


/* =========================================================
   Edition 2.8.0 — structural home snap cleanup, contact QR system,
   sector-image corrections and four-slide Dubai/GCC hero.
   ========================================================= */
@media (min-width:1100px) and (min-height:720px) and (prefers-reduced-motion:no-preference){
  html.bzc-snap-active body.home .bzc-home-snap{scroll-snap-type:y mandatory!important;scroll-padding-top:0!important;scroll-behavior:smooth!important}
  html.bzc-snap-active body.home .bzc-home-panel{height:auto!important;min-height:calc(100dvh - var(--bzc-adminbar))!important;max-height:none!important;scroll-snap-align:start!important;scroll-snap-stop:always!important}
  html.bzc-snap-active body.home #approach,html.bzc-snap-active body.home #practice,html.bzc-snap-active body.home #situations,html.bzc-snap-active body.home #thinking,html.bzc-snap-active body.home #contact{overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain}
  html.bzc-snap-active body.home #main>section>.wrap{display:flex;flex-direction:column;justify-content:flex-start}
  html.bzc-snap-active body.home #contact .wrap{justify-content:center}
}

.bzc-home-hero .bzc-hero-slide-1,.bzc-home-hero .bzc-hero-slide-2,.bzc-home-hero .bzc-hero-slide-3,.bzc-home-hero .bzc-hero-slide-4{animation-name:bzcHeroFrame280!important;animation-duration:28s!important}
.bzc-home-hero .bzc-hero-slide-1{animation-delay:-1s!important}
.bzc-home-hero .bzc-hero-slide-2{animation-delay:6s!important}
.bzc-home-hero .bzc-hero-slide-3{animation-delay:13s!important}
.bzc-home-hero .bzc-hero-slide-4{animation-delay:20s!important}
@keyframes bzcHeroFrame280{0%{opacity:0}3%{opacity:1}20%{opacity:1}25%{opacity:0}100%{opacity:0}}
.bzc-home-hero .bzc-hero-slide-2 img{object-position:center 56%!important}
.bzc-home-hero .bzc-hero-slide-3 img{object-position:center 52%!important}
.bzc-home-hero .bzc-hero-slide-4 img{object-position:center 52%!important}

.bzc-contact-grid,.bzc-contact-page-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:42px;align-items:start;margin-top:28px}
.bzc-contact-card,.bzc-contact-page-main{display:flex;flex-direction:column;gap:18px}
.bzc-contact-card .contact-details,.bzc-contact-page-main p{margin:0}
.bzc-qr-card{border:1px solid rgba(21,83,72,.16);background:rgba(255,255,255,.52);padding:18px;border-radius:0;box-shadow:0 18px 40px rgba(4,18,15,.05)}
.bzc-qr-card-inner{display:flex;flex-direction:column;gap:16px}
.bzc-qr-image{display:block;width:min(100%,240px);height:auto;background:#fff;padding:8px;border:1px solid rgba(21,83,72,.12)}
.bzc-qr-copy{display:flex;flex-direction:column;gap:10px}
.bzc-qr-title{margin:0;font-size:15px;font-weight:700;letter-spacing:.02em;color:var(--ink)}
.bzc-qr-subtitle{margin:0;font-size:14px;line-height:1.5;color:#42514b}
.bzc-qr-meta{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:14px}
.bzc-qr-meta li{margin:0}
.bzc-qr-meta a{text-decoration:none;border-bottom:1px solid rgba(21,83,72,.22);padding-bottom:2px}
#contact .social-actions{margin-top:2px}

@media (max-width:980px){
  .bzc-contact-grid,.bzc-contact-page-grid{grid-template-columns:1fr;gap:24px}
  .bzc-qr-image{width:min(100%,220px)}
}


/* =========================================================
   Edition 2.8.1 — bundled local home-hero set, cleaner main scroll-root,
   and integrated QR presentation.
   ========================================================= */
body.home main.bzc-home-snap{display:block}
.bzc-home-hero .bzc-hero-slide img{transform:scale(1.01);filter:saturate(.96) contrast(1.02) brightness(.8)}
.bzc-home-hero .bzc-hero-slide-1 img{object-position:center 50%!important}
.bzc-home-hero .bzc-hero-slide-2 img{object-position:center 52%!important}
.bzc-home-hero .bzc-hero-slide-3 img{object-position:center 54%!important}
.bzc-home-hero .bzc-hero-slide-4 img{object-position:center 55%!important}
.bzc-home-hero .bzc-hero-photo-shade{background:linear-gradient(90deg,rgba(2,15,13,.84) 0%,rgba(2,15,13,.68) 26%,rgba(2,15,13,.25) 54%,rgba(2,15,13,.08) 76%,rgba(2,15,13,.2) 100%),linear-gradient(180deg,rgba(1,10,9,.42) 0%,rgba(1,10,9,.06) 35%,rgba(1,10,9,.08) 68%,rgba(1,10,9,.48) 100%)}
@media (min-width:1100px) and (min-height:720px) and (prefers-reduced-motion:no-preference){
  html.bzc-snap-active,html.bzc-snap-active body.home{height:100%!important;overflow:hidden!important}
  html.bzc-snap-active body.home .site-header{position:fixed!important;top:var(--bzc-adminbar)!important;left:0;right:0;height:var(--bzc-home-nav-h);z-index:9999;background:linear-gradient(180deg,rgba(3,16,14,.9),rgba(3,16,14,.5) 72%,rgba(3,16,14,0));backdrop-filter:blur(4px)}
  html.bzc-snap-active body.home main.bzc-home-snap{height:calc(100dvh - var(--bzc-adminbar))!important;margin-top:var(--bzc-adminbar);overflow-y:auto!important;overflow-x:hidden!important;scroll-snap-type:y proximity!important;scroll-behavior:smooth!important;overscroll-behavior-y:contain!important;-webkit-overflow-scrolling:touch;position:relative}
  html.bzc-snap-active body.home main.bzc-home-snap>.bzc-home-panel{scroll-snap-align:start!important;scroll-snap-stop:normal!important;min-height:calc(100dvh - var(--bzc-adminbar))!important;height:auto!important;max-height:none!important;overflow:visible!important;position:relative}
  html.bzc-snap-active body.home #main>section{padding:calc(var(--bzc-home-nav-h) + 26px) 0 44px!important}
  html.bzc-snap-active body.home #main>section>.wrap{min-height:calc(100dvh - var(--bzc-adminbar) - var(--bzc-home-nav-h) - 70px);display:flex;flex-direction:column;justify-content:flex-start}
  html.bzc-snap-active body.home .bzc-hero-panel{padding:0!important}
  html.bzc-snap-active body.home .bzc-hero-panel>.bzc-home-hero{height:calc(100dvh - var(--bzc-adminbar))!important}
}
.bzc-contact-grid,.bzc-contact-page-grid{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:28px;align-items:center;margin-top:28px}
.bzc-contact-card,.bzc-contact-page-main{display:flex;flex-direction:column;gap:18px}
.bzc-qr-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px;padding:0;border:0;background:none;box-shadow:none}
.bzc-qr-image{display:block;width:184px;max-width:100%;height:auto;padding:8px;background:rgba(255,255,255,.58);border:1px solid rgba(21,83,72,.12)}
.bzc-qr-copy{display:flex;flex-direction:column;gap:4px;max-width:184px}
.bzc-qr-title{margin:0;font-size:14px;font-weight:700;letter-spacing:.02em;color:var(--ink)}
.bzc-qr-subtitle{margin:0;font-size:12px;line-height:1.45;color:#4b5a54}
#contact .social-actions{margin-top:4px}
@media (max-width:980px){
  .bzc-contact-grid,.bzc-contact-page-grid{grid-template-columns:1fr;gap:20px;align-items:start}
  .bzc-qr-card{align-items:flex-start}
}


/* =========================================================
   Edition 2.8.2 — hero polish, viewport spacing rebalance,
   and upgraded chemical/additives art direction.
   ========================================================= */
@keyframes bzcHeroFrame282{0%{opacity:0}3%{opacity:1}21%{opacity:1}25%{opacity:0}100%{opacity:0}}
@keyframes bzcHeroSlowPanA{0%{transform:scale(1.015) translate3d(0,0,0)}100%{transform:scale(1.05) translate3d(-1.2%,0,0)}}
@keyframes bzcHeroSlowPanB{0%{transform:scale(1.02) translate3d(0,0,0)}100%{transform:scale(1.055) translate3d(1.2%,-.4%,0)}}
@keyframes bzcHeroSlowPanC{0%{transform:scale(1.018) translate3d(0,0,0)}100%{transform:scale(1.05) translate3d(-.8%,.35%,0)}}
@keyframes bzcHeroSlowPanD{0%{transform:scale(1.015) translate3d(0,0,0)}100%{transform:scale(1.05) translate3d(.9%,0,0)}}
.bzc-home-hero .bzc-hero-slide-1,.bzc-home-hero .bzc-hero-slide-2,.bzc-home-hero .bzc-hero-slide-3,.bzc-home-hero .bzc-hero-slide-4{animation-name:bzcHeroFrame282!important;animation-duration:32s!important;animation-timing-function:linear!important}
.bzc-home-hero .bzc-hero-slide-1{animation-delay:-1s!important}.bzc-home-hero .bzc-hero-slide-2{animation-delay:7s!important}.bzc-home-hero .bzc-hero-slide-3{animation-delay:15s!important}.bzc-home-hero .bzc-hero-slide-4{animation-delay:23s!important}
.bzc-home-hero .bzc-hero-slide-1 img{animation:bzcHeroSlowPanA 16s ease-in-out infinite alternate!important}
.bzc-home-hero .bzc-hero-slide-2 img{animation:bzcHeroSlowPanB 16s ease-in-out infinite alternate!important}
.bzc-home-hero .bzc-hero-slide-3 img{animation:bzcHeroSlowPanC 16s ease-in-out infinite alternate!important}
.bzc-home-hero .bzc-hero-slide-4 img{animation:bzcHeroSlowPanD 16s ease-in-out infinite alternate!important}
.bzc-home-hero .bzc-hero-copy h1{max-width:12ch}
.bzc-home-hero .bzc-hero-intro{max-width:42rem}
@media (min-width:1100px) and (min-height:720px) and (prefers-reduced-motion:no-preference){
  html.bzc-snap-active body.home main.bzc-home-snap{scroll-snap-type:y proximity!important}
  html.bzc-snap-active body.home #main>section{padding:clamp(76px,8vh,104px) 0 clamp(34px,4.5vh,58px)!important}
  html.bzc-snap-active body.home #main>section>.wrap{min-height:calc(100dvh - var(--bzc-adminbar) - var(--bzc-home-nav-h) - clamp(112px,15vh,156px));gap:clamp(18px,2.6vh,30px)}
  html.bzc-snap-active body.home #approach .wrap,
  html.bzc-snap-active body.home #practice .wrap,
  html.bzc-snap-active body.home #thinking .wrap,
  html.bzc-snap-active body.home #contact .wrap{justify-content:center}
  html.bzc-snap-active body.home #situations .wrap{justify-content:flex-start}
}
@media (min-width:1100px) and (max-height:820px){
  html.bzc-snap-active body.home #main>section{padding:72px 0 28px!important}
  html.bzc-snap-active body.home #main>section>.wrap{min-height:calc(100dvh - var(--bzc-adminbar) - var(--bzc-home-nav-h) - 104px)}
  body.home .bzc-home-card-body p,body.home .bzc-direction-card-body p{font-size:15px!important;line-height:1.55!important}
  body.home .bzc-card-grid,body.home .bzc-direction-grid{gap:18px!important}
}
@media (min-width:1280px) and (min-height:980px){
  html.bzc-snap-active body.home #main>section{padding:clamp(94px,9vh,122px) 0 clamp(42px,5.3vh,66px)!important}
  html.bzc-snap-active body.home #main>section>.wrap{min-height:calc(100dvh - var(--bzc-adminbar) - var(--bzc-home-nav-h) - 164px)}
}
@media (max-width:980px){
  .bzc-contact-grid,.bzc-contact-page-grid{grid-template-columns:1fr;gap:18px}
  .bzc-qr-image{width:160px}
}


/* =========================================================
   Edition 2.8.3 — responsive hero copy/CTA repair.
   Fixes mobile copy overlap, turns both hero links into real
   CTA-style boxes, keeps the CTAs adjacent on desktop, and
   shifts the desktop message toward the left edge.
   ========================================================= */

/* Shared CTA treatment: no more underline-only links. */
.bzc-home-hero .bzc-hero-foot{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  width:auto!important;
  margin:32px 0 0!important;
  padding:0!important;
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
}
.bzc-home-hero .bzc-hero-foot a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:46px;
  padding:11px 17px!important;
  border:1px solid rgba(243,241,235,.62)!important;
  border-bottom:1px solid rgba(243,241,235,.62)!important;
  background:rgba(3,21,18,.34);
  color:#fff!important;
  text-decoration:none!important;
  font-size:12.5px!important;
  line-height:1.25!important;
  font-weight:600;
  letter-spacing:.015em;
  text-shadow:none!important;
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
  transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease;
}
.bzc-home-hero .bzc-hero-foot a:first-child{
  border-color:rgba(180,154,96,.88)!important;
  background:rgba(21,83,72,.76);
}
.bzc-home-hero .bzc-hero-foot a:hover,
.bzc-home-hero .bzc-hero-foot a:focus-visible{
  background:rgba(21,83,72,.94);
  border-color:var(--gold)!important;
  color:#fff!important;
  transform:translateY(-1px);
}

/* Desktop: remove the centered .wrap effect from the hero message. */
@media (min-width:1100px){
  .bzc-home-hero .bzc-hero-inner{
    max-width:none!important;
    width:100%!important;
    margin:0!important;
    padding-left:clamp(44px,4vw,76px)!important;
    padding-right:clamp(44px,4vw,76px)!important;
    align-items:flex-start!important;
  }
  .bzc-home-hero .bzc-hero-copy{
    width:min(760px,55vw)!important;
    max-width:760px!important;
    margin:0!important;
  }
  .bzc-home-hero .bzc-hero-copy h1{
    max-width:11.2ch!important;
  }
  .bzc-home-hero .bzc-hero-intro{
    max-width:590px!important;
  }
  .bzc-home-hero .bzc-hero-foot{
    max-width:760px;
  }
}

/* Tablet and mobile: keep copy and CTAs in normal flow so they can never overlap. */
@media (max-width:1099px){
  body.home .bzc-hero-panel{
    min-height:calc(100svh - 74px)!important;
  }
  body.home .bzc-home-hero{
    height:auto!important;
    min-height:calc(100svh - 74px)!important;
    overflow:hidden!important;
  }
  .bzc-home-hero .bzc-hero-inner{
    height:auto!important;
    min-height:calc(100svh - 74px)!important;
    padding:clamp(58px,8vh,84px) 5vw 46px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:flex-start!important;
  }
  .bzc-home-hero .bzc-hero-copy{
    width:100%!important;
    max-width:690px!important;
    margin:0!important;
  }
  .bzc-home-hero .eyebrow{
    margin:0 0 22px!important;
  }
  .bzc-home-hero h1{
    margin:0 0 22px!important;
    max-width:11ch!important;
  }
  .bzc-home-hero .bzc-hero-intro{
    width:100%!important;
    max-width:600px!important;
    margin:0!important;
  }
  .bzc-home-hero .bzc-hero-foot{
    margin-top:28px!important;
  }
}

@media (max-width:680px){
  .bzc-home-hero .bzc-hero-inner{
    min-height:calc(100svh - 74px)!important;
    padding:54px 5vw 38px!important;
    justify-content:center!important;
  }
  .bzc-home-hero .eyebrow{
    font-size:10px!important;
    line-height:1.55!important;
    letter-spacing:.17em!important;
    max-width:95%!important;
    margin-bottom:19px!important;
  }
  .bzc-home-hero h1{
    font-size:clamp(43px,12.2vw,58px)!important;
    line-height:.98!important;
    letter-spacing:-.042em!important;
    max-width:10.6ch!important;
    margin-bottom:20px!important;
  }
  .bzc-home-hero .bzc-hero-intro{
    font-size:16px!important;
    line-height:1.48!important;
    max-width:100%!important;
  }
  .bzc-home-hero .bzc-hero-foot{
    width:100%!important;
    max-width:360px!important;
    margin-top:25px!important;
    gap:9px!important;
  }
  .bzc-home-hero .bzc-hero-foot a{
    width:100%!important;
    min-height:45px!important;
    padding:11px 13px!important;
    font-size:12px!important;
  }
  .bzc-home-hero .bzc-hero-progress{display:none!important}
}

/* Brand-led marketing service cross-reference: editorial, not promotional. */
.bzc-marketing-service-link{
  margin:clamp(32px,4vw,56px) 0;
  padding:clamp(23px,3vw,38px);
  border-top:2px solid #B49A60;
  background:linear-gradient(135deg,rgba(21,83,72,.07),rgba(243,241,235,.56));
}
.bzc-marketing-service-link .eyebrow{color:#155348;letter-spacing:.15em;font-size:11px;text-transform:uppercase}
.bzc-marketing-service-link h2{font-family:Georgia,serif;font-size:clamp(24px,2.8vw,38px);line-height:1.18;margin:12px 0 14px}
.bzc-marketing-service-link p{max-width:62ch;margin:0 0 18px;line-height:1.65}
.bzc-marketing-service-link a{font-weight:600;color:#155348;text-decoration:none;border-bottom:1px solid #B49A60;padding-bottom:3px}
/* 2.8.23: Transparent Simurgh artwork without artificial paper masking.
   A continuous dark emerald architectural field supports the native ivory
   and gold feathers; left-to-right shade protects headline readability. */
.bzc-about-hero{
  background:linear-gradient(112deg,#092b27 0%,#12483e 47%,#255c4f 100%)!important;
  overflow:hidden;
}
.bzc-about-hero .bzc-about-symbol-field{
  position:absolute;
  inset:0;
  background:transparent!important;
  overflow:hidden;
  pointer-events:none;
}
.bzc-about-hero .bzc-about-symbol-field:before{content:none!important;display:none!important}
.bzc-about-hero .bzc-about-simurgh{
  display:block;
  position:absolute;
  right:clamp(8px,3vw,60px);
  top:51%;
  transform:translateY(-50%);
  width:min(43%,480px);
  height:auto;
  max-height:94%;
  object-fit:contain;
  mix-blend-mode:normal!important;
  filter:none!important;
  opacity:1!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
.bzc-about-hero .bzc-page-hero-shade{
  background:linear-gradient(90deg,rgba(5,29,25,.91) 0%,rgba(6,34,29,.78) 37%,rgba(7,36,31,.19) 66%,rgba(7,36,31,0) 83%)!important;
}
.bzc-brandbooks-hero-image{
  object-fit:cover;
  object-position:center 56%;
}
@media(max-width:680px){
  .bzc-about-hero .bzc-about-simurgh{
    right:-10%;
    top:52%;
    width:79%;
    max-height:88%;
    opacity:.87!important;
  }
  .bzc-about-hero .bzc-page-hero-shade{
    background:linear-gradient(90deg,rgba(5,29,25,.95),rgba(5,29,25,.81) 49%,rgba(5,29,25,.32) 100%)!important;
  }
  .bzc-brandbooks-hero-image{object-position:65% center}
}
/* On wider phones the two buttons can sit beside each other without crowding. */
@media (min-width:520px) and (max-width:1099px){
  .bzc-home-hero .bzc-hero-foot{
    max-width:none!important;
    flex-wrap:nowrap!important;
  }
  .bzc-home-hero .bzc-hero-foot a{
    width:auto!important;
    flex:0 0 auto;
  }
}