/* Alvexis design services: product-led layout, September 2026. */
.studio-page{--max:1400px;color:#42576a}.studio-page .wrap{width:min(var(--max),calc(100% - 80px))}.studio-page .btn{border-radius:6px;box-shadow:none;padding:14px 22px;gap:24px}.studio-page .site-header .nav-links{gap:23px}.studio-page .site-header .nav-links a{}.studio-page .site-header .partner-header-cta{padding:11px 16px}.studio-page main section[id]{scroll-margin-top:100px}.studio-hero{background:#f5f8fa;padding:28px 0 45px;overflow:hidden}.studio-hero .breadcrumbs{margin-bottom:32px}.studio-hero-grid{display:grid;grid-template-columns:.95fr 1.15fr;gap:36px;align-items:center}.studio-intro{padding-bottom:20px;position:relative;z-index:1}.studio-intro h1{margin:24px 0}.studio-intro h1 span{color:var(--blue)}.studio-intro>p{max-width:455px}.studio-intro .hero-actions{margin-top:30px;align-items:center;gap:28px}.studio-text-link{color:var(--ink);display:inline-flex;align-items:center;gap:24px}.studio-text-link:hover{color:var(--blue)}.studio-product{margin:0;min-width:0}.studio-product-label{display:flex;justify-content:space-between;gap:16px;color:#547084;border-bottom:1px solid #cddae3;padding-bottom:15px}.studio-product-label>span:first-child{color:#167d8b}.studio-product img{width:118%;max-width:none;mix-blend-mode:multiply;margin:26px -9% 20px;aspect-ratio:2048/1121;object-fit:contain}.studio-product figcaption{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #cddae3;padding-top:15px;gap:25px;}.studio-product figcaption>span{color:#3e566a}.studio-product figcaption a{color:var(--blue);white-space:nowrap}.studio-index{border-top:1px solid #d8e2e9;border-bottom:1px solid #d8e2e9;background:#fff}.studio-index>.wrap{display:grid;grid-template-columns:repeat(3,1fr)}.studio-index a{display:flex;align-items:center;gap:18px;padding:22px 28px;border-right:1px solid #d8e2e9;color:var(--ink)}.studio-index a:first-child{padding-left:0}.studio-index a:last-child{border:0}.studio-index a>span:first-child{color:#7293a6;}.studio-index a>span:last-child{margin-left:auto;color:var(--blue)}.studio-index a:hover{color:var(--blue)}.studio-capabilities{padding:70px 0 76px}.studio-section-title{display:grid;grid-template-columns:.85fr 1.25fr 1fr;align-items:start;gap:30px;margin-bottom:38px}.studio-section-title .eyebrow{margin-top:8px}.studio-section-title h2{}.studio-section-title>p{margin-top:8px}.studio-service{display:grid;grid-template-columns:70px .9fr 1.6fr 44px;align-items:start;gap:25px;padding:30px 0;border-top:1px solid #d8e2e9}.studio-service:last-child{border-bottom:1px solid #d8e2e9}.service-number{color:#7892a2;padding-top:7px;font-variant-numeric:tabular-nums}.studio-service h3{}.studio-service p{max-width:620px}.studio-service ul{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:14px 0 0;gap:8px 18px}.studio-service li{color:#537186}.studio-service li+li{border-left:1px solid #a7bdc9;padding-left:18px}.studio-service>a{height:40px;width:40px;display:grid;place-items:center;color:var(--blue);border:1px solid #d8e2e9;border-radius:50%;transition:.2s}.studio-service>a:hover{background:var(--blue);color:#fff;border-color:var(--blue)}.studio-nre{padding:68px 0 30px;background:#09283f;color:#bad0dd}.studio-nre-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:90px;align-items:start}.studio-nre .eyebrow{color:#83c9d4;}.studio-nre h2{color:#fff;margin:22px 0}.studio-nre-grid>div>p{max-width:480px;}.studio-nre .btn{margin-top:27px}.nre-caption{display:block;color:#83c9d4;margin:7px 0 26px}.nre-delivery ol{list-style:none;padding:0;margin:0}.nre-delivery li{display:flex;gap:25px;align-items:start;padding:22px 0;border-top:1px solid #375060}.nre-delivery li>span{color:#77c8d2;padding-top:4px}.nre-delivery h3{color:#fff;margin-bottom:9px}.nre-delivery p{}.nre-scope{display:grid;grid-template-columns:1fr 3fr;gap:30px;border-top:1px solid #375060;margin-top:42px;padding-top:24px;}.nre-scope strong{color:#fff;}.nre-scope p{max-width:880px}.studio-platform{padding:45px 0 55px;background:#fff}.studio-platform-grid{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:60px}.studio-platform figure{margin:0;min-width:0}.studio-platform img{width:100%;max-height:430px;object-fit:contain}.studio-platform h2{margin:20px 0}.studio-platform p{max-width:475px;margin-bottom:24px}.studio-platform .eyebrow{}.studio-portfolio-link{display:block;color:#657f90;margin-top:18px}.studio-page #project-brief{padding:60px 0}.studio-page .business-form-layout{grid-template-columns:.85fr 1.2fr;gap:90px}.studio-page .business-form-intro h2{}.studio-page .business-form-card{border:0;border-radius:0;box-shadow:none;padding:30px 35px}.studio-page .business-form-card h3{}.studio-page .business-form-card input,.studio-page .business-form-card select,.studio-page .business-form-card textarea{border-radius:5px}.studio-page a:focus-visible{outline:3px solid #108d9c;outline-offset:5px}.studio-page .site-footer{}
@media(max-width:1300px){.studio-page .site-header .nav-links{gap:16px}.studio-page .site-header .nav-links a{}.studio-nre-grid{gap:50px}.studio-intro h1{}.studio-service{grid-template-columns:40px 1fr 1.65fr 40px;gap:20px}}
@media(max-width:1000px){.studio-page .wrap{width:calc(100% - 48px)}.studio-hero-grid{grid-template-columns:1fr 1fr;gap:24px}.studio-intro h1{}.studio-intro>p{}.studio-product-label>span:last-child{display:none}.studio-product figcaption{align-items:start;flex-direction:column;gap:10px}.studio-section-title{grid-template-columns:1fr 1fr}.studio-section-title .eyebrow{grid-column:1/-1}.studio-section-title h2,.studio-platform h2{}.studio-service h3{}.studio-service li+li{padding-left:0;border:0}.studio-service ul{gap:6px 15px}.studio-nre-grid{gap:40px}.studio-platform-grid{gap:30px}.studio-page .business-form-layout{gap:35px}.studio-index a{padding:20px 16px;gap:12px;}}
@media(max-width:700px){.studio-page .wrap{width:calc(100% - 36px)}.studio-hero{padding:22px 0 28px}.studio-hero .breadcrumbs{margin-bottom:28px}.studio-hero-grid{grid-template-columns:1fr;gap:32px}.studio-intro{padding:0}.studio-intro h1{margin:20px 0}.studio-intro>p{max-width:510px}.studio-intro h1 span br{display:none}.studio-intro .eyebrow{}.studio-intro .hero-actions{gap:20px;margin-top:25px}.studio-intro .btn{padding:12px 16px;gap:16px}.studio-text-link{gap:12px}.studio-product{max-width:550px;width:100%;justify-self:center}.studio-product img{margin-top:15px;margin-bottom:15px;width:108%;margin-left:-4%;margin-right:-4%}.studio-product figcaption{flex-direction:row;gap:16px}.studio-product figcaption a{white-space:normal}.studio-product-label{}.studio-product-label>span:last-child{display:block;}.studio-index>.wrap{grid-template-columns:1fr}.studio-index a,.studio-index a:first-child{padding:15px 0;border-right:0;border-bottom:1px solid #e4ebef}.studio-index a:last-child{border-bottom:0}.studio-capabilities{padding:42px 0}.studio-section-title{grid-template-columns:1fr;gap:15px;margin-bottom:28px}.studio-section-title h2{}.studio-section-title>p{margin:0;max-width:450px}.studio-section-title h2 br{display:none}.studio-service{grid-template-columns:24px 1fr 36px;gap:12px;padding:24px 0}.studio-service h3{}.studio-service h3 br{display:none}.studio-service>div{grid-column:2;grid-row:2}.studio-service p{}.studio-service>a{grid-column:3;grid-row:1;width:34px;height:34px;}.service-number{}.studio-service ul{display:grid;gap:6px;margin-top:12px}.studio-service li{}.studio-nre{padding:42px 0 25px}.studio-nre-grid{grid-template-columns:1fr;gap:38px}.studio-nre h2{}.studio-nre-grid>div>p{}.nre-delivery h3{}.nre-delivery li{padding:18px 0}.nre-caption{margin-bottom:18px}.nre-scope{grid-template-columns:1fr;gap:10px;margin-top:20px;}.studio-platform{padding:25px 0 40px}.studio-platform-grid{grid-template-columns:1fr;gap:16px}.studio-platform img{max-height:280px}.studio-platform h2{}.studio-platform p{}.studio-page #project-brief{padding:40px 0}.studio-page .business-form-layout{grid-template-columns:1fr;gap:25px}.studio-page .business-form-intro{position:static}.studio-page .business-form-intro h2{}.studio-page .business-form-intro>p{}.studio-page .business-form-card{padding:25px 18px}.studio-page .business-form-card>h3{}}
@media(prefers-reduced-motion:reduce){.studio-service>a{transition:none}}
.studio-product img,.studio-platform img{height:auto}

/* A shared type scale for headings, body copy and controls. */
.studio-page {
  --studio-font: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --studio-title: clamp(36px, 3.6vw, 54px);
  --studio-heading: clamp(30px, 2.6vw, 38px);
  --studio-subheading: 22px;
  font-family: var(--studio-font);
  font-size: 16px;
  line-height: 1.65;
  font-weight: 400;
  letter-spacing: 0;
}
.studio-page :is(h1,h2,h3,h4,button,input,select,textarea) {font-family:inherit}
.studio-page main h1 {font-size:var(--studio-title);line-height:1.14;font-weight:600;letter-spacing:-.025em;text-wrap:balance}
.studio-page main h1 span {display:block}
.studio-page main h2 {font-size:var(--studio-heading);line-height:1.2;font-weight:600;letter-spacing:-.02em;text-wrap:balance}
.studio-page main h3 {font-size:var(--studio-subheading);line-height:1.3;font-weight:600;letter-spacing:-.01em;text-wrap:balance}
.studio-page main p {font-size:16px;line-height:1.7;font-weight:400;letter-spacing:0}
.studio-page .studio-intro>p {font-size:18px;line-height:1.65;max-width:48ch}
.studio-page main :is(.eyebrow,.nre-caption,.studio-product-label) {font-size:12px;line-height:1.5;font-weight:600;letter-spacing:.07em}
.studio-page .studio-product-label>span:last-child {font-size:12px;font-weight:400;letter-spacing:0}
.studio-page main :is(figcaption,.studio-service li,.nre-scope,.nre-scope p,.business-contact-note,.required-note) {font-size:14px;line-height:1.6;letter-spacing:0}
.studio-page .studio-product figcaption>span {font-weight:400}
.studio-page main :is(.service-number,.nre-delivery li>span,.studio-index a>span:first-child) {font-size:12px;line-height:1.6;font-weight:500;letter-spacing:0}
.studio-page :is(.btn,.studio-text-link,.studio-portfolio-link,.studio-index a,.studio-product figcaption a) {font-size:14px;line-height:1.5;font-weight:600;letter-spacing:0}
.studio-page .site-header .nav-links a {font-size:14px;line-height:1.5;font-weight:600;letter-spacing:0}
.studio-page .site-header .partner-header-cta {font-size:14px;font-weight:600;line-height:1.5}
.studio-page .studio-hero .breadcrumbs {font-size:13px;line-height:1.5}
.studio-page .business-form :is(input,select,textarea) {font-size:16px;line-height:1.5;font-weight:400}
.studio-page .business-form .field label {font-size:14px;line-height:1.5;font-weight:600;letter-spacing:0}
.studio-page .business-form .crm-consent {font-size:13px;line-height:1.6;font-weight:400}
.studio-page .studio-service>a {font-size:22px;line-height:1;font-weight:400}
.studio-page .site-footer h2 {font-size:16px;font-weight:600;line-height:1.4;letter-spacing:0}
.studio-page .site-footer {font-size:14px;line-height:1.65}
.studio-page .studio-service li+li {border:0;padding-left:0}
.studio-page .studio-service ul {column-gap:20px}
.studio-page .studio-service li {display:flex;align-items:baseline;gap:8px}
.studio-page .studio-service li:before {content:"";width:3px;height:3px;background:#6f8fa1;align-self:center;flex-shrink:0;border-radius:50%}
@media(max-width:1300px){.studio-page .site-header .nav-links{gap:14px}.studio-page .site-header .nav-links a{font-size:13px}}
@media(max-width:700px){
 .studio-page{--studio-title:36px;--studio-heading:30px;--studio-subheading:21px}
 .studio-page .studio-intro>p{font-size:16px}
 .studio-page main :is(figcaption,.studio-service li,.nre-scope,.nre-scope p){font-size:13px}
 .studio-page .studio-product-label{font-size:11px;flex-wrap:wrap;gap:5px 14px}
 .studio-page .studio-product-label>span:last-child{font-size:11px}
 .studio-page .site-header .partner-header-cta{font-size:12px;gap:8px;padding:10px 12px}
 .studio-page .studio-index a{font-size:14px}
}