/* Native chapter scrolling: no wheel interception or artificial gesture lock. */
.card-detail-page.creator-mockup-slide{grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr);gap:24px;padding:28px}
.creator-mockup-slide .banner-visual{display:flex;flex-direction:column;justify-content:center;gap:10px;height:auto;max-height:100%;overflow:visible;border-radius:0}
.creator-mockup-slide .banner-visual .mockup-open{display:block;min-height:0;border-radius:14px;overflow:hidden;background:#f7f5ef;box-shadow:0 18px 50px #160e3433}
.creator-mockup-slide .banner-visual img{width:100%;height:auto;max-height:48dvh;object-fit:contain}
.creator-mockup-slide .mockup-caption{font-size:.68rem;line-height:1.5;opacity:.8}
@media(max-width:760px){
 .card-detail-page.creator-mockup-slide{grid-template-columns:1fr;grid-template-rows:auto auto;gap:16px;padding:18px;align-content:center}
 .card-detail-dialog .creator-mockup-slide .banner-copy h3{font-size:1.45rem;margin-bottom:10px}
 .card-detail-dialog .creator-mockup-slide .banner-copy p{font-size:.85rem;line-height:1.6}
 .card-detail-dialog .creator-mockup-slide .banner-eyebrow{margin-bottom:8px}
 .creator-mockup-slide .banner-visual img{max-height:27dvh}
}
@media(max-height:520px){.card-detail-page.creator-mockup-slide{grid-template-columns:1fr 1fr;grid-template-rows:1fr;padding:12px;gap:16px}.creator-mockup-slide .banner-visual img{max-height:40dvh}.card-detail-dialog .creator-mockup-slide .banner-copy h3{font-size:1.25rem}.card-detail-dialog .creator-mockup-slide .banner-copy p{font-size:.78rem;line-height:1.4}}
html.experience-ready{scroll-snap-type:y mandatory;scroll-padding-top:72px}
.experience-ready .experience-chapter{scroll-snap-align:start;scroll-margin-top:0!important;scroll-snap-stop:always}
html.experience-ready:has(dialog[open]){scroll-snap-type:none}
.experience-ready .hero-area{min-height:100svh;height:auto}
.experience-ready .hero-area>.block{padding-top:110px;padding-bottom:48px}
.experience-ready .service-studio{padding:24px 0 28px;overflow:clip;min-height:calc(100svh - 72px)}
.experience-ready .studio-heading{margin-bottom:16px;row-gap:6px}
.experience-ready .studio-heading h2{font-size:clamp(1.6rem,3vw,2.6rem);margin:8px 0 12px}
.experience-ready .studio-heading>p:last-child{font-size:.9rem;line-height:1.55;max-width:70em}
.experience-ready .service-tabs-wrap{margin-bottom:16px}
.experience-ready .service-panels{height:var(--deck-height,400px);min-height:0}
.experience-ready .deck-controls{margin-top:18px}
.experience-ready #services article{min-height:calc(100svh - 96px);display:flex;align-items:center;padding-top:24px;padding-bottom:24px}
.experience-ready #services .service-block{position:relative;top:auto;transform:none!important;opacity:1!important;width:100%;will-change:auto}
.experience-ready .service-stage-hud{display:none}
.experience-ready .service-block img{min-height:0;max-height:48svh;object-fit:cover}
.experience-ready .assistant-intro{padding:40px 24px}
.experience-ready .assistant-portrait{max-width:min(440px,52svh);justify-self:center}
.experience-ready .contact-us{padding-top:40px;padding-bottom:48px}
.experience-ready .experience-chapter{--chapter-glow:0}
.experience-ready .service-block,.experience-ready .post-block{transition:box-shadow .6s ease,border-color .6s ease}
.experience-ready .chapter-active .service-block,.experience-ready .chapter-active .post-block{box-shadow:0 24px 70px #0005,0 0 38px #43e8d814;border-color:#43e8d84d}
.experience-ready .chapter-enter{animation:chapter-arrive .75s cubic-bezier(.2,.8,.2,1) both}
@keyframes chapter-arrive{from{opacity:.4;translate:0 22px}to{opacity:1;translate:0 0}}
.experience-ready button:active,.experience-ready .btn:active,.experience-ready .assistant-contact:active{scale:.97}
.experience-ready button,.experience-ready .btn,.experience-ready .assistant-contact{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.experience-ready :focus-visible{outline:2px solid #73f4df;outline-offset:5px}
@media(max-width:980px){
 .experience-ready #services article{min-height:0;display:block;padding-top:52px}
 .experience-ready .service-block img{height:clamp(180px,35svh,320px);margin-bottom:20px;min-height:0}
 .experience-ready .page-conduit{opacity:.25;width:48px;right:0}
}
@media(max-width:767px){
 .experience-ready .intro-replay{display:none}
 html.experience-ready{scroll-padding-top:66px}
 .experience-ready .service-studio{padding:20px 0 24px;min-height:calc(100svh - 66px)}
 .experience-ready .studio-heading h2{font-size:1.5rem;line-height:1.25}
 .experience-ready .studio-heading>p:last-child{font-size:.8rem;line-height:1.5;margin-bottom:12px}
 .experience-ready .service-tabs{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding:2px 0 6px}
 .experience-ready .service-tabs button{min-width:105px;font-size:.75rem;min-height:42px}
 .experience-ready .service-panel,.experience-ready .service-panel[hidden]{width:78%;padding:20px}
 .experience-ready .service-panel .panel-intro h3{font-size:1.65rem}
 .experience-ready .service-panel .panel-intro p{font-size:.88rem;line-height:1.5;margin-top:10px}
 .experience-ready .card-at-a-glance__items{gap:6px}
 .experience-ready .card-at-a-glance__items span{font-size:.73rem;min-height:28px}
 .experience-ready .card-detail-trigger{min-height:44px}
 .experience-ready .assistant-intro-inner{gap:24px}
 .experience-ready .assistant-portrait{width:100%;max-width:360px;scroll-snap-align:start;scroll-margin-top:12px}
 .experience-ready .assistant-intro-copy h2{font-size:2.4rem}
 .experience-ready .hero-area>.block{padding-top:90px;padding-bottom:36px}
 .experience-ready .hero-area .sub-title-2{margin-bottom:20px}
}
@media(prefers-reduced-motion:reduce){html.experience-ready{scroll-snap-type:y proximity}.experience-ready .chapter-enter{animation:none}.experience-ready *{scroll-behavior:auto!important}}
@media(max-height:740px){
 .experience-ready .service-studio{padding-top:12px;padding-bottom:16px}
 .experience-ready .studio-heading{margin-bottom:10px;row-gap:4px}
 .experience-ready .studio-heading h2{font-size:1.45rem;margin:4px 0}
 .experience-ready .studio-heading>p:last-child{font-size:.78rem;margin-bottom:0}
 .experience-ready .service-tabs-wrap{margin-bottom:10px}
 .experience-ready .service-panel,.experience-ready .service-panel[hidden]{padding:18px}
 .experience-ready .service-panel .panel-intro h3{font-size:1.5rem;margin:6px 0}
 .experience-ready .service-panel .panel-intro p{font-size:.8rem;margin-top:6px}
 .experience-ready .card-at-a-glance{gap:8px}
 .experience-ready .card-at-a-glance__items span{min-height:26px;font-size:.72rem;padding:0 8px}
 .experience-ready .deck-controls{margin-top:12px}
}