/* The supplied build films lead; native scrolling and the approved identity stay intact. */
.mobile-signup-link { display:none; }
.showcase-edition .hero { grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); column-gap:72px; padding-top:30px; }
.showcase-edition .hero-heading { padding-top:0; }
.showcase-edition h1 { font-size:clamp(3.7rem,6.5vw,6.2rem); margin:18px 0 25px; }
.hero-summary { max-width:400px; font-size:1.0625rem; line-height:1.7; }
.hero-summary-line { display:block; text-wrap:balance; }
@media (min-width:1100px) {
 .hero-summary { max-width:none; }
 .hero-summary-line:first-child { white-space:nowrap; font-size:clamp(.9375rem,1.17vw,1.0625rem); }
}
.showcase-edition .hero-description { padding-bottom:32px; }
.showcase-edition .hero-actions { margin-top:26px; gap:18px; }
.showcase-edition .hero-description .showcase-status { font-size:.875rem; line-height:1.6; margin-top:16px; }
.orbit-showcase { grid-column:2; grid-row:1 / 3; min-width:0; width:100%; max-width:590px; justify-self:end; scroll-margin-top:114px; }
.orbit-topline { display:flex; align-items:center; justify-content:space-between; padding:0 2px 12px; gap:12px; font-size:.75rem; letter-spacing:.08em; color:var(--ink); }
.orbit-topline > span:last-child { font-size:1.5rem; line-height:1; }
.orbit-stage { position:relative; aspect-ratio:1; width:100%; overflow:hidden; border-radius:8px; background:#fbf5ee; border:1px solid #0a46a81f; isolation:isolate; }
.orbit-stage > img,.orbit-stage > video { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:contain; }
.orbit-stage > video { opacity:0; pointer-events:none; }
.orbit-stage.is-playing > video { opacity:1; }
.orbit-play { position:absolute; z-index:2; bottom:16px; right:16px; display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:44px; padding:10px 16px; border:1px solid #ffffff9c; border-radius:5px; background:#fff7e8f0; color:var(--ink); font:500 .875rem/1.3 "Segoe UI",Arial,sans-serif; cursor:pointer; }
.orbit-play[hidden] { display:none; }
.orbit-play:hover { background:var(--page); }
.orbit-selector { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; padding-top:12px; }
.orbit-selector button { display:flex; align-items:center; gap:10px; min-width:0; min-height:56px; padding:7px 12px 7px 7px; background:transparent; color:var(--ink); border:1px solid #0a46a830; border-radius:5px; font:500 .875rem/1.2 "Segoe UI",Arial,sans-serif; cursor:pointer; transition:background 180ms,border-color 180ms; }
.orbit-selector button img { width:40px; height:40px; border-radius:3px; object-fit:contain; flex:none; }
.orbit-pet-label { display:grid; gap:4px; min-width:0; text-align:left; }
.orbit-pet-label strong { font-size:.9375rem; font-weight:600; }
.orbit-pet-label small { font-size:.6875rem; line-height:1.25; opacity:.8; }
.orbit-selector button[aria-pressed="true"] { background:var(--ink); color:var(--page); border-color:var(--ink); }
.orbit-selector button:hover:not([aria-pressed="true"]) { background:#f8e9b1; }
.orbit-caption { color:var(--muted); font-size:.75rem; line-height:1.5; margin-top:11px; text-align:center; }
.showcase-edition .hero-footer { margin-top:30px; min-height:68px; }
.transformations { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:70px; align-items:center; padding-block:75px 35px; scroll-margin-top:90px; }
.transformation-intro h2 { font-size:clamp(2.6rem,3.6vw,3.7rem); margin:18px 0 24px; }
.transformation-intro h2 span { font-style:italic; }
.transformation-intro > p:last-of-type { max-width:350px; font-size:1rem; line-height:1.75; }
.transformations .pet-showcase { grid-row:auto; grid-column:auto; width:100%; }
.transformations .pet-card { transform:none; animation:none; height:370px; }
.transformations .pet-model { height:245px; }
.transformations .cat-card { transform:translateY(22px); }
/* Keep the supporting story shorter than the product reveal. */
.showcase-edition .journey { padding-top:45px; }
.showcase-edition .journey-layout { display:block; padding-top:32px; }
.showcase-edition .journey-steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:28px; }
.showcase-edition .journey-step { display:block; min-height:0; padding-block:22px; }
.showcase-edition .step-number { border:0; border-radius:0; background:#f8e9b1; margin-bottom:20px; }
.showcase-edition .journey-step h3 { font-size:1.75rem; }
.showcase-edition .journey-step p { margin-bottom:10px; }
@media (max-width:1150px) {
 .showcase-edition .hero { column-gap:34px; }
 .orbit-selector button { gap:7px; padding-inline:7px; }
 .orbit-selector button img { width:32px; height:32px; }
 .transformations { gap:36px; }
 .transformations .pet-card { height:320px; }
 .transformations .pet-model { height:190px; }
}
@media (max-width:850px) {
 .showcase-edition .hero { grid-template-columns:1fr; padding-top:18px; }
 .showcase-edition .hero-heading { grid-row:1; }
 .showcase-edition h1 { font-size:clamp(3.3rem,8vw,4.8rem); margin:12px 0 16px; }
 .hero-summary { max-width:430px; margin-inline:auto; font-size:1rem; }
 .orbit-showcase { grid-column:1; grid-row:2; max-width:480px; justify-self:center; margin-top:24px; }
 .showcase-edition .hero-description { grid-row:3; padding:0 0 10px; }
 .showcase-edition .hero-actions { flex-direction:row; flex-wrap:wrap; margin-top:20px; }
 .showcase-edition .hero-footer { grid-row:4; margin-top:20px; }
 .transformations { grid-template-columns:1fr; gap:22px; padding-block:55px 25px; }
 .transformation-intro { text-align:center; }
 .transformation-intro > p:last-of-type { max-width:420px; margin:auto; }
 .transformations .pet-showcase { max-width:580px; justify-self:center; padding-top:10px; }
 .transformations .pet-card { height:365px; text-align:left; }
 .transformations .pet-model { height:245px; }
 .showcase-edition .journey-steps { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 24px; }
}
@media (max-width:600px) {
 .showcase-edition .site-header .account-link { display:none; }
 .mobile-signup-link { display:inline-flex; align-items:center; min-height:44px; font-size:.8125rem; font-weight:500; white-space:nowrap; }
 .showcase-edition .hero { padding:16px 18px 0; }
 .showcase-edition h1 { font-size:clamp(2.7rem,12vw,4rem); line-height:.98; margin:10px 0 14px; }
 .hero-summary { max-width:360px; line-height:1.5; }
 .orbit-showcase { margin-top:20px; }
 .orbit-topline { font-size:.6875rem; letter-spacing:.04em; padding-bottom:9px; }
 .orbit-selector { gap:7px; padding-top:9px; }
 .orbit-selector button { min-height:48px; font-size:.875rem; gap:7px; padding:6px; }
 .orbit-selector button img { display:none; }
 .orbit-selector button { justify-content:center; min-height:58px; }
 .orbit-pet-label { text-align:center; }
 .orbit-play { right:12px; bottom:12px; padding:10px 12px; }
 .orbit-caption { font-size:.75rem; }
 .showcase-edition .hero-actions { gap:4px; }
 .showcase-edition .hero-description .showcase-status { font-size:.8125rem; margin-top:5px; }
 .showcase-edition .hero-footer { min-height:64px; margin-top:12px; }
 .transformations { padding-top:42px; }
 .transformation-intro h2 { font-size:2.7rem; margin:12px 0 18px; }
 .transformations .pet-showcase { padding-bottom:42px; gap:10px; }
 .transformations .pet-card { height:280px; padding:11px; }
 .transformations .pet-model { height:155px; top:65px; }
 .transformations .cat-card { transform:translateY(12px); }
 .showcase-edition .journey { padding-top:28px; }
 .showcase-edition .journey-step { min-height:0; }
 .showcase-edition .journey-step p { margin-right:0; }
 .showcase-edition .journey-step h3 { font-size:1.5rem; }
 .showcase-edition .journey-step p { font-size:1rem; line-height:1.6; }
}
@media (max-width:360px) {
 html[data-brand] .showcase-edition .site-header .brand .ltp-wordmark { width:128px; }
 .showcase-edition .hero { padding-inline:14px; }
 .orbit-selector button { justify-content:center; }
 .orbit-selector button img { display:none; }
 .orbit-topline { font-size:.625rem; }
 .transformations .pet-card { height:255px; }
 .transformations .pet-model { height:128px; }
 .transformation-intro h2 { font-size:2.35rem; }
}
@media (prefers-reduced-motion:reduce) { html:not([data-site-motion="on"]) .orbit-selector button { transition:none; } }