/* Native scrolling, progressive motion and readable evidence. */
.studio-page .business-scope-note,.studio-page .method-number,.studio-page .business-proof p:not(.studio-label){color:#51616b}
.studio-page .business-hero .studio-system{filter:none}
.studio-page .business-hero .studio-system :is(.studio-system-web,.studio-system-mobile,.studio-system-core,.studio-signal){animation:none}
.business-capabilities{position:relative}
.business-capabilities .studio-service{min-height:270px;padding:32px;isolation:isolate}
.business-capabilities .studio-service h3{font-size:clamp(28px,3.1vw,46px);margin-top:30px;max-width:85%}
.business-capabilities .studio-service p{font-size:15px;max-width:450px}
.business-capabilities .studio-card-top svg{width:38px;height:38px}
.business-capabilities .studio-card-top>span{font-size:14px;letter-spacing:.1em}
.business-capabilities .studio-card-bottom{font-size:12px;padding-top:24px}
.business-capabilities .studio-service::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;background:radial-gradient(ellipse at 100% 0,#b9cddf30,transparent 65%)}
.business-capabilities .studio-service::after{display:none}
.business-capabilities .studio-service:nth-child(3){background:linear-gradient(140deg,#eff4f7,#dce7ee)}
.business-capabilities .studio-service:nth-child(4){background:linear-gradient(140deg,#fff,#e3e8e9)}
.evidence-section{padding-block:80px;scroll-margin-top:120px}
.evidence-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.evidence-examples article,.evidence-case-grid article{position:relative;border-top:1px solid #cbd6dc;padding:28px 0 8px}
.evidence-number{font-size:11px;letter-spacing:.08em;color:#546874;display:block;margin-bottom:24px}
.evidence-trigger{font-size:13px;line-height:1.65;color:#536470;max-width:270px;min-height:44px}
.evidence-section h3{font-size:clamp(24px,2.4vw,34px);line-height:1.15;margin:18px 0}
.evidence-section article>p:not(.evidence-trigger){font-size:15px;line-height:1.8;color:#536470}
.evidence-section small{display:block;font-size:11px;line-height:1.7;color:#536470;margin-top:24px}
.evidence-section>.studio-text-link{margin-top:25px}
.evidence-case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 65px}
.evidence-delivery{margin-top:45px;padding:36px;border:1px solid #fff;border-radius:24px;background:linear-gradient(145deg,#e2eaf0,#f6f9fa);box-shadow:inset 0 1px #fff,0 16px 40px -34px #253f4c66;display:grid;grid-template-columns:1fr 1fr;gap:0 50px}
.evidence-delivery .studio-label{margin-bottom:16px}
.evidence-delivery p:not(.studio-label){font-size:15px;line-height:1.8;color:#536470}
.evidence-delivery .studio-inline-actions{grid-column:1/-1;margin-top:12px}
.project-evidence{margin:25px 0 10px;padding:0;border-top:1px solid #dce3e7}
.project-evidence>div{padding:16px 0;border-bottom:1px solid #e6ebee}
.project-evidence dt{font-size:10px;letter-spacing:.06em;font-weight:550;color:#405461;margin-bottom:7px}
.project-evidence dd{margin:0;font-size:13px;line-height:1.7;color:#536470}
.studio-project-grid .studio-project:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.12fr 1fr;align-items:stretch}
.studio-project-grid .studio-project:first-child .studio-project-image{padding:38px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(ellipse at 30% 30%,#e0e9e6,#edf2f0 80%)}
.studio-project-grid .studio-project:first-child .studio-project-description{padding:36px}
.studio-project-grid .studio-project:first-child .studio-project-description h3{font-size:40px}
.studio-project-grid .studio-project-image img{aspect-ratio:1655/777}
.studio-page .business-proof-names{max-width:570px}
.studio-page .studio-header::after{transform:scaleX(0)}
@media(min-width:1000px){
 .business-capabilities{display:grid;grid-template-columns:.85fr 1.15fr;align-items:start;column-gap:clamp(45px,6vw,100px);padding-block:90px}
 .business-capabilities>.studio-section-heading{position:sticky;top:145px;display:block;margin:0;padding-block:25px}
 .business-capabilities>.studio-section-heading>p{margin-top:30px;max-width:360px}
 .business-capabilities .studio-services{display:grid;grid-template-columns:1fr;gap:28px}
 .business-capabilities .studio-service{min-height:330px}
 .business-capabilities .studio-service h3{margin-top:36px}
}
@media(max-width:999px){
 .business-capabilities .studio-services{grid-template-columns:repeat(2,minmax(0,1fr))}
 .business-capabilities .studio-service{padding:28px;min-height:320px}
 .evidence-examples{gap:25px}
 .evidence-examples h3{font-size:26px}
 .studio-project-grid .studio-project:first-child{display:block}
 .studio-project-grid .studio-project:first-child .studio-project-image{padding:24px 24px 0}
}
@media(max-width:650px){
 .business-capabilities .studio-services,.evidence-examples,.evidence-case-grid,.evidence-delivery{grid-template-columns:1fr}
 .business-capabilities .studio-service{min-height:280px}
 .business-capabilities .studio-service h3{max-width:100%}
 .evidence-section{padding-block:50px}
 .evidence-examples,.evidence-case-grid{gap:20px}
 .evidence-trigger{min-height:0;max-width:none}
 .evidence-delivery{padding:25px;gap:10px}
 .evidence-delivery .studio-inline-actions{gap:8px;align-items:flex-start;flex-direction:column}
 .evidence-delivery .studio-text-link{margin:0}
 .studio-project-grid .studio-project:first-child .studio-project-description{padding:28px}
 .studio-project-grid .studio-project:first-child .studio-project-description h3{font-size:34px}
}
/* The browser ties these effects to native scroll position. No permanent frame loop. */
@supports(animation-timeline:view()){
 @media(prefers-reduced-motion:no-preference){
  .business-hero>.studio-system{animation:scene-depart linear both;animation-timeline:view();animation-range:exit 0% exit 90%}
  .business-capabilities .studio-service{animation:service-enter linear both;animation-timeline:view();animation-range:entry 0% entry 100%;transform-origin:50% 100%}
  .business-capabilities .studio-service.business-motion-ready{animation-name:service-enter}
  .business-method-visual{animation:method-turn linear both;animation-timeline:view();animation-range:entry 0% exit 100%}
  .business-method-visual.business-motion-ready{animation-name:method-turn}
  .studio-page .studio-header::after{animation:reading-line linear both;animation-timeline:scroll(root block)}
  @keyframes scene-depart{from{transform:translateY(0) rotate(0)}to{transform:translateY(65px) rotate(3deg)}}
  @keyframes service-enter{from{opacity:.65;transform:translateY(38px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}
  @keyframes method-turn{from{transform:rotate(-7deg)}to{transform:rotate(7deg)}}
  @keyframes reading-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}
 }
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .studio-page .studio-button .ui-arrow{transition:transform .35s cubic-bezier(.2,.8,.2,1),background .35s}
 .studio-page .studio-button:hover .ui-arrow{transform:translate(2px,-2px) rotate(6deg);background:#ffffff24}
 .studio-page .studio-button-quiet:hover .ui-arrow{background:#ffffffb3}
}
@media(prefers-reduced-motion:reduce){
 .business-capabilities>.studio-section-heading{position:static}
 .studio-page .studio-header::after{display:none}
 .business-hero>.studio-system,.business-capabilities .studio-service,.business-method-visual{animation:none!important;transform:none!important;opacity:1!important}
}

.studio-page .studio-work-page h2.studio-label{font-size:10px;line-height:1.6;font-weight:600;letter-spacing:.14em}