/* Warm executive direction: character and depth, with restrained controls. */
:root{--paper:#fafaf8;--ink:#15324A;--muted:#4d5861;--line:#15324A25;--radius:16px;--navy:#15324A;--accent:#294f6a}
body{color:var(--ink)}
body:before{opacity:.008}
h1,h2{font-family:Satoshi,Arial,sans-serif;font-weight:500;letter-spacing:-.035em;line-height:1.08}
h3{letter-spacing:-.025em}
/* One responsive type scale for homepage section headings and labels. */
.home-page{--section-title-size:clamp(38px,4.5vw,64px);--section-eyebrow-size:12px}
.home-page main h2{font-family:Satoshi,Arial,sans-serif;font-size:var(--section-title-size);font-weight:400;line-height:1.08;letter-spacing:-.035em;color:var(--navy)}
.home-page main .eyebrow{font-family:Satoshi,Arial,sans-serif;font-size:var(--section-eyebrow-size);font-weight:650;line-height:1.5;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 22px}
:focus-visible{outline:2px solid #526e82;outline-offset:4px}
.site-atmosphere:before{animation:none;will-change:auto;inset:0}
.site-header.is-scrolled,.site-header:has(details[open]){border-radius:0;box-shadow:0 1px 0 #15324A14;background:#fafaf8f5}
.mega-panel{border-radius:0 0 4px 4px}
.site-header .nav-contact{color:var(--ink)}
.action,.button.action{border-radius:10px;background:var(--navy);border-color:var(--navy);font-weight:500}
.action:hover{background:#25465d;transform:none}
.action.outline-light{background:transparent;color:#fff;border-color:#ffffffb3}
.action.outline-light:hover{background:#fff;color:var(--navy)}
.action.nav-contact{background:transparent;border:0}
.hero-cta.action{background:#15324Af5;border-color:transparent;color:#fff}
.hero-stage,.image-hero,.offering-brand-image,.purpose-card,.news-book-cover,.brand-tile,.story-art,.offering-tile,.ventures-announcement,.unicorn-artwork,.news-reference>img,.career-chapters article>img,.company-collage>img,.split-feature>img{border-radius:16px}
.home-headline h1{font-size:clamp(46px,5.2vw,80px);font-weight:500;letter-spacing:-.035em;line-height:1.08;min-height:3.35em}
.home-headline h1 span:nth-child(2){margin-left:6%}
.home-headline h1 span:nth-child(3){margin-left:2%}
.home-headline>p:last-child{margin-left:0;max-width:390px;font-size:18px;color:#465460}
.hero-kicker{color:#4d6070;font-size:12px;text-transform:uppercase;letter-spacing:.12em}
.hero-publication{background:#d9cbbb}
.hero-publication img{transform:none;box-shadow:8px 12px 20px #15324A24}
.intro-text>p:first-child{font-size:clamp(28px,3vw,45px);line-height:1.3;letter-spacing:-.025em;font-weight:400}
.section-top h2,.brand-heading h2,.current-focus-heading h2,.stagger-title h2{font-weight:400;letter-spacing:-.035em}
.home-page .brand-heading{margin-bottom:70px}
.stagger-title h2{font-size:clamp(42px,5.2vw,76px)}
.stagger-title h2 span:nth-child(n){text-align:left}
.story-gateway .story-art,.story-gateway .art-mint,.story-gateway .art-gold{background:#d1dce1}
.story-gateway:nth-child(2) .story-art{background:#dfcdb3}
.story-gateway:nth-child(3) .story-art{background:#d8c2b5}
.gateway-number{color:#40586b;font-family:Satoshi,Arial,sans-serif;font-size:125px;font-weight:400}
.gateway-arrow{color:var(--navy)}
.story-card:nth-child(odd){margin-top:28px}
.story-card:nth-child(even){margin-top:0}
.story-card:hover img,.offering-tile:hover img,.news-book:hover img,.purpose-card:hover>img{transform:none}
.brand-word{font-size:clamp(44px,5vw,78px);font-weight:450;letter-spacing:-.04em}
.offering-text-tile,.offering-text-tile:nth-child(3n+2),.offering-text-tile:nth-child(3n){background:#dce4e7}
.offering-text-tile:nth-child(even){background:#e9ddc9}
.offering-text-tile h3{color:var(--navy)}
.offering-text-tile .round-link{background:transparent;color:var(--navy)}
.offering-gallery .offering-text-tile:nth-child(even){margin-top:0}
.news-reference-editorial,.news-reference-editorial:nth-child(3n+2),.news-reference-editorial:nth-child(3n){background:#edf0f1;border-radius:16px}
.news-book-cover,.news-book:nth-child(3n+2) .news-book-cover,.news-book:nth-child(3n) .news-book-cover{background:#e8ebec}
.news-book:nth-child(even) .news-book-cover{background:#edeae4}
.news-filters button{border-radius:10px;border-color:#15324A30}
.news-filters button[aria-pressed=true]{background:var(--navy);border-color:var(--navy)}
.brand-tile{background:#faf9f6c2;transition:background-color .25s ease}
.brand-tile:hover{background:#edf2f5e6}
.brand-catalogue-hero{min-height:460px;padding-inline:0}
.brand-catalogue-hero h1{font-size:clamp(52px,6.7vw,98px);line-height:1.06;font-weight:400;letter-spacing:-.035em;max-width:1000px}
.brand-catalogue-hero h1 span:nth-child(n){margin-left:0;display:inline}
.brand-catalogue-hero h1 span:not(:last-child):after{content:' '}
.brand-catalogue-hero>p{margin-left:0;color:var(--muted)}
.news-heading h1{font-size:clamp(56px,7vw,104px)}
.news-heading h1 span{padding-left:0}
.news-heading p{margin-left:0}
.image-hero h1{font-weight:400;font-size:clamp(52px,6vw,88px)}
.company-triptych h1{font-weight:400;letter-spacing:-.035em;background:#fafaf8f5;border-radius:10px;color:var(--navy)}
.geography-heading h2 span{color:#5c7180}
.geography-heading .map-controls button[aria-pressed=true]{color:var(--navy)}
.map-area .map-region-shape,.map-area[data-map-area] .map-region-shape{fill:#536e83}
.site-footer:before,.site-footer:after{display:none;animation:none}
.footer-wordmark{font-family:Satoshi,Arial,sans-serif;font-weight:500;font-size:13.6vw;letter-spacing:-.065em;color:var(--navy)}
.site-footer .footer-nav button{font-family:inherit;font-weight:inherit;background:transparent;border:0;text-align:start;cursor:pointer}
.site-footer .footer-social{border-radius:10px;background:var(--navy)}
@media(max-width:1000px){.home-headline h1{font-size:5.2vw}.brand-catalogue-hero{min-height:380px}}
@media(max-width:760px){
 .home-headline h1{font-size:clamp(40px,10vw,70px);min-height:3.35em}
 .home-headline>p:last-child{font-size:16px}
 .intro-text>p:first-child{font-size:29px}
 .stagger-title h2{font-size:42px}
 .brand-catalogue-hero{min-height:0;padding-block:32px 45px}
 .brand-catalogue-hero h1{font-size:clamp(45px,10vw,72px)}
 .brand-catalogue-hero>p{font-size:18px}
 .company-triptych h1{font-size:clamp(30px,7vw,44px)}
 .gateway-number{font-size:110px}
}
/* Let the image and copy determine hero height at every viewport width. */
.home-page .home-hero{min-height:0;padding-top:160.5px;padding-bottom:0}
.home-page .hero-inner{min-height:0}
.home-page .reading-section{padding-top:clamp(48px,5vw,80px)}
.home-page .reading-word{transition:none;animation:perspective-word-colour 1s linear both paused}
@keyframes perspective-word-colour{from{color:#171d1957}to{color:var(--navy)}}
/* Increase the clear gap below navigation by 10% at each existing breakpoint. */
@media(min-width:1800px){.home-page .home-hero{padding-top:182.5px}}
@media(max-width:1200px){.home-page .home-hero{padding-top:149.5px}}
@media(max-width:1000px){.home-page .home-hero{padding-top:129.3px}}
@media(max-width:760px){.home-page .home-hero{padding-top:115.6px}}
/* Fill the desktop viewport, with both columns centred below the navigation. */
@media(width > 1200px){
 .home-page .home-hero{min-height:100svh;padding-block:132px 32px;display:grid;align-items:center}
 .home-page .hero-inner{width:100%;min-height:calc(100svh - 164px);justify-items:center;align-items:center}
 .home-page .home-headline{width:100%;text-align:center}
 .home-page .home-headline h1{min-height:0}
 .home-page .home-hero .home-headline h1 span:nth-child(n){margin-inline:0}
 .home-page .home-hero .home-headline>p:not(.hero-kicker){margin-inline:auto}
 .home-page .hero-stage{width:min(100%,calc(100svh - 164px));aspect-ratio:1;justify-self:center}
}
/* Centre the stacked hero within a full-width, viewport-height section. */
@media(max-width:1200px){
 .home-page .home-hero{--hero-header-height:100px;width:100%;min-height:100svh;padding-block:calc(var(--hero-header-height) + 32px) 32px;display:grid;align-items:center}
 .home-page .hero-inner{width:100%;max-width:none;grid-template-columns:minmax(0,1fr);min-height:0;gap:clamp(32px,4vw,48px);justify-items:center;align-content:center}
 .home-headline{width:100%;text-align:center}
 .home-page .home-headline h1{font-size:clamp(44px,10vw,70px);min-height:0;margin-bottom:36px}
 .home-page .home-hero .home-headline h1 span:nth-child(n){margin-inline:0}
 .home-page .home-headline>p:not(.hero-kicker){margin:0 auto;max-width:none;font-size:clamp(17px,2vw,20px)}
 .hero-stage{width:min(100%,616px);aspect-ratio:1;max-height:none;justify-self:center}
}
@media(max-width:1000px){.home-page .home-hero{--hero-header-height:82px}}
@media(max-width:760px){.home-page .home-hero{--hero-header-height:76px}}

/* The enquiry sits directly on the page; light tonal fields provide the affordance. */
.home-page .faq-section{padding-bottom:45px}
.home-page .faq-section + .contact{padding-top:37.5px}
/* Hidden measurement uses the FAQ column and answer styling at 1300px. */
.home-page .faq-list.faq-spacing-reference{width:calc((1300px - 100px - 78px)*1.3/2.15)}
.home-page .faq-list.faq-spacing-reference .faq-answer{padding:0 48px 20px 0}
.home-page .faq-list.faq-spacing-reference .faq-answer p{font-size:17px;line-height:1.7}
@media(width < 1100px){.contact-grid{grid-template-columns:minmax(0,1fr);row-gap:clamp(30px,4vw,44px)}}
@media(width < 1100px){.home-page .faq-section{grid-template-columns:minmax(0,1fr);row-gap:clamp(30px,4vw,44px)}}
#enquiry{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
#enquiry input,#enquiry select,#enquiry textarea{border:0;border-radius:6px;background:#15324A08;box-shadow:none;padding:14px 16px;color:#15324A;outline:none;transition:background .2s}
#enquiry input:hover,#enquiry select:hover,#enquiry textarea:hover{border:0;background:#15324A0c;outline:none}
#enquiry input:focus,#enquiry select:focus,#enquiry textarea:focus,#enquiry input:focus-visible,#enquiry select:focus-visible,#enquiry textarea:focus-visible{border:0;background:#15324A12;outline:none;box-shadow:none}
#enquiry input:user-invalid,#enquiry textarea:user-invalid{background:#a13c4310}
#enquiry button{border-radius:8px}
#enquiry label{font-weight:500}
#enquiry input::placeholder,#enquiry textarea::placeholder{color:#68727a}
#enquiry-result{border:0;padding-top:12px}

/* Custom BZ ligature: preserve the navy artwork and its optical proportions. */
.identity img{width:40px;height:32px;object-fit:contain;filter:none}
@media(max-width:760px){.identity img{width:33px;height:27px}}

/* Geography shares the neutral page palette, with breathing room around all land. */
.geography-heading .eyebrow,.geography-heading p{color:#666b6f}
.geography-heading h2 em{color:#687178}
.geography-heading .map-controls button{color:#757a7e}
.geography-heading .map-controls button:hover{color:#34414b}
.geography-heading .map-controls button:focus-visible{outline-color:#687178}
.geography-heading .map-controls button[aria-pressed=true]:after{content:none}
.geography-heading .map-detail span{color:#71777b}
.geography-heading .map-detail:has(span:empty){visibility:hidden}
.geography-visual .world-map{padding-block:16px;overflow:visible}
.geography-visual .focus-map-svg{overflow:visible;max-height:none;aspect-ratio:1540 / 660}
.map-land circle,.map-land circle[fill="#6b9a93"]{fill:#92979b;fill-opacity:.55}
.map-area .map-region-shape,.map-area[data-map-area] .map-region-shape{fill:#727b82}
.map-area.is-selected .map-region-shape{fill-opacity:.08}
.map-area:hover .map-region-shape,.map-area.is-preview .map-region-shape{fill-opacity:.12}
.map-area:focus-visible .map-region-shape{fill-opacity:.2}
.swiss-point{fill:#52616b;stroke:#f8f8f6;stroke-width:2}
.swiss-halo{fill:#77818a1a}

/* Both dropdowns use one shared component and the same interaction treatment. */
.site-header .mega-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);gap:70px;min-height:300px;padding:34px max(50px,calc((100vw - 1360px)/2)) 42px;align-items:start}
.submenu-intro{min-width:0;min-height:224px;display:flex;flex-direction:column;align-items:flex-start}
.submenu-intro .service-link{margin-top:auto}
.submenu-intro h3{font-size:34px;line-height:1.15;font-weight:450;max-width:320px;margin:0 0 18px}
.submenu-intro p{font-size:16px;line-height:1.6;color:var(--muted);margin:0 0 22px;max-width:350px}
.submenu-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 32px;align-content:start;align-items:start}
.submenu-links>a{display:flex;align-items:center;min-height:48px;width:fit-content;max-width:100%;padding:8px 0;font-size:19px;font-weight:450;line-height:1.35;color:var(--navy);text-decoration:none;transition:opacity .2s}
.submenu-links>a:hover,.submenu-intro .service-link:hover{opacity:.65;text-decoration:none}
.submenu-links>a:focus-visible,.submenu-intro .service-link:focus-visible{outline:1px solid #687178;outline-offset:5px;text-decoration:none}
.nav-group>summary:focus:not(:focus-visible){outline:none}
.nav-group>summary:focus-visible{outline:none}
.nav-group>summary:focus-visible>span{outline:1px solid #687178;outline-offset:7px;border-radius:2px}
@media(max-width:1200px) and (min-width:1001px){.site-header .mega-panel{gap:40px}.submenu-links{column-gap:24px}.submenu-links>a{font-size:18px}}
@media(max-width:1000px){
 .site-header .mega-panel{display:flex;flex-direction:column;gap:12px;min-height:0;padding:6px 0 24px}
 .submenu-links{width:100%;grid-template-columns:1fr;gap:0}
 .submenu-links>a{font-size:17px;min-height:44px;padding:10px 0}
 .submenu-intro{order:2;min-height:0;display:block}
 .submenu-intro h3,.submenu-intro p{display:none}
 .submenu-intro .service-link{font-size:14px;min-height:44px}
}

/* Catalogue controls: calm surfaces, compact proportions and a clear hierarchy. */
.brand-toolbar{position:relative;top:auto;display:grid;grid-template-columns:minmax(0,1fr) 180px;align-items:start;background:transparent;backdrop-filter:none;padding:12px 0 32px;gap:14px}
.brand-search-field{display:flex;align-items:center;gap:15px;min-width:0;min-height:64px;padding:12px 22px;background:transparent;border:0;border-radius:12px;box-shadow:none;transition:background-color .2s}
.brand-search-field>svg{width:22px;height:22px;flex-shrink:0;color:#687178}
.brand-toolbar .brand-search-field #brand-search{padding:7px 0;border:0;border-radius:0;background:transparent;color:var(--navy);font-size:18px;line-height:1.4;outline:none;box-shadow:none}
.brand-toolbar .brand-search-field #brand-search:hover,.brand-toolbar .brand-search-field #brand-search:focus,.brand-toolbar .brand-search-field #brand-search:focus-visible{border:0;outline:none;box-shadow:none}
.brand-toolbar .brand-search-field #brand-search::placeholder{color:#596773}
.brand-search-field:hover,.brand-sort-control:hover{background:#ffffff26}
.brand-search-field:focus-within,.brand-sort-control:focus-within{background:#ffffff52;box-shadow:none}
.brand-sort-control{display:grid;align-content:center;gap:2px;min-width:0;min-height:64px;padding:9px 18px;background:transparent;border-radius:12px;transition:background-color .2s}
.brand-toolbar .brand-sort-control label{font-size:11px;line-height:1.2;font-weight:400;letter-spacing:.02em;color:#596773}
.brand-sort-control select{padding:0 22px 0 0;min-height:25px;color:var(--navy);font-size:15px;line-height:1.4;font-weight:500;outline-offset:3px}
.brand-sort-control select:focus-visible{outline:1px solid #899198}
.brand-sort-control svg{right:16px;width:16px;height:16px;color:#687178}
@media(max-width:760px){
 .brand-toolbar{grid-template-columns:minmax(0,1fr);gap:10px;padding:8px 0 24px}
 .brand-search-field{min-height:58px;padding:10px 18px;gap:12px;border-radius:10px}
 .brand-search-field>svg{width:20px;height:20px}
 .brand-toolbar .brand-search-field #brand-search{font-size:17px}
 .brand-sort-control{justify-self:end;width:160px;min-height:58px;border-radius:10px}
}

/* Small interaction details, with the same restrained visual language. */
.brand-marquee.is-dormant .brand-track{animation-play-state:paused}
.gallery-actions [data-gallery]:disabled{opacity:.25;cursor:default;pointer-events:none}
@media(max-width:1000px){.site-header .menu{min-width:44px;min-height:44px;justify-content:center}}
.site-header .menu{color:var(--navy)}
.menu-icon{display:block;flex:none;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.menu-icon-top{transform-origin:12px 6px}
.menu-icon-bottom{transform-origin:12px 18px}
.menu[aria-expanded=true] .menu-icon-top{transform:translateY(6px) rotate(45deg)}
.menu[aria-expanded=true] .menu-icon-middle{opacity:0}
.menu[aria-expanded=true] .menu-icon-bottom{transform:translateY(-6px) rotate(-45deg)}
@media(max-width:760px){.site-header .search-toggle{width:44px;height:44px}}
@media(max-width:360px){.site-header{gap:10px;padding-inline:16px}.identity-name{font-size:17px}.news-heading h1{font-size:42px}}

/* Temporary editorial photographs for the homepage offering previews. */
.home-offerings .offering-photo-tile{position:relative;isolation:isolate;background:#263743}
.home-offerings .offering-photo-tile>img.offering-preview{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;z-index:0}
.home-offerings .offering-photo-tile:after{display:block;inset:0;z-index:1;background:linear-gradient(180deg,#15324A35 0%,#15324A12 30%,#0d1c2be0 100%)}
.home-offerings .offering-photo-tile>.offering-index,.home-offerings .offering-photo-tile>div{position:relative;z-index:2;color:#fff}
.home-offerings .offering-photo-tile h3,.home-offerings .offering-photo-tile .round-link{color:#fff}
.home-offerings .offering-photo-tile .round-link{background:transparent}
.home-offerings .offering-photo-tile:focus-visible{outline:2px solid #526e82;outline-offset:5px}

/* Eight services form an even two-column collection. */
.category-collection{grid-template-columns:repeat(2,minmax(0,1fr))}
.category-collection .offering-tile:nth-child(n){grid-column:auto}
.ma-scope{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 64px}
.ma-scope h2{font-size:clamp(28px,2.6vw,38px);margin-bottom:20px}
@media(max-width:760px){.category-collection,.ma-scope{grid-template-columns:1fr}.ma-scope{gap:32px}}

/* Compact, consistent navigation: links only in both dropdowns. */
.site-header .mega-panel{display:block;min-height:0;padding:30px max(50px,calc((100vw - 1360px)/2)) 34px}
.site-header .submenu-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 42px}
@media(min-width:1001px){.site-header .submenu-links:has(>a[href="/board-director/"]){grid-auto-flow:column;grid-template-rows:repeat(3,auto)}}
.site-header .submenu-links>a:hover{color:#2463a0;opacity:1}

/* A clearer blue accent for names; original brand marks retain their colours. */
.brand-word:hover,.brand-word:focus-visible,.brand-word:hover span,.brand-word:focus-visible span{background:none;color:#2463a0;-webkit-text-fill-color:#2463a0;opacity:1;text-decoration:none}
.brand-tile:hover,.brand-tile:focus-visible{background:#edf2f5e6}
.antares-feature .action.outline-light{background:#fff;border-color:transparent;color:#15324A;transition:background .2s,color .2s,box-shadow .2s}
.antares-feature .action.outline-light:hover{background:#dce8f4;color:#00214d;box-shadow:0 4px 16px #0000001a}
.current-focus .purpose-grid{grid-template-columns:1fr}
.current-focus .antares-feature{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(36px,6vw,100px);align-items:center;min-height:360px;padding:clamp(28px,4vw,64px)}
.current-focus .antares-feature>img{margin:0;width:100%;max-width:400px}
.current-focus .antares-feature p{max-width:550px}

/* News previews lead to self-contained posts; announcement artwork lives in each post. */
.announcement-teaser .story-art{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:26px;padding:32px;height:330px;color:#fff;background:#092e52;border-radius:16px}
.announcement-teaser.teaser-1 .story-art{background:#dce8e9;color:#15324A}
.announcement-teaser.teaser-2 .story-art{background:#d7c7ab;color:#15324A}
.teaser-label{font-size:14px;font-weight:500;letter-spacing:.015em}
.teaser-title{font-size:clamp(36px,3.6vw,52px);font-weight:450;line-height:1.06;letter-spacing:-.035em}
.teaser-read{display:flex;align-items:center;gap:16px;font-size:14px}
.announcement-teaser .teaser-read .cta-arrow{width:16px;height:16px}
.announcement-teaser>div:last-child .mini{font-size:11px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:14px}
.announcement-teaser h3{font-size:28px;line-height:1.18}
.announcement-list{display:grid;gap:0;margin-top:34px}
.announcement-row{display:grid;grid-template-columns:minmax(160px,.6fr) minmax(0,1.8fr) auto;align-items:start;gap:40px;padding:34px 0;text-decoration:none}
.announcement-row+.announcement-row{border-top:1px solid #15324A16}
.announcement-row .mini{font-size:12px;color:var(--muted);margin:8px 0 0}
.announcement-row h3{font-size:clamp(26px,2.6vw,36px);line-height:1.16;margin:0 0 14px}
.announcement-row p:not(.mini){font-size:17px;color:var(--muted);margin:0}
.announcement-row .service-link{font-size:14px;margin-top:10px;white-space:nowrap}
.announcement-row:hover h3{color:#2463a0}
.news-article{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:center;gap:clamp(36px,6vw,100px);padding:35px 0 80px}
.article-copy .mini{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:24px}
.article-copy h1{font-size:clamp(40px,4.4vw,64px);line-height:1.07;margin:0 0 28px}
.article-lead{font-size:20px;line-height:1.65;color:var(--muted);margin-bottom:30px;max-width:620px}
.article-copy .service-link{font-size:16px}
.article-back{display:block;width:fit-content;font-size:14px;margin-top:32px;color:var(--muted)}
.article-back:hover{color:#2463a0;text-decoration:none}
.article-artwork{margin:0;min-width:0}
.article-artwork img{display:block;width:100%;height:auto;max-height:720px;object-fit:contain;border-radius:12px}
.article-ventures-logo{display:block;width:180px;height:auto;mix-blend-mode:multiply;margin:0 0 24px -10px}
@media(max-width:1000px){
 .site-header .mega-panel{padding:6px 0 24px}
 .site-header .submenu-links{grid-template-columns:1fr;gap:0}
 .announcement-row{grid-template-columns:minmax(120px,.6fr) minmax(0,1.8fr);gap:20px}
 .announcement-row .service-link{grid-column:2;margin-top:0}
}
@media(max-width:760px){
 .current-focus .antares-feature{grid-template-columns:1fr;gap:32px;min-height:0}
 .current-focus .antares-feature>img{max-width:290px}
 .announcement-teaser .story-art{height:310px;padding:26px}
 .teaser-title{font-size:40px}
 .announcement-row{grid-template-columns:1fr;gap:14px;padding:28px 0}
 .announcement-row .service-link{grid-column:1}
 .announcement-row .mini{margin:0}
 .news-article{grid-template-columns:1fr;gap:36px;padding-top:15px;padding-bottom:45px}
 .article-copy h1{font-size:clamp(36px,10vw,54px)}
 .article-lead{font-size:18px;line-height:1.6}
 .article-artwork{max-width:540px;width:100%;justify-self:center}
 .news-article-page .breadcrumbs{flex-wrap:wrap;row-gap:8px}
}

/* Geography: persistent selection, clearer tonal regions and a Swiss red marker. */
.geography-visual .map-area[data-map-area] .map-region-shape{fill:#526e82;fill-opacity:.12;stroke:none;stroke-width:0}
.geography-visual .map-area[data-map-area]:hover .map-region-shape{fill-opacity:.23}
.geography-visual .map-area[data-map-area].is-selected .map-region-shape{fill-opacity:.42}
.geography-visual .map-area[data-map-area]:focus-visible .map-region-shape{fill-opacity:.5}
.geography-visual .swiss-point{fill:#da291c;stroke:#fafaf8;stroke-width:2;paint-order:stroke fill}
.geography-visual .swiss-halo{fill:#da291c20}
.geography-heading .map-detail{min-height:68px;visibility:visible}
.geography-heading .map-detail span{color:#4d5861}
/* Archival photographs sit beside relevant work, with direct publisher credits. */
.archive-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,6vw,90px)}
.archive-feature figure,.archive-awards figure{margin:0;min-width:0}
.archive-feature img,.archive-awards img{display:block;width:100%;height:auto;border-radius:16px}
.archive-feature figure{max-width:650px}
.archive-feature figcaption,.archive-awards figcaption{font-size:12px;line-height:1.6;color:var(--muted);margin-top:14px}
.archive-feature figcaption a,.archive-awards figcaption a{color:inherit;text-decoration:none}
.archive-feature figcaption a:hover,.archive-awards figcaption a:hover{color:#2463a0}
.archive-copy h2,.archive-awards h2{font-size:clamp(32px,3.6vw,52px);line-height:1.1;margin:16px 0 24px}
.archive-copy>p:not(.mini),.archive-awards-intro>div>p:not(.mini){font-size:19px;line-height:1.65;color:var(--muted);max-width:560px}
.archive-copy .service-link,.archive-awards .service-link{display:inline-flex;align-items:center;gap:24px;font-size:16px;margin-top:18px}
.archive-awards-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,6vw,90px);margin-bottom:42px}
.press-intro{font-size:18px;color:var(--muted);max-width:680px;line-height:1.6;margin-top:20px}
.press-list{margin-top:38px}
.press-row{display:grid;grid-template-columns:minmax(140px,.7fr) minmax(0,2fr) 24px;align-items:start;gap:32px;padding:28px 0;text-decoration:none;color:var(--navy)}
.press-row+.press-row{border-top:1px solid #15324A16}
.press-meta{font-size:13px;line-height:1.6;color:var(--muted);padding-top:5px}
.press-copy h3{font-size:clamp(23px,2.2vw,31px);font-weight:500;line-height:1.22;margin:0}
.press-copy p{font-size:15px;line-height:1.6;color:var(--muted);margin:10px 0 0}
.press-arrow{font-size:24px;line-height:1.3;color:#526e82}
.press-row:hover h3,.press-row:focus-visible h3{color:#2463a0}
@media(max-width:760px){
 .archive-feature,.archive-awards-intro{grid-template-columns:1fr;gap:26px}
 .archive-copy>p:not(.mini),.archive-awards-intro>div>p:not(.mini){font-size:17px}
 .archive-awards-intro{margin-bottom:28px}
 .archive-feature figcaption,.archive-awards figcaption{font-size:11px}
 .press-row{grid-template-columns:minmax(0,1fr) 22px;gap:10px 16px;padding:25px 0}
 .press-meta{grid-column:1;grid-row:1;padding:0;font-size:12px}
 .press-copy{grid-column:1;grid-row:2}
 .press-arrow{grid-column:2;grid-row:2}
 .press-copy h3{font-size:23px}
}
/* The original YAIL artwork is confined to its Current Focus card. */
.current-focus .yail-focus-card{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(36px,6vw,100px);align-items:center;min-height:390px;padding:clamp(28px,4vw,64px);background:#2596c2 url('/assets/yail-background.png') left top/cover no-repeat;color:#fff;isolation:isolate}
.current-focus .yail-focus-card:before,.current-focus .yail-focus-card:after{display:none}
.current-focus .yail-focus-card>div{position:relative;padding:0;z-index:1}
.current-focus .yail-focus-copy h3{color:#fff;font-size:clamp(28px,2.5vw,40px);line-height:1.15;margin:0 0 20px}
.current-focus .yail-focus-copy p{color:#fff;font-size:18px;line-height:1.6;max-width:550px;margin:0 0 26px}
.current-focus .yail-focus-copy .action{background:#fff;color:#15324A;border:0}
.current-focus .yail-focus-copy .action:hover{background:#e4edf5;color:#15324a}
@media(max-width:760px){
 .current-focus .yail-focus-card{grid-template-columns:1fr;gap:0;min-height:0;padding:28px}
 .current-focus .yail-focus-identity{height:175px}
 .current-focus .yail-focus-copy h3,.current-focus .yail-focus-copy p{color:#15324A}
 .current-focus .yail-focus-copy p{font-size:16px}
}
/* Crop past the source portrait's blank right margin so the shirt reaches the frame. */
.home-hero .portrait-frame img{width:152%;max-width:none;left:-26%;top:-24%;height:auto}

/* Approved details: ink blue, quiet search controls and authentic brand colour. */
.site-header .search-toggle,.help-search button{width:48px;height:48px;min-width:48px;background:transparent;color:var(--navy);border:0;box-shadow:none;transition:background-color .2s ease}
.site-header .search-toggle:hover,.help-search button:hover{background:#15324a0c;color:var(--navy)}
.site-header .search-toggle:focus-visible,.help-search button:focus-visible{background:#15324a0c;outline:2px solid #526e82;outline-offset:3px}

.home-hero[data-colour="0"] .home-headline h1 span{margin-left:0}
.home-hero[data-colour="0"] .home-headline>p:last-child{max-width:480px;line-height:1.6}
.brand-logo-stack{position:relative;display:grid;place-items:center;width:100%;height:100%;min-width:0}
.brand-tile .brand-logo-stack img{grid-area:1/1;max-width:95%;max-height:65%;width:95%;height:65%;object-fit:contain;transition:opacity .22s ease,transform .25s ease}
.brand-tile .brand-logo-colour{filter:none;opacity:0}
.brand-tile:hover img,.brand-tile:focus-visible img{transform:scale(1.025)}
.brand-tile.has-brand-colour:hover .brand-logo-mono,.brand-tile.has-brand-colour:focus-visible .brand-logo-mono{opacity:0}
.brand-tile.has-brand-colour:hover .brand-logo-colour,.brand-tile.has-brand-colour:focus-visible .brand-logo-colour{opacity:1}

@media(prefers-reduced-motion:reduce){.brand-tile img,.brand-tile .brand-logo-stack img{transition:none;transform:none}}

@media(prefers-reduced-motion:reduce){.brand-tile:is(:hover,:focus-visible) img{transform:none}}

/* Position the original white YAIL mark independently of its background artwork. */
.current-focus .yail-focus-card{background-size:auto 210%;background-position:center bottom}
.current-focus .yail-focus-identity{display:flex;align-items:center;justify-content:center;min-width:0;height:auto}
.current-focus .yail-focus-logo{display:block;width:min(100%,300px);height:auto;aspect-ratio:370/305;overflow:hidden}
@media(max-width:760px){.current-focus .yail-focus-identity{height:auto;padding-bottom:30px}.current-focus .yail-focus-logo{width:min(100%,240px)}.current-focus .yail-focus-copy h3,.current-focus .yail-focus-copy p{color:#fff}}

/* Equal-height focus cards, with matching logo rows in the stacked layout. */
.current-focus .purpose-grid{grid-auto-rows:1fr}
@media(max-width:760px){
 .current-focus .antares-feature>div,.current-focus .yail-focus-copy{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;min-width:0}
 .current-focus .antares-feature>div>.site-cta,.current-focus .yail-focus-copy>.site-cta{margin-top:auto;max-width:100%}
 .current-focus{--focus-logo-height:clamp(48px,12vw,76px)}
 .current-focus .antares-feature,.current-focus .yail-focus-card{grid-template-rows:calc(var(--focus-logo-height)*1.25) minmax(min-content,1fr);align-content:stretch;align-items:start;gap:32px;padding:28px}
 .current-focus .antares-feature>img{width:auto;max-width:100%;height:var(--focus-logo-height);aspect-ratio:3.75;object-fit:contain;object-position:left center;justify-self:start;margin:0}
 .current-focus .yail-focus-identity{height:calc(var(--focus-logo-height)*1.25);padding:0;justify-content:flex-start}
 .current-focus .yail-focus-logo{width:auto;max-width:100%;height:calc(var(--focus-logo-height)*1.25);aspect-ratio:370/305}
}

/* Match the search dialog to the shared navy palette. */
#site-search{color:var(--navy)}
#site-search .search-close{background:var(--navy);color:#fff}
#site-search .search-close:hover{background:var(--accent)}
#site-search input{color:var(--navy);border-bottom-color:#15324A40}
#site-search input:hover{border-bottom-color:#526e82}
#site-search input:focus,#site-search input:focus-visible{border-bottom-color:var(--navy);box-shadow:0 1px 0 var(--navy)}
#site-search input::placeholder{color:#687b8b}
#site-search label,#site-search-results .search-caption,#site-search-results p{color:#526e82}
#site-search-results a{color:var(--navy)}
#site-search-results a:hover{color:var(--accent)}

/* Reveal preserved artwork on hover and keyboard focus across the catalogue. */
.brand-tile .brand-logo-colour.brand-paper-art{mix-blend-mode:multiply}
.brand-tile.brand-reversed:is(:hover,:focus-visible){background:var(--navy)}

/* Personal photographs retain their complete composition. */
.hero-story:has(>img.personal-photo){background:#e5e7e7}
.hero-story>img.personal-photo{object-fit:contain}
.hero-story:has(>img.personal-photo):after{background:none}
.offering-brand-image:has(>img.personal-photo){height:auto;aspect-ratio:3/2;align-self:center;background:#e5e7e7}
.offering-brand-image>img.personal-photo{object-fit:contain;display:block}
.personal-image-hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:clamp(24px,4vw,60px);min-height:0;aspect-ratio:auto;overflow:visible;isolation:auto}
.personal-image-hero>img.personal-photo{position:static;width:100%;height:auto;object-fit:contain;border-radius:16px;z-index:auto}
.personal-image-hero:after{display:none}
.personal-image-hero .image-hero-copy{padding:20px 0;color:var(--navy)}
.personal-image-hero .image-hero-copy h1{font-size:clamp(42px,4.4vw,66px)}
.personal-image-hero .image-hero-copy p{color:var(--muted);font-size:19px}
.personal-editorial-photo{margin-block:45px 75px;max-width:1100px}
.personal-editorial-photo img{display:block;width:100%;height:auto;border-radius:16px}
.personal-editorial-photo figcaption{font-size:13px;color:var(--muted);margin-top:14px}
.personal-event-gallery>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:32px}
.personal-event-gallery figure{margin:0;min-width:0}
.personal-event-gallery img{display:block;width:100%;height:auto;object-fit:contain;border-radius:16px}
.personal-event-gallery figure:first-child{grid-column:1/-1}
.personal-video-link{font-size:16px;line-height:1.5;margin-top:24px}
.personal-video-link a{color:var(--navy);text-decoration:underline;text-underline-offset:4px}
@media(max-width:760px){.personal-image-hero{grid-template-columns:1fr;gap:24px}.personal-image-hero .image-hero-copy{padding:0}.personal-event-gallery>div{grid-template-columns:1fr;gap:20px}.personal-editorial-photo{margin-block:30px 45px}.personal-image-hero .image-hero-copy h1{font-size:42px}}

/* Preserve the offerings design while page scroll moves through its cards. */
.offerings-scroll-track{position:relative}
body.atmosphere-enabled .offerings-scroll-track>.home-offerings{background:transparent}
.offerings-scroll-track.is-pinned>.home-offerings{position:sticky;top:var(--offerings-top);width:100%;min-height:var(--offerings-height)}
.offerings-scroll-track.is-pinned .offering-gallery{scroll-snap-type:none;scroll-behavior:auto}
.offering-navigation{display:flex;justify-content:center;gap:16px;margin-top:16px}
.offerings-scroll-track.is-pinned .offering-navigation{display:none}
.offering-navigation .gallery-arrow[hidden]{display:none}
.offering-navigation .gallery-arrow:disabled{opacity:.3;cursor:default}
html[dir=rtl] .offering-navigation .gallery-arrow svg{transform:rotate(180deg)}
/* The first geography text, not an empty padded section, follows the last card. */
.offerings-scroll-track.is-pinned + .geographic-focus{padding-top:0}
.offerings-scroll-track.is-pinned + .geographic-focus .geography-heading{align-self:start}

/* Plain-text FAQ with native keyboard-accessible accordions. */
.faq-section{grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:clamp(40px,6vw,100px);align-items:start}
.faq-intro{padding-top:12px}
.faq-section h2{margin-bottom:24px}
.faq-description{max-width:340px;margin:0;color:#566570;font-size:18px;line-height:1.65}
.faq-list{display:grid;gap:0;min-width:0;align-content:start}
.faq-list details,.faq-list details:last-child{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.faq-list details:hover{background:transparent}
.faq-list details[open]{background:transparent}
.faq-list summary{display:flex;align-items:center;min-height:60px;padding:16px 48px 16px 0;font-size:19px;line-height:1.45;font-weight:500;color:#15324a}
.faq-list summary:after{content:'+';display:grid;place-items:center;right:0;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:0;font-size:23px;line-height:1;background:transparent;color:#15324a}
.faq-list details[open] summary:after{content:'−';background:transparent;color:#15324a}
.faq-list summary:focus-visible{outline:2px solid #15324a;outline-offset:-5px;border-radius:12px}
.faq-list .faq-answer{padding:0 48px 20px 0}
.faq-list details .faq-answer p{margin:0;max-width:60ch;font-size:17px;line-height:1.7;color:#566570}
.faq-list .faq-answer .site-cta{margin-top:22px}
@media(max-width:760px){.faq-section{grid-template-columns:1fr;gap:30px}.faq-intro{padding-top:0}.faq-section h2{margin-bottom:18px}.faq-description{max-width:40ch;font-size:17px}.faq-list{gap:0}.faq-list summary{min-height:56px;padding:14px 42px 14px 0;font-size:18px}.faq-list summary:after{right:0;width:28px;height:28px;font-size:21px}.faq-list .faq-answer{padding:0 0 20px}.faq-list details .faq-answer p{font-size:16px}}
@media(prefers-reduced-motion:reduce){.faq-list details{transition:none}}

/* Compact catalogue controls: an underlined search and a plain-text sort. */
.brand-toolbar{grid-template-columns:minmax(0,560px) auto;justify-content:space-between;align-items:center;gap:24px 40px}
.brand-toolbar .brand-search-field{min-height:50px;padding:4px 0;gap:12px;border:0;border-bottom:1px solid #87949d;border-radius:0;background:transparent;box-shadow:none;transition:border-color .2s}
.brand-toolbar .brand-search-field>svg{width:20px;height:20px;color:#15324a}
.brand-toolbar .brand-search-field:hover{background:transparent;border-bottom-color:#15324a}
.brand-toolbar .brand-search-field:focus-within{background:transparent;border-bottom-color:#15324a;box-shadow:0 1px 0 #15324a}
.brand-toolbar .brand-search-field #brand-search{font-size:17px;padding:8px 0}
.brand-toolbar .brand-sort-control{display:flex;align-items:center;gap:12px;min-height:50px;width:auto;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.brand-toolbar .brand-sort-control:hover,.brand-toolbar .brand-sort-control:focus-within{background:transparent;box-shadow:none}
.brand-toolbar .brand-sort-control label{font-size:14px;line-height:1.4;letter-spacing:0;color:#596773}
.brand-toolbar .brand-sort-control select{width:auto;min-width:122px;min-height:44px;padding:10px 24px 10px 0;border:0;border-radius:0;background:transparent;box-shadow:none;outline:none;font-size:16px;line-height:1.4;color:#15324a}
.brand-toolbar .brand-sort-control select:focus-visible{outline:none;box-shadow:0 2px 0 #15324a}
.brand-toolbar .brand-sort-control svg{right:0;color:#15324a}
@media(max-width:760px){.brand-toolbar{grid-template-columns:minmax(0,1fr);gap:8px}.brand-toolbar .brand-sort-control{justify-self:end;min-height:44px}.brand-toolbar .brand-search-field{min-height:48px}}

/* Balance the advisory photograph’s bright wall with the surrounding offering cards. */
.home-offerings .offering-photo-tile[href="/advisory-board/"]:after{background:linear-gradient(180deg,rgba(21,50,74,.62) 0%,rgba(21,50,74,.46) 28%,rgba(21,50,74,.20) 55%,#0d1c2be0 100%)}

/* Editorial images for experience, publications, and speaking. */
.hero-story[data-slide="1"]>img{object-fit:cover;object-position:50% center}
.hero-story.speaking-story>img.speaking-archive{object-fit:cover;object-position:58% center}
.hero-story.speaking-story:after{background:linear-gradient(180deg,transparent 55%,rgba(21,50,74,.22) 100%)}

/* Center the entire cover within the stage, leaving space for its action. */
.hero-publication{display:flex;align-items:center;justify-content:center;padding:0}
.hero-publication img{display:block;flex:none;width:auto;height:auto;min-width:0;min-height:0;max-width:60%;max-height:calc(100% - 204px);object-fit:contain;transform:none}
@media(max-width:760px){.hero-publication img{max-height:calc(100% - 164px)}}

/* A quieter pause control, with a generous invisible pointer target. */
.home-hero .hero-pause{position:relative;width:28px;height:28px;min-width:0;min-height:0;padding:0;font-size:11px;line-height:1;background:rgba(21,50,74,.22);border-color:rgba(255,255,255,.28);color:rgba(255,255,255,.86);backdrop-filter:blur(4px);transition:background .2s,border-color .2s}
.home-hero .hero-pause:after{content:"";position:absolute;inset:-8px;border-radius:50%}
.home-hero .hero-pause:hover{background:rgba(21,50,74,.4);border-color:rgba(255,255,255,.5)}
.home-hero .hero-pause:focus-visible{outline:2px solid white;outline-offset:4px}

/* About opens with Borut, his Swiss base, and one authentic conversation. */
.company-triptych .company-collage>.about-portrait{position:relative;height:380px;overflow:hidden;border-radius:16px;background:#e3e8e9}
.company-triptych .about-portrait img{position:absolute;height:200%;width:auto;max-width:none;left:50%;top:-25%;transform:translateX(-50%);mix-blend-mode:multiply}
.company-triptych .company-collage>img.about-conversation{object-position:center 22%}
.offering-brand-image.service-context-image{height:auto;aspect-ratio:3/2;align-self:center}
.offering-brand-image.service-context-image img{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:760px){.company-triptych .company-collage>.about-portrait{height:230px}}

/* Tuš colour reveal: RGB rendering of the official yellow/green logo guide. */
.brand-tile[data-brand="tus"]:is(:hover,:focus-visible){background:#00813c}

/* Radio Hit has a tall lockup: anchor its frame to the square tile. */
.brand-tile[data-brand="radio hit"]{position:relative}
.brand-tile[data-brand="radio hit"] .brand-logo-stack{position:absolute;inset:0;min-height:0}
.brand-tile[data-brand="radio hit"] .brand-logo-stack img{position:absolute;inset:0;margin:auto;width:72%;height:72%;max-width:72%;max-height:72%;object-position:center}

/* Readable name when the only available archival logo is too low-resolution. */
.brand-tile .brand-text-fallback{display:block;text-align:center;color:var(--navy);font-size:clamp(18px,2.4vw,36px);font-weight:600;line-height:1.1;letter-spacing:-.035em}

/* Keep the vertical Antares lockup centred and identical in both states. */
.brand-tile[data-brand="antares ag"]{position:relative}
.brand-tile[data-brand="antares ag"] .brand-logo-stack{position:absolute;inset:0;min-height:0}
.brand-tile[data-brand="antares ag"] .brand-logo-stack img{position:absolute;inset:0;margin:auto;width:72%;height:72%;max-width:72%;max-height:72%;object-position:center}

/* Valvoline's source canvas has extra whitespace on the right. Centre the artwork. */
.brand-tile[data-brand="valvoline"]{position:relative}
.brand-tile[data-brand="valvoline"] .brand-logo-stack{position:absolute;inset:0;margin:auto;width:74%;height:auto;aspect-ratio:491/320;min-height:0}
.brand-tile[data-brand="valvoline"] .brand-logo-stack img{position:absolute;left:8.35%;top:2%;width:100%;height:100%;max-width:100%;max-height:100%;object-position:center}

/* Full official Playboy rabbit-and-wordmark lockup, with room around every edge. */
.brand-tile[data-brand="playboy"]{position:relative}
.brand-tile[data-brand="playboy"] .brand-logo-stack{position:absolute;inset:0;min-height:0}
.brand-tile[data-brand="playboy"] .brand-logo-stack img{position:absolute;inset:0;margin:auto;width:82%;height:65%;max-width:82%;max-height:65%;object-position:center}

/* Offset the uneven source margins so Porsche Leasing's lettering is centred. */
.brand-tile[data-brand="porsche leasing"]{position:relative}
.brand-tile[data-brand="porsche leasing"] .brand-logo-stack{position:absolute;inset:0;margin:auto;width:74%;height:auto;aspect-ratio:640/184;min-height:0}
.brand-tile[data-brand="porsche leasing"] .brand-logo-stack img{position:absolute;left:5.65%;top:4.1%;width:100%;height:100%;max-width:100%;max-height:100%;object-position:center}

/* Sharp FedEx Express vector; matching frames for monochrome and original colours. */
.brand-tile[data-brand="fedex express"]{position:relative}
.brand-tile[data-brand="fedex express"] .brand-logo-stack{position:absolute;inset:0;min-height:0}
.brand-tile[data-brand="fedex express"] .brand-logo-stack img{position:absolute;inset:0;margin:auto;width:78%;height:65%;max-width:78%;max-height:65%;object-position:center}

/* Centre the VARTA artwork, compensating for its asymmetric source margins. */
.brand-tile[data-brand="varta"]{position:relative}
.brand-tile[data-brand="varta"] .brand-logo-stack{position:absolute;inset:0;margin:auto;width:74%;height:auto;aspect-ratio:640/262;min-height:0}
.brand-tile[data-brand="varta"] .brand-logo-stack img{position:absolute;left:6%;top:-5.3%;width:100%;height:100%;max-width:100%;max-height:100%;object-position:center}
