*{box-sizing:border-box}body{margin:0;font:16px/1.6 system-ui,sans-serif;color:#1b3551;background:#fff}a{color:#1b3551}header{border-bottom:1px solid #e1e5e9}.wrap{max-width:1120px;margin:auto;padding:28px 24px}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding-top:18px;padding-bottom:18px}.logo{font-size:30px;font-weight:900;text-decoration:none;letter-spacing:-1px;line-height:1.1}.logo span{color:#c34436}.logo small{display:block;font-size:10px;letter-spacing:2px;color:#52616d;margin-top:6px}nav{display:flex;align-items:center;gap:20px;flex-wrap:wrap}nav a{text-decoration:none;font-weight:600}.btn,button{display:inline-block;background:#b63d31;color:white;border:0;border-radius:5px;padding:12px 20px;font:inherit;font-weight:700;text-decoration:none;cursor:pointer}.hero{background:#1b3551;color:white;padding:65px 0}.hero h1{font-size:clamp(36px,6vw,64px);line-height:1.08;max-width:760px;margin:12px 0}.hero p{max-width:650px;color:#e2e8ef;font-size:19px}.eyebrow{font-size:13px;letter-spacing:2px;font-weight:700;text-transform:uppercase}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:24px}article{border:1px solid #dce2e8;border-radius:10px;overflow:hidden}.pad{padding:22px}.placeholder,.photo{width:100%;height:220px;object-fit:cover}.placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#e9eef3;color:#52616d;text-align:center;font-weight:700;padding:20px}.placeholder small{font-weight:400}h2{font-size:30px;line-height:1.2}h3{line-height:1.3}footer{background:#f4f6f8;margin-top:40px}label{display:block;font-weight:600;margin:12px 0}input,select,textarea{display:block;width:100%;padding:12px;border:1px solid #aab5c0;border-radius:4px;font:inherit}form{max-width:720px}.notice{padding:15px;background:#f4f6f8;border-left:4px solid #1b3551}.error{color:#a32320}.details{max-width:720px}.details .photo{height:auto;max-height:500px;object-fit:contain}.trap{position:absolute;left:-9999px} @media(max-width:600px){nav{gap:12px}.hero{padding:30px 0}.wrap{padding:20px 16px}}

/* Equipment photography: preserve the full original image. */
.grid {
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 360px), 1fr));
  align-items: start;
}
.grid article { min-width: 0; }
.grid article > .photo,
.grid article > .placeholder {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 10;
  background: #f4f6f8;
}
.grid article > .photo {
  object-fit: contain;
  object-position: center;
}
.grid article > .placeholder {
  display: flex;
}
.details .photo {
  display: block;
  width: 100%;
  height: auto;
  max-height: 500px;
  object-fit: contain;
  background: #f4f6f8;
}

.grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.grid > article { width:100%; max-width:520px; }
.grid > article > img.photo { display:block; width:100%; height:auto; aspect-ratio:auto; object-fit:contain; }
@media(max-width:700px){.grid{grid-template-columns:minmax(0,1fr)}}