@property --pulse{syntax:"<number>";inherits:false;initial-value:.5}
@layer pages{
  :root{
    --page-image-sm:url("/assets/site/pages/apply-hero-1280.webp");
    --page-image-md:url("/assets/site/pages/apply-hero-1920.webp");
    --page-image-lg:url("/assets/site/pages/apply-hero.webp");
    --ground-edge:url("/assets/site/masks/apply-hero.svg");
  }
  .apply-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);align-items:stretch}
  .apply-grid .openings{contain:size;min-height:0}
  .icon-list{--painted-size:68px;
    list-style:none;margin:var(--space-3) 0 0;padding:0;display:grid;gap:var(--space-4)}
  .icon-list li{display:flex;align-items:flex-start;gap:var(--space-3)}
  .icon-list h3{font:500 19px Jost;color:var(--text);margin:0}
  .icon-list p{margin:2px 0 0;font-size:15px}
  @media (max-width:620px){
    .icon-list{--painted-size:52px;gap:var(--space-3)}
  }
  .apply-call{margin-top:var(--space-5);
    display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-4);
    --panel-pad-top:var(--space-4);--apply-crest:84px}
  .apply-crest{width:var(--apply-crest);height:var(--apply-crest);flex:none;object-fit:contain;
    filter:var(--painted-depth)}
  .apply-words h2{font:500 32px Cinzel;letter-spacing:.08em;text-transform:uppercase;margin:0;
    color:transparent;background:var(--title-metal);-webkit-background-clip:text;background-clip:text;filter:var(--metal-quiet)}
  .panel .apply-words p{margin:var(--space-1) 0 0;font-size:18px;color:var(--text)}
  .button.is-loud{--button-height:68px;--button-font-size:18px;--button-pad-x:60px;
    --button-min-width:320px;--button-arrow-right:26px;letter-spacing:.12em;
    --glow-answer:transparent;
    animation:loud-pulse 4.5s ease-in-out infinite alternate}
  .button.is-loud .arrow{font-size:28px;animation-play-state:running}
  .button.is-loud:hover,.button.is-loud:focus-visible{
    --glow-answer:color-mix(in srgb,var(--gold) 72%,transparent)}
  .button.is-loud{box-shadow:
    inset 0 0 0 3px rgba(0,0,0,.35),
    0 3px 10px rgba(0,0,0,.6),
    0 0 calc(30px + var(--pulse) * 34px) calc(var(--pulse) * 5px)
      color-mix(in srgb,var(--gold) calc(34% + var(--pulse) * 30%),transparent),
    0 0 calc(86px + var(--pulse) * 54px) calc(var(--pulse) * 8px)
      color-mix(in srgb,var(--gold-dark) calc(22% + var(--pulse) * 24%),transparent),
    0 0 46px var(--glow-answer)}
  @keyframes loud-pulse{from{--pulse:0}to{--pulse:1}}
  @media (prefers-reduced-motion:reduce){
    .button.is-loud{animation:none;--pulse:.6}
    .button.is-loud .arrow{animation-play-state:paused}
  }
  @media (max-width:1240px){
    .apply-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  }
  @media (max-width:900px){
    .apply-grid{grid-template-columns:minmax(0,1fr)}
    .apply-grid .openings{contain:none;overflow-y:visible;mask-image:none}
    .apply-call{grid-template-columns:auto minmax(0,1fr)}
    .apply-call .button{grid-column:1 / -1;width:100%}
  }
  @media (max-width:620px){
    .apply-call{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center}
    .apply-words h2{font-size:26px}
    .button.is-loud{--button-height:60px;--button-font-size:16px;--button-pad-x:44px;--button-min-width:0}
  }
}