/*
 * Product-page cosmetic alignment only.
 * Animation internals, timing, nodes, copy, and behavior are untouched.
 */

/* Keep product copy inside its own rail; labels remain left aligned. */
.inscribe-v5-page #main > .v2-product-hero > .v2-shell,
.v5-product-motion-page #main > .v2-product-hero > .v2-shell,
.v5-cinema-page #main > .page-hero > .shell {
  width:83.3333%;
  max-width:none;
  margin-right:0;
  margin-left:0;
  transform:translateX(20%);
}

.v5-product-motion-page #main > .v2-product-hero > .v2-shell {
  transform:translateX(13%);
}

.inscribe-v5-page #main > .v2-product-hero h1,
.v5-product-motion-page #main > .v2-product-hero h1,
.v5-cinema-page #main > .page-hero h1 {
  width:100%;
  max-width:100%;
  margin:15px auto 20px;
  font-size:clamp(34px,2.8vw,46px);
  line-height:1.04;
  text-align:center;
  text-wrap:balance;
}

.inscribe-v5-page #main > .v2-product-hero .v2-lede,
.v5-product-motion-page #main > .v2-product-hero .v2-lede,
.v5-cinema-page #main > .page-hero .lede {
  width:100%;
  max-width:100%;
  margin-inline:auto;
  text-align:center;
}

.inscribe-v5-page #main > .v2-product-hero .v2-eyebrow,
.v5-product-motion-page #main > .v2-product-hero .v2-eyebrow,
.v5-cinema-page #main > .page-hero .eyebrow {
  width:100%;
  text-align:left;
}

/* Products, Craftr, and Imprint use Inscribe's displayed animation measure. */
.v5-product-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-inline:auto;
}

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

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

/* One readable assurance note beneath each product visual. */
.inscribe-v5-page .cinema-note,
.v5-product-motion-page .cinema-note,
.v5-cinema-page .cinema-note {
  width:fit-content;
  max-width:calc(100% - 24px);
  margin:14px auto 0;
  padding:8px 14px;
  border:1px solid rgba(45,132,101,.18);
  border-radius:999px;
  background:rgba(228,244,236,.78);
  color:#46675c;
  font:600 11px/1.45 "Space Grotesk",sans-serif;
  letter-spacing:.005em;
  text-align:center;
  text-wrap:balance;
}

/* Match the restrained Plans closing treatment exactly. */
.inscribe-v5-page #main > .v2-cta,
.v5-product-motion-page #main > .v2-cta {
  padding:38px 0 42px;
  border-top:1px solid rgba(139,205,182,.26);
  background:
    radial-gradient(circle at 50% 0,rgba(91,229,181,.11),transparent 46%),
    #f5f7f2;
  color:#10231e;
  text-align:center;
}

.inscribe-v5-page #main > .v2-cta > .v2-shell,
.v5-product-motion-page #main > .v2-cta > .v2-shell {
  display:flex;
  align-items:center;
  flex-direction:column;
}

.inscribe-v5-page #main > .v2-cta .v2-eyebrow,
.v5-product-motion-page #main > .v2-cta .v2-eyebrow {
  width:100%;
  margin:0;
  text-align:center;
}

.inscribe-v5-page #main > .v2-cta h2,
.v5-product-motion-page #main > .v2-cta h2 {
  width:100%;
  max-width:1120px;
  margin:10px auto 12px;
  font-size:clamp(34px,3.4vw,46px);
  line-height:1.04;
  white-space:nowrap;
  text-align:center;
}

.inscribe-v5-page #main > .v2-cta > .v2-shell > div,
.v5-product-motion-page #main > .v2-cta > .v2-shell > div {
  display:flex;
  align-items:center;
  flex-direction:column;
  width:100%;
}

.inscribe-v5-page #main > .v2-cta > .v2-shell > div > p,
.v5-product-motion-page #main > .v2-cta > .v2-shell > div > p {
  width:100%;
  max-width:1040px;
  margin:0 auto 22px;
  color:#687b74;
  font-size:16px;
  line-height:1.6;
  text-align:center;
}

.inscribe-v5-page #main > .v2-cta .v2-button,
.v5-product-motion-page #main > .v2-cta .v2-button {
  margin:0 auto;
}

/* Make maximize read immediately as an illuminated square control. */
.inscribe-v5-page .sim-zoom,
.v5-product-motion-page .v5-zoom {
  width:42px;
  height:42px;
  border:1px solid rgba(111,244,199,.96);
  border-radius:11px;
  background:rgba(99,228,182,.16);
  color:#8affd5;
  box-shadow:
    inset 0 0 0 1px rgba(220,255,244,.06),
    0 0 0 1px rgba(99,228,182,.14),
    0 0 28px rgba(99,228,182,.38);
  text-shadow:0 0 12px rgba(138,255,213,.82);
}

.inscribe-v5-page .sim-zoom::after,
.v5-product-motion-page .v5-zoom::after {
  inset:-5px;
  border-color:rgba(111,244,199,.72);
  border-radius:15px;
}

.inscribe-v5-page .sim-zoom:hover,
.inscribe-v5-page .sim-zoom:focus-visible,
.v5-product-motion-page .v5-zoom:hover,
.v5-product-motion-page .v5-zoom:focus-visible {
  border-color:#a6ffe0;
  background:rgba(99,228,182,.28);
  color:#f2fff9;
  box-shadow:
    inset 0 0 0 1px rgba(242,255,249,.12),
    0 0 0 1px rgba(99,228,182,.28),
    0 0 38px rgba(99,228,182,.56);
}

@media (max-width:980px) {
  .v5-product-motion-page #main > .product-motion-section > .v2-shell,
  .v5-cinema-page #main > .v2-section[aria-labelledby="cinema-title"] > .v2-shell {
    width:min(80%,760px);
  }
}

@media (max-width:920px) {
  .inscribe-v5-page #main > .v2-product-hero > .v2-shell,
  .v5-product-motion-page #main > .v2-product-hero > .v2-shell,
  .v5-cinema-page #main > .page-hero > .shell {
    width:min(100% - 14px,720px);
    margin-inline:auto;
    transform:none;
  }

  .v5-product-motion-page #main > .v2-section .inscription-grid,
  .v5-cinema-page #main > .v2-section .v2-product-grid {
    grid-template-columns:1fr;
  }

  .v5-product-motion-page #main > .v2-section .inscription-grid article,
  .v5-cinema-page #main > .v2-section .v2-product-card {
    min-height:0;
  }

  .inscribe-v5-page #main > .v2-cta,
  .v5-product-motion-page #main > .v2-cta {
    padding:34px 0 38px;
  }

  .inscribe-v5-page #main > .v2-cta h2,
  .v5-product-motion-page #main > .v2-cta h2 {
    white-space:normal;
  }
}

@media (max-width:620px) {
  .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;
  }
}