/* Vidgo360: show complete artwork and logos at every viewport width. */
.hero-media{aspect-ratio:5/4;background:#151310;overflow:hidden;box-shadow:none}
.hero-media img,.hero-media video{display:block;object-fit:contain;border-radius:var(--r-lg)}
.process-quote{display:flex;justify-content:center;margin-top:32px}
.process-quote .btn{gap:12px;min-height:54px;padding:0 26px}
.social-float{position:fixed;right:20px;bottom:20px;z-index:40;display:flex;flex-direction:column;gap:12px}
.social-fab{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;color:#fff;box-shadow:0 8px 22px #0002;transition:transform .2s}
.social-fab:hover{transform:translateY(-2px)}
.social-whatsapp{background:#25d366;color:#fff}
.social-instagram{background:linear-gradient(35deg,#f9ce34,#ee2a7b,#6228d7);color:#fff}
.social-facebook{background:#1877f2;color:#fff}
.mobile-social-panel[hidden]{display:none}
.mobile-social-panel{display:none}
.svc-img img,.about-img img,.svc-cover img,.rs-img img,.pc-img img,.ev-card img{object-fit:contain}
.svc-card:hover .svc-img img{transform:none}
.svc-img,.about-img,.svc-cover,.rs-img,.pc-img{background:#171411}
.about-img{aspect-ratio:4/5;max-height:none}
.svc-cover img{display:block;height:auto;max-height:640px}
.prose-img img{display:block;width:100%;height:auto;max-height:680px;object-fit:contain}
.prose-img{background:#171411}
.ev-card img{display:block;aspect-ratio:4/3;height:auto;background:#171411}
.page-head.has-art{background:radial-gradient(ellipse at 90% 30%,#332618 0,transparent 65%),#101114;color:#d9d6cf;padding:40px 0}
.ph-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:44px;align-items:center}
.page-head.has-art h1{color:#fff;font-size:clamp(30px,3.3vw,48px)}
.page-head.has-art .btn-ghost{color:#fff;border-color:#8a8174}
.ph-copy{min-width:0}
.ph-art,.cta-art{margin:0;min-width:0;border:1px solid #8d6a324a;border-radius:20px;overflow:hidden;background:#171411}
.ph-art img,.cta-art img{display:block;width:100%;height:auto;object-fit:contain}
.page-head .crumbs{flex-wrap:wrap}
.cta-band.has-art{background:radial-gradient(ellipse at 0 100%,#382914 0,transparent 65%),#101114}
.cta-in{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:48px}
.cta-copy{min-width:0}
.cta-copy .cta-btns{justify-content:flex-start;margin-top:28px}
.cta-copy .cta-phone{width:100%}
.stats{background:radial-gradient(ellipse at 50% 100%,#3e2d16,transparent 70%),#101114}
@media(max-width:1000px){
  .ph-layout,.cta-in{gap:28px}
}
@media(max-width:760px){
  .social-float{display:none}
  .mbar-social-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:52px;border:0;border-radius:12px;background:transparent;color:var(--ink);font-family:inherit;font-size:12.5px;font-weight:600;cursor:pointer}
  .mbar-social-toggle>.ic{color:#25d366}
  .mbar-social-toggle[aria-expanded=true]{background:var(--gold-xl)}
  .mbar .mobile-social-panel{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%);width:min(340px,calc(100vw - 32px));display:grid;gap:4px;padding:10px;border:1px solid var(--line);border-radius:18px;background:var(--card);box-shadow:0 12px 40px #0003;max-height:calc(100dvh - 160px);overflow:auto;overscroll-behavior:contain}
  .mbar .mobile-social-panel[hidden]{display:none}
  .mbar .mobile-social-link{display:grid;grid-template-columns:40px minmax(0,1fr) 16px;gap:12px;align-items:center;min-height:62px;padding:8px 10px;text-align:left}
  .mbar .mobile-social-link:hover{background:var(--soft)}
  .social-mini{display:grid;place-items:center;width:40px;height:40px;border-radius:12px}
  .mbar .mobile-social-link .social-mini .ic{color:#fff}
  .mbar .mobile-social-link>.ic{color:var(--muted)}
  .mobile-social-link strong,.mobile-social-link small{display:block}
  .mobile-social-link strong{font-size:14px}
  .mobile-social-link small{font-size:12px;font-weight:400;color:var(--muted);overflow-wrap:anywhere}
  .process-quote .btn{max-width:100%;font-size:14px;padding:0 16px}
  .hero-media{aspect-ratio:5/4}
  .svc-card{flex-direction:column}
  .svc-img{flex:none;width:100%;aspect-ratio:4/5;max-height:440px}
  .svc-img img{height:100%}
  .svc-body p{display:block;-webkit-line-clamp:unset}
  .about-img{aspect-ratio:4/5;max-height:560px}
  .svc-cover img{max-height:560px}
  .ev-card{display:block}
  .ev-card img{width:100%;height:auto;aspect-ratio:4/3}
  .ph-layout,.cta-in{grid-template-columns:1fr;gap:24px}
  .page-head.has-art{padding:28px 0}
  .ph-art,.cta-art{width:100%;max-width:580px;justify-self:center}
  .page-head.has-art h1{font-size:32px}
  .cta-copy .cta-btns{gap:10px}
  .rs-img img{aspect-ratio:4/5;max-height:520px;min-height:0}
}

/* V5: compact page titles replace the full-width inner banner. */
.cta-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;border:0;background:transparent;overflow:visible}
.cta-products img{width:100%;height:auto;aspect-ratio:4/5;object-fit:contain;border-radius:12px}
.cta-products img:nth-child(2){margin-top:32px}
.hero-media{aspect-ratio:4/3}
.page-heading{padding:34px 0 8px;background:var(--card);color:var(--ink)}
.page-heading .ph-layout{display:block}
.page-heading h1{font-size:clamp(30px,3vw,44px);margin:12px 0}
.page-heading p{max-width:850px;color:var(--muted);line-height:1.7}
.page-heading .ph-btns{margin-top:20px}
.page-heading .btn-ghost{color:var(--ink);border-color:var(--line)}
.page-heading .crumbs{display:flex;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--muted)}
.page-heading .crumbs a{color:inherit}
@media(max-width:760px){.page-heading{padding-top:24px}.page-heading h1{font-size:30px}}
/* V6: natural image proportions without colored side gutters. */
.hero-media,.svc-img,.about-img,.svc-cover,.rs-img,.pc-img,.prose-img{background:transparent;aspect-ratio:auto;max-height:none}
.hero-media img,.hero-media video,.svc-img img,.about-img img,.svc-cover img,.rs-img img,.pc-img img,.prose-img img,.ev-card img{display:block;width:100%;height:auto;max-height:none;min-height:0;aspect-ratio:auto;object-fit:contain}
.prose-img{width:min(100%,480px);margin:0 auto 32px}
.about-img,.svc-cover{width:min(100%,512px);justify-self:center}
.svc-img{flex:none;width:100%}
.rs-img{align-self:center}
.page-heading + .sec{padding-top:36px}
@media(max-width:760px){
  .prose-img,.about-img,.svc-cover{max-width:400px}
  .page-heading + .sec{padding-top:24px}
}