/* Composition revision 07. English copy v0.0.1; Dutch translation is a draft. */
@import "./tokens.css?v=1790149908977";
@import "./base.css?v=1790149908977";
@import "./layout.css?v=1790149908977";
@import "./components.css?v=1790149908977";

/* Shared responsive and print overrides retain their original cascade order. */
@media(max-width:1050px){
  :root{--rail:32px;--gutter:28px}
  .wrap{width:calc(100% - 64px)}
  h1{font-size:clamp(4.4rem,8.8vw,6.5rem)}
  .hero{padding-top:48px}
  .section{padding-top:54px}
  .biography p{font-size:1.125rem}
  .contact-content{grid-template-columns:minmax(0,1fr);gap:28px}
  .contact-action{justify-content:flex-start}
}
@media(max-width:700px){
  :root{--rail:22px;--gutter:14px}
  .wrap{width:calc(100% - 36px)}
  .grid>.content{padding-right:18px}
  .masthead{flex-wrap:wrap;gap:12px;padding-block:18px}
  .name{font-size:.75rem;line-height:1.45}
  .header-actions{width:100%;justify-content:space-between;gap:12px}
  .header-actions .primary-button{min-height:44px;padding:11px 15px;font-size:.875rem}
  .hero{padding-block:36px 40px}
  .section-label{font-size:.75rem;letter-spacing:.045em;margin-bottom:28px}
  h1{font-size:clamp(3.4rem,11.5vw,5rem)}
  .desktop-break{display:none}
  .rail-caption{display:none}
  .page-no{font-size:.75rem}
  .hero-copy{margin-top:28px}
  p{font-size:1rem;line-height:1.75}
  .hero-lead{font-size:1.1875rem}
  .hero-detail{margin-top:20px}
  .section{padding-block:40px 40px}
  .section-title{font-size:clamp(3.4rem,11vw,4.5rem);margin-bottom:30px}
  .split{grid-template-columns:minmax(0,1fr)}
  .situation-group--triggers{margin-top:42px;padding-top:32px}
  .accordion-summary{grid-template-columns:22px minmax(0,1fr) 20px;column-gap:12px;min-height:64px;padding:16px 0}
  .accordion-title{font-size:1.125rem}
  .accordion-icon{width:20px;height:20px}
  .accordion-body{grid-template-columns:minmax(0,1fr)}
  .accordion-body__inner{grid-column:1}
  .accordion-body p{max-width:none;padding-bottom:22px;font-size:1rem}
  .biography p{font-size:1rem}
  .editorial-note{padding:20px}
  .experience-grid{gap:30px}
  .company-carousel{--company-carousel-cycle-width:600.9px;--company-carousel-gap:54px}
  figure{grid-template-columns:22px minmax(0,1fr);gap:12px}
  .pull{font-size:1.0625rem;padding-left:18px}


  .contact{padding-block:40px 40px}
  .contact h2{font-size:clamp(4rem,13vw,5rem)}
  .contact .primary-button{width:100%}
  .contact-action{display:block}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(prefers-reduced-motion:reduce){
  .reveal-enabled .reveal{opacity:1;transform:none;transition:none}
  .primary-button,.carousel-button{transition-property:background-color,border-color,color}
  .primary-button:hover:not(:disabled),.primary-button:active:not(:disabled),.carousel-button:hover:not(:disabled),.carousel-button:active:not(:disabled){transform:none}
  .recommendation-track.is-enhanced{transition:none}
  .recommendation-track[data-direction] .recommendation-slide.is-entering{animation-name:recommendation-fade-in;animation-duration:1ms}
  .recommendation-track[data-direction] .recommendation-slide.is-leaving{animation-name:recommendation-fade-out;animation-duration:1ms}
  .company-carousel{overflow:visible;-webkit-mask-image:none;mask-image:none}
  .company-carousel__track{width:100%;animation:none;will-change:auto}
  .company-carousel__group{width:100%;flex-wrap:wrap;gap:28px 48px;padding-right:0}
  .company-carousel__group[aria-hidden="true"]{display:none}
}
@media(max-width:700px) and (prefers-reduced-motion:reduce){.company-carousel__group{column-gap:54px}}
@media print{
  body,.situations,.experience,.contact{background:white;color:var(--charcoal)}
  .wrap{width:100%}
  .section,.hero,.contact{padding-block:24px}
  .header-actions,.hero-cta,.contact-action,.skip,.company-carousel__group[aria-hidden="true"]{display:none}
  .company-carousel{-webkit-mask-image:none;mask-image:none}
  .company-carousel__track{transform:none;animation:none}
  h1{font-size:54pt}
  .section-title,.contact h2{font-size:36pt;color:var(--charcoal)}
  .contact .section-label,.contact .rail,.contact .page-no{color:var(--charcoal)}
  .accordion-item,figure,.editorial-note{break-inside:avoid}
}