.v5-compact-motion-page #main {
  display:grid;
  grid-template-columns:minmax(0,30%) minmax(0,70%);
  align-items:stretch;
}

.v5-compact-motion-page #main > .page-hero,
.v5-compact-motion-page #main > .v2-product-hero {
  display:flex;
  min-height:calc(100svh - 108px);
  align-items:flex-start;
  padding:32px 0 40px;
}

.v5-compact-motion-page #main > .page-hero .shell,
.v5-compact-motion-page #main > .v2-product-hero .v2-shell {
  width:calc(100% - 48px);
  margin-left:24px;
}

.v5-compact-motion-page #main > .page-hero h1,
.v5-compact-motion-page #main > .v2-product-hero h1 {
  max-width:430px;
  margin:15px 0 20px;
  font-size:clamp(36px,3.15vw,48px);
  line-height:1.02;
  letter-spacing:-.05em;
}

.v5-compact-motion-page #main > .page-hero .lede,
.v5-compact-motion-page #main > .v2-product-hero .v2-lede {
  max-width:420px;
  font-size:clamp(15px,1.15vw,17px);
  line-height:1.56;
}

.v5-compact-motion-page #main > .product-motion-section,
.v5-cinema-page #main > .v2-section[aria-labelledby="cinema-title"] {
  display:flex;
  min-width:0;
  min-height:calc(100svh - 108px);
  align-items:flex-start;
  padding:18px 0 24px;
}

.v5-compact-motion-page #main > .product-motion-section > .v2-shell,
.v5-cinema-page #main > .v2-section[aria-labelledby="cinema-title"] > .v2-shell {
  width:min(80%,920px);
  max-width:none;
  margin:0 auto;
}

.v5-compact-motion-page #main > .v2-section:not([aria-labelledby="cinema-title"]),
.v5-compact-motion-page #main > .v2-cta {
  grid-column:1 / -1;
}

.v5-compact-motion-page #main > .v2-section:not([aria-labelledby="cinema-title"]) {
  padding:68px 0 64px;
}

.v5-compact-motion-page #main > .v2-section .v2-section-head {
  align-items:flex-start;
  margin-bottom:38px;
}

.v5-compact-motion-page #main > .v2-section h2 {
  font-size:clamp(36px,4.2vw,56px);
  line-height:1.02;
}

.v5-compact-motion-page #main > .v2-section .inscription-grid,
.v5-compact-motion-page #main > .v2-section .v2-product-grid {
  gap:14px;
}

.v5-compact-motion-page #main > .v2-section .inscription-grid article,
.v5-compact-motion-page #main > .v2-section .v2-product-card {
  min-height:250px;
  padding:26px;
}

.v5-compact-motion-page #main > .v2-section .inscription-grid h3,
.v5-compact-motion-page #main > .v2-section .v2-product-card h3 {
  margin-top:42px;
}

.v5-compact-motion-page #main > .v2-cta {
  padding-top:72px;
  padding-bottom:72px;
}

.v5-compact-motion-page .product-motion,
.v5-cinema-page .cinema {
  border-color:rgba(88,230,186,.62);
  border-radius:24px;
  box-shadow:0 26px 70px rgba(7,29,37,.22),0 0 46px rgba(99,228,182,.08);
}

.v5-compact-motion-page .motion-bar,
.v5-cinema-page .cinema-bar {
  min-height:58px;
  padding:0 15px;
  font-size:8px;
}

.v5-compact-motion-page .motion-bar > div,
.v5-cinema-page .cinema-bar > div {
  gap:8px;
}

.v5-compact-motion-page .v5-zoom {
  position:relative;
  display:grid;
  width:38px;
  height:38px;
  padding:0;
  place-items:center;
  border-color:rgba(99,228,182,.68);
  background:rgba(99,228,182,.08);
  color:#63e4b6;
  font-size:18px;
  line-height:1;
  box-shadow:0 0 22px rgba(99,228,182,.16);
}

.v5-compact-motion-page .v5-zoom::after {
  content:"";
  position:absolute;
  inset:-5px;
  border:1px solid rgba(99,228,182,.5);
  border-radius:999px;
  animation:v5-zoom-cue 1.9s ease-out infinite;
  pointer-events:none;
}

.v5-compact-motion-page .v5-zoom:hover,
.v5-compact-motion-page .v5-zoom:focus-visible {
  border-color:#63e4b6;
  background:rgba(99,228,182,.18);
  color:#effff9;
  outline:none;
}

.v5-product-motion-page .product-motion:not(.is-expanded) .motion-tabs button {
  min-height:56px;
  padding:10px 12px;
}

.v5-product-motion-page .product-motion:not(.is-expanded) .motion-stage {
  min-height:480px;
}

.v5-product-motion-page .product-motion:not(.is-expanded) .motion-copy {
  top:34px;
  left:3.5%;
  width:30%;
}

.v5-product-motion-page .product-motion:not(.is-expanded) .motion-copy h2 {
  font-size:clamp(25px,2.45vw,38px);
}

.v5-product-motion-page .product-motion:not(.is-expanded) .motion-copy p {
  font-size:12px;
  line-height:1.52;
}

.v5-product-motion-page .product-motion:not(.is-expanded) .motion-field {
  inset:30px 2.5% 36px 36%;
}

.v5-product-motion-page .product-motion:not(.is-expanded) .motion-node {
  min-width:108px;
  max-width:145px;
  padding:11px;
}

.v5-product-motion-page .product-motion:not(.is-expanded) .motion-node strong {
  font-size:10px;
}

.v5-product-motion-page .product-motion:not(.is-expanded) .motion-node span {
  font-size:8px;
}

.v5-product-motion-page .product-motion:not(.is-expanded) .c-policy,
.v5-product-motion-page .product-motion:not(.is-expanded) .i-data {
  bottom:30%;
}

.v5-product-motion-page .product-motion:not(.is-expanded) .c-tests,
.v5-product-motion-page .product-motion:not(.is-expanded) .i-cost {
  bottom:15%;
}

.v5-product-motion-page .product-motion:not(.is-expanded) .build-ribbon {
  bottom:0;
  gap:10px;
  padding:9px 11px;
}

.v5-product-motion-page .product-motion:not(.is-expanded) .motion-foot {
  padding:10px 18px;
  font-size:8px;
}

.v5-cinema-page .cinema:not(.is-expanded) .cinema-tabs button {
  min-height:56px;
  padding:10px;
}

.v5-cinema-page .cinema:not(.is-expanded) .cinema-viewport {
  height:480px;
}

.v5-cinema-page .cinema:not(.is-expanded) .scene-copy {
  top:38px;
  left:3%;
  width:31%;
}

.v5-cinema-page .cinema:not(.is-expanded) .scene-copy h2 {
  font-size:clamp(24px,2.3vw,36px);
}

.v5-cinema-page .cinema:not(.is-expanded) .scene-copy p {
  font-size:12px;
  line-height:1.52;
}

.v5-cinema-page .cinema:not(.is-expanded) .scene-field {
  inset:26px 2% 30px 37%;
}

.v5-cinema-page .cinema:not(.is-expanded) .flow-node {
  min-width:88px;
  padding:10px;
}

.v5-cinema-page .cinema:not(.is-expanded) .flow-node strong {
  font-size:10px;
}

.v5-cinema-page .cinema:not(.is-expanded) .contract-card {
  min-width:190px;
}

.v5-cinema-page .cinema:not(.is-expanded) .truth-overlay {
  min-width:118px;
  min-height:150px;
}

.v5-cinema-page .cinema:not(.is-expanded) .cinema-footer {
  padding:13px 18px;
  font-size:8px;
}

.v5-compact-motion-page .product-motion.is-expanded,
.v5-compact-motion-page .cinema.is-expanded {
  position:fixed;
  z-index:1000;
  inset:14px;
  display:grid;
  width:auto;
  height:calc(100dvh - 28px);
  grid-template-rows:auto auto minmax(0,1fr) auto auto;
  border-color:rgba(99,228,182,.82);
  border-radius:22px;
  background:#061d25;
  box-shadow:0 32px 100px rgba(0,12,15,.55),0 0 70px rgba(99,228,182,.12);
}

.v5-compact-motion-page .cinema.is-expanded {
  grid-template-rows:auto auto minmax(0,1fr) auto;
}

.v5-compact-motion-page .product-motion.is-expanded .motion-stage,
.v5-compact-motion-page .cinema.is-expanded .cinema-viewport {
  height:auto;
  min-height:0;
}

.v5-compact-motion-page .is-expanded .v5-zoom span {
  transform:rotate(180deg);
}

.v5-compact-motion-page.v5-visual-open {
  overflow:hidden;
}

@keyframes v5-zoom-cue {
  0% { opacity:.8; transform:scale(.88); }
  70%,100% { opacity:0; transform:scale(1.28); }
}

@media (max-width:1120px) {
  .v5-compact-motion-page #main {
    grid-template-columns:minmax(300px,31%) minmax(0,69%);
  }

  .v5-compact-motion-page #main > .product-motion-section > .v2-shell,
  .v5-cinema-page #main > .v2-section[aria-labelledby="cinema-title"] > .v2-shell {
    width:88%;
  }
}

@media (max-width:920px) {
  .v5-compact-motion-page #main {
    display:block;
  }

  .v5-compact-motion-page #main > .page-hero,
  .v5-compact-motion-page #main > .v2-product-hero,
  .v5-compact-motion-page #main > .product-motion-section,
  .v5-cinema-page #main > .v2-section[aria-labelledby="cinema-title"] {
    min-height:0;
  }

  .v5-compact-motion-page #main > .page-hero,
  .v5-compact-motion-page #main > .v2-product-hero {
    padding:68px 0 42px;
  }

  .v5-compact-motion-page #main > .page-hero .shell,
  .v5-compact-motion-page #main > .v2-product-hero .v2-shell {
    width:min(100% - 40px,720px);
    margin:auto;
  }

  .v5-compact-motion-page #main > .product-motion-section > .v2-shell,
  .v5-cinema-page #main > .v2-section[aria-labelledby="cinema-title"] > .v2-shell {
    width:min(86%,820px);
  }

  .v5-product-motion-page .product-motion:not(.is-expanded) .motion-stage {
    min-height:650px;
  }

  .v5-cinema-page .cinema:not(.is-expanded) .cinema-viewport {
    height:650px;
  }
}

@media (max-width:620px) {
  .v5-compact-motion-page .motion-bar,
  .v5-cinema-page .cinema-bar {
    align-items:flex-start;
    flex-direction:column;
    padding:15px;
  }

  .v5-compact-motion-page .product-motion.is-expanded,
  .v5-compact-motion-page .cinema.is-expanded {
    inset:6px;
    height:calc(100dvh - 12px);
  }

  .v5-product-motion-page .product-motion:not(.is-expanded) .motion-stage {
    min-height:780px;
  }

  .v5-cinema-page .cinema:not(.is-expanded) .cinema-viewport {
    height:740px;
  }

  .v5-compact-motion-page .product-motion.is-expanded .motion-stage,
  .v5-compact-motion-page .cinema.is-expanded .cinema-viewport {
    overflow:auto;
  }
}

@media (prefers-reduced-motion:reduce) {
  .v5-compact-motion-page .v5-zoom::after {
    animation:none;
  }
}
