/* VideoVibes360 — production immersive theme */
:root{
  --vv-bg:#080809;
  --vv-panel:#0f0f11;
  --vv-panel-2:#151417;
  --vv-panel-3:#1b1817;
  --vv-ivory:#f5eee3;
  --vv-muted:#b7aa9a;
  --vv-copper:#d59662;
  --vv-copper-bright:#f0c58d;
  --vv-bronze:#8e603e;
  --vv-line:rgba(245,238,227,.11);
  --vv-line-copper:rgba(213,150,98,.36);
  --vv-shadow:0 26px 70px rgba(0,0,0,.36);
  --signal:#d59662;
  --signal-deep:#9d6743;
  --gold:#d0a56e;
}

html{background:var(--vv-bg)}
body.immersive-theme{
  color:var(--vv-ivory);
  background:
    radial-gradient(circle at 12% 0%,rgba(213,150,98,.10),transparent 26rem),
    radial-gradient(circle at 92% 20%,rgba(167,94,54,.07),transparent 28rem),
    var(--vv-bg);
}
body.immersive-theme::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:0;
  opacity:.055;
  background:url("../images/texture-noir.webp") center/cover fixed;
  mix-blend-mode:screen;
}
body.immersive-theme main,
body.immersive-theme .site-footer{position:relative;z-index:1}
body.immersive-theme p{color:inherit}
body.immersive-theme h1,
body.immersive-theme h2,
body.immersive-theme h3{color:var(--vv-ivory);text-wrap:balance}
body.immersive-theme em{color:var(--vv-copper-bright)}
body.immersive-theme .lead,
body.immersive-theme .prose p,
body.immersive-theme .prose li,
body.immersive-theme .section-heading>p,
body.immersive-theme .section-heading--split>p,
body.immersive-theme .editorial-note,
body.immersive-theme .guide-card p,
body.immersive-theme .fact span,
body.immersive-theme .proof-card figcaption span{color:var(--vv-muted)}
body.immersive-theme .eyebrow,
body.immersive-theme .kicker,
body.immersive-theme .micro-label,
body.immersive-theme .guide-meta{color:var(--vv-copper-bright)}

/* Header and navigation */
body.immersive-theme .site-header,
body.immersive-theme .site-header.is-scrolled{
  background:rgba(8,8,9,.86);
  color:var(--vv-ivory);
  border-color:rgba(245,238,227,.08);
  backdrop-filter:blur(20px) saturate(125%);
}
body.immersive-theme .site-header::after{
  content:"";position:absolute;left:var(--gutter);right:var(--gutter);bottom:-1px;height:1px;
  background:linear-gradient(90deg,transparent,var(--vv-copper),transparent);opacity:.58;
}
body.immersive-theme .brand-symbol path[stroke="#e55738"],
body.immersive-theme .brand-symbol circle[fill="#e55738"]{stroke:var(--vv-copper)!important;fill:var(--vv-copper)!important}
body.immersive-theme .brand>span>span{color:var(--vv-copper-bright)}
body.immersive-theme .site-nav{background:rgba(8,8,9,.98);color:var(--vv-ivory);border-color:var(--vv-line)}
body.immersive-theme .site-nav a{border-color:var(--vv-line);transition:color .2s ease,transform .2s ease}
body.immersive-theme .site-nav a:hover,
body.immersive-theme .site-nav a:focus-visible{color:var(--vv-copper-bright);transform:translateY(-1px)}

/* Custom icons */
.ui-icon{width:1.1em;height:1.1em;flex:0 0 auto;display:inline-block;overflow:visible}
.card-symbol{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--vv-line-copper);border-radius:50%;color:var(--vv-copper-bright);background:rgba(213,150,98,.06)}
.card-symbol .ui-icon{width:20px;height:20px}

/* Buttons — always readable, with premium hover states */
body.immersive-theme .button,
body.immersive-theme .nav-cta,
body.immersive-theme .nav-cta-button,
body.immersive-theme .booking-draft-action{
  isolation:isolate;
  position:relative;
  overflow:hidden;
  gap:.72rem;
  border-radius:999px;
  border:1px solid var(--vv-line-copper)!important;
  color:var(--vv-ivory);
  background:rgba(15,15,17,.88);
  box-shadow:0 14px 34px rgba(0,0,0,.22);
  transform:none;
  transition:transform .22s ease,border-color .22s ease,background .22s ease,color .22s ease,box-shadow .22s ease;
}
body.immersive-theme .button::after,
body.immersive-theme .nav-cta::after{content:none!important}
body.immersive-theme .button::before,
body.immersive-theme .nav-cta::before,
body.immersive-theme .booking-draft-action::before{
  content:"";position:absolute;z-index:-1;inset:0;opacity:0;
  background:radial-gradient(circle at 50% 120%,rgba(255,255,255,.42),transparent 48%);
  transition:opacity .25s ease;
}
body.immersive-theme .button-primary,
body.immersive-theme .nav-cta,
body.immersive-theme .nav-cta-button{
  color:#17100b!important;
  background:linear-gradient(110deg,#f0c58d 0%,#d59662 48%,#a66d46 100%);
  border-color:rgba(255,230,194,.38)!important;
  text-shadow:0 1px rgba(255,255,255,.16);
}
body.immersive-theme .button-primary .ui-icon,
body.immersive-theme .nav-cta .ui-icon{color:#17100b}
body.immersive-theme .button:hover,
body.immersive-theme .button:focus-visible,
body.immersive-theme .nav-cta:hover,
body.immersive-theme .nav-cta:focus-visible,
body.immersive-theme .booking-draft-action:hover,
body.immersive-theme .booking-draft-action:focus-visible{
  color:var(--vv-ivory)!important;
  background:#1b1512;
  border-color:var(--vv-copper-bright)!important;
  box-shadow:0 18px 46px rgba(213,150,98,.18);
  transform:translateY(-2px);
}
body.immersive-theme .button:hover::before,
body.immersive-theme .button:focus-visible::before,
body.immersive-theme .nav-cta:hover::before{opacity:1}
body.immersive-theme .button:active,
body.immersive-theme .nav-cta:active{transform:translateY(0) scale(.985)}
body.immersive-theme .button:disabled{opacity:.42;cursor:not-allowed;transform:none}
body.immersive-theme .button-ghost{color:var(--vv-ivory);background:rgba(15,15,17,.72)}
body.immersive-theme .text-link,
body.immersive-theme .text-link.dark{color:var(--vv-ivory);border-color:rgba(245,238,227,.38)}
body.immersive-theme .text-link:hover{color:var(--vv-copper-bright)}
body.immersive-theme .card-link{display:inline-flex;align-items:center;gap:.55rem;color:var(--vv-copper-bright);font-weight:700}

/* Hero scenes */
body.immersive-theme .hero-campaign,
body.immersive-theme .page-hero,
body.immersive-theme .service-hero,
body.immersive-theme .booking-hero{background:var(--vv-bg);color:var(--vv-ivory)}
body.immersive-theme .hero-media img,
body.immersive-theme .page-hero-bg img,
body.immersive-theme .service-hero-media img,
body.immersive-theme .booking-hero-media img{
  transform:translate3d(0,var(--hero-y,0),0) scale(1.045);
  filter:saturate(.82) contrast(1.08);
  will-change:transform;
}
body.immersive-theme .hero-shade,
body.immersive-theme .page-hero-overlay,
body.immersive-theme .service-hero-overlay,
body.immersive-theme .booking-hero-overlay{
  background:
    linear-gradient(90deg,rgba(7,7,8,.96) 0%,rgba(7,7,8,.75) 42%,rgba(7,7,8,.25) 76%),
    linear-gradient(0deg,rgba(7,7,8,.96) 2%,transparent 62%),
    radial-gradient(circle at 74% 35%,rgba(213,150,98,.16),transparent 27%);
}
body.immersive-theme .hero-copy h1{max-width:10ch;line-height:.84}
body.immersive-theme .hero-deck{color:rgba(245,238,227,.78)}
body.immersive-theme .hero-annotation{
  background:rgba(11,11,12,.78);
  border:1px solid var(--vv-line-copper);
  padding:1.1rem;
  box-shadow:var(--vv-shadow);
}
body.immersive-theme .editorial-meta{color:rgba(245,238,227,.62);border-color:rgba(245,238,227,.18)}
body.immersive-theme .page-hero::after{color:transparent;-webkit-text-stroke:1px rgba(213,150,98,.12)}
body.immersive-theme .breadcrumbs{color:rgba(245,238,227,.6)}
body.immersive-theme .breadcrumbs a:hover{color:var(--vv-copper-bright)}

/* All content is part of one dark editorial world */
body.immersive-theme .section,
body.immersive-theme .intro-editorial,
body.immersive-theme .immersive-story,
body.immersive-theme .real-equipment,
body.immersive-theme .journal-preview,
body.immersive-theme .service-intro,
body.immersive-theme .service-body,
body.immersive-theme .service-faq,
body.immersive-theme .service-proof,
body.immersive-theme .about-editorial,
body.immersive-theme .about-visual-story,
body.immersive-theme .faq-editorial,
body.immersive-theme .booking-entry,
body.immersive-theme .booking-assurance--v5{
  background-color:var(--vv-bg);
  color:var(--vv-ivory);
}
body.immersive-theme .intro-editorial,
body.immersive-theme .service-intro,
body.immersive-theme .about-editorial,
body.immersive-theme .booking-entry{
  background-image:linear-gradient(rgba(8,8,9,.88),rgba(8,8,9,.94)),url("../images/texture-noir.webp");
  background-size:cover;
}
body.immersive-theme .immersive-story,
body.immersive-theme .faq-editorial,
body.immersive-theme .service-faq{
  overflow:hidden;
  background-image:linear-gradient(rgba(8,8,9,.88),rgba(8,8,9,.96)),url("../images/fx-pearls.webp");
  background-size:cover;
}
body.immersive-theme .real-equipment,
body.immersive-theme .service-proof,
body.immersive-theme .about-visual-story{
  background-image:linear-gradient(rgba(8,8,9,.90),rgba(8,8,9,.96)),url("../images/fx-embers.webp");
  background-size:cover;
}
body.immersive-theme .editorial-note{border-color:var(--vv-line);background:rgba(15,15,17,.54);padding:1.25rem}

/* Experience collection */
body.immersive-theme .collection{background:var(--vv-bg)}
body.immersive-theme .collection-item,
body.immersive-theme .collection-item--bubble{background:var(--vv-bg);color:var(--vv-ivory);border-color:var(--vv-line)}
body.immersive-theme .collection-copy,
body.immersive-theme .collection-item--bubble .collection-copy{background:linear-gradient(145deg,#0d0d0f,#141113);color:var(--vv-ivory)}
body.immersive-theme .collection-copy .lead,
body.immersive-theme .collection-item--bubble .collection-copy .lead{color:var(--vv-muted)}
body.immersive-theme .collection-image::before{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;border:1px solid rgba(213,150,98,.18);
  box-shadow:inset 0 0 80px rgba(0,0,0,.55);
}
body.immersive-theme .collection-image img{filter:saturate(.85) contrast(1.08);transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .45s ease}
body.immersive-theme .collection-item:hover .collection-image img{transform:scale(1.05);filter:saturate(1) contrast(1.1)}
body.immersive-theme .collection-details{color:var(--vv-muted)}

/* Premium cards and hover spotlights */
body.immersive-theme .signature-grid,
body.immersive-theme .guide-grid,
body.immersive-theme .equipment-proof-grid{gap:1rem;border:0}
body.immersive-theme .signature-card,
body.immersive-theme .guide-card,
body.immersive-theme .proof-card,
body.immersive-theme .fact,
body.immersive-theme .cta-panel{
  position:relative;
  overflow:hidden;
  border:1px solid var(--vv-line);
  background:linear-gradient(155deg,rgba(25,24,27,.94),rgba(13,13,15,.98));
  box-shadow:var(--vv-shadow);
}
body.immersive-theme .signature-card::after,
body.immersive-theme .guide-card::after,
body.immersive-theme .proof-card::after,
body.immersive-theme .cta-panel::after{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:0;
  background:radial-gradient(360px circle at var(--spot-x,50%) var(--spot-y,50%),rgba(213,150,98,.17),transparent 42%);
  transition:opacity .25s ease;
}
body.immersive-theme .signature-card:hover::after,
body.immersive-theme .guide-card:hover::after,
body.immersive-theme .proof-card:hover::after,
body.immersive-theme .cta-panel:hover::after{opacity:1}
body.immersive-theme .signature-card,
body.immersive-theme .guide-card{padding:1.45rem;border-radius:24px}
body.immersive-theme .guide-card{min-height:330px;display:flex;flex-direction:column}
body.immersive-theme .guide-card h3{font-size:clamp(1.8rem,3vw,3rem)}
body.immersive-theme .guide-card .card-link{margin-top:auto;padding-top:1.2rem}
body.immersive-theme .proof-card{border-radius:26px}
body.immersive-theme .proof-card img{transition:transform .7s ease,filter .4s ease;filter:saturate(.7) contrast(1.04)}
body.immersive-theme .proof-card:hover img{transform:scale(1.035);filter:saturate(.95) contrast(1.08)}
body.immersive-theme .fact{padding:1.2rem;border-radius:18px}
body.immersive-theme .fact b{color:var(--vv-copper-bright)}

/* Guide pages — no blank white areas */
body.immersive-theme .guide-article{max-width:980px;padding-top:1rem}
body.immersive-theme .guide-article>h2{margin-top:clamp(3.2rem,7vw,6rem);padding-top:1rem;border-top:1px solid var(--vv-line)}
body.immersive-theme .guide-article>h2:first-child{margin-top:0;border-top:0}
body.immersive-theme .answer-box{
  position:relative;
  margin:1rem 0 1.6rem;
  padding:clamp(1.4rem,3vw,2.5rem);
  color:var(--vv-ivory);
  border:1px solid var(--vv-line-copper);
  border-radius:24px;
  background:linear-gradient(140deg,rgba(213,150,98,.18),rgba(15,15,17,.92) 54%);
  box-shadow:var(--vv-shadow);
}
body.immersive-theme .answer-box::before{content:"RĂSPUNS ESENȚIAL";display:block;margin-bottom:.8rem;color:var(--vv-copper-bright);font-size:.62rem;font-weight:800;letter-spacing:.16em}
body.immersive-theme .answer-box p{color:var(--vv-ivory);font-family:var(--serif);font-size:clamp(1.45rem,3vw,2.45rem);line-height:1.2}
body.immersive-theme .guide-note-panel{border-color:var(--vv-line);background:#111114;border-radius:20px}
body.immersive-theme .guide-note-panel p{color:var(--vv-muted)}
body.immersive-theme .guide-next-step{
  position:relative;margin-top:clamp(3.5rem,7vw,6rem);padding:clamp(1.5rem,4vw,3.5rem);overflow:hidden;
  border:1px solid var(--vv-line-copper);border-radius:28px;
  background:linear-gradient(90deg,rgba(8,8,9,.93),rgba(8,8,9,.74)),url("../images/fx-embers.webp") center/cover;
  box-shadow:var(--vv-shadow);
}
body.immersive-theme .guide-next-step h2{margin-top:0;border:0}
body.immersive-theme .guide-next-step p{max-width:58ch;color:var(--vv-muted)}

/* FAQ */
body.immersive-theme .faq-list{border-color:var(--vv-line)}
body.immersive-theme .faq-item{border-color:var(--vv-line);transition:background .2s ease}
body.immersive-theme .faq-item:hover,
body.immersive-theme .faq-item[open]{background:rgba(213,150,98,.045)}
body.immersive-theme .faq-item summary{padding:1.5rem 1rem;color:var(--vv-ivory)}
body.immersive-theme .faq-item summary::after{color:var(--vv-copper-bright)}
body.immersive-theme .faq-item p{padding-left:1rem;color:var(--vv-muted)}

/* Booking entry and studio */
body.immersive-theme .booking-entry,
body.immersive-theme .booking-assurance--v5{border-radius:0;border-inline:0}
body.immersive-theme .booking-entry-copy .lead{color:var(--vv-muted)}
body.immersive-theme .booking-draft-card{padding:1.2rem;border:1px solid var(--vv-line-copper);border-radius:24px;background:#101012;box-shadow:var(--vv-shadow)}
body.immersive-theme .booking-draft-card dl>div,
body.immersive-theme .booking-draft-topline{border-color:var(--vv-line)}
body.immersive-theme .booking-draft-card dt{color:var(--vv-muted)}
body.immersive-theme .booking-draft-card dd{color:var(--vv-ivory)}
body.immersive-theme .process-rail{border-color:var(--vv-line)}
body.immersive-theme .process-rail article{border-color:var(--vv-line)}
body.immersive-theme .process-rail p{color:var(--vv-muted)}

body.immersive-theme .booking-overlay{background:rgba(3,3,4,.93);color:var(--vv-ivory)}
body.immersive-theme .booking-overlay-shell,
body.immersive-theme .booking-workspace,
body.immersive-theme .booking-overlay-header,
body.immersive-theme .booking-progress,
body.immersive-theme .booking-actionbar{background:#0b0b0d;color:var(--vv-ivory);border-color:var(--vv-line)}
body.immersive-theme .booking-overlay-shell::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.035;background:url("../images/texture-noir.webp") center/cover
}
body.immersive-theme .booking-overlay-shell>*{position:relative;z-index:1}
body.immersive-theme .booking-overlay-brand{color:var(--vv-ivory)}
body.immersive-theme .booking-close{border-color:var(--vv-line);color:var(--vv-ivory);border-radius:50%}
body.immersive-theme .booking-close:hover{background:var(--vv-copper);color:#140f0b}
body.immersive-theme .booking-progress button{color:rgba(245,238,227,.55);border-color:var(--vv-line);padding:.78rem .6rem}
body.immersive-theme .booking-progress button span{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#151518;border:1px solid var(--vv-line-copper);color:var(--vv-copper-bright)}
body.immersive-theme .booking-progress button.is-active,
body.immersive-theme .booking-progress button.is-complete{color:var(--vv-ivory)}
body.immersive-theme .booking-progress button.is-active span,
body.immersive-theme .booking-progress button.is-complete span{background:var(--vv-copper);color:#160f0a;border-color:var(--vv-copper)}
body.immersive-theme .booking-progress button::after{background:var(--vv-copper)}
body.immersive-theme .booking-step-intro>p:last-child{color:var(--vv-muted)}

/* Compact calendar with richer color hierarchy */
body.immersive-theme .calendar-shell--studio{
  width:min(100%,590px);
  max-width:590px;
  padding:1rem;
  border:1px solid var(--vv-line-copper);
  border-radius:24px;
  background:linear-gradient(155deg,#141316,#0e0e10);
  box-shadow:var(--vv-shadow);
}
body.immersive-theme .calendar-toolbar{margin-bottom:.8rem;grid-template-columns:38px 1fr 38px}
body.immersive-theme .calendar-toolbar h3{font-family:var(--serif);font-size:clamp(1.25rem,2vw,1.65rem);letter-spacing:0;text-transform:capitalize;color:var(--vv-ivory)}
body.immersive-theme .calendar-nav{width:38px;height:38px;color:var(--vv-copper-bright);border-color:var(--vv-line);background:#0d0d0f;border-radius:50%}
body.immersive-theme .calendar-nav:hover:not(:disabled){background:var(--vv-copper);color:#150f0a}
body.immersive-theme .calendar-weekdays{border-color:var(--vv-line);padding-bottom:.42rem}
body.immersive-theme .calendar-weekdays span{color:rgba(245,238,227,.48);font-size:.56rem}
body.immersive-theme .calendar-grid{gap:4px;padding-top:4px}
body.immersive-theme .calendar-day{
  aspect-ratio:1/1;
  min-height:36px;
  padding:0;
  border-radius:12px;
  color:var(--vv-ivory);
  background:rgba(255,255,255,.025);
  border:1px solid transparent;
}
body.immersive-theme .calendar-day:hover:not(:disabled){border-color:var(--vv-copper);background:rgba(213,150,98,.08)}
body.immersive-theme .calendar-day.is-selected{color:#160f0a;background:linear-gradient(135deg,var(--vv-copper-bright),var(--vv-copper));border-color:transparent;box-shadow:0 8px 20px rgba(213,150,98,.24)}
body.immersive-theme .calendar-day:disabled{color:rgba(245,238,227,.22);background:transparent;text-decoration:none}
body.immersive-theme .calendar-day.is-today::after{background:var(--vv-copper-bright)}
body.immersive-theme .calendar-legend{margin-top:.7rem;color:rgba(245,238,227,.5);font-size:.54rem}

body.immersive-theme .equipment-grid--studio{gap:.8rem}
body.immersive-theme .equipment-option{min-height:300px;border-radius:22px;border-color:var(--vv-line);background:#101012;box-shadow:0 16px 40px rgba(0,0,0,.2)}
body.immersive-theme .equipment-option::after{content:"";position:absolute;inset:0;border:1px solid transparent;pointer-events:none;transition:border .2s ease,background .2s ease}
body.immersive-theme .equipment-option:hover::after{border-color:var(--vv-line-copper);background:rgba(213,150,98,.04)}
body.immersive-theme .equipment-option:has(input:checked){border-color:var(--vv-copper)}
body.immersive-theme .equipment-option>img{filter:saturate(.72) contrast(1.08);transition:transform .55s ease,filter .4s ease}
body.immersive-theme .equipment-option:hover>img{transform:scale(1.04);filter:saturate(.95) contrast(1.08)}
body.immersive-theme .equipment-content small{color:var(--vv-copper-bright)}
body.immersive-theme .equipment-content em{color:rgba(245,238,227,.58)}
body.immersive-theme .equipment-check{border-radius:50%;background:#0e0e10;border-color:var(--vv-line-copper)}

body.immersive-theme .field label{color:var(--vv-copper-bright)}
body.immersive-theme .field input,
body.immersive-theme .field select,
body.immersive-theme .field textarea{
  padding:.9rem 1rem;
  color:var(--vv-ivory);
  background:#111113;
  border:1px solid var(--vv-line);
  border-radius:14px;
}
body.immersive-theme .field select{color-scheme:dark}
body.immersive-theme .field input:focus,
body.immersive-theme .field select:focus,
body.immersive-theme .field textarea:focus{outline:0;border-color:var(--vv-copper);box-shadow:0 0 0 4px rgba(213,150,98,.09)}
body.immersive-theme .booking-review-grid{background:var(--vv-line);border-color:var(--vv-line)}
body.immersive-theme .booking-review-card{background:#111113;color:var(--vv-ivory)}
body.immersive-theme .booking-review-card>span{color:var(--vv-copper-bright)}
body.immersive-theme .booking-review-card button{color:var(--vv-copper-bright)}
body.immersive-theme .privacy-check--review,
body.immersive-theme .summary-note--review{color:var(--vv-muted);background:#101012;border-color:var(--vv-line);border-radius:16px}
body.immersive-theme .booking-actionbar{box-shadow:0 -18px 44px rgba(0,0,0,.28)}
body.immersive-theme .booking-actionbar-summary span{color:var(--vv-copper-bright)}
body.immersive-theme .booking-back{color:var(--vv-ivory);border-color:var(--vv-line);border-radius:999px;background:#121214}

/* Callouts, footer and floating action */
body.immersive-theme .cta-panel{
  background:linear-gradient(90deg,rgba(8,8,9,.94),rgba(8,8,9,.72)),url("../images/fx-embers.webp") center/cover;
  border-color:var(--vv-line-copper);
}
body.immersive-theme .cta-panel::before{color:transparent;-webkit-text-stroke:1px rgba(213,150,98,.14)}
body.immersive-theme .service-booking-teaser{color:var(--vv-ivory);background:var(--vv-bg)}
body.immersive-theme .service-booking-overlay{background:linear-gradient(0deg,rgba(7,7,8,.98),rgba(7,7,8,.22) 70%)}
body.immersive-theme .closing-campaign{background:var(--vv-bg)}
body.immersive-theme .closing-overlay{background:linear-gradient(0deg,rgba(7,7,8,.98),rgba(7,7,8,.2) 74%)}
body.immersive-theme .site-footer{background:#060607;color:var(--vv-ivory);border-top:1px solid var(--vv-line-copper)}
body.immersive-theme .footer-topline{border-color:var(--vv-line)}
body.immersive-theme .footer-grid h2{color:var(--vv-copper-bright)}
body.immersive-theme .footer-grid a,
body.immersive-theme .footer-link-button{color:rgba(245,238,227,.68)}
body.immersive-theme .footer-grid a:hover,
body.immersive-theme .footer-link-button:hover{color:var(--vv-copper-bright)}

/* Reveal and motion */
.reveal-enabled .reveal-block{opacity:1;transform:none}
.reveal-enabled .reveal-block.is-revealed{animation:vvRevealIn .62s cubic-bezier(.2,.75,.2,1) both}
@keyframes vvRevealIn{from{opacity:.72;transform:translateY(14px)}to{opacity:1;transform:none}}

@media (min-width:760px){
  body.immersive-theme .guide-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
  body.immersive-theme .guide-card{border-bottom:1px solid var(--vv-line)}
  body.immersive-theme .calendar-day{min-height:40px}
  body.immersive-theme .booking-progress button{grid-template-columns:32px 1fr;align-items:center;text-align:left}
}

@media (min-width:1040px){
  body.immersive-theme .site-nav{background:transparent}
  body.immersive-theme .nav-cta{padding:.72rem 1rem!important}
  body.immersive-theme .collection-item{grid-template-columns:minmax(0,1.12fr) minmax(420px,.88fr)}
  body.immersive-theme .collection-item:nth-child(even){grid-template-columns:minmax(420px,.88fr) minmax(0,1.12fr)}
  body.immersive-theme .collection-item:nth-child(even) .collection-image{order:2}
  body.immersive-theme .collection-image{min-height:82svh}
  body.immersive-theme .calendar-shell--studio{max-width:560px}
  body.immersive-theme .booking-step{grid-template-columns:minmax(290px,.48fr) minmax(0,1fr)}
  body.immersive-theme .booking-overlay-shell{inset:.7rem;border-radius:24px;overflow:hidden}
}

@media (max-width:759px){
  body.immersive-theme .hero-copy h1{font-size:clamp(3.6rem,17vw,6.4rem);line-height:.87}
  body.immersive-theme .hero-media img{object-position:60% center}
  body.immersive-theme .collection-image{min-height:62svh}
  body.immersive-theme .collection-copy{padding:3rem 1rem 4rem}
  body.immersive-theme .page-hero,
  body.immersive-theme .service-hero{min-height:78svh}
  body.immersive-theme .page-hero-overlay,
  body.immersive-theme .service-hero-overlay,
  body.immersive-theme .booking-hero-overlay{background:linear-gradient(0deg,rgba(7,7,8,.98) 4%,rgba(7,7,8,.58) 72%,rgba(7,7,8,.25))}
  body.immersive-theme .guide-card{min-height:auto}
  body.immersive-theme .calendar-shell--studio{width:100%;padding:.75rem;border-radius:20px}
  body.immersive-theme .calendar-day{min-height:38px;border-radius:10px;font-size:.68rem}
  body.immersive-theme .calendar-grid{gap:3px}
  body.immersive-theme .calendar-legend{gap:.45rem .7rem}
  body.immersive-theme .equipment-option{min-height:270px}
  body.immersive-theme .booking-progress button{padding:.58rem .2rem;text-align:center}
  body.immersive-theme .booking-progress button span{margin:auto;width:25px;height:25px}
  body.immersive-theme .booking-progress button strong{font-size:.47rem}
  body.immersive-theme .booking-actionbar{padding:.65rem .75rem max(.65rem,env(safe-area-inset-bottom))}
  body.immersive-theme .booking-actionbar-buttons{grid-template-columns:92px 1fr}
  body.immersive-theme .booking-back{min-height:50px}
  body.immersive-theme .button{min-height:52px}
}

@media (prefers-reduced-motion:reduce){
  .reveal-enabled .reveal-block{opacity:1;transform:none}
  body.immersive-theme .hero-media img,
  body.immersive-theme .page-hero-bg img,
  body.immersive-theme .service-hero-media img,
  body.immersive-theme .booking-hero-media img{transform:none}
}

/* Final usability tuning */
body.immersive-theme.booking-is-open main{z-index:300}
@media (min-width:760px){
  body.immersive-theme .hero-copy h1{font-size:clamp(4.8rem,7.8vw,7.8rem);max-width:11.5ch;line-height:.86}
  body.immersive-theme .booking-hero-content-v5 h1{font-size:clamp(4.6rem,7.4vw,7.4rem);max-width:10.5ch;line-height:.88}
  body.immersive-theme .page-hero h1{font-size:clamp(4.5rem,7.2vw,7.3rem);max-width:13ch;line-height:.9}
  body.immersive-theme .service-hero-content h1{font-size:clamp(4.7rem,7.8vw,8rem);max-width:10ch;line-height:.88}
}
@media (max-width:759px){
  body.immersive-theme .booking-actionbar-buttons .booking-back[hidden] + .booking-next,
  body.immersive-theme .booking-actionbar-buttons .booking-back[hidden] ~ .booking-submit:not([hidden]){grid-column:1/-1}
}
body.immersive-theme .booking-actionbar{
  background-image:linear-gradient(rgba(10,10,11,.955),rgba(10,10,11,.985)),url("../images/texture-ivory.webp");
  background-size:cover;
}

/* V7 — editorial cleanup, balanced layouts and a single booking path */
body.immersive-theme .intro-grid{
  grid-template-columns:minmax(0,1fr);
  gap:clamp(2rem,5vw,5rem);
  align-items:start;
}
body.immersive-theme .intro-grid h2{
  max-width:15ch;
  font-size:clamp(2.8rem,5.6vw,6.4rem);
  line-height:.94;
}
body.immersive-theme .intro-grid .editorial-note{
  align-self:start;
  max-width:42rem;
  margin:0;
}
body.immersive-theme .hero-copy h1{
  max-width:12ch;
  font-size:clamp(4rem,7vw,7.2rem);
  line-height:.89;
}
body.immersive-theme .hero-copy .hero-italic{padding-left:.26em}
body.immersive-theme .hero-deck{max-width:39ch}
body.immersive-theme .hero-actions .button,
body.immersive-theme .button-row .button{width:auto;max-width:100%}
body.immersive-theme .collection-copy h2{
  max-width:11ch;
  font-size:clamp(3rem,5.7vw,6rem);
  line-height:.94;
}
body.immersive-theme .section-heading h2{max-width:15ch}
body.immersive-theme .real-equipment .lead{max-width:55ch}
body.immersive-theme .closing-content{max-width:1050px}
body.immersive-theme .closing-content h2{
  max-width:13ch;
  font-size:clamp(3rem,6.3vw,6.5rem);
  line-height:.94;
}
body.immersive-theme .site-footer{
  padding-bottom:clamp(3rem,6vw,5rem);
}
body.immersive-theme .footer-intro{max-width:26rem}
body.immersive-theme .footer-intro p{color:var(--vv-muted)}
body.immersive-theme .page-hero h1,
body.immersive-theme .service-hero-content h1,
body.immersive-theme .booking-hero-content-v5 h1{
  max-width:12ch;
  font-size:clamp(3.8rem,6.8vw,7rem);
  line-height:.92;
}
body.immersive-theme .booking-entry-grid{align-items:center}
body.immersive-theme .booking-entry-copy h2{
  max-width:13ch;
  font-size:clamp(2.8rem,5vw,5.4rem);
  line-height:.96;
}
body.immersive-theme .booking-draft-card{max-width:520px;justify-self:end;width:100%}
body.immersive-theme .calendar-shell--studio{
  width:min(100%,540px);
  max-width:540px;
}
body.immersive-theme .calendar-day{min-height:34px}
body.immersive-theme .equipment-grid--studio .equipment-option{min-height:280px}
body.immersive-theme .guide-next-step .button,
body.immersive-theme .cta-panel .button,
body.immersive-theme .service-booking-teaser .button{margin-top:.4rem}

@media (min-width:900px){
  body.immersive-theme .intro-grid{
    grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);
    gap:clamp(3rem,7vw,8rem);
  }
  body.immersive-theme .intro-grid h2{font-size:clamp(3.8rem,5.2vw,6.2rem)}
  body.immersive-theme .hero-inner{padding-top:clamp(8rem,11vw,10rem)}
  body.immersive-theme .hero-copy{max-width:970px}
  body.immersive-theme .hero-copy h1{font-size:clamp(4.8rem,6.4vw,7.2rem)}
  body.immersive-theme .hero-annotation{width:min(330px,24vw)}
  body.immersive-theme .split-proof{grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr)}
}

@media (min-width:1040px){
  body.immersive-theme .collection-item{min-height:76svh}
  body.immersive-theme .collection-image{min-height:76svh}
  body.immersive-theme .booking-step{grid-template-columns:minmax(310px,.52fr) minmax(0,1fr);gap:clamp(3rem,6vw,6rem)}
  body.immersive-theme .calendar-shell--studio{max-width:520px}
}

@media (max-width:899px){
  body.immersive-theme .intro-grid .editorial-note{max-width:38rem}
  body.immersive-theme .hero-annotation{display:none}
  body.immersive-theme .hero-folio{display:none}
}

@media (max-width:759px){
  body.immersive-theme .hero-campaign{min-height:92svh}
  body.immersive-theme .hero-inner{min-height:92svh;padding-top:7.4rem;padding-bottom:3.4rem}
  body.immersive-theme .hero-copy h1{
    max-width:9ch;
    font-size:clamp(3.15rem,13.2vw,5.05rem);
    line-height:.9;
  }
  body.immersive-theme .hero-copy .hero-italic{padding-left:.16em}
  body.immersive-theme .hero-deck{font-size:clamp(1.12rem,5.2vw,1.45rem);max-width:31ch}
  body.immersive-theme .hero-actions{align-items:flex-start;flex-direction:column}
  body.immersive-theme .hero-actions .button{width:100%;justify-content:center}
  body.immersive-theme .intro-grid h2{font-size:clamp(2.75rem,12vw,4.6rem);max-width:12ch}
  body.immersive-theme .editorial-note{padding:1rem}
  body.immersive-theme .collection-copy h2{font-size:clamp(2.7rem,11vw,4.5rem);max-width:11ch}
  body.immersive-theme .page-hero h1,
  body.immersive-theme .service-hero-content h1,
  body.immersive-theme .booking-hero-content-v5 h1{
    max-width:10ch;
    font-size:clamp(3rem,13vw,5rem);
  }
  body.immersive-theme .closing-content h2{font-size:clamp(2.8rem,12vw,4.8rem);max-width:11ch}
  body.immersive-theme .booking-draft-card{justify-self:stretch}
  body.immersive-theme .calendar-shell--studio{max-width:100%;padding:.7rem}
  body.immersive-theme .calendar-day{min-height:36px}
}

/* =========================================================
   VideoVibes360 — real logo + cinematic home header v10
   Requires /assets/images/logovv360.webp
   ========================================================= */

/* Real production logo replaces the temporary SVG/text lockup everywhere. */
body.immersive-theme .brand{
  position:relative;
  width:clamp(138px,11vw,178px);
  height:44px;
  flex:0 0 auto;
  gap:0;
  overflow:visible;
}
body.immersive-theme .brand > *{display:none!important}
body.immersive-theme .brand::before{
  content:"";
  position:absolute;
  inset:0;
  background:url("../images/logovv360.webp") left center/contain no-repeat;
}
body.immersive-theme .footer-brand{
  width:clamp(160px,14vw,210px);
  height:58px;
  margin-bottom:.35rem;
}

/* Homepage starts as one continuous hero, not a separate black navigation slab. */
body.home.immersive-theme .site-header{
  background:linear-gradient(180deg,rgba(5,5,6,.44) 0%,rgba(5,5,6,.14) 58%,transparent 100%);
  border-color:transparent;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  transition:background .38s ease,border-color .38s ease,backdrop-filter .38s ease,box-shadow .38s ease;
}
body.home.immersive-theme .site-header::after{
  opacity:0;
  transition:opacity .35s ease;
}
body.home.immersive-theme .site-header.is-scrolled{
  background:rgba(8,8,9,.9);
  border-color:rgba(245,238,227,.08);
  backdrop-filter:blur(18px) saturate(125%);
  -webkit-backdrop-filter:blur(18px) saturate(125%);
  box-shadow:0 12px 36px rgba(0,0,0,.18);
}
body.home.immersive-theme .site-header.is-scrolled::after{opacity:.52}

/* Header logo remains absent at the opening frame; JS morph brings it in. */
body.home.immersive-theme .site-header .brand{
  opacity:0;
  transform:translate3d(-10px,0,0) scale(.94);
  pointer-events:none;
  transition:opacity .22s ease,transform .35s cubic-bezier(.2,.72,.2,1);
}
body.home.immersive-theme .site-header .brand.is-logo-visible,
body.home.immersive-theme:not(.logo-morph-ready) .site-header.is-scrolled .brand{
  opacity:1;
  transform:none;
  pointer-events:auto;
}

/* A cleaner, sharper hero. The depth comes from light, not blur. */
body.home.immersive-theme .hero-campaign--immersive .hero-copy{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body.home.immersive-theme .hero-campaign--immersive .hero-media img{
  transform:translate3d(0,var(--hero-y,0),0) scale(1.025);
  filter:saturate(.96) contrast(1.1) brightness(.96);
}
body.home.immersive-theme .hero-campaign--immersive .hero-shade{
  background:
    linear-gradient(90deg,rgba(6,6,7,.89) 0%,rgba(6,6,7,.68) 31%,rgba(6,6,7,.28) 53%,rgba(6,6,7,.07) 75%),
    linear-gradient(0deg,rgba(6,6,7,.76) 0%,rgba(6,6,7,.18) 42%,rgba(6,6,7,.08) 78%,rgba(6,6,7,.3) 100%),
    radial-gradient(circle at 78% 39%,rgba(213,150,98,.11),transparent 29%);
}
body.home.immersive-theme .hero-inner{
  padding-top:clamp(8rem,11vw,10.2rem);
}
body.home.immersive-theme .hero-copy{
  max-width:900px;
}
body.home.immersive-theme .hero-copy h1{
  margin-top:.8rem;
  text-shadow:0 10px 42px rgba(0,0,0,.27);
}
body.home.immersive-theme .hero-deck{
  text-shadow:0 5px 22px rgba(0,0,0,.28);
}

/* Main logo lives inside the hero on entry. */
.hero-brand-lockup{
  display:inline-flex;
  align-items:center;
  width:clamp(205px,17vw,285px);
  min-height:72px;
  margin:0 0 clamp(1rem,2vw,1.5rem);
  position:relative;
  z-index:4;
}
.hero-brand-lockup img{
  width:100%;
  height:auto;
  max-height:82px;
  object-fit:contain;
  object-position:left center;
  filter:drop-shadow(0 8px 26px rgba(0,0,0,.28));
}
.editorial-meta--hero{
  max-width:min(760px,100%);
}

/* Decorative clone used only while the logo travels into the sticky header. */
.logo-flight{
  position:fixed;
  z-index:120;
  pointer-events:none;
  transform-origin:top left;
  object-fit:contain;
  object-position:left center;
  filter:drop-shadow(0 7px 22px rgba(0,0,0,.26));
  will-change:left,top,width,height,opacity;
}
.logo-morph-ready .hero-brand-lockup img{opacity:0}

@media (max-width:859px){
  body.immersive-theme .brand{width:142px;height:42px}
  body.home.immersive-theme .site-header{
    background:linear-gradient(180deg,rgba(5,5,6,.58),rgba(5,5,6,.08) 78%,transparent);
  }
  body.home.immersive-theme .hero-inner{
    padding-top:clamp(7.8rem,24vw,9rem);
  }
  .hero-brand-lockup{
    width:clamp(185px,55vw,245px);
    min-height:58px;
    margin-bottom:.8rem;
  }
  .editorial-meta--hero span:last-child{display:none}
  body.home.immersive-theme .hero-campaign--immersive .hero-shade{
    background:
      linear-gradient(0deg,rgba(6,6,7,.9) 2%,rgba(6,6,7,.56) 53%,rgba(6,6,7,.16) 83%),
      linear-gradient(90deg,rgba(6,6,7,.56),rgba(6,6,7,.08) 82%);
  }
  body.home.immersive-theme .hero-campaign--immersive .hero-media img{
    object-position:64% center;
    filter:saturate(.98) contrast(1.08) brightness(.92);
  }
}

@media (prefers-reduced-motion:reduce){
  .logo-flight{display:none!important}
  .logo-morph-ready .hero-brand-lockup img{opacity:1}
  body.home.immersive-theme .site-header .brand{transition:none}
}


/* =========================================================
   VideoVibes360 — contact hub + social identity v11
   ========================================================= */

/* About: a clear contact card that reads as an action, not faded editorial copy. */
body.immersive-theme .about-contact-hub{
  width:min(100%,var(--max));
  margin:clamp(2.5rem,5vw,5rem) auto 0;
  padding:clamp(1.5rem,3vw,2.4rem);
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);
  gap:clamp(1.5rem,4vw,4rem);
  align-items:center;
  position:relative;
  overflow:hidden;
  border:1px solid rgba(222,164,106,.38);
  border-radius:22px;
  background:
    radial-gradient(circle at 88% 8%,rgba(222,164,106,.16),transparent 31%),
    linear-gradient(135deg,rgba(24,20,18,.97),rgba(10,10,12,.96));
  box-shadow:0 24px 72px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.025);
}
body.immersive-theme .about-contact-hub::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(115deg,transparent 0 55%,rgba(255,255,255,.025) 55% 56%,transparent 56%);
}
body.immersive-theme .about-contact-hub__copy,
body.immersive-theme .about-contact-hub__primary,
body.immersive-theme .about-contact-hub__social{position:relative;z-index:1}
body.immersive-theme .about-contact-hub__copy .micro-label{
  color:var(--vv-copper-bright);
  opacity:1;
}
body.immersive-theme .about-contact-hub__copy h3{
  margin:.65rem 0 .55rem;
  max-width:14ch;
  color:var(--vv-ivory);
  font-size:clamp(2rem,3.5vw,3.75rem);
  line-height:.96;
}
body.immersive-theme .about-contact-hub__copy p{
  max-width:52ch;
  margin:0;
  color:rgba(245,238,227,.78);
  font-size:clamp(1rem,1.35vw,1.14rem);
  line-height:1.65;
}
body.immersive-theme .about-contact-hub__primary{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:.75rem;
}
body.immersive-theme .contact-hub-action{
  min-height:50px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:.8rem 1.05rem;
  border:1px solid rgba(245,238,227,.15);
  border-radius:999px;
  background:rgba(255,255,255,.035);
  color:var(--vv-ivory);
  font-family:var(--sans);
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  text-decoration:none;
  transition:transform .22s ease,border-color .22s ease,background .22s ease,color .22s ease;
}
body.immersive-theme .contact-hub-action--save{
  grid-column:1/-1;
  min-height:56px;
  background:var(--vv-copper-bright);
  border-color:var(--vv-copper-bright);
  color:#0b0908;
  box-shadow:0 12px 34px rgba(213,150,98,.18);
}
body.immersive-theme .contact-hub-action:hover,
body.immersive-theme .contact-hub-action:focus-visible{
  transform:translateY(-2px);
  border-color:rgba(222,164,106,.68);
  background:rgba(222,164,106,.12);
  color:var(--vv-ivory);
}
body.immersive-theme .contact-hub-action--save:hover,
body.immersive-theme .contact-hub-action--save:focus-visible{
  background:#edba83;
  border-color:#edba83;
  color:#0b0908;
}
body.immersive-theme .about-contact-hub__social{
  grid-column:1/-1;
  display:flex;
  flex-wrap:wrap;
  gap:.6rem;
  padding-top:1.15rem;
  border-top:1px solid rgba(245,238,227,.09);
}
body.immersive-theme .about-contact-hub__social-label{
  width:100%;
  margin-bottom:.1rem;
  color:rgba(245,238,227,.48);
  font-family:var(--sans);
  font-size:.65rem;
  letter-spacing:.13em;
  text-transform:uppercase;
}
body.immersive-theme .social-pill{
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  min-height:38px;
  padding:.48rem .78rem;
  border:1px solid rgba(245,238,227,.11);
  border-radius:999px;
  background:rgba(255,255,255,.025);
  color:rgba(245,238,227,.78);
  font-family:var(--sans);
  font-size:.72rem;
  text-decoration:none;
  transition:border-color .2s ease,color .2s ease,background .2s ease;
}
body.immersive-theme .social-pill__mark{
  width:25px;
  height:25px;
  display:inline-grid;
  place-items:center;
  border-radius:50%;
  background:rgba(222,164,106,.12);
  color:var(--vv-copper-bright);
  font-size:.63rem;
  font-weight:900;
  letter-spacing:-.02em;
}
body.immersive-theme .social-pill:hover,
body.immersive-theme .social-pill:focus-visible{
  border-color:rgba(222,164,106,.45);
  background:rgba(222,164,106,.07);
  color:var(--vv-ivory);
}

/* Footer: one universal contact/social strip on every page. */
body.immersive-theme .footer-connect{
  width:min(100%,var(--max));
  margin:clamp(2.5rem,5vw,4.5rem) auto 0;
  padding:clamp(1.25rem,2.2vw,1.8rem) 0 0;
  display:grid;
  grid-template-columns:minmax(230px,.7fr) minmax(0,1.3fr);
  gap:clamp(1.25rem,3vw,3rem);
  align-items:end;
  border-top:1px solid rgba(222,164,106,.22);
}
body.immersive-theme .footer-connect__copy .micro-label{
  display:block;
  margin-bottom:.5rem;
  color:var(--vv-copper-bright);
}
body.immersive-theme .footer-connect__copy strong{
  display:block;
  max-width:24ch;
  color:var(--vv-ivory);
  font-size:clamp(1.05rem,1.65vw,1.45rem);
  line-height:1.25;
}
body.immersive-theme .footer-connect__copy p{
  max-width:38ch;
  margin:.45rem 0 0;
  color:rgba(245,238,227,.5);
  font-size:.82rem;
  line-height:1.55;
}
body.immersive-theme .footer-connect__actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:.55rem;
}
body.immersive-theme .footer-connect__link{
  min-height:40px;
  display:inline-flex;
  align-items:center;
  gap:.48rem;
  padding:.45rem .72rem .45rem .48rem;
  border:1px solid rgba(245,238,227,.11);
  border-radius:999px;
  background:rgba(255,255,255,.02);
  color:rgba(245,238,227,.72);
  font-family:var(--sans);
  font-size:.68rem;
  letter-spacing:.035em;
  text-decoration:none;
  transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease;
}
body.immersive-theme .footer-connect__mark{
  width:28px;
  height:28px;
  display:inline-grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:50%;
  background:rgba(222,164,106,.1);
  color:var(--vv-copper-bright);
  font-size:.62rem;
  font-weight:900;
  line-height:1;
}
body.immersive-theme .footer-connect__link--contact{
  border-color:rgba(222,164,106,.38);
  background:rgba(222,164,106,.09);
  color:var(--vv-ivory);
}
body.immersive-theme .footer-connect__link:hover,
body.immersive-theme .footer-connect__link:focus-visible{
  transform:translateY(-1px);
  border-color:rgba(222,164,106,.48);
  background:rgba(222,164,106,.08);
  color:var(--vv-ivory);
}

/* Guide cards: identical image frames regardless of original aspect ratio. */
body.immersive-theme .guide-related-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
  align-items:stretch;
}
body.immersive-theme .guide-related-card{min-width:0;height:100%}
body.immersive-theme .guide-related-card>a{
  display:grid;
  grid-template-columns:136px minmax(0,1fr);
  column-gap:20px;
  align-items:center;
  min-height:190px;
  height:100%;
  overflow:hidden;
}
body.immersive-theme .guide-related-card img{
  grid-column:1;
  grid-row:1/span 3;
  width:136px;
  height:136px;
  aspect-ratio:1/1;
  display:block;
  object-fit:cover;
  object-position:center;
  align-self:center;
}
body.immersive-theme .guide-related-card span,
body.immersive-theme .guide-related-card strong,
body.immersive-theme .guide-related-card em{grid-column:2;min-width:0}

@media (max-width:820px){
  body.immersive-theme .about-contact-hub,
  body.immersive-theme .footer-connect{grid-template-columns:1fr}
  body.immersive-theme .footer-connect__actions{justify-content:flex-start}
}
@media (max-width:620px){
  body.immersive-theme .about-contact-hub{border-radius:16px;padding:1.25rem}
  body.immersive-theme .about-contact-hub__primary{grid-template-columns:1fr}
  body.immersive-theme .contact-hub-action--save{grid-column:auto}
  body.immersive-theme .footer-connect__actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
  body.immersive-theme .footer-connect__link{width:100%;justify-content:flex-start}
  body.immersive-theme .guide-related-grid{grid-template-columns:1fr;gap:14px}
  body.immersive-theme .guide-related-card>a{grid-template-columns:108px minmax(0,1fr);column-gap:16px;min-height:142px}
  body.immersive-theme .guide-related-card img{width:108px;height:108px}
}
@media (max-width:420px){
  body.immersive-theme .footer-connect__actions{grid-template-columns:1fr}
}


/* =========================================================
   VideoVibes360 — branded contact/social icons v12
   Local SVG sprite; no CDN dependency.
   ========================================================= */

body.immersive-theme .footer-connect{
  align-items:center;
}

body.immersive-theme .footer-connect__actions{
  display:grid;
  grid-template-columns:repeat(3,minmax(145px,max-content));
  justify-content:end;
  gap:.62rem;
}

body.immersive-theme .footer-connect__link{
  min-height:48px;
  padding:.42rem .82rem .42rem .44rem;
  gap:.62rem;
  border-color:rgba(245,238,227,.12);
  background:rgba(255,255,255,.024);
  color:rgba(245,238,227,.82);
  font-size:.71rem;
  letter-spacing:.02em;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018);
}

body.immersive-theme .footer-connect__mark{
  width:34px;
  height:34px;
  border:0;
  background:rgba(222,164,106,.12);
  color:var(--vv-copper-bright);
  overflow:hidden;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.045);
}

body.immersive-theme .footer-connect__icon{
  display:block;
  width:18px;
  height:18px;
  color:currentColor;
}

body.immersive-theme .footer-connect__mark--contact,
body.immersive-theme .footer-connect__mark--phone{
  color:#f2c28f;
  background:linear-gradient(145deg,rgba(222,164,106,.22),rgba(222,164,106,.09));
}

body.immersive-theme .footer-connect__mark--wa{
  background:#25D366;
  color:#fff;
  box-shadow:none;
}

body.immersive-theme .footer-connect__mark--instagram{
  background:
    radial-gradient(circle at 30% 107%,#ffd600 0 10%,#ff7a00 26%,#ff0169 46%,#d300c5 66%,#7638fa 90%);
  color:#fff;
  box-shadow:none;
}

body.immersive-theme .footer-connect__mark--facebook{
  background:#0866FF;
  color:#fff;
  box-shadow:none;
}

body.immersive-theme .footer-connect__mark--google{
  background:rgba(245,238,227,.08);
  color:#f2c28f;
  box-shadow:inset 0 0 0 1px rgba(222,164,106,.18);
}

body.immersive-theme .footer-connect__link--wa:hover,
body.immersive-theme .footer-connect__link--wa:focus-visible{
  border-color:rgba(37,211,102,.48);
  background:rgba(37,211,102,.075);
}

body.immersive-theme .footer-connect__link--instagram:hover,
body.immersive-theme .footer-connect__link--instagram:focus-visible{
  border-color:rgba(225,48,108,.42);
  background:rgba(225,48,108,.065);
}

body.immersive-theme .footer-connect__link--facebook:hover,
body.immersive-theme .footer-connect__link--facebook:focus-visible{
  border-color:rgba(8,102,255,.48);
  background:rgba(8,102,255,.065);
}

/* About contact hub: same icon language. */
body.immersive-theme .contact-hub-action{
  gap:.62rem;
}

body.immersive-theme .contact-hub-action__mark{
  width:28px;
  height:28px;
  display:inline-grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:50%;
  background:rgba(11,9,8,.12);
}

body.immersive-theme .contact-hub-action__mark svg{
  width:15px;
  height:15px;
  display:block;
}

body.immersive-theme .contact-hub-action__mark--wa{
  background:#25D366;
  color:#fff;
}

body.immersive-theme .contact-hub-action--save .contact-hub-action__mark{
  background:rgba(11,9,8,.14);
  color:#0b0908;
}

body.immersive-theme .social-pill{
  min-height:42px;
  padding:.42rem .82rem .42rem .43rem;
  gap:.6rem;
}

body.immersive-theme .social-pill__mark{
  width:31px;
  height:31px;
  overflow:hidden;
  border:0;
}

body.immersive-theme .social-pill__mark svg{
  width:16px;
  height:16px;
  display:block;
}

body.immersive-theme .social-pill__mark--instagram{
  background:
    radial-gradient(circle at 30% 107%,#ffd600 0 10%,#ff7a00 26%,#ff0169 46%,#d300c5 66%,#7638fa 90%);
  color:#fff;
}

body.immersive-theme .social-pill__mark--facebook{
  background:#0866FF;
  color:#fff;
}

body.immersive-theme .social-pill__mark--google{
  background:rgba(222,164,106,.12);
  color:#f2c28f;
  box-shadow:inset 0 0 0 1px rgba(222,164,106,.15);
}

@media (max-width:980px){
  body.immersive-theme .footer-connect__actions{
    grid-template-columns:repeat(2,minmax(145px,1fr));
    justify-content:stretch;
  }
}

@media (max-width:620px){
  body.immersive-theme .footer-connect__actions{
    grid-template-columns:1fr 1fr;
  }
  body.immersive-theme .footer-connect__link{
    min-width:0;
  }
}

@media (max-width:420px){
  body.immersive-theme .footer-connect__actions{
    grid-template-columns:1fr;
  }
}


/* =========================================================
   VideoVibes360 — real social logo assets v13
   ========================================================= */

body.immersive-theme .footer-connect__brand-img{
  display:block;
  width:22px;
  height:22px;
  object-fit:contain;
}

body.immersive-theme .footer-connect__mark--wa,
body.immersive-theme .footer-connect__mark--instagram,
body.immersive-theme .footer-connect__mark--facebook,
body.immersive-theme .footer-connect__mark--google{
  background:rgba(255,255,255,.035);
  color:inherit;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.055);
}

body.immersive-theme .footer-connect__mark--google .footer-connect__brand-img{
  width:24px;
  height:24px;
}

body.immersive-theme .footer-connect__mark--wa .footer-connect__brand-img{
  width:23px;
  height:23px;
}

body.immersive-theme .contact-hub-action__mark img,
body.immersive-theme .social-pill__mark img{
  display:block;
  width:19px;
  height:19px;
  object-fit:contain;
}

body.immersive-theme .contact-hub-action__mark--wa,
body.immersive-theme .social-pill__mark--google,
body.immersive-theme .social-pill__mark--instagram,
body.immersive-theme .social-pill__mark--facebook{
  background:rgba(255,255,255,.035);
  color:inherit;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.055);
}

body.immersive-theme .social-pill__mark--google img{
  width:21px;
  height:21px;
}

body.immersive-theme .social-pill__mark--instagram img{
  width:20px;
  height:20px;
}

body.immersive-theme .social-pill__mark--facebook img{
  width:20px;
  height:20px;
}