/* 9.2.8 — refinement of 9.2.7. No reset, font replacement, reordered sections or image replacement. */
:root{--x928-ease:cubic-bezier(.2,.8,.2,1);--x928-soft:#cdb9ef}
[hidden]{display:none!important}
:where(.hero-inner,.unit-layout,.situations-stage,.contact-grid,.team-interactive,.team-detail,.work-progress-copy,.xs-product-hero-grid,.xs-reader)>*{min-width:0}
:where(button,a,summary,input,select,textarea):focus-visible{outline:2px solid #6fd8f4;outline-offset:5px}
:where(.nav,.seo-page-nav) a:focus-visible{outline-offset:2px}
/* A light touch: one line on arrival, a brief response to an intentional action. */
.x928-responsive-line{position:relative}
.x928-responsive-line::before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,#bf91e8 32%,#80cddd 61%,#d9a780 82%,transparent);transform:scaleX(0);transform-origin:left;opacity:.55}
.x928-responsive-line.x928-arrived::before{animation:x928-line 1200ms var(--x928-ease) both}
@keyframes x928-line{from{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:.55}}
.x926-hero .xp-story[data-x926-story] .xp-story-tabs button{transition:background-color 260ms ease,color 260ms ease,border-color 400ms ease}
.x926-hero .xp-story[data-x926-story] .xp-story-tabs button:focus-visible{outline-offset:-4px}
.x926-hero .xp-story-frame.is-current figcaption{transition:color 360ms ease}
.x926-hero .xp-story-stage{border-color:#3d5066}
.x926-hero .xp-story[data-scene="1"] .xp-story-stage{border-color:#3c697c}
.x926-hero .xp-story[data-scene="2"] .xp-story-stage{border-color:#736047}
.x928-interaction-pulse{animation:x928-response 540ms var(--x928-ease)}
@keyframes x928-response{from{border-color:var(--xp-tone,#b58de1)}to{border-color:var(--line,#262a32)}}
@media(hover:hover) and (pointer:fine){
 .service-card summary:hover{background:linear-gradient(90deg,#ffffff03,transparent 80%)}
 .service-card summary:hover .service-symbol{transform:translateY(-2px)}
 .service-symbol{transition:transform 320ms var(--x928-ease),color 320ms ease}
 .x928-workshop-link:hover>span:last-child,.x928-service-links a:hover>span{transform:translate(2px,-2px)}
 .xs-area .xs-article-card .xs-card-image img{transition:filter 400ms ease}
 .xs-area .xs-article-card:hover .xs-card-image img{filter:brightness(1.055)}
 .x928-service-links a:hover{border-color:#6f6282;color:#fff}
}
/* Services link still navigates to the original section; its adjacent control expands shortcuts. */
.x928-service-menu{position:relative;display:flex;align-items:center;gap:3px;min-width:0}
.x928-menu-expand{border:0;background:transparent;color:#b5a6c7;cursor:pointer;display:grid;place-items:center;min-height:44px;width:24px;padding:0;font-size:15px;transition:color 200ms}
.x928-menu-expand[aria-expanded=true]{color:#fff}
.x928-shortcuts{position:absolute;top:calc(100% - 3px);left:-22px;z-index:3;width:290px;border:1px solid #434050;border-top:2px solid #b47bdd;background:#0c1018;box-shadow:0 18px 35px #0006;padding:12px;border-radius:0 0 10px 10px}
.navlinks .x928-shortcuts a{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:13px 12px;font-size:14px;line-height:1.45;min-height:48px;color:#d9dce2;border-radius:5px}
.navlinks .x928-shortcuts a:hover{background:#1a1723;color:#fff;transform:none;-webkit-background-clip:initial;background-clip:initial}
.navlinks .x928-shortcuts a::after{display:none}
.x928-shortcuts a>span{color:#b990e8}
.x928-workshop-link{text-decoration:none;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 20px;margin-bottom:22px;border:1px solid #413349;border-left:2px solid #b281da;background:linear-gradient(105deg,#171020,#0b1018);border-radius:0 9px 9px 0}
.x928-workshop-link>span:first-child{display:grid;gap:3px;min-width:0}
.x928-workshop-link small{font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:#c3a6db}
.x928-workshop-link strong{font-size:16px;line-height:1.4;font-weight:600;color:#f2edf7}
.x928-workshop-link>span:last-child{font-size:22px;color:#c3a0e5;transition:transform 250ms var(--x928-ease);flex:none}
.x928-service-links{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:20px}
.x928-service-links a{text-decoration:none;display:inline-flex;align-items:center;justify-content:space-between;gap:18px;min-height:44px;padding:10px 16px;border:1px solid #4a4555;border-radius:999px;font-size:13px;color:#dcd9e5;line-height:1.45;transition:border-color 250ms ease}
.x928-service-links a>span{transition:transform 250ms var(--x928-ease)}
/* The service detail retains its original heading, panels, related services and contact pathway. */
.x928-local-note{font-size:13px;color:#b4aaba;line-height:1.65;margin:22px 0 0;max-width:65ch}
.x928-workshop{margin:54px 0 58px;padding-top:42px;border-top:1px solid #3c3147;--x928-current:#c698ec}
.x928-workshop-heading{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:end;gap:35px;margin-bottom:30px}
.x928-workshop-heading h2{font-size:clamp(28px,3vw,40px);line-height:1.12;letter-spacing:-.035em;margin:0 0 14px}
.x928-workshop-heading p{font-size:16px;line-height:1.75;color:#c5becd;margin:0}
.x928-workshop-heading .x928-eyebrow{font-size:11px;color:#c698ec;margin-bottom:12px;text-transform:uppercase;letter-spacing:.13em}
.x928-workshop-context{border-left:1px solid #544065;padding-left:24px;font-size:15px!important}
.x928-workshop-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:34px;align-items:start}
.x928-workshop-photo{margin:0;border:1px solid #343041;border-radius:12px;overflow:hidden;background:#0d0d14}
.x928-workshop-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.x928-workshop-photo figcaption{padding:16px 18px;color:#bbb5c3;font-size:12px;line-height:1.6}
.x928-workshop-photo figcaption strong{display:block;font-size:15px;color:#efe9f4;font-weight:550;margin-bottom:4px}
.x928-workshop-tabs{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:20px}
.x928-workshop-tabs button{display:flex;align-items:center;gap:8px;border:1px solid #4c4059;border-radius:7px;min-height:44px;padding:10px 12px;background:#10111a;color:#c7bfd2;font:inherit;font-size:12px;cursor:pointer;transition:background-color 250ms,border-color 250ms,color 250ms}
.x928-workshop-tabs button span{color:#be8ddb;font-size:10px}
.x928-workshop-tabs button[aria-selected=true]{background:#291c39;color:#fff;border-color:#bc8ddc}
.x928-workshop-panel{min-height:0;padding:23px 25px;border-left:2px solid #b481d3;background:linear-gradient(110deg,#1b1425,#10121b);border-radius:0 10px 10px 0}
.x928-workshop-panel+.x928-workshop-panel{margin-top:14px}
[data-x928-ready] .x928-workshop-panel{margin-top:0}
.x928-workshop-panel h3{font-size:24px;line-height:1.2;letter-spacing:-.025em;margin:0 0 16px;color:#f0e8f6}
.x928-workshop-panel p{font-size:16px;line-height:1.7;color:#c9c1d2;margin:0}
.x928-workshop-panel .x928-practice{margin-top:20px;padding-top:15px;border-top:1px solid #46334d;font-size:14px;color:#d9cbe5}
.x928-practice strong{display:block;margin-bottom:6px;font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:#c8a4e1}
.x928-workshop-result{margin-top:24px;font-size:14px;line-height:1.7;color:#bdb3c9}
.x928-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:35px}
.x928-steps article{border-top:1px solid #433748;padding-top:20px}
.x928-steps small{color:#c79be7;font-size:11px;letter-spacing:.08em}
.x928-steps h3{font-size:20px;line-height:1.25;margin:10px 0;color:#eee8f3}
.x928-steps p{font-size:15px;line-height:1.7;color:#bbb3c4;margin:0}
.x928-faq{margin-top:48px}.x928-faq h2{font-size:27px;margin-bottom:24px;line-height:1.2}
.x928-faq details{border-top:1px solid #39303e;padding:17px 0}.x928-faq details:last-child{border-bottom:1px solid #39303e}
.x928-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:18px;min-height:44px;color:#e6dfee;font-size:16px;font-weight:600;line-height:1.5}
.x928-faq summary::-webkit-details-marker{display:none}.x928-faq summary::after{content:'+';font-size:22px;color:#c59ee2;flex:none;font-weight:400}.x928-faq details[open] summary::after{content:'−'}
.x928-faq p{font-size:16px;line-height:1.8;color:#c4bbce;margin:12px 28px 4px 0}
.x928-step-label{scroll-margin-top:105px}
/* Navigation switches before its links collide. The existing menu controller continues to own state. */
@media(max-width:1160px){
 .nav[data-nav]{height:auto;min-height:74px;padding:0 22px;grid-template-columns:minmax(0,1fr) auto auto;column-gap:12px}
 .nav[data-nav] .brand img{width:156px;height:auto}
 .nav[data-nav] .menu-toggle{display:block;min-width:44px;min-height:44px}
 .nav[data-nav] .navlinks{display:none;position:absolute;top:100%;left:0;right:0;background:#080d14;border-bottom:1px solid #35404f;padding:14px 22px 22px;flex-direction:column;align-items:stretch;gap:0;max-height:calc(100dvh - 90px);overflow:auto;overscroll-behavior:contain}
 .nav[data-nav].menu-open .navlinks{display:flex}
 .nav[data-nav] .navlinks>a,.nav[data-nav] .x928-service-menu>a{padding:12px 4px;min-height:46px;font-size:16px;line-height:1.4}
 .nav[data-nav] .navlinks a::after{bottom:5px}
 .nav[data-nav] .nav-cta{font-size:14px;padding:10px 15px;min-height:44px;display:inline-flex;align-items:center}
 .x928-service-menu{display:grid;grid-template-columns:minmax(0,1fr) auto}
 .x928-menu-expand{width:44px;border:1px solid #32303e;border-radius:6px}
 .x928-shortcuts{position:static;grid-column:1/-1;width:100%;margin:6px 0 13px;padding:6px 10px;background:#10111a;border:1px solid #393440;border-radius:8px;box-shadow:none}
 .nav[data-nav] .x928-shortcuts a{font-size:14px;padding:12px 6px}
}
@media(max-width:900px){
 .x928-workshop-heading{grid-template-columns:minmax(0,1fr);gap:18px}
 .x928-workshop-context{padding-left:18px}
 .x928-workshop-layout{gap:24px}
 .x928-workshop-panel{padding:20px}
 .x928-workshop-tabs button{font-size:12px;padding:10px}
}
@media(max-width:780px){
 .x926-hero .hero-inner{grid-template-columns:minmax(0,1fr)}
 .x926-hero .xp-story{min-width:0}
 .x926-hero .xp-story[data-x925-story] .xp-story-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}
 .x926-hero .xp-story[data-x925-story] .xp-story-tabs button{min-width:0;overflow-wrap:normal;word-break:normal}
 .x926-hero .xp-story[data-x925-story] .xp-story-caption{height:auto;min-height:0;padding-bottom:4px}
 .x926-hero .xp-story[data-x925-story] .xp-story-caption a{min-height:44px;line-height:1.45}
 .unit-layout,.situations-stage,.contact-grid{grid-template-columns:minmax(0,1fr)}
 .unit-layout .unit-side{position:static;top:auto;min-width:0}
 .unit-layout .unit-side>p{min-width:0;overflow-wrap:break-word}
 .service-card summary>span{min-width:0;grid-template-columns:22px 34px minmax(0,1fr);column-gap:10px}
 .service-card summary>i{flex:0 0 16px;text-align:center}
 .service-card strong{overflow-wrap:anywhere}
 .service-card .service-body{grid-template-columns:minmax(0,1fr)}
 #modelo [data-work-interaction="click"] .work-progress-copy{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
 #modelo .work-progress-copy p,#modelo .work-progress-copy strong{font-size:16px;line-height:1.65}
 #modelo .work-progress-meta{display:flex;align-items:center;gap:16px}
 #modelo .work-progress-meta i{font-style:normal;font-size:12px;color:#a9c4d9}
 #modelo .work-nodes{grid-template-columns:minmax(0,1fr)}
 .team-person,.team-detail>div{min-width:0}
 .team-person b,.team-detail h3{overflow-wrap:anywhere}
 .contact-modal-panel{max-height:calc(100dvh - 24px)}
 .x928-workshop-link{padding:15px 17px}
 .x928-workshop-link strong{font-size:15px}
 .x928-workshop-layout{grid-template-columns:minmax(0,1fr)}
 .x928-workshop-photo{max-width:620px}
 .x928-workshop-photo img{aspect-ratio:16/10}
 .x928-steps{grid-template-columns:minmax(0,1fr);gap:24px}
 .x928-workshop-panel{min-height:0}
 .x928-service-links a{max-width:100%}
 .seo-detail .seo-hero h1{overflow-wrap:break-word;font-size:clamp(34px,7.2vw,54px)}
 .seo-detail .seo-cta{padding:25px}
 .seo-detail .seo-cta>div{min-width:0}
 .seo-detail .seo-btn{white-space:normal}
 .seo-detail .seo-related-links>*{min-width:0;overflow-wrap:anywhere}
}
@media(max-width:430px){
 .nav[data-nav]{min-height:70px;padding:0 17px;grid-template-columns:minmax(0,1fr) auto}
 .nav[data-nav] .nav-cta{display:none}
 .nav[data-nav] .brand img{width:150px}
 .x926-hero .hero-copy h1{font-size:clamp(62px,16.3vw,70px)}
 .x926-hero .hero-copy p{font-size:21px;line-height:1.4}
 .x926-hero .xp-story[data-x925-story] .xp-story-tabs button{min-height:76px;font-size:11px;line-height:1.5;padding:10px 6px}
 .x926-hero .xp-story[data-x925-story] .xp-story-caption p{font-size:19px;line-height:1.4}
 .x926-hero .xp-story[data-x925-story] .xp-story-caption small{font-size:14px;line-height:1.7}
 .x926-hero .xp-story-frame figcaption strong{font-size:10px}
 .x926-hero .xp-story-frame.is-current figcaption strong{font-size:13px}
 .situation{grid-template-columns:24px minmax(0,1fr) 18px;column-gap:10px;padding:16px}
 .situation b{font-size:16px;line-height:1.4}
 .situation small{font-size:12px;line-height:1.55}
 .situation-answer{padding:23px 20px}
 .team-detail{grid-template-columns:46px minmax(0,1fr);gap:16px;padding:18px}
 .team-detail-monogram img{width:44px;height:44px}
 .x928-workshop-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .x928-workshop-tabs button{min-width:0;min-height:49px;line-height:1.4}
 .x928-workshop-panel{padding:20px 18px}
 .x928-workshop-panel h3{font-size:23px}
 .x928-faq p{margin-right:0}
}
/* Clear motion preference wins, including animations newly added in 9.2.8. */
@media(prefers-reduced-motion:reduce){.x928-responsive-line::before,.x928-interaction-pulse{animation:none!important}.x928-responsive-line.x928-arrived::before{transform:scaleX(1)}.x928-workshop-tabs button,.x928-service-links a,.service-symbol{transition:none!important}}
html.xp-motion-off .x928-responsive-line::before,html.xp-motion-off .x928-interaction-pulse{animation:none!important}
html.xp-motion-off .x928-responsive-line.x928-arrived::before{transform:scaleX(1)}
html.xp-motion-off .x928-workshop-tabs button,html.xp-motion-off .x928-service-links a,html.xp-motion-off .service-symbol{transition:none!important}