:root{--proven-royal:#0847d3;--proven-deep:#123464;--proven-ink:#18365f;--proven-mist:#e9f0f6}
.page-container{max-width:1440px;width:calc(100% - clamp(48px,10.4vw,200px))}

/* Restored Proven header from the earlier local design. */
.site-header{height:110px;padding:0 40px;gap:40px;color:#fff;transition:opacity .25s,visibility .25s}
.site-logo img{width:130px;height:auto}
.desktop-nav{height:100%;gap:clamp(25px,2vw,40px)}
.desktop-nav a{font-size:14px;font-weight:700;letter-spacing:-.035em}
.desktop-nav .nav-group{position:relative;display:flex;align-items:center;gap:5px;height:100%}
.desktop-nav .nav-dropdown-toggle{display:grid;width:16px;height:28px;place-items:center;padding:0;border:0;background:none;color:#fff;opacity:.78;cursor:pointer}
.desktop-nav .nav-dropdown-toggle img{display:block;width:13px;height:13px;filter:brightness(0) invert(1);transition:transform .2s}
.desktop-nav .nav-group:hover .nav-dropdown-toggle img,.desktop-nav .nav-group:focus-within .nav-dropdown-toggle img,.desktop-nav .nav-group.is-open .nav-dropdown-toggle img{transform:rotate(180deg)}
.desktop-nav .nav-dropdown-menu{position:absolute;z-index:45;top:calc(100% - 13px);left:-15px;display:grid;gap:2px;width:max-content;min-width:220px;max-width:280px;padding:9px;border:1px solid rgba(16,48,88,.08);border-radius:12px;background:#fff;color:#193b6b;box-shadow:0 18px 38px rgba(4,22,50,.2);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px);transition:opacity .18s,visibility .18s,transform .18s}
.desktop-nav .nav-group:hover .nav-dropdown-menu,.desktop-nav .nav-group:focus-within .nav-dropdown-menu,.desktop-nav .nav-group.is-open .nav-dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:none}
.desktop-nav .nav-dropdown-menu a{display:flex;padding:11px 13px;border-radius:7px;color:#193b6b;font-size:13px;font-weight:700;letter-spacing:-.015em;line-height:1.35;white-space:normal;transition:background .18s,color .18s}
.desktop-nav .nav-dropdown-menu a:hover,.desktop-nav .nav-dropdown-menu a:focus-visible{background:#eef3f9;color:#0b4ac3;opacity:1}
.header-actions{gap:20px}
.search-trigger,.language-button{display:flex;align-items:center;justify-content:center;border:0;background:none;color:#fff;padding:0}
.search-trigger{width:25px;height:35px}
.search-trigger svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round}
.language-button{height:auto;min-width:0;gap:9px;border:0;border-radius:0;background:none;font-size:13px;font-weight:700}
.language-button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.3}
.action-divider{width:1px;height:22px;background:rgba(255,255,255,.58)}
.mobile-menu-button{padding:8px}
.compact-header{top:28px;left:clamp(20px,3.1vw,58px);height:62px;border-radius:3px;background:rgba(255,255,255,.13);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 8px 30px rgba(5,24,54,.13)}
.compact-header a{width:145px;height:62px;padding:0 18px}
.compact-header img{width:112px}
.compact-header button{width:60px;height:62px}
.home-page.is-scrolled .site-header{opacity:0;visibility:hidden}
.home-page.is-past-story .compact-header{background:rgba(27,54,100,.96)}
.inner-page .site-header{position:absolute;inset:0 0 auto;background:var(--proven-royal)}
.inner-page .compact-header{display:flex}

/* Keep the earlier Proven identity while using the requested scroll structure. */
.story-stage{background:#0849bc url('./proven-hero/assets/proven-blue-studio-empty.png') center center / cover no-repeat}
.story-atmosphere{display:none}
.story-model{left:0;top:2.4%;width:100%;height:100%;pointer-events:auto;--model-shift:11%;--model-scale:.66;transform:translateX(var(--model-shift)) scale(var(--model-scale)) rotate(var(--model-angle,0deg))}
.story-model canvas{cursor:default;touch-action:none;opacity:0;transition:opacity .2s ease}
.story-poster{transform:translate(0,-1.1%) scale(1.036,1.041);transform-origin:center;transition:opacity .2s ease}
.model-ready .story-poster{display:block;opacity:0}
.model-ready .story-model canvas{opacity:1}
.model-interactive .story-model canvas{opacity:1}
.story-model:focus-visible{outline:2px solid #d8ecff;outline-offset:4px}
.story-intro{top:33%;left:max(calc((100vw - 1600px)/2),5%);max-width:700px}
.story-intro h1{max-width:680px;margin:0;font-size:clamp(50px,4.5vw,72px);font-weight:700;letter-spacing:-.02em;line-height:1.04;text-wrap:pretty}
.story-description{max-width:520px;margin:23px 0 0;color:#e0ebfb;font-size:clamp(16px,1.02vw,18px);line-height:1.58}
.story-intro .story-link{margin-top:31px}
.story-link{min-width:258px;padding:7px 7px 7px 22px;border-color:rgba(223,240,251,.57);border-radius:7px;background:rgba(255,255,255,.075);font-size:10px;font-weight:800;letter-spacing:.17em}
.story-link:after{content:'↗';display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(255,255,255,.6);border-radius:50%;font-size:18px}
.story-scroll-cue{left:max(calc((100vw - 1600px)/2),5%);font-weight:700;letter-spacing:0;text-transform:none}
.story-scroll-cue{z-index:3}
.story-about{top:18%;right:6.8%}
.story-about h2{font-weight:700}
.story-about p{color:#e1ebfa}

/* Proven's own visual language for the imported homepage sections. */
.projects-section{position:relative;padding:112px 0 118px;background:linear-gradient(180deg,#1246a3 0%,#103a81 100%);color:#fff}
.proven-story + .projects-section{padding-top:150px}
.projects-section h2,.specialization-section h2,.faq-section h2{font-size:clamp(42px,4.2vw,69px);font-weight:700;letter-spacing:-.06em;line-height:1.06}
.projects-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 auto 42px}
.projects-section h2{margin:0;color:#fff}
.projects-kicker{margin:0 0 16px;color:#b5d2f4;font-size:10px;font-weight:800;letter-spacing:.2em}
.projects-count{padding-bottom:8px;color:#d6e6fa;font-size:11px;font-weight:700;letter-spacing:.14em}
.project-row{max-width:1440px;width:calc(100% - clamp(48px,10.4vw,200px));margin:auto;grid-template-columns:1.14fr .86fr;grid-template-rows:repeat(2,300px);gap:20px}
.project-row .image-tile{height:auto;border:1px solid rgba(226,239,255,.16);border-radius:22px;isolation:isolate;box-shadow:0 18px 46px rgba(2,17,42,.2);transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}
.project-row .image-tile:hover{transform:translateY(-5px);box-shadow:0 24px 48px rgba(2,17,42,.28)}
.project-row .image-tile img{transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.project-row .image-tile:hover img{transform:scale(1.035)}
.project-row .image-tile:first-child{grid-row:span 2}
.project-row .image-tile:after{inset:25% 0 0;border-radius:inherit;background:linear-gradient(transparent,rgba(4,20,42,.82))}
.project-row .project-caption{left:32px;right:28px;bottom:30px;font-size:clamp(24px,2.4vw,37px);font-weight:700;letter-spacing:-.035em}
.project-row .image-tile:first-child .project-caption{font-size:clamp(32px,3.3vw,52px)}
.project-row .image-tile:focus-visible{outline:3px solid #78bcff;outline-offset:5px}
.project-action{max-width:1440px;width:calc(100% - clamp(48px,10.4vw,200px));margin:34px auto 0}
.blue-bar-link{display:inline-flex;align-items:center;justify-content:center;padding:0 24px;background:#24508c}
.projects-section .blue-bar-link{min-width:290px;min-height:54px;justify-content:space-between;gap:28px;padding:7px 8px 7px 22px;border:1px solid rgba(223,240,251,.62);border-radius:8px;background:rgba(255,255,255,.055);font-size:10px;font-weight:800;letter-spacing:.14em;transition:background .25s,border-color .25s,transform .25s}
.projects-section .blue-bar-link:after{content:'↗';width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(223,240,251,.72);border-radius:50%;font-size:17px;font-weight:400;letter-spacing:0}
.projects-section .blue-bar-link:hover{transform:translateY(-2px);border-color:#fff;background:rgba(255,255,255,.15)}

.specialization-section{padding-top:112px;padding-bottom:120px;background:transparent}
.specialization-heading{max-width:940px;margin-bottom:48px}
.specialization-kicker{margin:0 0 16px;color:#5075a5;font-size:10px;font-weight:800;letter-spacing:.2em}
.specialization-section h2{max-width:900px;margin:0;color:var(--proven-ink)}
.specialization-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.specialization-grid .image-tile{height:340px;display:block;overflow:hidden;border:0;border-radius:22px;background:#dfe8f2;box-shadow:0 12px 30px rgba(18,44,79,.08);text-decoration:none}
.specialization-grid .image-tile img{height:100%;aspect-ratio:auto;object-fit:cover;background:#fff;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.specialization-grid .image-tile:hover img{transform:scale(1.045)}
.specialization-grid .image-tile:after{display:block;inset:36% 0 0;border-radius:inherit;background:linear-gradient(transparent,rgba(7,23,47,.82))}
.specialization-grid .specialization-card span{position:absolute;z-index:1;left:28px;right:25px;bottom:27px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0;color:#fff;font-size:clamp(23px,2.1vw,32px);font-weight:700;line-height:1.18;letter-spacing:-.04em}
.specialization-grid .specialization-card span:after{content:'↗';flex:none;display:grid;place-items:center;font-size:24px;font-weight:400;transition:transform .25s}
.specialization-grid .specialization-card:hover span:after{transform:translate(3px,-3px)}
.specialization-grid .specialization-card:hover{box-shadow:0 20px 40px rgba(18,44,79,.16)}
.specialization-grid .specialization-card:focus-visible{outline:2px solid #3471c4;outline-offset:4px}

.faq-section{padding-top:110px;padding-bottom:125px;grid-template-columns:42% 1fr;gap:8%;background:#fff}
.faq-section h2{color:var(--proven-ink)}
.faq-intro p{max-width:470px;color:#536c88;font-weight:500;line-height:1.7}
.faq-items{border-top:1px solid #c7d5e3}
.faq-items summary{padding:25px 30px 25px 0;color:var(--proven-ink);font-size:clamp(17px,1.4vw,22px);font-weight:700}
.faq-answer{color:#526c87}
.faq-section{box-sizing:border-box;margin:44px auto;padding:clamp(34px,5vw,72px);grid-template-columns:minmax(270px,.78fr) minmax(0,1.22fr);gap:clamp(36px,6vw,88px);align-items:start;border-radius:24px;background:#f2f5f9;color:var(--proven-ink);scroll-margin-top:100px}
.faq-kicker{margin:0 0 16px;color:#24508c;font-size:10px;font-weight:800;letter-spacing:.19em;line-height:1.3}
.faq-section h2{max-width:500px;font-size:clamp(38px,4vw,58px);line-height:1.08;letter-spacing:-.045em}
.faq-intro p:not(.faq-kicker){max-width:440px;margin:22px 0;color:#536c88;font-size:15px;line-height:1.75}
.faq-contact{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-width:220px;min-height:54px;margin-top:6px;padding:7px 8px 7px 22px;border:1px solid rgba(27,54,100,.34);border-radius:8px;background:rgba(27,54,100,.035);color:#173969;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;transition:background .25s,border-color .25s,transform .25s}
.faq-contact:after{content:'↗';width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(27,54,100,.42);border-radius:50%;font-size:17px;font-weight:400;letter-spacing:0}
.faq-contact:hover{transform:translateY(-2px);border-color:#1b3664;background:#1b3664;color:#fff}
.faq-contact:hover:after{border-color:rgba(255,255,255,.72)}
.faq-items{display:grid;gap:12px;border:0}
.faq-items details{padding:0 22px;border:0;border-radius:12px;background:#fff;box-shadow:0 8px 22px rgba(16,43,79,.035);transition:box-shadow .2s}
.faq-items details[open]{box-shadow:0 12px 28px rgba(16,43,79,.07)}
.faq-items summary{position:relative;padding:22px 38px 22px 0;color:#193b6b;font-size:clamp(16px,1.3vw,20px);font-weight:700;line-height:1.45;letter-spacing:-.02em}
.faq-items summary:after{content:"";position:absolute;top:50%;right:0;width:17px;height:17px;transform:translateY(-50%);background:center/contain no-repeat url("./source/icons/bootstrap/plus-lg.svg");filter:brightness(0) saturate(100%) invert(22%) sepia(17%) saturate(2022%) hue-rotate(178deg) brightness(91%) contrast(91%)}
.faq-items details[open] summary:after{content:"";background-image:url("./source/icons/bootstrap/dash-lg.svg")}
.faq-items summary:focus-visible{outline:2px solid #4283c4;outline-offset:3px;border-radius:4px}
.faq-items details[open] summary{padding-bottom:16px;color:#0c2d60}
.faq-answer{padding:0 0 18px;color:#526c87;font-size:14px;line-height:1.75}
.faq-answer p{margin:12px 0}
.faq-answer p:first-child{margin-top:0}
.faq-answer p:last-child{margin-bottom:0}
.faq-answer strong{color:#193b6b}
.site-footer{padding-top:90px;background:#0c2d60}

.mobile-menu[hidden],.search-overlay[hidden]{display:none}
.mobile-menu,.search-overlay{position:fixed;z-index:50;inset:0;background:none}
.overlay-backdrop{position:absolute;inset:0;background:rgba(5,18,42,.6);backdrop-filter:blur(6px)}
.mobile-menu-panel,.search-panel{position:absolute;right:0;top:0;bottom:0;width:min(520px,100%);padding:34px clamp(25px,4vw,58px);background:#183763;color:#fff;box-shadow:-20px 0 65px rgba(1,10,28,.25);overflow:auto}
.mobile-menu-top img{width:145px}
.mobile-menu nav{margin-top:9vh}
.mobile-menu nav a{padding:16px 0;font-size:clamp(21px,2.3vw,31px);font-weight:600;letter-spacing:-.04em}
.mobile-menu nav .menu-secondary{font-size:17px;color:#c5d8ec}
.mobile-menu nav .nav-group{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:center}
.mobile-menu nav .nav-group>.nav-dropdown-toggle{grid-column:2;grid-row:1;width:44px;height:55px;display:grid;place-items:center;padding:0;border:0;background:none;color:#fff}
.mobile-menu nav .nav-dropdown-toggle img{width:16px;height:16px;filter:brightness(0) invert(1);transition:transform .2s}
.mobile-menu nav .nav-group.is-open .nav-dropdown-toggle img{transform:rotate(180deg)}
.mobile-menu nav .nav-dropdown-menu{grid-column:1/-1;display:none;margin:0 0 10px 12px;padding:4px 0 5px 16px;border-left:1px solid rgba(255,255,255,.25)}
.mobile-menu nav .nav-group.is-open .nav-dropdown-menu{display:grid}
.mobile-menu nav .nav-dropdown-menu a{padding:10px 0;border:0;color:#c5d8ec;font-size:17px;font-weight:600;letter-spacing:-.02em;line-height:1.35}
.mobile-language{position:static;margin-top:35px;padding:0;border:0;text-decoration:underline;text-underline-offset:5px;font-size:14px}
.search-panel{bottom:auto;min-height:330px;width:min(600px,100%)}
.search-panel-top{display:flex;justify-content:space-between;align-items:center;font-size:26px}
.search-panel-top button{border:0;background:none;color:#fff;font-size:36px;line-height:1}
.search-panel label{display:block;margin-top:40px;font-size:14px}
.search-panel input{width:100%;margin-top:12px;padding:14px 0;border:0;border-bottom:1px solid #adc6dc;border-radius:0;background:transparent;color:#fff;font-size:25px;outline:none}
.search-feedback{display:flex;flex-direction:column;gap:9px;margin-top:20px;color:#d2e4f5;font-size:14px}
.search-feedback a{padding:7px 0;border-bottom:1px solid rgba(255,255,255,.25)}

@media(max-width:1100px){
 .site-header{gap:28px}
 .desktop-nav{gap:18px}
 .desktop-nav a{font-size:12px}
 .site-logo img{width:122px}
 .story-intro{top:22%;left:6%;max-width:66%}
 .story-intro h1{max-width:660px;font-size:clamp(48px,5.2vw,64px)}
 .story-description{max-width:470px}
 .story-scroll-cue{left:6%}
 .specialization-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(min-width:801px) and (max-width:1100px){
 .story-model{top:27%}
}
@media(max-width:800px){
 .site-header{height:84px;padding:0 24px}
 .site-logo img{width:132px}
 .mobile-menu-button{display:block;margin-left:auto}
 .menu-bars{height:11px;width:23px;border-top:2px solid currentColor;border-bottom:2px solid currentColor}
 .menu-bars:after{display:none}
 .story-intro{top:15%;left:6%;right:6%;max-width:none}
 .story-intro h1{max-width:630px;font-size:clamp(34px,9.2vw,58px)}
 .story-description{max-width:470px;margin-top:18px;font-size:14px;line-height:1.5}
 .story-intro .story-link{margin-top:20px}
 .story-model{left:0;width:100%}
 .story-about{right:6%}
 .project-row{grid-template-columns:1fr 1fr;grid-template-rows:340px 230px;gap:15px}
 .project-row .image-tile:first-child{grid-row:auto;grid-column:1/-1}
 .faq-section{grid-template-columns:1fr;gap:30px}
}
@media(max-width:700px){
 .story-model canvas{opacity:0}
 .story-poster{transform:translate(-2.3%,-1.2%) scale(1.12,1.08)}
 .page-container,.project-row,.project-action{width:calc(100% - 44px)}
 .story-intro{top:14%}
 .story-intro h1{font-size:clamp(34px,9.2vw,58px)}
 .story-model{top:45%;width:100%;height:62%;--model-shift:0%;--model-scale:1.15;transform:translate(var(--model-shift),var(--model-rise,0svh)) scale(calc(var(--model-scale) * .95)) rotate(var(--model-angle,0deg))}
 .story-about{top:55%}
 .story-about h2{font-size:clamp(35px,9vw,52px)}
 .projects-section{padding:70px 0 80px}
 .proven-story + .projects-section{padding-top:95px}
 .projects-section h2,.specialization-section h2,.faq-section h2{font-size:clamp(38px,9vw,50px)}
 .projects-heading{align-items:flex-start;margin-bottom:29px}
 .projects-kicker{margin-bottom:12px;font-size:9px;letter-spacing:.16em}
 .projects-count{padding:3px 0 0;font-size:9px}
 .project-row{grid-template-columns:1fr;grid-template-rows:none;gap:15px}
 .project-row .image-tile,.project-row .image-tile:first-child{height:300px;grid-row:auto;grid-column:auto;border-radius:15px}
 .project-row .project-caption{left:22px;bottom:21px;font-size:26px}
 .project-row .image-tile:first-child .project-caption{font-size:clamp(27px,7vw,38px)}
 .project-action{margin-top:24px}
 .projects-section .blue-bar-link{min-width:min(290px,100%)}
 .specialization-section{padding-top:75px;padding-bottom:85px}
 .specialization-heading{margin-bottom:29px}
 .specialization-kicker{margin-bottom:12px;font-size:9px;letter-spacing:.16em}
 .specialization-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
 .specialization-grid .image-tile{height:285px;border-radius:16px}
 .specialization-grid .specialization-card span{left:18px;right:16px;bottom:18px;font-size:clamp(17px,4.1vw,22px)}
 .faq-section{margin:28px auto;padding:34px 28px;gap:25px;border-radius:18px}
 .site-footer{padding-top:65px}
 .compact-header{top:18px;left:18px}
}
@media(max-width:380px){.projects-count{display:none}.projects-heading{gap:10px}}
@media(max-width:430px){.specialization-grid{grid-template-columns:1fr;gap:15px}.specialization-grid .image-tile{height:300px}}
@media(prefers-reduced-motion:reduce){.project-row .image-tile,.project-row .image-tile img,.projects-section .blue-bar-link,.faq-contact,.specialization-grid .image-tile img{transition:none}}


/* Shared AZCON-inspired menu and search layers for the standard and sticky headers. */
.header-menu-trigger{width:28px;height:36px;display:grid;place-items:center;padding:0;border:0;background:none;color:#fff}
.header-actions .header-icon{width:21px;height:21px;filter:brightness(0) invert(1)}
.header-menu-trigger img,.compact-header .header-icon,.compact-header .menu-icon{display:block;width:21px;height:21px;filter:brightness(0) invert(1)}
.header-menu-trigger:hover,.search-trigger:hover,.compact-header button:hover{opacity:.72}
.compact-header{right:clamp(20px,3.1vw,58px);left:auto;gap:0}
.compact-header a{width:auto;padding:0 17px}
.compact-header button{width:52px}
.compact-header button:last-child{margin-right:8px}
.mobile-menu,.search-overlay{background:#102f59}
.mobile-menu .overlay-backdrop,.search-overlay .overlay-backdrop{background:rgba(5,18,42,.18);backdrop-filter:none}
.mobile-menu-panel{inset:0;width:auto;padding:clamp(28px,4.4vw,66px) clamp(24px,6.1vw,96px);background:#102f59;box-shadow:none}
.mobile-menu-top{max-width:1500px;margin:0 auto}
.mobile-menu-top img{width:145px}
.mobile-menu-top button,.search-panel-top button{width:48px;height:48px;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.4);border-radius:50%;background:transparent}
.mobile-menu-top .close-icon,.search-panel-top .close-icon{width:19px;height:19px;filter:brightness(0) invert(1)}
.mobile-menu nav{max-width:1320px;margin:clamp(48px,9vh,110px) auto 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(36px,8vw,125px);row-gap:0}
.mobile-menu nav>a,.mobile-menu nav .nav-group>a{padding:21px 0;border-bottom:1px solid rgba(255,255,255,.17);font-size:clamp(23px,2.45vw,36px);font-weight:600;letter-spacing:-.035em;line-height:1.2}
.mobile-menu nav .nav-group{grid-template-columns:minmax(0,1fr) 48px}
.mobile-menu nav .nav-group>.nav-dropdown-toggle{width:48px;height:auto;border-bottom:1px solid rgba(255,255,255,.17)}
.mobile-menu nav .nav-dropdown-toggle img{width:19px;height:19px}
.mobile-menu nav .nav-dropdown-menu{margin:0;padding:10px 0 20px 20px;border-left:1px solid rgba(255,255,255,.25)}
.mobile-menu nav .nav-dropdown-menu a{padding:11px 0;border:0;font-size:clamp(16px,1.25vw,19px);font-weight:500;line-height:1.4;letter-spacing:0}
.mobile-menu-back{display:none;align-items:center;gap:12px;margin:40px 0 -25px;padding:0;border:0;background:none;color:#c6dcf5;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.mobile-menu-back.is-visible{display:flex}
.mobile-menu-back img{width:16px;height:16px;filter:brightness(0) invert(1)}
.mobile-menu-back img{transform:rotate(-90deg)}
.mobile-menu .mobile-language{display:inline-flex;margin-top:44px;color:#fff;font-size:13px;font-weight:700}
.search-panel{inset:0;width:auto;min-height:0;padding:clamp(28px,4.4vw,66px) clamp(24px,10vw,160px);background:#102f59;box-shadow:none}
.search-panel-top{max-width:1500px;margin:0 auto;font-size:16px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.search-panel label{max-width:1050px;margin:clamp(95px,18vh,210px) auto 0;color:#c6dcf5;font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.search-panel input{display:block;max-width:1050px;margin:18px auto 0;padding:0 0 22px;border-bottom:1px solid rgba(255,255,255,.5);font-size:clamp(34px,6.2vw,82px);font-weight:500;letter-spacing:-.05em}
.search-panel input::-webkit-search-cancel-button{filter:brightness(0) invert(1);cursor:pointer}
.search-feedback{max-width:1050px;margin:32px auto 0;gap:0}
.search-feedback a{padding:15px 0;border-bottom:1px solid rgba(255,255,255,.17);font-size:17px}
@media(max-width:1050px){
 .header-actions{display:flex;gap:22px}
 .header-actions .action-divider,.header-actions .language-button{display:none}
 .header-menu-trigger{display:grid}
}
@media(max-width:800px){
 .header-menu-trigger{display:none}
 .header-actions{display:flex;gap:22px}
 .header-actions .action-divider,.header-actions .language-button{display:none}
 .mobile-menu-panel{padding:24px 24px 40px}
 .mobile-menu nav{grid-template-columns:1fr;margin-top:48px}
 .mobile-menu nav>a,.mobile-menu nav .nav-group>a{padding:16px 0;font-size:clamp(22px,6vw,29px)}
 .mobile-menu nav .nav-group>.nav-dropdown-toggle{height:58px}
 .mobile-menu-back{margin-top:30px}
 .mobile-menu .mobile-language{margin-top:32px}
 .search-panel{padding:24px}
 .search-panel label{margin-top:clamp(100px,22vh,180px)}
 .search-panel input{font-size:clamp(32px,9vw,56px)}
 .search-feedback a{font-size:15px}
}
@media(prefers-reduced-motion:no-preference){.mobile-menu-panel,.search-panel{animation:menu-layer-in .28s cubic-bezier(.2,.75,.25,1) both}}
@keyframes menu-layer-in{from{opacity:.6;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.mobile-menu-panel,.search-panel{animation:none}}

/* AZCON interaction model: compact header expands in place, while menus and search stay layered. */
.desktop-nav .nav-dropdown-menu{border:0;border-radius:8px;background:#15386E;color:#fff;box-shadow:0 12px 28px rgba(4,20,45,.28)}
.desktop-nav .nav-dropdown-menu a{border-radius:5px;color:#fff;font-size:13px;font-weight:600}
.desktop-nav .nav-dropdown-menu a:hover,.desktop-nav .nav-dropdown-menu a:focus-visible{background:rgba(255,255,255,.13);color:#fff}
.compact-header{left:clamp(20px,3.1vw,58px);right:auto;width:196px;height:62px;gap:0;overflow:visible;border-radius:10px;background:#0C2D60;color:#fff;box-shadow:none;transition:width .32s cubic-bezier(.2,.7,.2,1),opacity .25s,visibility .25s,transform .25s}
.compact-header>a{flex:none;width:139px;height:62px;padding:0 18px}
.compact-header>a img{width:112px}
.compact-header .compact-menu-button{flex:none;width:56px;height:62px;margin:0;border:0;background:none;color:#fff}
.compact-header .compact-menu-button img{width:23px;height:23px}
.compact-header .compact-nav{display:none}
.compact-header.is-expanded{width:min(1160px,calc(100vw - 24px));padding-right:8px;background:#0C2D60}
.home-page.is-past-story .compact-header,.home-page.is-past-story .compact-header.is-expanded{background:#0C2D60}
.compact-header.is-expanded .compact-nav{display:flex;flex:1;justify-content:space-around;gap:clamp(10px,1.5vw,23px);height:100%;overflow:visible}
.compact-header .compact-nav>a,.compact-header .compact-nav .nav-group>a{font-size:clamp(10px,.9vw,13px);font-weight:700;letter-spacing:-.025em}
.compact-header .compact-nav>a,.compact-header .compact-nav .nav-group>a{color:#fff}
.compact-header .compact-nav .nav-group{position:relative;gap:2px}
.compact-header .compact-nav .nav-dropdown-toggle{width:16px}
.compact-header .compact-nav .nav-dropdown-toggle img{width:11px;height:11px}
.compact-header .compact-nav .nav-dropdown-menu{top:calc(100% - 1px);left:0;min-width:208px;max-width:270px}
.mobile-menu{background:transparent}
.mobile-menu .overlay-backdrop{background:rgba(4,32,65,.05);backdrop-filter:none}
.mobile-menu-panel{position:absolute;inset:10px auto auto 10px;width:min(440px,calc(100% - 20px));max-height:calc(100dvh - 20px);padding:16px 18px 26px;border-radius:11px;background:#0C2D60;color:#fff;box-shadow:0 14px 40px rgba(5,28,55,.18);overflow:auto}
.mobile-menu-top{max-width:none;margin:0;gap:15px}
.mobile-menu-top>img{width:126px}
.mobile-menu-utilities{display:flex;align-items:center;gap:13px;margin-left:auto}
.mobile-menu-utilities>button,.mobile-menu-top .mobile-language{display:flex;align-items:center;justify-content:center;gap:7px;width:auto;height:34px;margin:0;padding:0;border:0;border-radius:0;background:none;color:#fff;text-decoration:none;font-size:12px;font-weight:700;white-space:nowrap}
.mobile-menu-utilities img{display:block;width:18px;height:18px;filter:brightness(0) invert(1)}
.mobile-menu-utilities .mobile-language img{width:19px;height:19px}
.mobile-menu-utilities [data-close-menu]{width:34px;height:34px;border-left:1px solid rgba(255,255,255,.32);padding-left:13px}
.mobile-menu-utilities [data-close-menu] img{width:19px;height:19px}
.mobile-menu-back{display:none;align-items:center;gap:9px;margin:31px 0 22px;padding:0;border:0;background:none;color:#fff;font-size:13px;font-weight:600;letter-spacing:0;text-transform:none}
.mobile-menu-back.is-visible{display:flex}
.mobile-menu-back img{width:14px;height:14px;filter:brightness(0) invert(1);transform:rotate(90deg)}
.mobile-menu nav{display:flex;flex-direction:column;gap:9px;max-width:none;margin:33px 0 0}
.mobile-menu nav>a,.mobile-menu nav .nav-group>a{padding:0;border:0;color:#fff;font-size:clamp(21px,6.1vw,27px);font-weight:600;letter-spacing:-.035em;line-height:1.25}
.mobile-menu nav .nav-group{display:grid;grid-template-columns:minmax(0,1fr) 28px;align-items:center;gap:0}
.mobile-menu nav .nav-group>.nav-dropdown-toggle{display:none}
.mobile-menu nav .nav-group{display:block}
.mobile-menu nav .nav-group>.nav-dropdown-toggle{grid-column:2;grid-row:1;width:28px;height:32px;border:0;background:none}
.mobile-menu nav .nav-dropdown-toggle img{width:14px;height:14px}
.mobile-menu nav .nav-dropdown-menu{grid-column:1/-1;display:none;margin:0;padding:0;border:0}
.mobile-menu nav .nav-group.is-open .nav-dropdown-menu{display:grid;gap:9px}
.mobile-menu nav .nav-dropdown-menu a{padding:0;border:0;color:#fff;font-size:clamp(20px,5.8vw,26px);font-weight:600;letter-spacing:-.035em;line-height:1.35}
.mobile-menu.is-subview .mobile-menu-back{display:flex}
.mobile-menu.is-subview nav{margin-top:0}
.mobile-menu.is-subview nav>:not(.is-current){display:none}
.mobile-menu.is-subview nav .nav-group.is-current>a,.mobile-menu.is-subview nav .nav-group.is-current>.nav-dropdown-toggle{display:none}
.mobile-menu.is-subview nav .nav-group.is-current .nav-dropdown-menu{display:grid}
.mobile-menu .mobile-language{position:static}
.search-overlay{background:transparent}
.search-overlay .overlay-backdrop{background:rgba(12,45,96,.88);backdrop-filter:blur(1px)}
.search-panel{position:absolute;top:18vh;right:auto;bottom:auto;left:50%;transform:translateX(-50%);width:min(650px,calc(100% - 40px));min-height:0;padding:0;background:transparent;box-shadow:none;overflow:visible;animation:none!important}
.search-panel-top{display:grid;grid-template-columns:1fr 34px 34px;align-items:center;gap:10px;max-width:none;margin:0;font-size:22px;font-weight:500;letter-spacing:0;text-transform:none}
.search-panel-top button{width:30px;height:30px;border:0;border-radius:0;background:transparent}
.search-panel-top .search-submit img{width:18px;height:18px;filter:brightness(0) invert(1)}
.search-panel-top .close-icon{width:17px;height:17px}
.search-panel label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.search-panel input{display:block;width:100%;max-width:none;margin:5px 0 0;padding:0 0 15px;border:0;border-bottom:1px solid rgba(255,255,255,.83);border-radius:0;background:transparent;color:#fff;font-size:16px;font-weight:400;letter-spacing:0}
.search-feedback{max-width:none;margin:20px 0 0;gap:0;color:#fff}
.search-feedback a{padding:11px 0;border-bottom:1px solid rgba(255,255,255,.24);font-size:15px}
@media(max-width:1050px){
 .site-header .desktop-nav{display:none}
 .site-header .header-actions{display:flex;gap:18px}
 .site-header .header-actions .action-divider,.site-header .header-actions .language-button{display:none}
 .mobile-menu-button{display:flex}
}
@media(max-width:800px){
 .compact-header{left:auto;right:14px;width:184px;height:54px}
 .compact-header>a{width:130px;height:54px;padding:0 14px}
 .compact-header>a img{width:103px}
 .compact-header .compact-menu-button{width:54px;height:54px}
 .compact-header.is-expanded{width:184px}
 .compact-header .compact-nav{display:none!important}
 .mobile-menu-panel{inset:10px 10px auto;width:auto;padding:14px 15px 24px}
 .mobile-menu-top>img{width:112px}
 .mobile-menu-utilities{gap:10px}
 .mobile-menu-utilities>button,.mobile-menu-top .mobile-language{font-size:11px}
 .mobile-menu nav{gap:8px;margin-top:31px}
 .mobile-menu nav>a,.mobile-menu nav .nav-group>a{font-size:clamp(21px,6vw,26px)}
 .mobile-menu.is-subview .mobile-menu-back{margin:24px 0 19px}
 .search-panel{top:17vh}
 .search-panel-top{grid-template-columns:1fr 30px 30px;gap:8px;font-size:21px}
}
@media(prefers-reduced-motion:reduce){.compact-header,.mobile-menu-panel,.search-panel{transition:none;animation:none}}


