/* Preview 22. Brand colour roles: white to read, navy to frame, yellow to point. */
.refine-preview{color:var(--ink);--panel-shadow:none}
.refine-preview h2,.refine-preview h3{font-feature-settings:"palt";text-wrap:pretty}
.refine-preview .eyebrow{letter-spacing:.08em;font-size:12px;font-weight:700;color:inherit}
.refine-preview .eyebrow>span{border:0;background:none;color:inherit;width:auto;height:auto;margin-right:12px;padding-right:14px;border-right:1px solid currentColor;border-radius:0;font-size:12px}
[data-theme=C] .refine-preview .site-header,[data-theme=C] .refine-preview .site-header.scrolled{background:#fff;backdrop-filter:none;border:0;box-shadow:0 1px 0 #132d9124;border-radius:8px;min-height:74px;padding:9px 10px 9px 24px;inset:16px 24px auto;color:var(--ink)}
.refine-preview .site-header .desktop-nav{font-size:13px;color:var(--ink);gap:28px}
.refine-preview .site-header .desktop-nav a{min-height:44px;align-items:center}
.refine-preview .site-header .brand span{color:var(--ink);letter-spacing:.18em}
[data-theme=C] .refine-preview .site-header .header-contact{background:var(--yellow);color:var(--ink);border-radius:3px;box-shadow:none;min-height:54px}
.refine-preview .site-header .header-contact>span{background:none;color:var(--ink)}
[data-theme=C] .refine-preview .site-header .menu-toggle{background:var(--navy);border-radius:3px}
.refine-preview .site-header .menu-toggle:before{display:none}
.refine-preview .hero-kicker .live-dot{background:var(--yellow);box-shadow:none;animation:none}
.refine-preview .lab-ring{display:none}
[data-theme=C] .refine-preview .cross-ribbon{background:var(--yellow);border:0;box-shadow:none;rotate:-2deg;margin-top:-28px;padding-block:18px}
.refine-preview .marquee{font-size:20px;gap:68px;color:var(--ink);animation-duration:65s}
.refine-preview .marquee b{font-size:18px;font-weight:800;font-style:normal;letter-spacing:.015em}
[data-theme=C] .refine-preview .about{background:#fff;padding-block:130px 112px}
.refine-preview .about-copy{color:var(--ink)}
[data-theme=C] .refine-preview .about-context{font-size:clamp(21px,2.05vw,30px);font-weight:700;letter-spacing:-.03em}
[data-theme=C] .refine-preview .about-message{font-size:clamp(40px,4.6vw,66px);color:var(--navy);line-height:1.4;margin-top:24px}
[data-theme=C] .refine-preview .about-copy h2 em{background:none;color:var(--navy);font-style:normal}
[data-theme=C] .refine-preview .about-description{color:#252932;line-height:2.15;letter-spacing:.015em}
.refine-preview .about-track{display:none}
[data-theme=C] .refine-preview .about-orbit{background:var(--paper);box-shadow:none}
.refine-preview .about-orbit:after,.refine-preview .about-orbit:before{display:none}
.refine-preview .speech{background:white;color:var(--ink);border:1px solid #132d9130;box-shadow:none;font-weight:700;rotate:0deg;border-radius:50%;padding:18px 28px}
.refine-preview .speech:after{border-top-color:#132d9130;border-width:12px 0 0 13px;bottom:-11px;left:60%;transform:none}
.refine-preview .character-label small{display:none}
.refine-preview .character-label{color:var(--navy);font-size:12px;background:none;box-shadow:none}
[data-theme=C] .refine-preview .services{padding:90px 0 75px;border-radius:0;background:none}
[data-theme=C] .refine-preview .services:after{inset:-38px 0 -38px;border-radius:0;clip-path:polygon(0 38px,74% 0,100% 38px,100% calc(100% - 38px),23% 100%,0 calc(100% - 38px));background:linear-gradient(115deg,var(--navy) 35%,#234cb6 82%,var(--blue))}
[data-theme=C] .refine-preview .services-top{gap:50px;align-items:center}
[data-theme=C] .refine-preview .services-top .eyebrow{margin-bottom:26px;color:#fff}
[data-theme=C] .refine-preview .services-top h2{font-size:clamp(38px,4.4vw,64px);letter-spacing:-.055em;line-height:1.36;font-weight:900}
[data-theme=C] .refine-preview .example-context{font-size:14px;font-weight:500;color:#fff;letter-spacing:.04em;line-height:1.8;margin:25px 0 0}
.services-guide{width:345px;position:relative;align-self:stretch;flex:none;min-height:235px}
.services-guide .character{position:absolute;right:-12px;bottom:-46px;width:231px;transform:rotate(5deg);z-index:2}
.services-guide>p{position:absolute;left:2px;top:22px;z-index:3;background:white;color:var(--navy);font-size:15px;line-height:1.9;padding:17px 22px;border-radius:50%;rotate:-5deg;white-space:nowrap}
.services-guide>p:after{content:'';position:absolute;right:45px;bottom:-9px;border-top:15px solid white;border-left:10px solid transparent;rotate:-22deg}
.services-guide strong{font-size:15px;font-weight:800}
[data-theme=C] .refine-preview .service-carousel{margin-top:48px}
[data-theme=C] .refine-preview .service-track{gap:22px;padding:14px max(var(--gutter),calc((100% - 1240px)/2)) 24px;scroll-padding-inline:max(var(--gutter),calc((100% - 1240px)/2));align-items:stretch}
[data-theme=C] .refine-preview .service-card.case-sheet{flex:0 0 390px;max-width:none;padding:0;background:white;border:0;border-radius:5px;box-shadow:none;overflow:hidden;color:var(--ink);transition:opacity .6s var(--arrival),translate .8s var(--arrival),box-shadow .3s;transform:none;scale:1}
.motion-ready .refine-preview .case-sheet.motion-reveal:not(.is-visible){translate:0 25px}
html[data-motion=paused] .refine-preview .case-sheet.motion-reveal{translate:0 0;opacity:1;transition:none}
[data-theme=C] .refine-preview .case-sheet:hover{transform:none;box-shadow:0 6px 24px #07123d26}
.case-scene{height:247px;position:relative;margin:0 26px;border-bottom:1px solid #dce4f0;isolation:isolate;overflow:hidden}
.case-number{position:absolute;left:0;top:22px;font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--navy)}
.case-voice{position:absolute;left:0;top:55px;font-size:13px;font-weight:700;line-height:1.9;letter-spacing:.01em;z-index:3;padding:12px 16px;background:var(--paper);border-radius:16px;max-width:100%;rotate:-3deg}
.case-voice:after{content:'';position:absolute;right:32px;bottom:-10px;border-top:16px solid var(--paper);border-left:9px solid transparent;rotate:-15deg}
.case-portrait{position:absolute;right:-10px;bottom:-1px;height:217px;width:208px;object-fit:contain;object-position:bottom;z-index:2;transform-origin:50% 90%;transition:transform .8s cubic-bezier(.2,.8,.2,1),opacity .6s}
.case-eight{height:211px;width:222px;right:-14px;bottom:-1px}
.case-person{position:absolute;left:0;bottom:22px;font-size:10px;line-height:1.9;color:#505866;z-index:2}
.case-person b{display:block;font-size:12px;font-weight:700;color:var(--ink)}
.case-copy{padding:27px 26px 22px;display:flex;flex-direction:column;flex:1}
.case-copy h3{font-size:30px;letter-spacing:-.05em;line-height:1.3;margin:0;color:var(--navy);font-weight:900;white-space:nowrap}
.case-subtitle{font-size:12px;font-weight:700;line-height:1.8;margin:11px 0 0}
.case-description{font-size:13px;font-weight:400;line-height:1.95;margin:17px 0 0;min-height:77px;letter-spacing:.012em;color:#343841}
.case-change{border-top:1px solid #dce4f0;margin-top:22px;padding-top:17px}
.case-before{font-size:11px;line-height:1.7;color:#606574;margin:0;letter-spacing:0}
.case-after{display:flex;gap:10px;margin:10px 0 0;align-items:flex-start}
.case-after>span{color:var(--blue);font-size:24px;line-height:1.3}
.case-after strong{color:var(--navy);font-size:18px;line-height:1.65;letter-spacing:-.01em;font-weight:800}
.case-link{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;font-weight:700;color:var(--ink);margin-top:23px;padding-top:14px;min-height:44px;text-decoration:none;border-top:1px solid #dce4f0}
.case-link svg{width:25px;height:25px;transition:translate .25s}
.case-link:hover svg{translate:4px 0}
.case-link:hover{color:var(--navy)}
[data-theme=C] .refine-preview .service-side-controls .circle-button{top:318px;box-shadow:none;background:var(--yellow);border:1px solid var(--navy);color:var(--navy);width:54px;height:54px}
[data-theme=C] .refine-preview .service-side-controls .circle-button:disabled{opacity:.3}
.service-navigation{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:5px}
.case-shortcuts{display:flex;gap:5px;flex-wrap:wrap}
.case-shortcuts a{display:flex;align-items:center;gap:7px;padding:9px 8px;font-size:11px;min-height:40px;border-bottom:1px solid #ffffff40;text-decoration:none;color:#ffffffa8}
.case-shortcuts span{font-size:9px;letter-spacing:.04em}
.case-shortcuts b{font-weight:500}
.case-shortcuts a.is-current{color:white;border-bottom:2px solid var(--yellow)}
.case-shortcuts a:hover{color:var(--yellow)}
.refine-preview .slide-count{white-space:nowrap;color:white;font-size:10px}
[data-theme=C] .refine-preview .slide-count b{font-size:14px}
[data-theme=C] .refine-preview .service-bottom{margin-top:38px;align-items:center;border-top:1px solid #ffffff35;padding-top:34px}
[data-theme=C] .refine-preview .service-bottom>div>p:first-child{font-size:22px;letter-spacing:-.02em;line-height:1.7}
[data-theme=C] .refine-preview .service-bottom strong{color:white}
[data-theme=C] .refine-preview .service-bottom .service-scope-note{font-size:11px;line-height:1.9;max-width:600px;color:#e0eaff;margin-top:11px}
.refine-preview .service-bottom .text-link{font-size:14px;border-width:1px}
.refine-preview .service-bottom .text-link svg{width:30px}
[data-theme=C] .refine-preview .flow{background:var(--paper);padding-top:135px;padding-bottom:110px;color:var(--ink)}
.refine-preview .flow h2{color:var(--navy)}
.refine-preview .journey-intro{color:#343841;border-color:#132d9133;font-size:14px}
.refine-preview .journey-card,.refine-preview .journey-card:nth-of-type(even){background:white;box-shadow:none;border:1px solid #d9e3f3;border-radius:4px;min-height:260px}
.refine-preview .journey-card:before{width:3px;background:var(--blue);border-radius:0}
.refine-preview .journey-index>b{color:var(--navy);background:none;font-size:65px;font-weight:500;margin-top:0}
.refine-preview .journey-copy h3{font-size:28px;color:var(--navy)}
.refine-preview .journey-copy>p:not(.journey-verb){color:#343841}
.refine-preview .journey-verb{color:#515966;letter-spacing:.06em;font-weight:500}
.refine-preview .journey-verb:before{display:none}
.refine-preview .journey-point{color:var(--navy);font-weight:700;font-size:12px}
.refine-preview .journey-point>span{background:none;width:auto;height:auto}
.refine-preview .journey-end{background:transparent;border:0;border-radius:0;box-shadow:none;border-bottom:1px solid #132d9133;padding-inline:5px;color:var(--navy)}
[data-theme=C] .refine-preview .faq{background:#e5eeff;padding-top:85px;color:var(--ink)}
[data-theme=C] .refine-preview .faq:before{background:#e5eeff}
.refine-preview .faq h2{color:var(--navy)}
[data-theme=C] .refine-preview .questions{background:white;box-shadow:none;border:0;border-radius:4px}
.refine-preview .question h3{font-size:16px;font-weight:700;color:var(--ink)}
.refine-preview .q-number{color:var(--navy);font-size:12px;font-weight:500}
.refine-preview .answer p{color:#343841}
[data-theme=C] .refine-preview .contact{background:var(--yellow);color:var(--ink);border-radius:50% 50% 0 0 / 35px 35px 0 0}
.refine-preview .contact h2{color:var(--navy)}
.refine-preview .contact-orbit{display:none}
[data-theme=C] .refine-preview .contact-button{background:var(--navy);border:0;border-radius:4px;box-shadow:none}
.refine-preview .contact-button:hover{background:#203db0}
[data-theme=C] .refine-preview .site-footer{background:white;color:var(--ink)}
.refine-preview .site-footer:before{display:block;height:3px;background:var(--brand-spectrum)}
[data-theme=C] .refine-preview .floating-contact{background:var(--yellow);color:var(--ink);box-shadow:none;border:1px solid #132d9130;border-radius:4px}
.refine-preview .review-dock{box-shadow:0 2px 12px #0001;border:1px solid #dce4f0;border-radius:4px;background:#fff}
.refine-preview .menu-dialog .menu-shell{background:white}
[data-theme=C] .refine-preview .menu-scene{background:var(--navy);border-radius:4px}
.refine-preview .menu-scene:before{border-color:var(--blue);opacity:.55}
.refine-preview .menu-scene:after{display:none}
.refine-preview .menu-nav-link strong{color:var(--ink)}
.refine-preview .menu-nav-link small{display:none}
.refine-preview .menu-dialog .menu-cta{border-radius:4px;background:var(--yellow)}
.refine-preview .menu-close{border-radius:4px}
@media(min-width:1600px){[data-theme=C] .refine-preview .service-card.case-sheet{flex-basis:408px}.case-copy h3{font-size:32px}}
@media(max-width:1100px){.refine-preview .site-header .desktop-nav{gap:18px;font-size:11px}.services-guide{width:245px}.services-guide .character{width:196px}.services-guide>p{left:-26px;font-size:12px}.services-guide strong{font-size:12px}.case-copy h3{font-size:29px}}
@media(max-width:700px){
 [data-theme=C] .refine-preview .site-header,[data-theme=C] .refine-preview .site-header.scrolled{inset:9px 10px auto;padding:7px 8px 7px 16px;min-height:62px;border-radius:5px}
 .refine-preview .site-header .brand,.refine-preview .site-header.scrolled .brand{min-height:44px;width:168px;gap:6px}
 .refine-preview .site-header .brand img{width:164px}.refine-preview .site-header .brand span{font-size:7px;letter-spacing:.15em}
 .refine-preview .site-header .menu-toggle,.refine-preview .site-header.scrolled .menu-toggle{height:46px;width:49px}
 .refine-preview .eyebrow{font-size:11px;letter-spacing:.06em}.refine-preview .eyebrow>span{font-size:11px;margin-right:10px;padding-right:11px}
 [data-theme=C] .refine-preview .cross-ribbon{padding-block:16px;margin-top:-20px}.refine-preview .marquee{font-size:16px;gap:40px}.refine-preview .marquee b{font-size:14px}
 [data-theme=C] .refine-preview .about{padding:78px 0 74px}
 [data-theme=C] .refine-preview .about-context{font-size:20px;line-height:1.75}
 [data-theme=C] .refine-preview .about-message{font-size:clamp(29px,8.1vw,46px);line-height:1.52;margin-top:19px}
 [data-theme=C] .refine-preview .about-description{font-size:14px;line-height:2.05}
 [data-theme=C] .refine-preview .about-visual{margin-top:30px;height:305px}
 [data-theme=C] .refine-preview .about-visual .speech{font-size:12px;padding:15px 21px;top:0}
 [data-theme=C] .refine-preview .about-eight{top:18%;width:91%}
 [data-theme=C] .refine-preview .services{padding:58px 0 48px}
 [data-theme=C] .refine-preview .services:after{inset:-22px 0 -22px;clip-path:polygon(0 22px,72% 0,100% 22px,100% calc(100% - 22px),23% 100%,0 calc(100% - 22px))}
 [data-theme=C] .refine-preview .services-top{display:block;position:relative}
 [data-theme=C] .refine-preview .services-top .eyebrow{margin-bottom:22px}
 [data-theme=C] .refine-preview .services-top h2{font-size:clamp(29px,8.1vw,43px);line-height:1.46;letter-spacing:-.055em}
 [data-theme=C] .refine-preview .example-context{font-size:11px;letter-spacing:.03em;margin-top:18px}
 .services-guide{display:none}
 [data-theme=C] .refine-preview .service-carousel{margin-top:24px}
 [data-theme=C] .refine-preview .service-track{padding:8px 29px 20px;gap:18px;scroll-padding-inline:29px}
 [data-theme=C] .refine-preview .service-card.case-sheet{flex-basis:100%;max-width:none;border-radius:4px}
 .case-scene{height:255px;margin-inline:21px}.case-number{display:none}.case-voice{top:15px;font-size:11px;line-height:1.85;padding:10px 13px}
 .case-portrait{width:172px;height:174px;right:-8px}.case-eight{height:174px;width:190px;right:-9px;bottom:0}
 .case-person{font-size:9px;bottom:19px}.case-person b{font-size:11px}
 .case-copy{padding:23px 21px 18px}.case-copy h3{font-size:27px;letter-spacing:-.055em}
 .case-subtitle{font-size:11px;line-height:1.8;margin-top:9px}
 .case-description{font-size:13px;line-height:1.95;margin-top:15px;min-height:102px}
 .case-change{margin-top:15px;padding-top:14px}.case-before{font-size:10px;line-height:1.85}.case-after{gap:7px;margin-top:9px}.case-after strong{font-size:16px;line-height:1.7}.case-after>span{font-size:21px}
 .case-link{font-size:11px;margin-top:18px;padding-top:11px;min-height:42px}.case-link svg{width:22px;height:22px}
 [data-theme=C] .refine-preview .service-side-controls .circle-button{width:42px;height:42px;top:267px}
 [data-theme=C] .refine-preview .service-side-controls [data-slide=prev]{left:5px}[data-theme=C] .refine-preview .service-side-controls [data-slide=next]{right:5px}
 .service-navigation{align-items:flex-start;gap:14px;margin-top:0}.case-shortcuts{gap:7px;flex-wrap:nowrap}.case-shortcuts a{width:30px;min-height:38px;padding:5px 0;justify-content:center}.case-shortcuts span{font-size:11px}.case-shortcuts b{display:none}
 [data-theme=C] .refine-preview .slide-count{padding-top:10px;font-size:9px}[data-theme=C] .refine-preview .slide-count b{font-size:12px}
 [data-theme=C] .refine-preview .service-bottom{margin-top:27px;padding-top:25px}
 [data-theme=C] .refine-preview .service-bottom>div>p:first-child{font-size:18px;line-height:1.85}
 [data-theme=C] .refine-preview .service-bottom .service-scope-note{font-size:10px;line-height:1.9;max-width:31em}
 [data-theme=C] .refine-preview .service-bottom .text-link{font-size:12px;display:inline-flex;margin-top:13px}
 [data-theme=C] .refine-preview .flow{padding-top:98px;padding-bottom:82px}
 .refine-preview .journey-card,.refine-preview .journey-card:nth-of-type(even){border-radius:4px;min-height:0;padding:23px 20px 25px}
 .refine-preview .journey-index>b{font-size:35px;margin:0}.refine-preview .journey-index{padding-bottom:13px}
 .refine-preview .journey-copy h3{font-size:22px}.refine-preview .journey-copy>p:not(.journey-verb){font-size:12px;line-height:2}
 .refine-preview .journey-point{font-size:10px}.refine-preview .journey-intro{font-size:13px}
 [data-theme=C] .refine-preview .faq{padding-top:70px}.refine-preview .question h3{font-size:14px;line-height:1.8}.refine-preview .q-number{font-size:10px}
 [data-theme=C] .refine-preview .contact{border-radius:50% 50% 0 0 / 22px 22px 0 0}
 .refine-preview .review-dock{margin:16px 20px 30px;max-width:calc(100% - 40px);flex-wrap:wrap}
}
@media(max-width:360px){
 .refine-preview .site-header .brand img{width:150px}.refine-preview .site-header .brand{width:151px}
 [data-theme=C] .refine-preview .about-context{font-size:18px}
 [data-theme=C] .refine-preview .service-track{padding-inline:25px;scroll-padding-inline:25px}
 .case-scene{margin-inline:18px;height:242px}.case-portrait{width:152px;height:162px}.case-eight{width:166px;height:162px;right:-5px}.case-voice{font-size:10px;padding:10px 12px;top:15px}.case-copy{padding-inline:18px}.case-copy h3{font-size:23px}.case-subtitle{font-size:10px}.case-description{min-height:127px}.case-after strong{font-size:14px}.case-before{font-size:10px}.case-person{bottom:15px}
 .case-shortcuts{gap:4px}.case-shortcuts a{width:25px}.refine-preview .journey-copy h3{font-size:20px}
}
@media(prefers-reduced-motion:reduce){.refine-preview .marquee{animation:none}.refine-preview .case-portrait{transition:none}.motion-ready .refine-preview .case-sheet.motion-reveal:not(.is-visible){translate:0 0;opacity:1;transition:none}.refine-preview .case-sheet,.refine-preview .case-link svg{transition:none}}