:root{
    /* dark zones: header / hero / footer */
    --ink:#1e2024;
    --ink-2:#26282d;
    --line-dark:#3c3e43;
    --on-dark:#f4f2ee;
    --on-dark-dim:#b7b6b2;

    /* light zones: everything else */
    --paper:#faf8f5;
    --paper-2:#f0ede7;
    --line:#e2ded6;
    --on-light:#1d1c1a;
    --on-light-dim:#57534b;

    --red:#c4172a;
    --red-deep:#8f0f1e;
    --steel:#8a929a;
  }
  *{margin:0;padding:0;box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    background:var(--paper);
    color:var(--on-light);
    font-family:'Inter',sans-serif;
    font-size:16px;
    line-height:1.6;
    overflow-x:hidden;
  }
  h1,h2,h3,.wordmark{
    font-family:'Oswald',sans-serif;
    text-transform:uppercase;
    letter-spacing:0.01em;
  }
  a{color:inherit;text-decoration:none;}
  img,svg{display:block;max-width:100%;}
  .wrap{max-width:1180px;margin:0 auto;padding:0 32px;}

  /* ---------- header (dark) ---------- */
  header{
    position:sticky;top:0;z-index:50;
    background:rgba(30,32,36,0.94);
    backdrop-filter:blur(6px);
    border-bottom:1px solid var(--line-dark);
  }
  .nav{
    display:flex;align-items:center;justify-content:space-between;
    padding:18px 32px;max-width:1180px;margin:0 auto;
  }
  .logo{display:flex;align-items:center;gap:10px;}
  .logo-mark{width:34px;height:34px;flex-shrink:0;}
  .logo-text{font-family:'Oswald',sans-serif;font-weight:700;font-size:20px;letter-spacing:0.03em;color:var(--on-dark);}
  .logo-text span{color:var(--red);}
  .nav-links{display:flex;gap:36px;font-size:15px;font-weight:600;letter-spacing:0.02em;}
  .nav-links a{color:#d9d8d4;transition:color .2s;}
  .nav-links a:hover{color:var(--on-dark);}
  .nav-cta{
    display:flex;align-items:center;gap:8px;
    border:1px solid var(--red);color:var(--on-dark);
    padding:9px 18px;font-size:14px;font-weight:600;
    white-space:nowrap;
  }
  .nav-cta:hover{background:var(--red);}
  .nav-cta-icon{width:16px;height:16px;flex-shrink:0;}
  .nav-call-mobile{display:none;}
  .nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;background:none;border:none;cursor:pointer;padding:0;flex-shrink:0;}
  .nav-toggle span{display:block;width:100%;height:2px;background:var(--on-dark);transition:transform .2s ease, opacity .2s ease;}
  .nav-toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg);}
  .nav-toggle.active span:nth-child(2){opacity:0;}
  .nav-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

  /* ---------- hero (dark) ---------- */
  .hero{
    position:relative;
    background:var(--ink);
    padding:92px 32px 100px;
    overflow:hidden;
  }
  .hero-video{
    position:absolute;inset:0;width:100%;height:100%;
    object-fit:cover;z-index:0;
  }
  .hero-overlay{
    position:absolute;inset:0;z-index:1;
    background:linear-gradient(180deg, rgba(30,32,36,0.90) 0%, rgba(30,32,36,0.74) 55%, rgba(30,32,36,0.94) 100%);
  }
  .hero-grid{
    position:absolute;inset:0;z-index:1;
    background:
      repeating-linear-gradient(90deg, transparent 0 118px, rgba(167,166,162,0.06) 118px 120px),
      repeating-linear-gradient(0deg, transparent 0 118px, rgba(167,166,162,0.06) 118px 120px);
    mask-image:linear-gradient(to bottom, rgba(0,0,0,0.9), transparent 88%);
  }
  .hero-diag{
    position:absolute;top:-40%;right:8%;width:1px;height:220%;
    background:var(--red);
    transform:rotate(20deg);
    opacity:0.85;z-index:1;
  }
  .hero-diag.two{right:16%;opacity:0.3;}
  .hero-inner{
    position:relative;z-index:2;
    max-width:1180px;margin:0 auto;
    display:grid;grid-template-columns:1.15fr 0.85fr;gap:64px;align-items:end;
  }
  .eyebrow-row{display:flex;align-items:center;gap:12px;margin-bottom:26px;}
  .eyebrow-row .dash{width:32px;height:2px;background:var(--red);}
  .eyebrow-row span{color:var(--on-dark-dim);font-size:13px;letter-spacing:0.14em;text-transform:uppercase;font-weight:500;}
  .hero h1{
    font-size:clamp(38px,5.2vw,62px);
    line-height:1.06;
    font-weight:600;
    color:var(--on-dark);
  }
  .hero h1 em{font-style:normal;color:var(--red);}
  .hero p.lead{
    margin-top:26px;max-width:46ch;
    color:var(--on-dark-dim);font-size:17px;font-family:'Inter';text-transform:none;
  }
  .hero-actions{display:flex;gap:14px;margin-top:38px;flex-wrap:wrap;}
  .btn{
    display:inline-flex;align-items:center;gap:10px;
    padding:15px 26px;font-size:14px;font-weight:600;
    letter-spacing:0.02em;border:1px solid transparent;
    transition:all .18s;
  }
  .btn-primary{background:var(--red);color:#fff;}
  .btn-primary:hover{background:var(--red-deep);}
  .btn-ghost{border-color:var(--line-dark);color:var(--on-dark);}
  .btn-ghost:hover{border-color:var(--on-dark-dim);}

  .hero-stats{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line-dark);}
  .hero-panel{padding:30px 28px;background:var(--ink-2);border-left:1px solid var(--line-dark);}
  .hero-panel:first-child{border-left:none;}
  .hero-panel .num{font-family:'Oswald';font-size:44px;color:var(--red);font-weight:600;line-height:1;}
  .hero-panel .lbl{margin-top:10px;color:var(--on-dark-dim);font-size:14px;font-family:'Inter';text-transform:none;}

  /* ---------- section heads (light) ---------- */
  .sec{padding:96px 32px;border-bottom:1px solid var(--line);}
  .sec-head{
    display:grid;grid-template-columns:1fr 1fr;gap:40px;
    align-items:end;margin-bottom:60px;max-width:1180px;margin-left:auto;margin-right:auto;
  }
  .sec-head h2{font-size:clamp(28px,3.4vw,42px);font-weight:600;line-height:1.1;color:var(--on-light);}
  .sec-head p{color:var(--on-light-dim);font-size:15px;text-transform:none;font-family:'Inter';max-width:42ch;}
  .kicker{color:var(--red);font-size:13px;letter-spacing:0.14em;text-transform:uppercase;font-weight:600;margin-bottom:16px;display:block;}

  /* ---------- services ---------- */
  .services{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:var(--paper);}
  .service{padding:36px 22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .2s;}
  .service:nth-child(3n){border-right:none;}
  .service:nth-last-child(-n+3){border-bottom:none;}
  .service:hover{background:var(--paper-2);}
  .service-img{position:relative;margin:-36px -22px 22px;aspect-ratio:4/3;overflow:hidden;background:var(--paper-2);}
  .service-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s;}
  .service:hover .service-img img{transform:scale(1.06);}
  .service svg{width:44px;height:44px;stroke:var(--red);margin-bottom:22px;}
  .service h3{font-size:15px;font-weight:600;color:var(--on-light);line-height:1.35;margin-bottom:10px;letter-spacing:0.01em;}
  .service p{font-size:14.5px;color:var(--on-light-dim);text-transform:none;font-family:'Inter';line-height:1.6;}

  /* ---------- why us ---------- */
  .why{background:var(--paper-2);}
  .why-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);}
  .why-item{background:var(--paper);padding:34px 28px;position:relative;}
  .why-icon{position:absolute;top:28px;right:26px;width:30px;height:30px;stroke:var(--red);opacity:0.85;}
  .why-item .mk{font-family:'Oswald';color:var(--red);font-size:13px;letter-spacing:0.1em;margin-bottom:18px;}
  .why-item h3{font-size:17px;font-weight:600;color:var(--on-light);margin-bottom:10px;}
  .why-item p{font-size:14.5px;color:var(--on-light-dim);text-transform:none;font-family:'Inter';line-height:1.6;}

  /* ---------- process ---------- */
  .process{max-width:1180px;margin:0 auto;}
  .steps{display:grid;grid-template-columns:repeat(4,1fr);position:relative;}
  .steps::before{content:"";position:absolute;top:22px;left:0;right:0;height:1px;background:var(--line);}
  .step{position:relative;padding-right:24px;}
  .step-num{
    width:44px;height:44px;border:1px solid var(--red);color:var(--red);
    display:flex;align-items:center;justify-content:center;
    font-family:'Oswald';font-size:16px;font-weight:600;background:var(--paper);
    position:relative;z-index:2;margin-bottom:22px;
  }
  .step h3{font-size:16px;font-weight:600;color:var(--on-light);margin-bottom:8px;}
  .step p{font-size:14.5px;color:var(--on-light-dim);text-transform:none;font-family:'Inter';line-height:1.6;}

  /* ---------- gallery (real photos) ---------- */
  .gallery{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr 1fr;grid-template-rows:auto auto;gap:14px;}
  .g-tile{position:relative;border:1px solid var(--line);overflow:hidden;min-height:220px;background:var(--paper-2);}
  .g-tile.tall{grid-row:span 2;min-height:454px;}
  .g-tile.wide{grid-column:2 / span 2;}
  .g-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease;}
  .g-tile:hover img{transform:scale(1.04);}
  .g-cap{position:absolute;left:0;bottom:0;right:0;padding:18px 20px;background:linear-gradient(to top, rgba(0,0,0,0.65), transparent);}
  .g-cap span{font-family:'Oswald';font-size:14px;letter-spacing:0.04em;color:#fff;}

  /* ---------- quote band (dark accent) ---------- */
  .quote-band{padding:90px 32px;text-align:center;background:var(--ink);}
  .quote-band p{
    font-family:'Oswald';font-weight:500;font-size:clamp(24px,3.4vw,38px);
    color:var(--on-dark);max-width:18ch;margin:0 auto;line-height:1.25;text-transform:none;
  }
  .quote-band .dash{width:48px;height:2px;background:var(--red);margin:0 auto 26px;}

  /* ---------- contact ---------- */
  .contact{padding:96px 32px;background:var(--paper);border-bottom:1px solid var(--line);}
  .contact-inner{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:70px;}
  .contact-list{display:flex;flex-direction:column;gap:0;margin-top:36px;}
  .c-row{display:flex;gap:18px;padding:22px 0;border-bottom:1px solid var(--line);align-items:flex-start;}
  .c-row:first-child{border-top:1px solid var(--line);}
  .c-row svg{width:20px;height:20px;stroke:var(--red);flex-shrink:0;margin-top:2px;}
  .c-row .lbl{font-size:12px;letter-spacing:0.1em;text-transform:uppercase;color:var(--on-light-dim);margin-bottom:4px;}
  .c-row .val{font-size:16px;color:var(--on-light);font-weight:500;}
  .c-row .val a:hover{color:var(--red);}

  .form{background:var(--paper-2);border:1px solid var(--line);padding:40px;}
  .form h3{font-size:20px;font-weight:600;margin-bottom:8px;color:var(--on-light);}
  .form p.sub{color:var(--on-light-dim);font-size:14px;text-transform:none;font-family:'Inter';margin-bottom:28px;}
  .f-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;}
  .field{display:flex;flex-direction:column;gap:8px;}
  .field label{font-size:12px;letter-spacing:0.08em;text-transform:uppercase;color:var(--on-light-dim);}
  .field input,.field select,.field textarea{
    background:var(--paper);border:1px solid var(--line);color:var(--on-light);
    padding:12px 14px;font-family:'Inter';font-size:14px;
  }
  .field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--red);}
  .field.full{grid-column:1 / -1;}
  .form .btn-primary{width:100%;justify-content:center;margin-top:6px;cursor:pointer;border:none;font-family:'Inter';}

  .map-block{max-width:1180px;margin:56px auto 0;}
  .map-frame{
    position:relative;border:1px solid var(--line);background:var(--paper-2);
    overflow:hidden;
  }
  .map-frame iframe{width:100%;height:380px;display:block;filter:grayscale(0.25) contrast(1.05);}
  .map-bar{
    display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;
    padding:20px 26px;border:1px solid var(--line);border-top:none;background:var(--paper);
  }
  .map-bar .mb-text .lbl{font-size:12px;letter-spacing:0.1em;text-transform:uppercase;color:var(--on-light-dim);margin-bottom:4px;}
  .map-bar .mb-text .val{font-size:15px;color:var(--on-light);font-weight:500;}
  .map-bar .btn-ghost{border-color:var(--line);color:var(--on-light);}
  .map-bar .btn-ghost:hover{border-color:var(--steel);}

  /* ---------- section photo bands ---------- */
  .sec-photo-band{
    position:relative;padding:90px 32px;margin-bottom:60px;
    background-size:cover;background-position:center;
  }
  .sec-photo-band::before{
    content:"";position:absolute;inset:0;
    background:linear-gradient(180deg, rgba(30,32,36,0.84), rgba(30,32,36,0.62));
  }
  .sec-photo-band .sec-head{position:relative;z-index:2;margin:0 auto;}
  .sec-photo-band .sec-head h2{color:var(--on-dark);}
  .sec-photo-band .sec-head p{color:var(--on-dark-dim);}
  .sec-body{padding:0 32px;max-width:1180px;margin:0 auto;}

  /* ---------- footer (dark) ---------- */
  footer{padding:40px 32px;background:var(--ink);}
  .foot-inner{max-width:1180px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;}
  .foot-inner .logo-text{font-size:16px;}
  .foot-links{display:flex;gap:26px;}
  .foot-links a{color:var(--on-dark-dim);font-size:13.5px;}
  .foot-links a:hover{color:var(--on-dark);}
  .foot-copy{color:var(--on-dark-dim);font-size:12.5px;}

  @media (max-width:900px){
    .nav-links{
      display:none;position:absolute;top:100%;left:0;right:0;
      flex-direction:column;background:var(--ink);
      border-bottom:1px solid var(--line-dark);
      padding:6px 24px 18px;gap:0;
      max-height:calc(100vh - 100%);overflow-y:auto;
    }
    .nav-links.open{display:flex;}
    .nav-links a{padding:15px 0;border-bottom:1px solid var(--line-dark);font-size:15px;}
    .nav-links a:last-child{border-bottom:none;}
    .nav-call-mobile{
      display:block !important;
      color:var(--red) !important;font-weight:700;
      border-bottom:none !important;
    }
    .nav-toggle{display:flex;}
    .hero-inner{grid-template-columns:1fr;}
    .hero-stats{margin-top:20px;}
    .sec-head{grid-template-columns:1fr;}
    .services{grid-template-columns:repeat(2,1fr);}
    .service{border-bottom:1px solid var(--line);}
    .service:nth-child(3n){border-right:1px solid var(--line);}
    .service:nth-child(2n){border-right:none;}
    .service:nth-last-child(-n+3){border-bottom:1px solid var(--line);}
    .service:nth-last-child(-n+2){border-bottom:none;}
    .why-grid{grid-template-columns:1fr 1fr;}
    .steps{grid-template-columns:1fr 1fr;row-gap:36px;}
    .steps::before{display:none;}
    .gallery{grid-template-columns:1fr 1fr;}
    .g-tile.tall{grid-row:span 1;min-height:220px;}
    .g-tile.wide{grid-column:1 / span 2;}
    .contact-inner{grid-template-columns:1fr;gap:44px;}
    .f-row{grid-template-columns:1fr;}
    .field input,.field select,.field textarea{font-size:16px;}
    .sec-photo-band{padding:64px 24px;margin-bottom:44px;}
  }
  @media (max-width:560px){
    .services{grid-template-columns:1fr;}
    .service{border-right:none !important;border-bottom:1px solid var(--line);}
    .service:last-child{border-bottom:none;}
    .why-grid{grid-template-columns:1fr;}
    .steps{grid-template-columns:1fr;}
    .gallery{grid-template-columns:1fr;}
    .g-tile.wide{grid-column:auto;}
    .hero{padding:56px 20px 56px;}
    .sec{padding:56px 20px;}
    .wrap{padding:0 20px;}
    .nav{padding:14px 20px;}
    .logo-text{font-size:clamp(15px,4.6vw,20px);}
    .nav-cta{padding:9px;gap:0;}
    .nav-cta-text{display:none;}
    .nav-cta-icon{width:18px;height:18px;}
    .hero-stats{grid-template-columns:1fr;}
    .hero-panel{padding:22px 24px;border-left:none;border-top:1px solid var(--line-dark);}
    .hero-panel:first-child{border-top:none;}
    .hero-panel .num{font-size:clamp(30px,9vw,44px);}
    .sec-photo-band{padding:48px 20px;margin-bottom:36px;}
    .quote-band{padding:56px 20px;}
    .contact{padding:56px 20px;}
    .form{padding:26px 22px;}
    .map-frame iframe{height:260px;}
    .map-bar{padding:18px 20px;}
    footer{padding:32px 20px;}
    .foot-inner{justify-content:center;text-align:center;}
    .foot-links{justify-content:center;}
    .hero-actions .btn,
    .detail-cta .cta-actions .btn{
      width:100%;justify-content:center;
    }
    .detail-cta{flex-direction:column;align-items:flex-start;}
    .detail-cta .cta-actions{width:100%;flex-direction:column;}
  }
  @media (prefers-reduced-motion: reduce){
    html{scroll-behavior:auto;}
    .g-tile:hover img{transform:none;}
  }

  /* ---------- campaign slide-in card ---------- */
  .campaign-popup{
    position:fixed;top:50%;right:-420px;
    transform:translateY(-50%);
    width:320px;max-width:calc(100vw - 40px);
    background:var(--ink-2);border:1px solid var(--line-dark);
    border-right:3px solid var(--red);
    box-shadow:-10px 10px 40px rgba(0,0,0,0.28);
    z-index:200;padding:26px 24px 24px;
    transition:right .55s cubic-bezier(.2,.8,.2,1);
  }
  .campaign-popup.show{right:24px;}
  .campaign-popup .cp-close{
    position:absolute;top:6px;right:6px;
    width:40px;height:40px;border:none;background:none;
    color:var(--on-dark-dim);font-size:22px;line-height:1;cursor:pointer;
    display:flex;align-items:center;justify-content:center;
    touch-action:manipulation;z-index:5;
  }
  .campaign-popup .cp-close:hover{color:var(--on-dark);}
  .campaign-popup .cp-kicker{
    color:var(--red);font-family:'Oswald';font-size:12px;
    letter-spacing:0.14em;text-transform:uppercase;font-weight:600;
    display:block;margin-bottom:12px;
  }
  .campaign-popup p{
    color:var(--on-dark-dim);font-size:14px;line-height:1.55;
    text-transform:none;font-family:'Inter';margin-bottom:18px;
  }
  .campaign-popup p strong{color:var(--on-dark);font-weight:600;}
  .campaign-popup .btn-primary{width:100%;justify-content:center;font-size:13px;padding:13px 20px;}
  @media (max-width:560px){
    .campaign-popup{width:calc(100vw - 32px);max-width:calc(100vw - 32px);left:auto;right:-100vw;}
    .campaign-popup.show{right:16px;}
  }

  /* ---------- clickable service cards ---------- */
  a.service{display:block;position:relative;padding-bottom:52px;}
  .service .more{
    position:absolute;left:22px;bottom:26px;right:22px;
    font-size:12.5px;font-weight:600;letter-spacing:0.03em;color:var(--red);
    display:flex;align-items:center;gap:6px;text-transform:none;font-family:'Inter';
    transition:gap .2s;
  }
  a.service:hover .more{gap:10px;}

/* ---------- detail page: hero ---------- */
.page-hero{
  position:relative;background:var(--ink);
  padding:64px 32px 70px;overflow:hidden;
}
.page-hero .breadcrumb{
  position:relative;z-index:2;color:var(--on-dark-dim);font-size:13px;
  display:flex;gap:8px;align-items:center;margin-bottom:22px;
}
.page-hero .breadcrumb a{color:var(--on-dark-dim);}
.page-hero .breadcrumb a:hover{color:var(--on-dark);}
.page-hero .breadcrumb span{color:var(--red);}
.page-hero h1{
  position:relative;z-index:2;
  font-size:clamp(30px,4.6vw,50px);line-height:1.08;font-weight:600;color:var(--on-dark);
  max-width:20ch;
}
.page-hero p.lead{
  position:relative;z-index:2;margin-top:20px;max-width:56ch;
  color:var(--on-dark-dim);font-size:16px;font-family:'Inter';text-transform:none;
}

/* ---------- detail page: photo grid ---------- */
.detail-gallery{
  max-width:1180px;margin:0 auto;display:grid;
  grid-template-columns:repeat(3,1fr);gap:14px;
}
.detail-gallery .d-tile{
  position:relative;overflow:hidden;border:1px solid var(--line);
  aspect-ratio:4/3;background:var(--paper-2);
}
.detail-gallery .d-tile.big{grid-column:span 2;grid-row:span 2;aspect-ratio:auto;}
.detail-gallery .d-tile img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  transition:transform .5s ease;
}
.detail-gallery .d-tile:hover img{transform:scale(1.045);}

/* ---------- detail page: why block ---------- */
.detail-why{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;}
.detail-why .reasons{display:flex;flex-direction:column;gap:0;}
.reason-row{display:flex;gap:18px;padding:22px 0;border-bottom:1px solid var(--line);}
.reason-row:first-child{border-top:1px solid var(--line);}
.reason-row .r-num{
  font-family:'Oswald';color:var(--red);font-size:20px;font-weight:600;
  flex-shrink:0;width:32px;
}
.reason-row h3{font-size:16px;font-weight:600;color:var(--on-light);margin-bottom:6px;}
.reason-row p{font-size:14px;color:var(--on-light-dim);text-transform:none;font-family:'Inter';}

.detail-intro{max-width:1180px;margin:0 auto 50px;}
.detail-intro p{font-size:16px;color:var(--on-light-dim);text-transform:none;font-family:'Inter';max-width:74ch;line-height:1.7;}

.detail-cta{
  max-width:1180px;margin:70px auto 0;
  background:var(--ink);padding:50px 44px;
  display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;
}
.detail-cta h3{color:var(--on-dark);font-size:22px;font-weight:600;max-width:32ch;}
.detail-cta .cta-actions{display:flex;gap:12px;flex-wrap:wrap;}

.other-services{max-width:1180px;margin:70px auto 0;}
.other-services h3{font-size:14px;letter-spacing:0.08em;text-transform:uppercase;color:var(--on-light-dim);margin-bottom:20px;font-weight:600;}
.other-services .chips{display:flex;flex-wrap:wrap;gap:10px;}
.other-services .chips a{
  border:1px solid var(--line);padding:10px 18px;font-size:13.5px;color:var(--on-light);
  transition:all .18s;
}
.other-services .chips a:hover{border-color:var(--red);color:var(--red);}

@media (max-width:900px){
  .page-hero{padding:48px 24px 54px;}
  .detail-gallery{grid-template-columns:1fr 1fr;}
  .detail-gallery .d-tile.big{grid-column:span 2;aspect-ratio:16/9;}
  .detail-why{grid-template-columns:1fr;gap:34px;}
  .detail-cta{padding:36px 28px;}
}
@media (max-width:560px){
  .detail-gallery{grid-template-columns:1fr;}
  .detail-gallery .d-tile.big{grid-column:auto;aspect-ratio:4/3;}
  .page-hero{padding:40px 20px 44px;}
}
.detail-gallery .d-tile.full{grid-column:1 / -1;aspect-ratio:16/9;}

/* ---------- before / after showcase ---------- */
.ba-showcase{max-width:1180px;margin:0 auto;display:flex;flex-direction:column;gap:44px;}
.ba-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.ba-pair .ba-item{position:relative;overflow:hidden;border:1px solid var(--line);aspect-ratio:4/3;background:var(--paper-2);}
.ba-pair .ba-item img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease;}
.ba-pair .ba-item:hover img{transform:scale(1.04);}
.ba-tag{
  position:absolute;top:14px;left:14px;z-index:2;
  font-family:'Oswald';font-size:12px;letter-spacing:0.1em;text-transform:uppercase;
  font-weight:600;padding:7px 16px;color:#fff;background:var(--red);
}
.ba-tag.after{background:var(--ink);}
.ba-arrow{
  display:none;align-items:center;justify-content:center;
  font-family:'Oswald';color:var(--line);font-size:22px;
}
@media (min-width:900px){
  .ba-pair{grid-template-columns:1fr 44px 1fr;align-items:center;}
  .ba-arrow{display:flex;}
}
@media (max-width:600px){
  .ba-pair{grid-template-columns:1fr;}
}