/* Static camera cards: regular site flow, no scroll interception or animation. */
.gear-experience { position:relative; flex:0 0 100vw; width:100vw; height:100vh; background:#080808; display:flex; align-items:center; box-sizing:border-box; padding:110px 7vw 90px; }
.camera-content { width:100%; max-width:1320px; margin:0 auto; }
.camera-heading { text-align:center; margin:0 0 32px; }
.camera-heading>span { display:block; color:#ffb400; font-size:11px; letter-spacing:2.5px; text-transform:uppercase; margin-bottom:12px; }
.camera-heading h2 { color:#fff; font-size:clamp(28px,3vw,46px); line-height:1.15; font-weight:700; margin:0; }
.camera-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.camera-card { position:relative; min-width:0; padding:34px 22px 28px; border:1px solid #ffffff12; border-radius:20px; background:linear-gradient(145deg,#ffffff07,#ffffff02); text-align:center; }
.camera-card-current { border-color:#ffb40042; }
.camera-image { height:clamp(130px,25vh,260px); display:flex; align-items:center; justify-content:center; margin:12px 0 24px; }
.camera-image img { display:block; width:100%; height:100%; object-fit:contain; }
.camera-card:nth-child(2) .camera-image img { transform:scale(1.35); }
.camera-card h3 { margin:0; color:#fff; font-size:clamp(18px,1.7vw,25px); line-height:1.25; font-weight:600; }
.camera-card p { color:#aaa; font-size:13px; line-height:1.6; max-width:280px; margin:14px auto 0; }
.camera-badge { position:absolute; top:14px; right:16px; font-size:10px; line-height:1.4; color:#ffb400; border:1px solid #ffb40030; background:#ffb4000c; padding:4px 9px; border-radius:20px; }
.camera-edition { display:block; margin-top:6px; color:#ffb400; font-size:11px; }
.gear-experience>.opposite-separator { position:absolute; right:0; top:0; height:100%; transform:translateX(calc(100% - 1px)); }
@media(max-width:1024px) {
 .gear-experience { flex:none; width:100%; height:auto; padding:76px 24px; }
 .camera-content { max-width:620px; }
 .camera-grid { grid-template-columns:minmax(0,1fr); gap:22px; }
 .camera-heading { margin-bottom:32px; }
 .camera-image { height:210px; }
 .camera-card h3 { font-size:24px; }
}
@media(max-width:420px) {
 .gear-experience { padding:64px 16px; }
 .camera-heading h2 { font-size:30px; }
}
@media(min-width:1025px) and (max-height:700px) {
 .gear-experience { padding-top:88px; padding-bottom:65px; }
 .camera-heading { margin-bottom:20px; }
 .camera-card { padding:26px 18px 20px; }
 .camera-image { height:22vh; margin-bottom:16px; }
}

/* Testimonials are rebuilt as a clean mobile card stack. */
@media(max-width:1024px) {
 .testimonials {
  display:block !important;
  width:100% !important;
  min-height:0 !important;
  height:auto !important;
  padding:88px 24px 96px !important;
  overflow:hidden;
  background:#080808 !important;
 }
 .testimonials:before { background:radial-gradient(circle at 50% 20%,rgba(255,180,0,.07),transparent 38%),rgba(0,0,0,.88); }
 .testimonials .testimonials-heading,
 .testimonials .testimonials-container,
 .testimonials .quote-container {
  position:relative !important;
  z-index:2;
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
 }
 .testimonials .testimonials-heading {
  inset:auto !important;
  width:100%;
  padding:0 !important;
  margin:0 auto 54px !important;
  text-align:center;
 }
 .testimonials .testimonials-heading span { font-size:10px; letter-spacing:2px; margin-bottom:8px; }
 .testimonials .testimonials-heading h2 { font-size:clamp(28px,7vw,38px); line-height:1.15; }
 .testimonials .testimonials-container {
  display:grid !important;
  grid-template-columns:minmax(0,1fr) !important;
  gap:28px !important;
  width:min(100%,680px) !important;
  height:auto !important;
  margin:0 auto !important;
  padding:0 !important;
 }
 .testimonials .quote-container,
 .testimonials .testimonials-container .quote-container:not(:first-child) {
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
 }
 .testimonials .quote-container>div {
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
 }
 .testimonials .quote-container>div:before {
  top:-34px !important;
  left:18px !important;
  z-index:3 !important;
  font-size:92px !important;
  line-height:1;
 }
 .testimonials .quote-container>div p {
  display:flex !important;
  width:100%;
  height:auto !important;
  min-height:0 !important;
  padding:38px 26px 26px !important;
  border-radius:18px;
 }
 .testimonials .quote-container>div p .quote {
  margin:0 !important;
  font-size:14px !important;
  line-height:1.75 !important;
 }
 .testimonials .testimonial-author { margin-top:26px !important; gap:12px; }
 .testimonials .testimonial-avatar { flex:0 0 52px; width:52px; height:52px; }
 .testimonials .quote-container>div .testimonial-avatar img {
  position:static !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  border:0 !important;
 }
 .testimonials .testimonial-author-copy .person { margin:0 0 4px !important; font-size:15px !important; }
 .testimonials .testimonial-author-copy .job { font-size:12px !important; line-height:1.4; }
}

@media(max-width:420px) {
 .testimonials { padding:76px 16px 82px !important; }
 .testimonials .testimonials-heading { margin-bottom:46px !important; }
 .testimonials .quote-container>div p { padding:34px 20px 22px !important; }
 .testimonials .quote-container>div p .quote { font-size:13px !important; line-height:1.68 !important; }
}