/* Wolf Forge foundations, with a quiet Chernarus field-map atmosphere. */
.dayz-tools-hero{position:relative;isolation:isolate;overflow:hidden;border-bottom:1px solid #41483b;background:#101510}
.dayz-tools-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0b100ff5 0%,#0b100fe8 35%,#0b100f55 100%),linear-gradient(0deg,#0b100f,transparent 65%),url('assets/project-api-chernarus.webp') 80% center/cover no-repeat}
.dayz-tools-hero-inner{width:min(100% - 84px,var(--max));margin:auto;padding:32px 0 72px}
.dayz-tools-hero .breadcrumbs{margin-bottom:48px;color:#b7bfb2}
.dayz-tools-hero .breadcrumbs a{color:#c7cdc3}
.dayz-tools-hero h1{font-family:"Arial Narrow",Impact,sans-serif;font-size:clamp(52px,6.5vw,88px);line-height:1;letter-spacing:.02em;margin:16px 0 22px}
.dayz-tools-hero h1 span{color:var(--orange)}
.dayz-tools-hero p{max-width:540px;color:#cbd0c6;font-size:18px;line-height:1.75;margin:0 0 30px}
.dayz-tools-page .dayz-tools-collection{background:radial-gradient(ellipse at 90% 0,#7b855312,transparent 55%),var(--bg);scroll-margin-top:24px}
.dayz-tools-page .catalogue-card{grid-template-columns:minmax(0,.4fr) minmax(0,.6fr);border-color:#444c40}
.dayz-tools-page .catalogue-copy{min-width:0}
.dayz-tools-cta{border-top:1px solid #343c32}
.dayz-tools-page a:focus-visible,.dayz-tools-page button:focus-visible{outline:3px solid #ffc08d;outline-offset:5px}

/* A personal note, taped into the field notebook. */
.dayz-about{padding:88px 42px 62px;background:radial-gradient(ellipse at 50% 45%,#7b855318,transparent 65%),#0b100f;scroll-margin-top:24px}
.dayz-about-note{position:relative;max-width:800px;margin:auto;padding:48px 58px 40px;transform:rotate(-1deg);border:1px solid #b9ae8e;border-radius:2px 3px 12px 2px;background:linear-gradient(125deg,#eee5ca,#ded3b0);color:#30362b;box-shadow:3px 16px 32px #0005,inset 0 0 50px #8a743b10}
.dayz-about-note:before,.dayz-about-note:after{content:"";position:absolute;top:5px;width:96px;height:28px;border:1px solid #b8b49355;background:#b9b58ac4;box-shadow:0 2px 4px #0002;pointer-events:none}
.dayz-about-note:before{left:-24px;transform:rotate(-45deg)}
.dayz-about-note:after{right:-24px;transform:rotate(45deg)}
.dayz-about-note h2{font-family:"Arial Narrow",Impact,sans-serif;font-size:clamp(32px,3.5vw,44px);line-height:1.15;letter-spacing:.01em;margin:0 0 26px;color:#293025}
.dayz-about-note p{font-size:16px;line-height:1.8;margin:0 0 18px}
.dayz-about-note .dayz-note-signoff{margin:28px 0 0;padding-top:22px;border-top:1px solid #99916f80;color:#4c513d}
@media(max-width:720px){
  .dayz-tools-hero-inner{width:calc(100% - 44px);padding:26px 0 54px}
  .dayz-tools-hero .breadcrumbs{margin-bottom:38px}
  .dayz-tools-hero h1{font-size:clamp(46px,12vw,68px)}
  .dayz-tools-hero p{font-size:16px}
  .dayz-tools-page .catalogue-card{grid-template-columns:1fr}
  .dayz-about{padding:52px 22px 36px}
  .dayz-about-note{padding:38px 24px 28px;transform:none}
  .dayz-about-note:before,.dayz-about-note:after{width:64px;height:23px;top:1px}
  .dayz-about-note:before{left:-13px}
  .dayz-about-note:after{right:-13px}
}
@media(prefers-reduced-motion:reduce){
  html:has(.dayz-tools-page){scroll-behavior:auto}
  .dayz-tools-page .catalogue-card,.dayz-tools-page .catalogue-copy h3 span{transition:none}
  .dayz-tools-page a.catalogue-card:hover,.dayz-tools-page a.catalogue-card:focus-visible{transform:none}
}
