/* White masthead matching the existing logo frame height. */
:is(#b1,#site-masthead) header{height:46px;padding:0 16px;gap:16px;background:#fff;border:0;backdrop-filter:none;color:#111;box-shadow:0 3px 18px #00000012}
:is(#b1,#site-masthead) header .logo{height:46px}
:is(#b1,#site-masthead) .belgium-origin{display:flex;align-items:center;gap:7px;flex-shrink:0;white-space:nowrap;color:#111;font-size:10px;font-weight:600}
:is(#b1,#site-masthead) .belgium-origin img{width:39px;height:28px;display:block}
:is(#b1,#site-masthead) header nav{gap:17px}
:is(#b1,#site-masthead) header nav button{color:#111;padding:14px 0;font-size:12px}
:is(#b1,#site-masthead) header nav span{color:#284a31}
:is(#b1,#site-masthead) header nav button:after{background:#80ad22;bottom:7px;height:2px}
:is(#b1,#site-masthead) header .cut{height:34px;padding:0 19px;color:#111;position:relative;font-size:10px}
:is(#b1,#site-masthead) header .outline{background:#f0f3eb;box-shadow:none}
:is(#b1,#site-masthead) header .cut:after{content:'';position:absolute;bottom:5px;left:22%;right:22%;height:2px;background:#60951b;transform:scaleX(0);transition:transform .2s}
:is(#b1,#site-masthead) header .cut:hover:after{transform:scaleX(1)}
:is(#b1,#site-masthead) .menu-toggle span{background:#111}
:is(#b1,#site-masthead) .mobile-nav{top:76px;background:#fff;border-color:#dde3d7;backdrop-filter:none;color:#111;box-shadow:0 10px 25px #0002}
:is(#b1,#site-masthead) .mobile-nav button{color:#111;border-bottom-color:#dde3d7}
:is(#b1,#site-masthead) .mobile-nav button:hover{border-bottom-color:#80ad22}
@media(min-width:1024px) and (max-width:1200px){
 :is(#b1,#site-masthead) header{height:40px;padding:0 12px;gap:11px}
 :is(#b1,#site-masthead) header .logo{height:40px}
 :is(#b1,#site-masthead) header nav{gap:11px}
 :is(#b1,#site-masthead) header nav button{font-size:11px}
 :is(#b1,#site-masthead) header .cut{padding:0 15px;font-size:9px;height:32px}
 :is(#b1,#site-masthead) .belgium-origin{font-size:9px;gap:5px}
 :is(#b1,#site-masthead) .belgium-origin img{width:33px;height:25px}
}
@media(max-width:1023px){
 :is(#b1,#site-masthead) header{height:40px;gap:10px;padding:0 12px}
 :is(#b1,#site-masthead) header .logo{height:40px}
 :is(#b1,#site-masthead) header nav,:is(#b1,#site-masthead) header .header-actions{display:none}
 :is(#b1,#site-masthead) .menu-toggle{display:flex;margin-left:auto}
 :is(#b1,#site-masthead) .belgium-origin{font-size:9px;gap:4px}
 :is(#b1,#site-masthead) .belgium-origin img{width:32px;height:24px}
 :is(#b1,#site-masthead) .mobile-nav{top:65px}
}
@media(max-width:400px){
 :is(#b1,#site-masthead) header{padding:0 8px;gap:7px;left:3%;right:3%}
 :is(#b1,#site-masthead) header .logo{width:151px}
 :is(#b1,#site-masthead) header .logo img{width:196px;margin:-16px 0 0 -23px}
 :is(#b1,#site-masthead) .belgium-origin{font-size:8px;gap:3px}
 :is(#b1,#site-masthead) .belgium-origin img{width:27px}
 :is(#b1,#site-masthead) .menu-toggle{padding:10px 0}
 :is(#b1,#site-masthead) .menu-toggle span{width:20px}
}
/* Fixed masthead is outside the transformed screen panels. */
:is(#b1,#site-masthead) header{position:fixed;z-index:1000;top:3svh;left:3%;right:3%}
:is(#b1,#site-masthead) header .outline{background:#111;color:#fff}
:is(#b1,#site-masthead) .mobile-nav{position:fixed;z-index:999;top:calc(3svh + 52px);left:3%;right:3%}
@media(min-width:1024px){
 .site-block:not(:is(#b1,#site-masthead)) .screen-stage{top:calc(50% + var(--header-clearance,84px)/2)}
}
@media(max-width:1023px){
 :is(#b1,#site-masthead) header{top:20px}
 :is(#b1,#site-masthead) .mobile-nav{top:65px}
}
/* New hero: place the headline in the quieter upper-left part of the photo. */
#b1 .hero-copy{left:5%;right:auto;top:23%;width:48%;max-width:700px}
#b1 .hero-copy h1{font-size:clamp(36px,4.1vw,66px);line-height:1.08;letter-spacing:-1.8px}
#b1 .veil{background:linear-gradient(90deg,#061d17a8 0%,#061d1740 48%,#061d1705 78%),linear-gradient(0deg,#061b16a8,transparent 35%)}
@media(max-width:900px){#b1 .hero-copy{top:23%;left:7%;right:7%;width:auto;max-width:none}#b1 .hero-copy h1{font-size:clamp(34px,6vw,52px)}}
@media(max-width:600px){#b1 .hero-copy{top:21%}#b1 .hero-copy h1{font-size:clamp(32px,8vw,44px);letter-spacing:-1.2px}#b1 .veil{background:linear-gradient(90deg,#061d17ab,#061d1750),linear-gradient(0deg,#061b16b0,transparent 50%)}}
/* Lift the hero copy above the left conveyor. */
@media(min-width:1024px){
 #b1 .hero-copy{top:13%}
 #b1 .hero-copy h1{font-size:clamp(34px,3.6vw,60px)}
 #b1 .hero-copy .rule{margin:13px 0 8px}
 #b1 .hero-copy .discover{margin-top:5px}
}
@media(min-width:1024px){
 #b1 .hero-copy .discover{margin-left:clamp(210px,22vw,370px)}
}
@media(min-width:1024px){
 #b1 .hero-copy{top:12%}
 #b1 .hero-copy h1{font-size:clamp(34px,3.2vw,54px)}
 #b1 .hero-copy .rule{margin:8px 0 2px}
 #b1 .hero-copy .discover{margin-top:0;margin-left:0;padding-bottom:4px}
 #b1 .hero-copy .discover span{width:28px;height:28px;font-size:20px}
}

/* Preserve the original brightness and colours of the supplied hero photo. */
#b1 .veil{background:none}
#b1 .hero-background{filter:none;opacity:1}
#b1 .hero-copy h1{ text-shadow:0 1px 3px #00180f80}
/* The wordmark and label are one image, permanently joined at the last R. */
#site-masthead header .logo{position:relative;overflow:visible}
#site-masthead .logo>.brand-lockup{position:absolute;left:0;top:0;width:112.745098%;height:auto;margin:0;max-width:none}
/* Block two: left-aligned heading and single-line introduction above the cards. */
@media(min-width:1024px){
 #b6 .section-heading{display:block;margin:0 0 24px;text-align:left}
 #b6 .section-heading h2{white-space:nowrap;margin:0 0 12px}
 #b6 .section-heading>p{max-width:none;white-space:nowrap;margin:0;font-size:clamp(9px,.9vw,15px);line-height:1.6}
 #b6 .screen-stage{top:var(--header-clearance,84px);transform:translateX(-50%) scale(var(--screen-scale,1));transform-origin:top center}
 #b6 .wrap{padding-top:10px}
}
@media(max-width:1023px){#b6 .section-heading{text-align:left}#b6 .section-heading>p{max-width:none}}
@media(min-width:1024px){#b6.site-block .screen-stage{top:var(--header-clearance,84px)}}

/* Keep both hero captions readable over the photograph. */
#b1 .hero-copy h1 strong { text-transform: uppercase; }
#b1 .hero-bottom {
  border-top-color: rgba(255, 255, 255, .92);
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1.2px;
  line-height: 1.4;
  text-shadow: 0 1px 3px #000, 0 0 7px #000b;
}
#b1 .hero-bottom .block-note { display: block; text-align: right; }
@media (max-width: 600px) {
  #b1 .hero-bottom { font-size: 10px; gap: 12px; letter-spacing: .8px; }
}

/* Fit the complete photograph at every aspect ratio. The soft copy fills spare space. */
#b1 .hero {
  height: 100svh;
  min-height: 0;
  background: #263c43;
}
#b1 .hero > .hero-ambient {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: blur(38px) brightness(.62) saturate(.75);
  transform: scale(1.16);
  z-index: -4;
  pointer-events: none;
}
#b1 .hero > .hero-background {
  object-fit: contain;
}

#site-masthead header nav button[aria-current="location"]::after {
  width: 100%;
}
#site-masthead .mobile-nav button[aria-current="location"] {
  border-bottom-color: #80ad22;
  box-shadow: 0 1px 0 #80ad22;
}