/* The Experience V2: page 62 only. Native Elementor elements own copy and images. */
body.page-id-62 { background: #03120d; }
body.page-id-62 main#content { max-width: none; width: 100%; margin: 0; }
body.page-id-62 [id^='fg-exp-'] { box-sizing: border-box; }
body.page-id-62 section[id^='fg-exp-'] { color: #fff; font-family: 'FG Manrope', Arial, sans-serif; }
body.page-id-62 h1 span, body.page-id-62 h2 span { color: #4df58a; }
body.page-id-62 #fg-exp-mobile { color: #09140f; scroll-margin-top: 1rem; }
body.page-id-62 img[id^='fg-exp-'] { display: block; max-width: 100%; cursor: auto; }
body.page-id-62 #fg-exp-phone-photo { mix-blend-mode: multiply; flex: 0 1 auto; }
body.page-id-62 #fg-exp-mobile-copy { padding-right: 8rem; width: 51%; }
body.page-id-62 #fg-exp-mobile-card { flex: 0 1 auto; }
body.page-id-62 #fg-exp-mobile-card-copy, body.page-id-62 #fg-exp-vr-card-copy { min-width: 0; }
body.page-id-62 #fg-exp-vr-card { max-width: 32rem; }
body.page-id-62 #fg-exp-infinity-icon { flex: 0 0 3.8rem; }
body.page-id-62 #fg-exp-hero-hand,
body.page-id-62 #fg-exp-vr-hand,
body.page-id-62 #fg-exp-invitation-hand { text-shadow: 0 2px 12px #03120d; }
body.page-id-62 [id$='-hand']::after { content: ''; display: block; width: 3.5rem; height: 3px; background: #4df58a; margin: .6rem auto 0; }
body.page-id-62 #fg-exp-demo-display { background: radial-gradient(ellipse at center,#25473a,rgba(24,48,39,.6)); }
body.page-id-62 #fg-exp-preview-controls > div { min-width: 0; cursor: default; }
body.page-id-62 #fg-exp-phone-icon { width: 2rem; height: 3.8rem; border: 4px solid #003e29; border-radius: .3rem; flex: 0 0 2rem; position: relative; }
body.page-id-62 #fg-exp-phone-icon::after { content: ''; position: absolute; bottom: 2px; width: .3rem; height: .3rem; border-radius: 50%; background: #003e29; left: calc(50% - .15rem); }
body.page-id-62 #fg-exp-demo-paw, body.page-id-62 #fg-exp-sit-icon,
body.page-id-62 #fg-exp-fetch-icon, body.page-id-62 #fg-exp-scratch-icon { width: 3.8rem; height: 3.8rem; flex: 0 0 3.8rem; color: #83f7b7; }
body.page-id-62 #fg-exp-demo-paw { width: 5.5rem; height: 5.5rem; flex: 0 0 5.5rem; }
body.page-id-62 #fg-exp-demo-paw::before, body.page-id-62 #fg-exp-sit-icon::before,
body.page-id-62 #fg-exp-fetch-icon::before, body.page-id-62 #fg-exp-scratch-icon::before { content: ''; display: block; width: 100%; height: 100%; background: currentColor; mask: var(--fg-exp-icon) center/contain no-repeat; -webkit-mask: var(--fg-exp-icon) center/contain no-repeat; }
html:has(body.page-id-62) { scroll-behavior: smooth; }
@media (max-width: 1100px) {
 body.page-id-62 #fg-exp-hero { min-height: 39rem; }
 body.page-id-62 #fg-exp-hero-copy { padding-top: 8rem; width: 48%; }
 body.page-id-62 #fg-exp-hero-title { font-size: 3.2rem; }
 body.page-id-62 #fg-exp-hero-body { font-size: 1.1rem; }
 body.page-id-62 #fg-exp-hero-hand { font-size: 2.2rem; }
 body.page-id-62 #fg-exp-mobile-copy { padding-right: 2rem; }
 body.page-id-62 #fg-exp-mobile-hand { position: relative; right: auto; bottom: auto; width: 100%; font-size: 2rem; padding-bottom: 2rem; }
 body.page-id-62 #fg-exp-mobile { flex-wrap: wrap; gap: 1rem; }
 body.page-id-62 #fg-exp-phone-photo { height: 25rem; }
 body.page-id-62 #fg-exp-vr-copy { width: 47%; }
 body.page-id-62 #fg-exp-vr-title, body.page-id-62 #fg-exp-mobile-title,
 body.page-id-62 #fg-exp-preview-title, body.page-id-62 #fg-exp-invitation-title { font-size: 2.6rem; }
 body.page-id-62 #fg-exp-vr-body, body.page-id-62 #fg-exp-mobile-body,
 body.page-id-62 #fg-exp-preview-body, body.page-id-62 #fg-exp-invitation-body { font-size: 1.1rem; }
 body.page-id-62 #fg-exp-vr-card { padding: 1rem; gap: .8rem; }
 body.page-id-62 #fg-exp-vr-hand { font-size: 1.7rem; right: 1.5vw; }
 body.page-id-62 #fg-exp-invitation-copy { width: 55%; }
 body.page-id-62 #fg-exp-preview-controls > div { gap: .8rem; padding: 1.2rem; }
 body.page-id-62 #fg-exp-scratch-icon, body.page-id-62 #fg-exp-fetch-icon,
 body.page-id-62 #fg-exp-sit-icon { width: 2.5rem; height: 2.5rem; flex-basis: 2.5rem; }
}
@media (max-width: 900px) {
 body.page-id-62 #fg-exp-vr { padding-top: 22rem; }
 body.page-id-62 #fg-exp-vr-photo { width: 100%; height: 23rem; object-position: center; }
 body.page-id-62 #fg-exp-vr-shade { height: 23rem; background: linear-gradient(180deg,transparent 60%,#03120d); }
 body.page-id-62 #fg-exp-vr-copy { width: 100%; padding: 2rem 6vw; }
 body.page-id-62 #fg-exp-vr-hand { position: relative; right: auto; bottom: auto; font-size: 2rem; padding: 0 1.5rem 2rem; }
 body.page-id-62 #fg-exp-vr-hand br { display: none; }
 body.page-id-62 #fg-exp-vr-hand br::after { content: ' '; }
 body.page-id-62 #fg-exp-preview-controls { flex-wrap: wrap; }
 body.page-id-62 #fg-exp-preview-controls > div { flex: 1 1 100%; }
 body.page-id-62 #fg-exp-invitation-copy { width: 57%; }
 body.page-id-62 #fg-exp-invitation-title { font-size: 2rem; }
}
@media (max-width: 600px) {
 body.page-id-62 #fg-exp-hero { min-height: 0; }
 body.page-id-62 #fg-exp-hero-photo { height: 22rem; object-position: 70% center; }
 body.page-id-62 #fg-exp-hero-shade { height: 22rem; background: linear-gradient(180deg,rgba(3,18,13,.05) 55%,#03120d); }
 body.page-id-62 #fg-exp-hero-copy { width: 100%; padding: 23.5rem 1.25rem 2.5rem; }
 body.page-id-62 #fg-exp-hero-title { font-size: 2.7rem; }
 body.page-id-62 #fg-exp-hero-body { font-size: 1.1rem; }
 body.page-id-62 #fg-exp-hero-hand { top: 13rem; bottom: auto; right: 1rem; font-size: 1.65rem; }
 body.page-id-62 #fg-exp-mobile { flex-direction: column; gap: 0; }
 body.page-id-62 #fg-exp-phone-stage { width: 100%; padding: 2rem 1rem 1rem; }
 body.page-id-62 #fg-exp-phone-photo { height: 26rem; width: auto; }
 body.page-id-62 #fg-exp-mobile-copy { width: 100%; padding: 1rem 1.25rem; }
 body.page-id-62 #fg-exp-mobile-title, body.page-id-62 #fg-exp-vr-title,
 body.page-id-62 #fg-exp-preview-title, body.page-id-62 #fg-exp-invitation-title { font-size: 2.15rem; }
 body.page-id-62 #fg-exp-mobile-hand { font-size: 1.9rem; padding: 1rem 1.25rem 2rem; }
 body.page-id-62 #fg-exp-mobile-hand br { display: none; }
 body.page-id-62 #fg-exp-mobile-hand br::after { content: ' '; }
 body.page-id-62 #fg-exp-mobile-card { padding: 1rem; gap: 1rem; }
 body.page-id-62 #fg-exp-vr { padding-top: 15.5rem; }
 body.page-id-62 #fg-exp-vr-photo, body.page-id-62 #fg-exp-vr-shade { height: 16rem; }
 body.page-id-62 #fg-exp-vr-photo { object-position: 50% center; }
 body.page-id-62 #fg-exp-vr-copy { padding: 1.5rem 1.25rem; }
 body.page-id-62 #fg-exp-vr-card-title, body.page-id-62 #fg-exp-vr-requirements { font-size: 1rem; }
 body.page-id-62 #fg-exp-infinity-icon { flex-basis: 3rem; font-size: 3.5rem; }
 body.page-id-62 #fg-exp-vr-hand { font-size: 1.8rem; }
 body.page-id-62 #fg-exp-preview { padding: .75rem; }
 body.page-id-62 #fg-exp-preview-panel { padding: 2rem 1.2rem 1.5rem; border-radius: 1.5rem; }
 body.page-id-62 #fg-exp-preview-title { font-size: 2rem; }
 body.page-id-62 #fg-exp-demo-display { padding: 2rem .75rem; min-height: 19rem; }
 body.page-id-62 #fg-exp-demo-title { font-size: 1.6rem; }
 body.page-id-62 #fg-exp-demo-placeholder, body.page-id-62 #fg-exp-demo-actions { font-size: 1rem; }
 body.page-id-62 #fg-exp-preview-controls { flex-direction: column; }
 body.page-id-62 #fg-exp-preview-controls > div { flex-basis: auto; padding: 1.25rem; }
 body.page-id-62 #fg-exp-pug-photo { width: 100%; height: 17rem; object-position: 50% center; }
 body.page-id-62 #fg-exp-invitation-shade { height: 17rem; background: linear-gradient(180deg,transparent 60%,#03120d); }
 body.page-id-62 #fg-exp-invitation-copy { width: 100%; padding: 18.5rem 1.25rem 2.5rem; }
 body.page-id-62 #fg-exp-invitation-title br { display: none; }
 body.page-id-62 #fg-exp-invitation-hand { top: 10.5rem; bottom: auto; right: 1rem; font-size: 1.65rem; }
 body.page-id-62 #fg-exp-invitation-cta { max-width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
 html:has(body.page-id-62) { scroll-behavior: auto; }
 body.page-id-62 [id^='fg-exp-'] { transition: none; animation: none; }
}

body.page-id-62 #fg-exp-demo-paw, body.page-id-62 #fg-exp-sit-icon { --fg-exp-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cellipse%20cx%3D%2213%22%20cy%3D%2222%22%20rx%3D%227%22%20ry%3D%2210%22%20transform%3D%22rotate%28-24%2013%2022%29%22%2F%3E%3Cellipse%20cx%3D%2227%22%20cy%3D%2213%22%20rx%3D%227%22%20ry%3D%2210%22%2F%3E%3Cellipse%20cx%3D%2242%22%20cy%3D%2214%22%20rx%3D%227%22%20ry%3D%2210%22%20transform%3D%22rotate%2814%2042%2014%29%22%2F%3E%3Cellipse%20cx%3D%2253%22%20cy%3D%2227%22%20rx%3D%227%22%20ry%3D%2210%22%20transform%3D%22rotate%2828%2053%2027%29%22%2F%3E%3Cpath%20d%3D%22M15%2049c0-9%2010-23%2018-23s19%2014%2019%2023c0%2010-11%208-19%205-9%204-18%205-18-5Z%22%2F%3E%3C%2Fsvg%3E"); }

body.page-id-62 #fg-exp-fetch-icon { --fg-exp-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%223%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2226%22%2F%3E%3Cpath%20d%3D%22M19%209c13%2011%2013%2035%201%2046M45%209c-13%2012-13%2034-1%2046%22%2F%3E%3C%2Fsvg%3E"); }

body.page-id-62 #fg-exp-scratch-icon { --fg-exp-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M23%2037V10a5%205%200%200%201%2010%200v21-10a5%205%200%200%201%2010%200v12-6a5%205%200%200%201%2010%200v15c0%2012-7%2018-18%2018-6%200-10-2-14-7L7%2035a5%205%200%200%201%207-7l9%209Z%22%2F%3E%3C%2Fsvg%3E"); }
/* Keep long handwritten captions inside their section on narrower layouts. */
@media (max-width: 900px) {
 body.page-id-62 #fg-exp-vr-hand { max-width: 34rem; margin-inline: auto; transform: none; }
}
/* Show the complete wide VR/Pug assets on phones so faces, paws and ball stay visible. */
@media (max-width: 600px) {
 body.page-id-62 #fg-exp-vr-photo, body.page-id-62 #fg-exp-pug-photo { height: auto; aspect-ratio: 2006 / 784; object-fit: contain; }
 body.page-id-62 #fg-exp-vr-shade { height: 39.1vw; }
 body.page-id-62 #fg-exp-vr { padding-top: calc(39.1vw - .5rem); }
 body.page-id-62 #fg-exp-invitation-shade { height: 39.1vw; }
 body.page-id-62 #fg-exp-invitation-hand { top: 40vw; font-size: 1.5rem; }
 body.page-id-62 #fg-exp-invitation-copy { padding-top: calc(39.1vw + 6rem); }
}
@media (min-width: 601px) and (max-width: 900px) {
 body.page-id-62 #fg-exp-pug-photo { width: 100%; height: auto; aspect-ratio: 2006 / 784; object-fit: contain; }
 body.page-id-62 #fg-exp-invitation-shade { height: 39.1vw; background: linear-gradient(180deg,transparent 70%,#03120d); }
 body.page-id-62 #fg-exp-invitation-copy { width: 100%; padding: calc(39.1vw + 2rem) 6vw 2.5rem; }
 body.page-id-62 #fg-exp-invitation-title { font-size: 2.4rem; }
 body.page-id-62 #fg-exp-invitation-hand { top: calc(39.1vw - 5rem); bottom: auto; font-size: 2rem; }
}