/* V44. Current homepage compositions on phones/tablets. Desktop is preserved. */
#js05x-index #schedule-local-growth-call{scroll-margin-top:80px}
@media(max-width:999px),(max-height:739px){
 #js05x-index #businessos-example.jts-active{display:block}
 #js05x-index #businessos-example.rp-reading .jts-front::before{content:"Customer’s request"}
 #js05x-index #businessos-example.rp-reading .jts-back::before{content:"Your team’s view"}
 #js05x-index #businessos-example.rp-reading .jts-face::before{display:block;font:600 12px/1.5 Arial,sans-serif;letter-spacing:.04em;color:#a6ddc8;margin-bottom:20px}
}
@media(max-width:999px),(max-height:739px){
 #js05x-index .jts-scene{max-width:650px;margin-inline:auto}
 #js05x-index .jts-scene>h2{font-size:clamp(30px,7.6vw,44px);margin-bottom:14px}
 #js05x-index .jts-intro{font-size:14px;line-height:1.6;max-width:42ch}
 #js05x-index .jts-intro br{display:none}
 #js05x-index .jts-eyebrow{font-size:10px;margin-bottom:12px}
 #js05x-index .jts-roles{gap:12px;margin:24px 0 22px}
 #js05x-index .jts-roles h3{font-size:clamp(17px,4.4vw,24px);line-height:1.2}
 #js05x-index .jts-roles>span{font-size:17px;flex:none}
 #js05x-index .jts-turn-space{width:540px;height:285px;max-width:100%}
 #js05x-index .jts-face{padding:25px 20px;border-radius:22px}
 #js05x-index .jts-front .jts-eyebrow{font-size:28px;margin:10px 0 20px}
 #js05x-index .jts-front blockquote{font-size:clamp(25px,6vw,32px)}
 #js05x-index .jts-back h4{font-size:27px;margin-bottom:12px}
 #js05x-index .jts-fields>div{grid-template-columns:1fr 1.18fr;min-height:61px;gap:12px;padding-left:10px}
 #js05x-index .jts-fields dt{font-size:12px;line-height:1.55}
 #js05x-index .jts-fields dd{font-size:14px;line-height:1.4}
 #js05x-index .jts-fields>div:last-child dd{font-size:13px}
 #js05x-index .jts-takeaway{font-size:13px;margin-top:19px}
 #js05x-index .jts-note{font-size:11px;line-height:1.6;margin-top:12px}
 #js05x-index #businessos-example.jts-active .jsh-path-sticky{display:flex!important;flex-direction:column;justify-content:center;gap:0;padding:68px 20px 24px!important;max-width:700px;margin:auto}
 #js05x-index #businessos-example.jts-active[data-path-mode=cinematic]{height:360svh;min-height:360svh}
 #js05x-index #businessos-example.jts-active[data-path-mode=cinematic] .jsh-path-sticky{position:sticky;top:0;height:100svh;min-height:0}
 #js05x-index #businessos-example.jts-active .jsh-path-navigation{display:none!important}
 #js05x-index[data-jst-motion=on] #businessos-walkthrough .jst-vsl-sticky{padding:70px 0 38px;gap:24px}
 #js05x-index[data-jst-motion=on] #businessos-walkthrough .jsq-vsl-stage{width:calc(100% - 40px);max-width:680px;margin:0 auto}
 #js05x-index[data-jst-motion=on] #businessos-walkthrough .jsq-vsl-copy{width:calc(100% - 40px);max-width:600px;margin:0 auto;text-align:center}
 #js05x-index #businessos-walkthrough .jsq-vsl-copy h2{font-size:clamp(32px,8vw,48px);line-height:1.06}
 #js05x-index #businessos-walkthrough .jsq-vsl-copy p{font-size:14px;line-height:1.65}
 #js05x-index #founder-story[data-founder-flow=vertical] .jsc-archive-sticky{display:block}
 #js05x-index #founder-story[data-founder-flow=vertical] .jsq-founder-intro{position:relative;top:auto;align-items:center;text-align:center}
 #js05x-index #founder-story[data-founder-flow=vertical] .jsq-founder-intro>h2{max-width:12ch;font-size:clamp(40px,10vw,64px)}
 #js05x-index #founder-story[data-founder-flow=vertical] .jsq-founder-portrait{width:min(100%,410px);align-self:center}
 #js05x-index #founder-story[data-founder-flow=vertical] .jsc-archive-stage{padding:0;border-left:0;margin-top:60px}
 #js05x-index #founder-story[data-founder-flow=vertical] .jsc-archive-chapter{padding-top:120px;max-width:600px;margin:0 auto 45px!important;gap:22px}
 #js05x-index #founder-story[data-founder-flow=vertical] .jsc-archive-chapter::before{content:'';position:absolute;top:0;left:50%;height:110px;width:1px;background:linear-gradient(transparent,#edc13677,transparent)}
 #js05x-index #founder-story[data-founder-flow=vertical] .jsc-archive-chapter .jsq-photo-frame{aspect-ratio:1/1.04;width:100%;max-height:none}
 #js05x-index #founder-story[data-founder-flow=vertical] .jsc-archive-chapter figcaption>span:not(.jsc-archive-number){font-size:28px;line-height:1.2}
 #js05x-index #mc-client-work.mc-portfolio{padding-block:100px 65px}
 #js05x-index #mc-client-work.mc-portfolio .mc-work-heading{display:block;text-align:center}
 #js05x-index #mc-client-work.mc-portfolio .mc-work-heading h2{font-size:clamp(35px,8vw,52px);line-height:1.08;margin:12px 0 18px}
 #js05x-index #mc-client-work.mc-portfolio .mc-intro{font-size:14px;line-height:1.7}
 #js05x-index #mc-client-work.mc-portfolio .mc-projects{max-width:650px;margin:35px auto;gap:48px}
 #js05x-index #mc-client-work.mc-portfolio .mc-projects>figure{padding:15px;transform:perspective(1200px) rotateX(calc((1 - var(--rp-open,1))*16deg)) translateY(calc((1 - var(--rp-open,1))*22px));transform-origin:50% 20%;opacity:var(--rp-ink,1);box-shadow:0 28px 45px -22px #000c,0 0 36px -13px rgb(237 193 54 / calc(.12 + .25*var(--rp-open,1)));border-color:#dbc47855}
 #js05x-index #mc-client-work.mc-portfolio .mc-projects figcaption p{font-size:14px}
 #js05x-index .jfq-track{height:auto!important}
 #js05x-index .jfq-track>.jxp-booking-intro{position:relative!important;height:auto!important;min-height:0!important;display:block!important;padding:85px 0 40px!important;text-align:center;transform:none!important}
 #js05x-index .jfq-track h2{font-size:clamp(38px,9vw,55px);line-height:1.08;margin:0 0 20px}
 #js05x-index .jfq-track header>p{font-size:15px;line-height:1.65;max-width:40ch;margin:0 auto}
 #js05x-index .jfq-track .jsw-call-questions{margin-top:150px;width:100%;max-width:none;text-align:left;perspective:1100px}
 #js05x-index .jfq-track .jsw-call-questions details{padding:5px 17px;margin:0 0 14px;border:1px solid #edc13645;border-radius:15px;background:linear-gradient(130deg,#1b1c2ce8,#0c0f19ee);box-shadow:0 14px 30px -18px #000b;opacity:var(--rp-reveal,1);transform:translateZ(calc((var(--rp-reveal,1) - 1)*90px))}
 #js05x-index .jfq-track .jsw-call-questions summary{min-height:58px;font-size:16px;line-height:1.4;padding-block:14px}
 #js05x-index .jfq-track .jsw-call-questions details p{font-size:14px;line-height:1.75}
 #js05x-index .jfq-track .jsw-call-questions details[open]{border-color:#edc136ad;box-shadow:0 0 34px -13px #edc13666,inset 3px 0 #edc13685}
 #js05x-index .jst-arrival-dock{width:165px;height:165px;margin:50px auto 18px}
 #js05x-index .jxp-booking-shell{opacity:1!important;transform:none!important}
 #js05x-index .jsf40-signature{display:flex;flex-direction:column!important;text-align:center;gap:16px;align-items:center}
 #js05x-index .jsf40-mark{width:160px!important;height:160px!important;flex:none;align-self:center;margin:0}
 #js05x-index .jsf40-signature h2{font-size:clamp(45px,12vw,80px)!important;line-height:.99;max-width:12ch;margin-inline:auto}
 #js05x-index .jsf40-signature p{max-width:42ch;margin-inline:auto}
 #js05x-index .jsf40-links a,#js05x-index .jsf40-bottom a{min-height:44px;display:inline-flex;align-items:center}
}
@media(max-width:999px) and (min-height:600px) and (max-height:739px){
 #js05x-index #businessos-example.jts-active[data-path-mode=cinematic] .jsh-path-sticky{padding:60px 16px 16px!important}
 #js05x-index .jts-scene>h2{font-size:28px;margin-bottom:10px}
 #js05x-index .jts-eyebrow{margin-bottom:8px}
 #js05x-index .jts-intro{font-size:13px;line-height:1.5}
 #js05x-index .jts-roles{margin:17px 0 18px;gap:10px}
 #js05x-index .jts-roles h3{font-size:17px}
 #js05x-index .jts-turn-space{height:245px}
 #js05x-index .jts-face{padding:20px 16px}
 #js05x-index .jts-fields>div{min-height:55px}
 #js05x-index .jts-front .jts-eyebrow{font-size:26px;margin:5px 0 18px}
 #js05x-index .jts-front blockquote{font-size:25px}
 #js05x-index .jts-request-foot{margin-top:18px}
 #js05x-index .jts-takeaway{font-size:12px;margin-top:14px}
 #js05x-index .jts-note{font-size:10px;margin-top:9px}
 #js05x-index #after-system[data-jsr-mode=compact] .jsr-family-intro h2{font-size:33px}
 #js05x-index #after-system[data-jsr-mode=compact] .jsr-family-intro>p{font-size:12px;line-height:1.5}
}
@media(max-width:999px) and (min-height:600px) and (max-height:639px){
 #js05x-index .jts-turn-space{height:220px}
 #js05x-index .jts-face{padding:16px}
 #js05x-index .jts-fields>div{min-height:48px}
 #js05x-index .jts-back h4{font-size:25px;margin-bottom:8px}
 #js05x-index .jts-roles{margin-block:12px 16px}
 #js05x-index .jts-front .jts-eyebrow{margin-bottom:12px}
 #js05x-index .jts-request-foot{margin-top:12px}
}
/* Current two-sided content remains available without a scroll choreography. */
#js05x-index #businessos-example.rp-reading .jts-scene{display:block!important;visibility:visible!important;opacity:1!important}
#js05x-index #businessos-example.rp-reading .jsh-path-sticky{position:relative!important;height:auto!important;min-height:0!important;padding-block:80px!important}
#js05x-index #businessos-example.rp-reading{height:auto!important;min-height:0!important}
#js05x-index #businessos-example.rp-reading .jts-turn-space{height:auto;perspective:none}
#js05x-index #businessos-example.rp-reading .jts-card{height:auto;transform:none!important;display:grid;gap:22px}
#js05x-index #businessos-example.rp-reading .jts-face{position:relative;inset:auto;transform:none;backface-visibility:visible;min-height:275px;opacity:1!important}
#js05x-index #businessos-example.rp-reading .jts-fields>div{--answer:1!important}
#js05x-index #businessos-example.rp-reading .jts-roles{display:none}
#js05x-index #businessos-example.rp-reading .jts-front::before{content:"Customer’s request"}
#js05x-index #businessos-example.rp-reading .jts-back::before{content:"Your team’s view"}
#js05x-index #businessos-example.rp-reading .jts-face::before{display:block;font:600 12px/1.5 Arial,sans-serif;letter-spacing:.04em;color:#a6ddc8;margin-bottom:20px}
@media(max-width:359px){#js05x-index .jts-face{padding:23px 15px}#js05x-index .jts-fields>div{grid-template-columns:1fr;gap:4px;padding:9px 10px}#js05x-index .jts-back{min-height:340px!important}}
@media(prefers-reduced-motion:reduce){#js05x-index .jsc-archive-chapter::before{display:none}#js05x-index .jsc-archive-chapter{padding-top:25px!important}#js05x-index .jfq-track .jsw-call-questions{margin-top:35px}#js05x-index .mc-projects>figure{transform:none!important;opacity:1!important}#js05x-index .jfq-track details{transform:none!important;opacity:1!important}}
@media(max-width:999px),(max-height:739px){#js05x-index #mc-client-work .mc-intro,#js05x-index #mc-client-work figcaption p{font-style:normal}}
@media(max-width:999px),(max-height:739px){#js05x-index #businessos-example.jts-active .jsh-path-sticky{width:100%;min-width:0;box-sizing:border-box}#js05x-index .jts-scene{min-width:0}#js05x-index .jts-turn-space{width:100%;max-width:540px}#js05x-index .jts-face{min-width:0}#js05x-index #businessos-walkthrough .jsq-vsl-stage{min-width:0;box-sizing:border-box;transform:none!important;left:auto!important}}
/* V45: narrow portrait retains the authored experience, with measured type fit. */
@media(max-width:900px) and (min-height:560px) and (max-height:699px){
 #js05x-index #after-system[data-jsr-mode=compact] .jsr-family-intro{top:57px;left:18px;right:18px}
 #js05x-index #after-system[data-jsr-mode=compact] .jsr-family-intro h2{font-size:28px;line-height:1.02;margin-block:8px}
 #js05x-index #after-system[data-jsr-mode=compact] .jsr-family-intro>p{font-size:12px;line-height:1.4;margin-block:8px}
 /* The short stage keeps the title, reading control and active world's explanation.
    The full introduction remains available to assistive technology and Read all systems. */
 #js05x-index #after-system[data-jsr-mode=compact] .jsr-family-intro>p:not(.jsr-disclosure){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:0}
 #js05x-index #after-system[data-jsr-mode=compact] .jsr-os-chapters{min-height:0;height:142px;bottom:48px}
 #js05x-index #after-system[data-jsr-mode=compact] .jsr-os-chapter{padding:8px 6px 8px 20px}
 #js05x-index #after-system[data-jsr-mode=compact] .jsr-os-chapter>strong{font-size:26px}
 #js05x-index #after-system[data-jsr-mode=compact] .jsr-os-chapter p{font-size:12px;line-height:1.4}
 #js05x-index #after-system[data-jsr-mode=compact] .jsr-os-chapter .text-link{font-size:12px}
 #js05x-index #after-system[data-jsr-mode=compact] .jsr-spectrum-nav{bottom:10px}
}
@media(max-width:359px){
 #js05x-index #businessos-example.jts-active .jsh-path-sticky{padding-inline:14px!important}
 #js05x-index .jts-scene>h2{font-size:29px}
 #js05x-index .jts-roles h3{font-size:16px}
 #js05x-index #businessos-example:not(.rp-reading) .jts-back{min-height:0!important}
 #js05x-index #businessos-example:not(.rp-reading) .jts-fields>div{grid-template-columns:1fr 1.05fr;gap:10px;padding:8px 9px}
 #js05x-index .jts-fields dt{font-size:12px}
 #js05x-index .jts-fields dd{font-size:13px}
}
@media(max-width:999px) and (min-height:560px) and (max-height:599px){
 #js05x-index #businessos-example.jts-active .jsh-path-sticky{padding:56px 14px 12px!important}
 #js05x-index .jts-scene>h2{font-size:26px;margin:0 0 8px}
 #js05x-index .jts-eyebrow{font-size:10px;margin-bottom:6px}
 #js05x-index .jts-intro{font-size:12px;line-height:1.45}
 #js05x-index .jts-roles{margin:12px 0;gap:8px}
 #js05x-index .jts-roles h3{font-size:16px}
 #js05x-index .jts-turn-space{height:208px}
 #js05x-index .jts-face{padding:15px 12px}
 #js05x-index .jts-front .jts-eyebrow{font-size:25px;margin:0 0 12px}
 #js05x-index .jts-front blockquote{font-size:24px}
 #js05x-index .jts-request-foot{font-size:12px;margin-top:12px}
 #js05x-index .jts-back h4{font-size:24px;margin-bottom:6px}
 #js05x-index .jts-fields>div{min-height:46px}
 #js05x-index .jts-takeaway{font-size:12px;margin-top:12px}
 #js05x-index .jts-note{font-size:10px;line-height:1.4;margin-top:8px}
}