.client-experiences-page [hidden] { display: none !important; }
.breathing-quotes { position: relative; padding: 110px 10vw 80px; color: #f4f8ff; min-height: 720px; isolation: isolate; }
.quote-atmosphere { position: absolute; inset: 8% 10%; z-index: -1; pointer-events: none; }
.quote-atmosphere i { position: absolute; inset: 0; border: 1px solid #b4dbf221; border-radius: 40% 60% 55% 45%; transform: rotate(-22deg); }
.quote-atmosphere i:nth-child(2) { inset: 8%; transform: rotate(25deg); }
.quote-atmosphere i:nth-child(3) { inset: 16%; transform: rotate(65deg); }
.micro-stage { display: grid; align-items: center; min-height: 390px; max-width: 900px; margin: auto; }
.micro-quote { margin: 0; }
.micro-intent { color: #bce6f9; font-size: 15px; margin-bottom: 28px; }
.micro-quote blockquote, .micro-conclusion h2 { font: 400 clamp(32px,4.5vw,66px)/1.25 var(--sc-font-display); letter-spacing: -.035em; margin: 0 0 30px; }
.micro-quote figcaption { font-size: 16px; }
.micro-conclusion h2 span { color: #c7e7ff; }
.micro-controls { max-width: 900px; margin: 28px auto; display: flex; gap: 22px; align-items: center; flex-wrap: wrap; }
.micro-position { font-size: 13px; color: #c7dbe9; }
.micro-controls button:disabled { opacity: .35; cursor: default; }
.long-story-link { margin-left: max(0px, calc((100% - 900px)/2)); }
.extended-experiences { position: relative; padding: 100px 8vw 80px; color: #f4f8ff; }
.stories-intro { margin-bottom: 85px; }
.stories-intro > p { font-size: 14px; color: #c7dbe9; }
.stories-intro h2 { font: 400 clamp(40px,5vw,70px)/1.12 var(--sc-font-display); letter-spacing: -.045em; margin: 22px 0; }
.stories-intro h2 span { color: #c7e7ff; }
.extended-story { display: grid; grid-template-columns: minmax(130px,.35fr) minmax(0,1fr); gap: 7%; margin: 0; padding: 62px 0 80px; border-top: 1px solid #badcf23b; scroll-margin-top: 110px; }
.extended-story figcaption { padding-top: 9px; font-size: 19px; }
.extended-story figcaption small { display: block; font-size: 12px; margin-top: 10px; color: #c3d9e9; }
.extended-story blockquote { max-width: 780px; margin: 0; transform-origin: left center; transition: transform .8s ease, text-shadow .8s ease; font: 400 clamp(19px,2vw,26px)/1.75 var(--sc-font-display); letter-spacing: -.015em; }
.extended-story blockquote p { margin: 0 0 25px; }
.extended-story blockquote p:last-child { margin-bottom: 0; }
.extended-story.is-reading blockquote, .extended-story:focus-visible blockquote { transform: scale(1.015); text-shadow: 0 0 18px #91dfff35; }
.extended-story:focus-visible { outline: 1px solid #c7e7ff; outline-offset: 12px; }
@media(hover:hover) and (pointer:fine) { .extended-story:hover blockquote { transform: scale(1.02); text-shadow: 0 0 8px #ffffff22, 0 0 24px #18b5d266; } }
@media(max-width:700px) {
 .breathing-quotes { padding: 85px 28px 65px 65px; min-height: 650px; }
 .micro-stage { min-height: 365px; }
 .micro-controls { gap: 17px; }
 .extended-experiences { padding: 85px 28px 55px 65px; }
 .extended-story { grid-template-columns: 1fr; gap: 26px; padding: 42px 0 55px; }
 .stories-intro { margin-bottom: 50px; }
}
@media(prefers-reduced-motion:reduce) {
 .extended-story blockquote { transform: none !important; transition: none; }
}

@media(max-width:700px) {
 .breathing-quotes { min-height: 0; padding: 68px 24px 62px; }
 .micro-stage { min-height: 330px; }
 .extended-experiences { padding: 70px 24px 54px; }
 .stories-intro { margin-bottom: 38px; }
 .extended-story { gap: 20px; padding: 36px 0 48px; }
}

@media (orientation:landscape) and (max-height:500px) and (max-width:900px) {
 .breathing-quotes { min-height: 0; padding: 64px 7vw 58px; }
 .micro-stage { min-height: 290px; }
 .extended-experiences { padding-top: 72px; padding-bottom: 58px; }
 .stories-intro { margin-bottom: 48px; }
 .extended-story { padding-top: 44px; padding-bottom: 56px; }
}