/* Motion stays within the reading flow. All copy is visible without clicks. */
.wild-scroll{height:auto}.experimental .animal-divider{height:120px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px}.experimental .animal-divider span{font-size:clamp(1.2rem,2.6vw,2.7rem);width:max-content;min-width:120%;padding:5px 3vw;transform:translateX(var(--wild-x,-3%)) rotate(-2deg)}.experimental .animal-divider .real-line{color:var(--blush);background:#0b0b0b;transform:translateX(var(--real-x,-15%)) rotate(2deg)}
.experimental .universe{height:auto;overflow:clip}.universe-pin{position:static;height:auto}.experimental .services-track{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;scroll-snap-type:none;gap:55px 40px;padding:0 var(--pad) 35px}.experimental .service{min-width:0;width:auto;scroll-margin-top:130px;transition:border-color .5s,transform .5s;border-color:#ffffff35}.experimental .service.in-view{border-color:var(--pink)}.experimental .service-art{height:auto;aspect-ratio:16/9;max-height:310px}.experimental .service p{min-height:0}.experimental .service h3{font-size:clamp(2.1rem,3.3vw,3.5rem)}.experimental .service.in-view .service-art img{transform:scale(1.035)}.experimental .service-render .service-art img{transform:none}.experimental .slide-hint{display:none}.universe-counter{color:var(--pink)}
.experimental .faq{display:grid;grid-template-columns:1fr 1.5fr;gap:8vw}.clarity-scroll{position:relative}.clarity-pin{position:sticky;top:140px;text-align:left;padding:0}.clarity-pin h2{font-size:clamp(2.7rem,5.3vw,6rem);line-height:1.06;margin-top:30px;transform:translateY(var(--clarity-offset,0))}.clarity-pin h2 span{display:block;color:var(--blush)}.clarity-pin h2 em{display:block;color:transparent;background:linear-gradient(90deg,var(--pink) var(--clarity-fill,100%),#ffe9ec77 var(--clarity-fill,100%));background-clip:text;-webkit-background-clip:text}.experimental .faq-list{max-width:none;margin:0}.experimental .faq details p{padding-bottom:30px}
.development-scroll{background:#171415;padding:80px var(--pad);height:auto}.development-pin{position:static;display:block;height:auto;padding:0}.development-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:35px}.development-heading h2{font-size:clamp(2.5rem,4vw,4.5rem)}.development-heading h2 br{display:none}.development-heading h2 em{color:var(--pink)}.development-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:6vw;position:relative}.development-visual{position:sticky;top:150px;align-self:start;aspect-ratio:16/10;overflow:hidden;background:#101010}.development-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;clip-path:inset(0 100% 0 0);transition:opacity .5s,clip-path .7s}.development-image.active{opacity:1;clip-path:inset(0)}.development-image.stage-2{filter:saturate(.65) contrast(.93)}.development-caption{position:absolute;bottom:0;left:0;right:0;padding:9px 12px;background:#000c;color:#fff;font-size:.65rem;line-height:1.4}.development-copy{display:block}.development-step{visibility:visible;opacity:1;transform:none;position:relative;min-height:245px;padding:35px 0;border-top:1px solid #ffe9ec33;scroll-margin-top:140px;transition:border-color .4s}.development-step.active{border-color:var(--pink)}.development-step h3{font-size:clamp(1.8rem,2.7vw,3rem);line-height:1.1;margin:18px 0}.development-step p{font-size:.95rem;color:#d1c2c7;max-width:430px}.development-controls{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.development-controls button{border:1px solid #ffe9ec44;background:transparent;color:var(--blush);font-size:.875rem;padding:12px 16px}.development-controls button span{color:var(--pink);margin-right:10px}.development-controls button[aria-pressed=true]{border-color:var(--pink);background:#ffe9ec12}
@media(max-width:760px){.experimental .animal-divider{height:95px}.experimental .animal-divider span{font-size:1.35rem}.experimental .services-track{grid-template-columns:1fr;gap:38px;padding:0 22px 25px}.experimental .service-art{max-height:260px}.experimental .service h3{font-size:2.3rem}.experimental .faq{grid-template-columns:1fr;gap:35px}.clarity-pin{position:static}.clarity-pin h2{font-size:2.8rem}.development-scroll{padding:65px 22px}.development-heading{display:block;margin-bottom:25px}.development-heading h2{font-size:2.4rem;margin-top:20px}.development-layout{display:block}.development-visual{top:76px;z-index:3;aspect-ratio:16/9;max-height:220px;width:100%;box-shadow:0 12px 25px #171415}.development-copy{padding-top:25px}.development-step{min-height:230px;scroll-margin-top:320px;padding:28px 0}.development-step h3{font-size:1.9rem}.development-step p{font-size:.9rem}.development-controls{gap:8px}.development-controls button{font-size:.75rem;padding:10px 12px}}
@media(prefers-reduced-motion:reduce){.experimental .animal-divider span,.clarity-pin h2{transform:none!important}.development-image{transition:none}.experimental .service-art img{transform:none!important}}
.development-controls{margin:0 0 30px}.experimental .panorama-canvas{touch-action:pan-y}.chapter-fallback{display:none}
html:not(.scroll-ready) .gallery-images,html:not(.scroll-ready) .gallery-shade,html:not(.scroll-ready) .gallery-top,html:not(.scroll-ready) .gallery-bottom{display:none}html:not(.scroll-ready) .gallery-pin{min-height:0}html:not(.scroll-ready) .chapter-copy{padding:40px var(--pad)}html:not(.scroll-ready) .chapter{display:block;opacity:1;visibility:visible;padding:30px 0}html:not(.scroll-ready) .chapter-fallback{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;margin-bottom:25px}html:not(.scroll-ready) .chapter h2{font-size:clamp(2.6rem,5vw,5rem)}
/* Centered wording and motion at the existing editorial scale. */
.experimental .animal-divider{align-items:center}.experimental .animal-divider span{min-width:0;width:100%;text-align:center;transform:rotate(-1deg);padding:5px 16px;letter-spacing:-.025em}.experimental .animal-divider .real-line{transform:rotate(1deg);text-align:center}
.universe-title>span,.universe-title>em{display:block;line-height:1.12;transform:translateY(var(--title-offset,0));padding-bottom:.08em}.universe-title>em{color:transparent;background:linear-gradient(90deg,var(--blush) var(--title-fill,100%),#ffe9ec55 var(--title-fill,100%));background-clip:text;-webkit-background-clip:text;transform:translateY(calc(var(--title-offset,0px) * -1))}.universe-title{overflow:visible}.faq-list details{height:auto}.faq-list summary{word-spacing:normal}.faq-list p{overflow-wrap:break-word}
@media(prefers-reduced-motion:reduce){.universe-title>span,.universe-title>em{transform:none!important}}

.experimental .animal-divider .wild-line{transform:translateY(var(--wild-y,0px)) rotate(-1deg)}.experimental .animal-divider .real-line{transform:translateY(calc(var(--wild-y,0px) * -1)) rotate(1deg)}
/* Four service cards: scroll-linked movement without hiding their content. */
.experimental .service{position:relative;transform:translateY(var(--card-lift,0px));transition:border-color .35s;will-change:transform}
.experimental .service:before{content:'';position:absolute;top:-1px;left:0;width:100%;height:2px;background:var(--pink);transform:scaleX(var(--card-progress,1));transform-origin:left;pointer-events:none}
.experimental .service .service-art img,.experimental .service.in-view .service-art img,.experimental .service:hover .service-art img{transform:translateY(var(--image-shift,0px)) scale(var(--image-scale,1));transition:none;will-change:transform}
.experimental .service>div:last-child>.eyebrow,.experimental .service>div:last-child>h3{transform:translateY(var(--copy-lift,0px))}
.experimental .service>div:last-child>p,.experimental .service>div:last-child>.tag{transform:translateY(var(--detail-lift,0px))}
.experimental .service .orbit-one{transform:rotate(var(--orbit-angle,0deg))}.experimental .service .orbit-two{transform:rotate(calc(60deg + var(--orbit-angle,0deg)))}.experimental .service .orbit-three{transform:rotate(calc(-60deg + var(--orbit-angle,0deg)))}
.experimental .service .campaign-art span:nth-child(1){transform:translateX(var(--word-shift,0px))}.experimental .service .campaign-art span:nth-child(2){transform:translateX(calc(var(--word-shift,0px) * -1))}.experimental .service .campaign-art span:nth-child(3){transform:translateY(var(--copy-lift,0px))}
@media(prefers-reduced-motion:reduce){.experimental .service,.experimental .service>div:last-child>*,.experimental .service .campaign-art span{transform:none!important}.experimental .service .service-art img{transform:none!important}.experimental .service .orbit-one{transform:none}.experimental .service .orbit-two{transform:rotate(60deg)}.experimental .service .orbit-three{transform:rotate(-60deg)}}
