:root {
 --ink:#111326;
 --paper:#f1f3f8;
 --blue:#159fc8;
 --blue-deep:#244cc3;
 --purple:#5c168f;
 --orange:#ff9c19;
 --coral:#eb3c70;
 --footer:#11102b;
}
* { box-sizing:border-box; }
html { min-height:100%; background:var(--footer); scroll-behavior:smooth; }
body { min-height:100%; margin:0; color:var(--ink); font-family:Arial,Helvetica,sans-serif; }
a { color:inherit; }
.studio-grid {
 display:grid;
 grid-template-columns:1.03fr 1fr;
 grid-template-rows:3fr 2fr;
 min-height:100vh;
 min-height:100dvh;
}
.studio-tile { position:relative; min-width:0; overflow:hidden; }
.studio-intro {
 grid-row:1 / 3;
 display:flex;
 flex-direction:column;
 padding:clamp(30px,3vw,58px) clamp(34px,5.8vw,112px);
 background:
  radial-gradient(circle at 8% 92%,rgba(78,158,180,.12),transparent 32%),
  var(--paper);
}
.studio-brand { display:inline-flex; align-self:flex-start; text-decoration:none; }
.studio-brand img { display:block; width:clamp(150px,11vw,210px); height:auto; }
.studio-intro-copy { margin:auto 0; }
.studio-intro h1 {
 margin:0;
 font-size:clamp(62px,6.2vw,118px);
 font-weight:800;
 letter-spacing:-.055em;
 line-height:.92;
}
.studio-intro h1 span {
 background:linear-gradient(100deg,#eb5b43 0%,var(--orange) 85%);
 -webkit-background-clip:text;
 background-clip:text;
 color:transparent;
}
.studio-intro-copy p {
 margin:clamp(38px,5vh,70px) 0 0;
 color:#24263c;
 font-size:clamp(20px,1.55vw,29px);
 line-height:1.45;
}
.studio-intro-meta {
 display:flex;
 justify-content:space-between;
 gap:24px;
 padding-top:24px;
 border-top:1px solid rgba(17,19,38,.18);
 color:#55586b;
 font-size:12px;
 font-weight:700;
 letter-spacing:.05em;
 text-transform:uppercase;
}
.studio-products,
.studio-services {
 display:block;
 min-height:0;
 color:#fff;
 text-decoration:none;
 isolation:isolate;
}
.studio-products {
 background:
  linear-gradient(118deg,rgba(9,172,211,.96),rgba(40,75,208,.9) 58%,rgba(91,18,145,.92)),
  url("../images/products/easydelivery/hero.png") center/cover no-repeat;
}
.studio-services {
 background:
  linear-gradient(118deg,rgba(255,163,18,.95),rgba(242,100,52,.91) 56%,rgba(222,44,111,.94)),
  repeating-linear-gradient(135deg,rgba(255,255,255,.14) 0 1px,transparent 1px 34px);
}
.studio-services::before {
 content:"</>";
 position:absolute;
 right:5%;
 bottom:-4%;
 z-index:-1;
 color:rgba(255,255,255,.11);
 font-size:clamp(180px,25vw,470px);
 font-weight:900;
 letter-spacing:-.12em;
 line-height:1;
}
.studio-tile-shade {
 position:absolute;
 inset:0;
 background:linear-gradient(90deg,rgba(8,12,35,.06),transparent 70%);
 transition:background .25s ease;
}
.studio-products:hover .studio-tile-shade,
.studio-services:hover .studio-tile-shade { background:rgba(8,12,35,.1); }
.studio-tile-content {
 position:relative;
 z-index:1;
 display:flex;
 height:100%;
 min-height:0;
 flex-direction:column;
 justify-content:flex-end;
 padding:clamp(34px,4vw,76px);
}
.studio-eyebrow {
 position:absolute;
 top:clamp(28px,3vw,52px);
 left:clamp(34px,4vw,76px);
 font-size:13px;
 font-weight:800;
 letter-spacing:.1em;
 text-transform:uppercase;
}
.studio-tile h2 {
 margin:0 0 18px;
 font-size:clamp(40px,4.2vw,76px);
 letter-spacing:-.045em;
 line-height:.94;
}
.studio-tile-content > p {
 max-width:660px;
 margin:0 0 25px;
 color:rgba(255,255,255,.87);
 font-size:clamp(16px,1.25vw,22px);
 line-height:1.52;
}
.studio-tile-link {
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:25px;
 padding-top:19px;
 border-top:1px solid rgba(255,255,255,.38);
 font-size:14px;
 font-weight:700;
}
.studio-tile-link b { font-size:34px; font-weight:300; transition:transform .2s ease; }
.studio-products:hover .studio-tile-link b,
.studio-services:hover .studio-tile-link b { transform:translateX(8px); }
.studio-footer {
 min-height:78vh;
 padding:clamp(70px,8vw,140px) max(28px,calc((100% - 1460px)/2));
 background:var(--footer);
 color:#fff;
}
.studio-footer-grid {
 display:grid;
 grid-template-columns:repeat(4,minmax(0,1fr));
 gap:clamp(38px,6vw,100px);
}
.studio-footer section { min-width:0; }
.studio-footer h3 { margin:0 0 28px; font-size:18px; }
.studio-footer p,
.studio-footer section > a:not(.studio-contact-button) {
 display:block;
 margin:0 0 13px;
 color:#9b98bd;
 font-size:15px;
 line-height:1.4;
 text-decoration:none;
}
.studio-footer section > a:hover { color:#fff; }
.studio-footer section > .studio-industry-link,
.studio-footer section > .studio-industry-link:visited {
 display:inline-flex;
 align-items:center;
 gap:8px;
 margin-top:18px;
 color:#5DD6D0;
 font-weight:700;
}
.studio-footer section > .studio-industry-link:hover,
.studio-footer section > .studio-industry-link:focus-visible { color:#fff; }
.studio-contact-button {
 display:inline-flex;
 margin-top:22px;
 padding:13px 22px;
 border:1px solid rgba(255,255,255,.7);
 border-radius:999px;
 color:#fff;
 font-size:14px;
 font-weight:800;
 text-decoration:none;
}
.studio-contact-button:hover { background:#fff; color:var(--footer); }
.studio-footer-bottom {
 display:flex;
 justify-content:space-between;
 gap:40px;
 margin-top:clamp(100px,16vh,210px);
 padding-top:34px;
 border-top:1px solid rgba(255,255,255,.2);
 color:#777497;
 font-size:13px;
}
.studio-footer-bottom > div { display:flex; flex-wrap:wrap; gap:12px 24px; }
.studio-footer-bottom strong { color:#fff; }
.studio-legal { justify-content:flex-end; }
.studio-legal a { color:#8d89ae; text-decoration:none; }
.studio-legal a:hover { color:#fff; }
@media (max-width:900px) {
 .studio-grid { grid-template-columns:1fr; grid-template-rows:auto; }
 .studio-intro { grid-row:auto; min-height:78vh; padding:32px 30px 42px; }
 .studio-products,.studio-services { min-height:62vh; }
 .studio-footer-grid { grid-template-columns:1fr 1fr; }
}
@media (max-width:560px) {
 .studio-intro {
  min-height:100vh;
  min-height:100svh;
 }
 .studio-intro h1 { font-size:58px; }
 .studio-intro-copy p { font-size:20px; }
 .studio-intro-meta { align-items:flex-start; flex-direction:column; gap:9px; }
 .studio-products,.studio-services { min-height:58vh; }
 .studio-tile-content { padding:30px 24px; }
 .studio-eyebrow { top:27px; left:24px; }
 .studio-tile h2 { font-size:42px; }
 .studio-footer { padding:68px 24px 50px; }
 .studio-footer-grid { grid-template-columns:1fr; gap:52px; }
 .studio-footer-bottom,.studio-footer-bottom > div { align-items:flex-start; flex-direction:column; }
 .studio-legal { justify-content:flex-start; }
}

/* TreeCode heritage colour system */
:root {
 --tc-accent:#4e9eb4;
 --tc-accent-rgb:78,158,180;
 --tc-dark:#080c11;
 --tc-dark-2:#111923;
}
.studio-intro {
 color:#fff;
 background:
  radial-gradient(ellipse 105% 72% at 86% 102%,rgba(var(--tc-accent-rgb),.24) 0%,rgba(var(--tc-accent-rgb),.14) 27%,rgba(var(--tc-accent-rgb),.045) 50%,rgba(var(--tc-accent-rgb),0) 75%),
  radial-gradient(ellipse 62% 46% at 62% 60%,rgba(var(--tc-accent-rgb),.07) 0%,rgba(var(--tc-accent-rgb),0) 68%),
  linear-gradient(180deg,#17191f 0%,#131820 26%,#0c1219 62%,#0b151d 100%);
}
.studio-intro::after {
 content:"";
 position:absolute;
 top:0;
 right:0;
 bottom:0;
 width:1px;
 background:linear-gradient(180deg,transparent,rgba(var(--tc-accent-rgb),.82) 20%,rgba(var(--tc-accent-rgb),.28) 76%,transparent);
}
.studio-intro h1 { color:#fff; }
.studio-intro h1 span {
 background:none;
 -webkit-background-clip:initial;
 background-clip:initial;
 color:var(--tc-accent);
}
.studio-intro-copy p { color:rgba(255,255,255,.76); }
.studio-intro-meta {
 border-top-color:rgba(var(--tc-accent-rgb),.34);
 color:rgba(255,255,255,.62);
}
.studio-products {
 background:
  linear-gradient(118deg,rgba(9,25,36,.9),rgba(24,70,92,.84) 54%,rgba(50,45,94,.9)),
  url("../images/products/easydelivery/hero.png") center/cover no-repeat;
}
.studio-products::after,
.studio-services::after {
 content:"";
 position:absolute;
 right:0;
 bottom:0;
 left:0;
 height:1px;
 background:linear-gradient(90deg,transparent,rgba(var(--tc-accent-rgb),.72),transparent);
}
.studio-services {
 background:
  radial-gradient(circle at 82% 20%,rgba(205,116,63,.28),transparent 38%),
  linear-gradient(120deg,#14151d 0%,#2b2025 50%,#4a2634 100%);
}
.studio-services::before { color:rgba(220,143,90,.09); }
.studio-eyebrow { color:var(--tc-accent); }
.studio-services .studio-eyebrow { color:#dc8f5a; }
.studio-tile-shade {
 background:linear-gradient(90deg,rgba(3,8,14,.2),transparent 72%);
}
.studio-products:hover .studio-tile-shade,
.studio-services:hover .studio-tile-shade { background:rgba(3,8,14,.12); }
.studio-tile-link { border-top-color:rgba(var(--tc-accent-rgb),.44); }
.studio-services .studio-tile-link { border-top-color:rgba(220,143,90,.4); }
.studio-products .studio-tile-link b { color:var(--tc-accent); }
.studio-services .studio-tile-link b { color:#dc8f5a; }
.studio-footer {
 background:
  radial-gradient(ellipse 92% 72% at 82% 0%,rgba(var(--tc-accent-rgb),.22) 0%,rgba(var(--tc-accent-rgb),.12) 25%,rgba(var(--tc-accent-rgb),.04) 50%,rgba(var(--tc-accent-rgb),0) 74%),
  radial-gradient(ellipse 58% 44% at 58% 28%,rgba(var(--tc-accent-rgb),.055) 0%,rgba(var(--tc-accent-rgb),0) 68%),
  linear-gradient(180deg,#0b151d 0%,#0b1118 34%,#11161d 66%,#17191f 100%);
}
.studio-footer h3 { color:#fff; }
.studio-footer p,
.studio-footer section > a:not(.studio-contact-button) { color:rgba(244,247,248,.62); }
.studio-footer section {
 position:relative;
 padding-top:25px;
}
.studio-footer section::before {
 content:"";
 position:absolute;
 top:0;
 left:0;
 width:44px;
 height:3px;
 background:var(--tc-accent);
}
.studio-footer section:nth-child(2)::before { background:#dc8f5a; }
.studio-footer section:nth-child(3)::before { background:#706692; }
.studio-contact-button {
 border-color:rgba(var(--tc-accent-rgb),.68);
 background:var(--tc-accent);
 box-shadow:0 14px 38px rgba(var(--tc-accent-rgb),.2);
}
.studio-contact-button:hover { border-color:#fff; background:#fff; color:#10151b; }
.studio-footer-bottom {
 border-top-color:rgba(var(--tc-accent-rgb),.3);
 color:rgba(255,255,255,.42);
}
.studio-footer-bottom strong { color:var(--tc-accent); }
.studio-legal a { color:rgba(255,255,255,.58); }


/* Refined palette: dark tile stage, light information footer */
.studio-products {
 background:
  linear-gradient(118deg,rgba(7,42,40,.91),rgba(12,83,74,.87) 56%,rgba(24,103,83,.9)),
  url("../images/products/easydelivery/hero.png") center/cover no-repeat;
}
.studio-products .studio-eyebrow,
.studio-products .studio-tile-link b { color:#7dd3c2; }
.studio-products .studio-tile-link { border-top-color:rgba(125,211,194,.42); }
.studio-services {
 background:
  radial-gradient(circle at 82% 20%,rgba(201,116,67,.25),transparent 38%),
  linear-gradient(120deg,#17161c 0%,#342126 52%,#512a3b 100%);
}
.studio-services .studio-eyebrow,
.studio-services .studio-tile-link b { color:#e39a68; }
.studio-footer {
 background:
  radial-gradient(ellipse 65% 52% at 82% 0%,rgba(var(--tc-accent-rgb),.09),rgba(var(--tc-accent-rgb),0) 72%),
  linear-gradient(180deg,#f1f4f5 0%,#e9eef0 100%);
 color:#151b20;
}
.studio-footer h3 { color:#151b20; }
.studio-footer p,
.studio-footer section > a:not(.studio-contact-button) { color:#56636b; }
.studio-footer section > a:hover { color:#11171b; }
.studio-footer section::before { background:#2f8f9f; }
.studio-footer section:nth-child(2)::before { background:#c97945; }
.studio-footer section:nth-child(3)::before { background:#706692; }
.studio-footer section:nth-child(4)::before { background:#2f8f9f; }
.studio-contact-button {
 border-color:#347f90;
 background:#347f90;
 color:#fff;
 box-shadow:0 12px 30px rgba(52,127,144,.2);
}
.studio-contact-button:hover {
 border-color:#17242a;
 background:#17242a;
 color:#fff;
}
.studio-footer-bottom {
 border-top-color:#c7d5da;
 color:#68767d;
}
.studio-footer-bottom strong { color:#246f80; }
.studio-legal a { color:#56636b; }
.studio-legal a:hover { color:#11171b; }


/* Typography refinement */
.studio-intro h1 {
 font-size:clamp(52px,5vw,88px);
 font-style:italic;
 letter-spacing:-.055em;
 line-height:1;
}
.studio-intro h1 .studio-tree { color:var(--tc-accent); }
.studio-intro h1 .studio-code { color:#aeb4b7; }
.studio-intro-copy p { max-width:680px; }
.studio-tile h2 { font-size:clamp(34px,3.25vw,58px); line-height:1; }
.studio-products .studio-tile-link { justify-content:flex-start; }
@media (max-width:560px) {
 .studio-intro h1 { font-size:52px; }
 .studio-tile h2 { font-size:37px; }
}

/* Original hero content inside the studio tile */
.studio-intro h1 {
 max-width:760px;
 font-size:clamp(52px,5.2vw,92px);
 font-style:normal;
 letter-spacing:-.045em;
 line-height:.98;
}
.studio-intro h1 span { color:var(--tc-accent); }
.studio-intro-copy p {
 margin-top:30px;
 color:rgba(255,255,255,.76);
 font-size:clamp(19px,1.55vw,27px);
}
.studio-intro-button {
 display:inline-flex;
 margin-top:34px;
 padding:13px 22px;
 border:1px solid rgba(var(--tc-accent-rgb),.65);
 border-radius:6px;
 background:var(--tc-accent);
 color:#fff;
 font-size:14px;
 font-weight:700;
 text-decoration:none;
 box-shadow:0 14px 34px rgba(var(--tc-accent-rgb),.2);
}
.studio-intro-button:hover { border-color:#fff; }
.studio-intro-meta { justify-content:flex-start; }
.studio-intro-meta strong { color:var(--tc-accent); font-size:17px; }
@media (max-width:560px) { .studio-intro h1 { font-size:50px; } }

/* Match the original hero typography at tile scale */
.studio-intro h1 {
 font-size:clamp(44px,4.4vw,76px);
 font-weight:700;
 letter-spacing:0;
 line-height:1.03;
}
@media (max-width:560px) { .studio-intro h1 { font-size:44px; } }

/* Approved TreeCode colour concept */
:root {
 --tc-accent:#4BA8C4;
 --tc-accent-rgb:75,168,196;
}
.studio-intro {
 background:linear-gradient(155deg,#0B151D 0%,#0B151D 56%,#12313E 100%);
 color:#F7F8F8;
}
.studio-intro::after {
 background:linear-gradient(180deg,transparent,rgba(75,168,196,.82) 20%,rgba(75,168,196,.28) 76%,transparent);
}
.studio-intro h1 { color:#F7F8F8; }
.studio-intro h1 span { color:#4BA8C4; }
.studio-intro-copy p { color:#D4DADD; }
.studio-intro-meta {
 border-top-color:rgba(255,255,255,.20);
 color:#D4DADD;
}
.studio-intro-meta strong { color:#4BA8C4; }
.studio-intro-button {
 border-color:#4BA8C4;
 background:#4BA8C4;
 color:#F7F8F8;
 box-shadow:0 14px 34px rgba(75,168,196,.2);
}
.studio-products {
 background:
  linear-gradient(rgba(0,109,119,.92),rgba(0,109,119,.92)),
  url("../images/products/easydelivery/hero.png") center/cover no-repeat;
 color:#F7F8F8;
}
.studio-products .studio-eyebrow,
.studio-products .studio-tile-link b { color:#5DD6D0; }
.studio-products .studio-tile-content > p { color:#D4DADD; }
.studio-products .studio-tile-link { border-top-color:rgba(255,255,255,.20); }
.studio-services {
 background:#C4512D;
 color:#F7F8F8;
}
.studio-services::before { color:rgba(255,154,98,.14); }
.studio-services .studio-eyebrow,
.studio-services .studio-tile-link b { color:#FF9A62; }
.studio-services .studio-tile-content > p { color:#F7F8F8; }
.studio-services .studio-tile-link { border-top-color:rgba(255,255,255,.20); }
.studio-products::after,
.studio-services::after { background:rgba(255,255,255,.20); }
.studio-footer section::before { background:#C4512D; }
.studio-footer section:nth-child(2)::before { background:#006D77; }
.studio-footer section:nth-child(3)::before { background:#4BA8C4; }
.studio-contact-button {
 border-color:#006D77;
 background:#006D77;
 box-shadow:0 12px 30px rgba(0,109,119,.2);
}
.studio-footer-bottom strong { color:#006D77; }


/* Solid navy intro tile */
.studio-intro { background:#0B151D; }

.studio-intro { background:#081218; }


/* Brand-only intro tile */
.studio-intro { justify-content:center; }
.studio-brand-focus { margin:0; }
.studio-brand-focus img {
 display:block;
 width:min(82%,520px);
 height:auto;
}
.studio-brand-focus p {
 margin:46px 0 0;
 color:#F7F8F8;
 font-size:clamp(22px,2vw,34px);
 font-weight:700;
 line-height:1.2;
}
.studio-brand-focus p strong {
 color:#4BA8C4;
 font-size:1.25em;
}
@media (max-width:560px) {
 .studio-brand-focus img { width:min(88%,420px); }
 .studio-brand-focus p { margin-top:34px; font-size:22px; }
}

/* Brand spacing adjustment */
.studio-brand-focus img { width:min(68%,430px); }
.studio-brand-focus p { margin-top:72px; }
@media (max-width:560px) {
 .studio-brand-focus img { width:min(76%,350px); }
 .studio-brand-focus p { margin-top:52px; }
}

/* Restore complete hero tile layout */
.studio-intro { justify-content:flex-start; }
.studio-intro-copy { margin:auto 0; }
.studio-intro h1 {
 max-width:760px;
 font-size:clamp(44px,4.4vw,76px);
 font-weight:700;
 font-style:normal;
 letter-spacing:0;
 line-height:1.03;
}
.studio-intro-copy p {
 margin-top:30px;
 color:#D4DADD;
 font-size:clamp(19px,1.55vw,27px);
}
.studio-intro-meta { display:flex; justify-content:flex-start; }
@media (max-width:560px) { .studio-intro h1 { font-size:44px; } }

.studio-contact-button { border-radius:6px; }


/* Competence statement intro tile */
.studio-intro {
 display:flex;
 justify-content:space-between;
 padding:clamp(38px,4.2vw,76px) clamp(40px,5.8vw,112px);
}
.studio-competence-brand {
 color:#4BA8C4;
 font-size:clamp(15px,1.15vw,21px);
 font-weight:800;
 letter-spacing:.02em;
}
.studio-competence { margin:auto 0; }
.studio-competence-years {
 margin:0 0 clamp(42px,6vh,76px);
 color:#D4DADD;
 font-size:clamp(17px,1.35vw,24px);
 font-weight:700;
}
.studio-competence-years strong {
 margin-right:8px;
 color:#4BA8C4;
 font-size:1.55em;
}
.studio-competence-fields {
 display:flex;
 max-width:760px;
 flex-direction:column;
}
.studio-competence-fields span {
 display:block;
 color:#F7F8F8;
 font-size:clamp(34px,4vw,70px);
 font-weight:700;
 letter-spacing:-.035em;
 line-height:1.08;
}
.studio-competence-fields span:nth-child(2) { padding-left:clamp(20px,4vw,72px); }
.studio-competence-fields span:nth-child(3) { padding-left:clamp(5px,1.5vw,28px); }
.studio-competence-fields span:nth-child(4) { padding-left:clamp(42px,7vw,125px); }
.studio-competence-fields i { color:#4BA8C4; font-style:normal; font-weight:400; }
.studio-competence-tech {
 padding-top:24px;
 border-top:1px solid rgba(255,255,255,.20);
 color:#D4DADD;
 font-size:clamp(13px,1vw,17px);
 font-weight:700;
 letter-spacing:.03em;
}
.studio-competence-tech i { margin:0 7px; color:#4BA8C4; font-style:normal; }
@media (max-width:560px) {
 .studio-intro { padding:32px 28px 40px; }
 .studio-competence-years { margin-bottom:36px; }
 .studio-competence-fields span { font-size:35px; }
 .studio-competence-fields span:nth-child(2) { padding-left:14px; }
 .studio-competence-fields span:nth-child(3) { padding-left:0; }
 .studio-competence-fields span:nth-child(4) { padding-left:26px; }
}

/* Corrected competence hierarchy */
.studio-intro {
 display:flex;
 justify-content:flex-start;
 padding:clamp(30px,3vw,58px) clamp(34px,5.8vw,112px);
}
.studio-competence { margin:auto 0; }
.studio-competence-years {
 margin:0 0 clamp(38px,5vh,66px);
 color:#F7F8F8;
 font-size:clamp(36px,3.8vw,66px);
 font-weight:700;
 letter-spacing:-.025em;
 line-height:1.05;
}
.studio-competence-years strong {
 margin-right:.18em;
 color:#4BA8C4;
 font-size:1em;
}
.studio-competence-fields { gap:10px; }
.studio-competence-fields span {
 padding-left:0 !important;
 color:#D4DADD;
 font-size:clamp(21px,2vw,34px);
 font-weight:600;
 letter-spacing:-.015em;
 line-height:1.25;
}
.studio-competence-fields i { color:#4BA8C4; }
.studio-competence-bottom {
 padding-top:22px;
 border-top:1px solid rgba(255,255,255,.20);
}
.studio-competence-bottom a {
 color:#D4DADD;
 font-size:13px;
 font-weight:700;
 text-decoration:none;
}
.studio-competence-bottom a:hover { color:#4BA8C4; }
@media (max-width:560px) {
 .studio-competence-years { font-size:38px; }
 .studio-competence-fields span { font-size:23px; }
}

/* Futuristic competence labels */
.studio-competence-fields {
 gap:clamp(13px,1.5vh,22px);
}
.studio-competence-fields span {
 position:relative;
 display:flex;
 align-items:center;
 gap:clamp(14px,1.5vw,24px);
 padding:0 !important;
 background:linear-gradient(90deg,#F7F8F8 0%,#D4DADD 62%,#78C5D8 100%);
 -webkit-background-clip:text;
 background-clip:text;
 color:transparent;
 font-family:"Bahnschrift SemiCondensed","Arial Narrow",Arial,sans-serif;
 font-size:clamp(18px,1.62vw,28px);
 font-style:italic;
 font-weight:600;
 letter-spacing:.115em;
 line-height:1.15;
 text-transform:uppercase;
 white-space:nowrap;
}
.studio-competence-fields span::before {
 content:"";
 flex:0 0 clamp(28px,3.2vw,52px);
 height:2px;
 background:linear-gradient(90deg,#4BA8C4,rgba(75,168,196,.18));
 transform:skewX(-24deg);
}
.studio-competence-fields span:nth-child(even)::before {
 flex-basis:clamp(42px,4.8vw,78px);
}
@media (max-width:560px) {
 .studio-competence-fields span {
  font-size:17px;
  letter-spacing:.08em;
  white-space:normal;
 }
}

/* Progressive diagonal staggering */
.studio-competence-fields span:nth-child(1) { margin-left:0; }
.studio-competence-fields span:nth-child(2) { margin-left:clamp(22px,3vw,52px); }
.studio-competence-fields span:nth-child(3) { margin-left:clamp(44px,6vw,104px); }
.studio-competence-fields span:nth-child(4) { margin-left:clamp(66px,9vw,156px); }
.studio-competence-fields span:nth-child(even)::before {
 flex-basis:clamp(28px,3.2vw,52px);
}
@media (max-width:560px) {
 .studio-competence-fields span:nth-child(2) { margin-left:14px; }
 .studio-competence-fields span:nth-child(3) { margin-left:28px; }
 .studio-competence-fields span:nth-child(4) { margin-left:42px; }
}

.studio-products .studio-tile-link { justify-content:space-between; }


/* Left-tile spacing refinement */
.studio-competence { transform:translateY(-34px); }
.studio-competence-years { margin-bottom:clamp(64px,8vh,108px); }
.studio-competence-fields { margin-left:clamp(24px,3vw,54px); }
@media (max-width:560px) {
 .studio-competence { transform:translateY(-18px); }
 .studio-competence-years { margin-bottom:52px; }
 .studio-competence-fields { margin-left:12px; }
}

/* Harmonise left tile with the two product/service tiles */
.studio-intro {
 background:
  radial-gradient(circle at 82% 20%,rgba(75,168,196,.075),transparent 36%),
  linear-gradient(145deg,#101315 0%,#0D1113 68%,#11191C 100%);
}
.studio-competence { transform:translateY(-18px); }
.studio-competence-years {
 max-width:700px;
 margin-bottom:clamp(58px,7vh,92px);
 font-family:Arial,Helvetica,sans-serif;
 font-size:clamp(34px,3.45vw,59px);
 font-weight:600;
 letter-spacing:-.035em;
 line-height:1.04;
}
.studio-competence-years strong {
 color:#4BA8C4;
 font-weight:600;
}
.studio-competence-fields {
 display:grid;
 grid-template-columns:repeat(2,minmax(0,1fr));
 gap:0;
 max-width:650px;
 margin-left:clamp(18px,2vw,34px);
 border-top:1px solid rgba(255,255,255,.20);
 border-bottom:1px solid rgba(255,255,255,.20);
}
.studio-competence-fields span,
.studio-competence-fields span:nth-child(1),
.studio-competence-fields span:nth-child(2),
.studio-competence-fields span:nth-child(3),
.studio-competence-fields span:nth-child(4) {
 display:flex;
 min-height:76px;
 align-items:center;
 margin-left:0;
 padding:18px 22px !important;
 border-right:1px solid rgba(255,255,255,.20);
 border-bottom:1px solid rgba(255,255,255,.20);
 background:none;
 color:#D4DADD;
 font-family:"Bahnschrift SemiCondensed","Arial Narrow",Arial,sans-serif;
 font-size:clamp(15px,1.25vw,21px);
 font-style:normal;
 font-weight:600;
 letter-spacing:.075em;
 line-height:1.2;
 text-transform:uppercase;
 white-space:normal;
}
.studio-competence-fields span:nth-child(2n) { border-right:0; }
.studio-competence-fields span:nth-last-child(-n+2) { border-bottom:0; }
.studio-competence-fields span::before {
 content:"";
 flex:0 0 7px;
 width:7px;
 height:7px;
 margin-right:14px;
 border:1px solid #4BA8C4;
 background:rgba(75,168,196,.12);
 transform:rotate(45deg);
}
@media (max-width:560px) {
 .studio-competence { transform:translateY(-10px); }
 .studio-competence-years { margin-bottom:42px; font-size:36px; }
 .studio-competence-fields { grid-template-columns:1fr; margin-left:0; }
 .studio-competence-fields span,
 .studio-competence-fields span:nth-child(n) {
  min-height:56px;
  border-right:0;
  border-bottom:1px solid rgba(255,255,255,.20);
  font-size:15px;
 }
 .studio-competence-fields span:last-child { border-bottom:0; }
}


/* Flat black left tile and borderless competence layout */
.studio-intro {
 background:#080A0B;
}
.studio-brand {
 margin-left:clamp(-34px,-2vw,-18px);
}
.studio-brand img {
 width:clamp(132px,9vw,166px);
}
.studio-competence-fields {
 gap:clamp(20px,2vw,34px) clamp(28px,3vw,52px);
 border:0;
}
.studio-competence-fields span,
.studio-competence-fields span:nth-child(1),
.studio-competence-fields span:nth-child(2),
.studio-competence-fields span:nth-child(3),
.studio-competence-fields span:nth-child(4) {
 min-height:0;
 padding:8px 0 !important;
 border:0;
}
.studio-competence-fields span::before,
.studio-competence-fields span:nth-child(even)::before {
 flex:0 0 7px;
 width:7px;
 height:7px;
 margin-right:14px;
}
@media (max-width:560px) {
 .studio-brand { margin-left:0; }
 .studio-brand img { width:132px; }
 .studio-competence-fields { gap:16px; }
 .studio-competence-fields span,
 .studio-competence-fields span:nth-child(n) { border:0; }
}


/* Centre the experience statement on two lines */
.studio-competence-years {
 width:100%;
 max-width:none;
 text-align:center;
}
.studio-competence-years > span { display:block; }

/* Compact manual project voices slider */
.studio-voices {
 margin-top:clamp(86px,11vh,150px);
 padding:34px 0 46px !important;
 border-top:1px solid #c7d5da;
 border-bottom:1px solid #c7d5da;
}
.studio-footer .studio-voices::before { content:none; }
.studio-voices-head {
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:24px;
 margin-bottom:28px;
}
.studio-voices-head h3 {
 margin:0;
 color:#151b20;
 font-size:18px;
 font-weight:700;
 letter-spacing:normal;
 text-transform:none;
}
.studio-voices-controls { display:flex; gap:7px; }
.studio-voices-controls button {
 display:inline-flex;
 width:34px;
 height:34px;
 align-items:center;
 justify-content:center;
 padding:0;
 border:1px solid #b9c8cd;
 border-radius:50%;
 background:transparent;
 color:#263238;
 cursor:pointer;
 font-size:17px;
}
.studio-voices-controls button:hover:not(:disabled) {
 border-color:#347f90;
 color:#347f90;
}
.studio-voices-controls button:disabled { cursor:default; opacity:.28; }
.studio-voices-window { overflow:hidden; }
.studio-voices-track {
 display:flex;
 gap:24px;
 transition:transform .32s ease;
}
.studio-voice {
 position:relative;
 display:grid;
 flex:0 0 calc((100% - 24px)/2);
 grid-template-columns:1fr auto;
 gap:22px 30px;
 min-height:210px;
 padding:28px 30px;
 border:1px solid #d6e0e3;
 background:rgba(255,255,255,.55);
}
.studio-voice > p {
 grid-column:1 / -1;
 margin:0;
 color:#303a40 !important;
 font-size:16px !important;
 line-height:1.62 !important;
 text-align:justify;
 hyphens:auto;
}
.studio-voice > div { align-self:end; }
.studio-voice strong,
.studio-voice span { display:block; }
.studio-voice strong { color:#151b20; font-size:14px; }
.studio-voice span { margin-top:4px; color:#6b777d; font-size:13px; }
.studio-voice img {
 align-self:end;
 max-width:100px;
 max-height:28px;
 object-fit:contain;
 opacity:1;
 filter:none;
}
.studio-voice-logo {
 align-self:end;
 justify-self:end;
 display:inline-flex;
 line-height:0;
}
.studio-voice-logo img { display:block; }
.studio-voice-logo:focus-visible { outline:2px solid #4BA8C4; outline-offset:5px; }
.studio-footer-bottom { margin-top:54px; }
@media (max-width:760px) {
 .studio-voice { flex-basis:100%; }
}
@media (max-width:560px) {
 .studio-voices { margin-top:70px; }
 .studio-voice { grid-template-columns:1fr; min-height:240px; padding:25px 24px; }
 .studio-voice img { justify-self:start; }
 .studio-voice-logo { justify-self:start; }
}


/* Remove footer separator lines without changing spacing */
.studio-voices {
 border-top-color:transparent;
 border-bottom-color:transparent;
}
.studio-footer-bottom {
 border-top-color:transparent;
}

/* Luminous cobalt intro tile */
.studio-intro {
 background:#3F63D8;
 color:#F7F8F8;
}
.studio-intro::after {
 background:rgba(255,255,255,.20);
}
.studio-competence-years,
.studio-competence-fields span,
.studio-competence-bottom a {
 color:#F7F8F8;
}
.studio-competence-years strong {
 color:#9BE8F2;
}
.studio-competence-fields span::before,
.studio-competence-fields span:nth-child(even)::before {
 border-color:#9BE8F2;
 background:rgba(155,232,242,.18);
}
.studio-competence-bottom {
 border-top-color:rgba(255,255,255,.20);
}
.studio-competence-bottom a:hover { color:#9BE8F2; }


.studio-intro { background:#0078D4; }


.studio-intro { background:#005A9E; }


.studio-intro { background:#00477D; }


.studio-intro { background:#002F54; }


/* Competence statement: typography instead of feature icons */
.studio-competence-fields {
 grid-template-columns:repeat(2,minmax(0,1fr));
 column-gap:clamp(42px,5vw,82px);
 row-gap:0;
 max-width:700px;
 margin-left:clamp(18px,2vw,34px);
}
.studio-competence-fields span,
.studio-competence-fields span:nth-child(1),
.studio-competence-fields span:nth-child(2),
.studio-competence-fields span:nth-child(3),
.studio-competence-fields span:nth-child(4) {
 min-height:88px;
 padding:26px 4px !important;
 border:0;
 color:#F7F8F8;
 font-size:clamp(19px,1.65vw,28px);
 font-weight:600;
 letter-spacing:.055em;
}
.studio-competence-fields span:nth-child(-n+2) {
 border-bottom:1px solid rgba(255,255,255,.16);
}
.studio-competence-fields span::before,
.studio-competence-fields span:nth-child(even)::before {
 content:none;
 display:none;
}
@media (max-width:560px) {
 .studio-competence-fields {
  grid-template-columns:1fr;
  row-gap:0;
 }
 .studio-competence-fields span,
 .studio-competence-fields span:nth-child(n) {
  min-height:64px;
  padding:19px 2px !important;
  border-bottom:1px solid rgba(255,255,255,.16);
  font-size:19px;
 }
 .studio-competence-fields span:last-child { border-bottom:0; }
}


/* Compact single-line competence labels */
.studio-competence-fields span,
.studio-competence-fields span:nth-child(n) {
 font-size:clamp(15px,1.25vw,21px);
 letter-spacing:.04em;
 white-space:nowrap;
}
@media (max-width:560px) {
 .studio-competence-fields span,
 .studio-competence-fields span:nth-child(n) {
  font-size:15px;
  white-space:nowrap;
 }
}

/* Project voices now sit before the complete footer */
body > .studio-voices {
 width:100%;
 margin:0;
 padding:clamp(76px,8vw,120px) max(28px,calc((100% - 1460px)/2)) !important;
 border:0;
 background:linear-gradient(180deg,#f4f6f7 0%,#edf1f2 100%);
}
body > .studio-voices::before { content:none; }
.studio-footer { min-height:auto; }
.studio-footer-bottom { margin-top:clamp(80px,10vh,130px); }
@media (max-width:560px) {
 body > .studio-voices { padding:68px 24px !important; }
}

.studio-intro { background:#123B5A; }


/* Direct contact links below the left-tile rule */
.studio-competence-bottom {
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:24px;
}
@media (max-width:560px) {
 .studio-competence-bottom { align-items:flex-start; flex-direction:column; gap:10px; }
}

/* Strong TreeCode-blue carousel controls and CTA */
.studio-voices-controls button {
 width:42px;
 height:42px;
 padding:0 0 2px;
 border:1px solid #006D77;
 border-radius:50%;
 background:#006D77;
 color:#fff;
 font-family:Arial,Helvetica,sans-serif;
 font-size:23px;
 font-weight:800;
 line-height:1;
 box-shadow:0 8px 22px rgba(0,109,119,.22);
}
.studio-voices-controls button:hover {
 border-color:#00545C;
 background:#00545C;
 color:#fff;
}
.studio-voices-controls button:disabled { opacity:1; cursor:pointer; }
.studio-contact-button {
 border-color:#006D77;
 background:#006D77;
 color:#fff;
 box-shadow:0 12px 30px rgba(0,109,119,.22);
}
.studio-contact-button:hover {
 border-color:#00545C;
 background:#00545C;
 color:#fff;
}

/* Four fixed testimonial cards instead of a carousel */
.studio-voices-track {
 display:grid;
 grid-template-columns:repeat(4,minmax(0,1fr));
 gap:clamp(14px,1.5vw,24px);
 transform:none !important;
 transition:none;
}
.studio-voice {
 width:auto;
 min-width:0;
}
@media (max-width:1100px) {
 .studio-voices-track { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:560px) {
 .studio-voices-track { grid-template-columns:1fr; }
}

/* Centre competence labels within their grid cells */
.studio-competence-fields span,
.studio-competence-fields span:nth-child(n) {
 justify-content:center;
 text-align:center;
}



/* Three-tile palette based on the TreeCode logo */
.studio-intro {
 background:#000;
 color:#fff;
}
.studio-products {
 background:
  linear-gradient(rgba(75,168,196,.93),rgba(75,168,196,.93)),
  url("../images/products/easydelivery/hero.png") center/cover no-repeat;
 color:#fff;
}
.studio-products .studio-eyebrow,
.studio-products .studio-tile-link b,
.studio-products .studio-tile-content > p,
.studio-products .studio-tile-link { color:#fff; }
.studio-products .studio-tile-link { border-top-color:rgba(255,255,255,.38); }
.studio-products::after { background:rgba(255,255,255,.28); }
.studio-services {
 background:#AEB4B7;
 color:#176D86;
}
.studio-services::before { color:rgba(75,168,196,.17); }
.studio-services .studio-eyebrow,
.studio-services .studio-tile-link b,
.studio-services .studio-tile-content > p,
.studio-services .studio-tile-link { color:#176D86; }
.studio-services .studio-tile-link { border-top-color:rgba(23,109,134,.34); }
.studio-services::after { background:rgba(23,109,134,.34); }
.studio-products .studio-tile-shade,
.studio-products:hover .studio-tile-shade { background:rgba(0,54,70,.04); }
.studio-services .studio-tile-shade,
.studio-services:hover .studio-tile-shade { background:transparent; }



/* Railsware-inspired TreeCode prototype */
.studio-intro {
 display:flex;
 justify-content:flex-start;
 background:#123B5A;
 color:#F7F8F8;
}
.studio-brand { position:relative; z-index:2; }
.studio-rail-hero {
 width:100%;
 margin:auto 0;
 padding-left:clamp(18px,4vw,76px);
 transform:translateY(-2vh);
}
.studio-rail-hero h1 {
 display:flex;
 margin:0;
 flex-direction:column;
 font-family:Arial,Helvetica,sans-serif;
 font-size:clamp(52px,4.9vw,88px);
 font-weight:700;
 letter-spacing:-.055em;
 line-height:.98;
}
.studio-rail-hero .rail-line { display:block; }
.studio-rail-hero .rail-white { color:#F7F8F8; }
.studio-rail-hero .rail-cyan { color:#4BA8C4; }
.studio-rail-hero .rail-grey { color:#AEB4B7; }
.studio-rail-meta {
 display:flex;
 align-items:center;
 justify-content:center;
 flex-wrap:nowrap;
 width:100%;
 gap:.42em;
 color:rgba(247,248,248,.68);
 font-size:clamp(9px,3vw,14px);
 font-weight:600;
 letter-spacing:.12em;
 white-space:nowrap;
 text-transform:uppercase;
}
.studio-rail-meta .rail-meta-number { color:#4BA8C4; font-size:1.5em; font-weight:800; }
.studio-rail-meta .rail-meta-years { color:rgba(247,248,248,.78); font-size:1.5em; font-weight:800; }
.studio-rail-meta .rail-meta-label { color:rgba(247,248,248,.78); transform:translateY(.5px); }
.studio-products {
 background:
  linear-gradient(rgba(0,109,119,.92),rgba(0,109,119,.92)),
  url("../images/products/easydelivery/hero.png") center/cover no-repeat;
 color:#F7F8F8;
}
.studio-products .studio-eyebrow,
.studio-products .studio-tile-link b { color:#5DD6D0; }
.studio-products .studio-tile-content > p { color:#F7F8F8; }
.studio-products .studio-tile-link { color:#F7F8F8; border-top-color:rgba(255,255,255,.20); }
.studio-products::after { background:rgba(255,255,255,.20); }
.studio-services {
 background:#C4512D;
 color:#F7F8F8;
}
.studio-services::before { color:rgba(255,154,98,.14); }
.studio-services .studio-eyebrow,
.studio-services .studio-tile-link b { color:#FF9A62; }
.studio-services .studio-tile-content > p,
.studio-services .studio-tile-link { color:#F7F8F8; }
.studio-services .studio-tile-link { border-top-color:rgba(255,255,255,.20); }
.studio-services::after { background:rgba(255,255,255,.20); }
.studio-products .studio-tile-shade,
.studio-products:hover .studio-tile-shade,
.studio-services .studio-tile-shade,
.studio-services:hover .studio-tile-shade { background:rgba(3,8,14,.04); }
@media (max-width:900px) {
 .studio-rail-hero h1 {
  font-size:clamp(40px,calc(32px + 2.22vw),52px);
 }
}
@media (max-width:560px) {
 .studio-rail-hero { padding-left:0; }
}





/* Preserve the original visual rhythm inside the shorter 40% product tile */
@media (min-width:901px) {
 .studio-products .studio-tile-content {
  padding:clamp(24px,3.2vh,38px) clamp(34px,4vw,76px);
 }
 .studio-products .studio-eyebrow {
  top:clamp(24px,3.2vh,38px);
 }
 .studio-products h2 {
  margin-bottom:clamp(12px,1.6vh,18px);
  font-size:clamp(36px,4.8vh,50px);
 }
 .studio-products .studio-tile-content > p {
  margin-bottom:clamp(16px,2.2vh,23px);
  font-size:clamp(15px,1.8vh,19px);
  line-height:1.38;
 }
 .studio-products .studio-tile-link {
  padding-top:clamp(13px,1.8vh,18px);
 }
}

/* Pull both right-tile content groups slightly toward the vertical centre */
@media (min-width:901px) {
 .studio-services .studio-tile-content,
 .studio-products .studio-tile-content {
  transform:translateY(clamp(-30px,-2.6vh,-18px));
 }
 .studio-services .studio-eyebrow,
 .studio-products .studio-eyebrow {
  transform:translateY(clamp(18px,2.6vh,30px));
 }
}

/* Shared right-tile alignment: centred copy, fixed bottom action row */
@media (min-width:901px) {
 .studio-services .studio-tile-content,
 .studio-products .studio-tile-content {
  justify-content:center;
  transform:none;
  padding-right:clamp(34px,4vw,76px);
  padding-left:clamp(34px,4vw,76px);
 }
 .studio-services .studio-eyebrow,
 .studio-products .studio-eyebrow {
  transform:none;
 }
 .studio-services .studio-tile-link,
 .studio-products .studio-tile-link {
  position:absolute;
  right:clamp(34px,4vw,76px);
  bottom:clamp(24px,3.2vh,38px);
  left:clamp(34px,4vw,76px);
  margin:0;
  padding-top:clamp(13px,1.8vh,18px);
 }
 .studio-services h2,
 .studio-products h2 {
  margin-top:0;
 }
}

/* Harmonious stacked tiles across tablet and mobile widths */
.studio-products {
 background:
  linear-gradient(rgba(0,101,110,.90),rgba(0,101,110,.90)),
  url("../images/products/easydelivery/hero.png") center/cover no-repeat;
}
.studio-products .studio-tile-content > p,
.studio-products .studio-tile-link { color:rgba(247,248,248,.94); }

@media (max-width:900px) {
 .studio-products,
 .studio-services {
  min-height:clamp(360px,58vw,520px);
 }
 .studio-products {
  background:
   linear-gradient(rgba(0,91,100,.91),rgba(0,91,100,.91)),
   url("../images/products/easydelivery/hero.png") center/cover no-repeat;
 }
 .studio-products .studio-tile-shade { background:rgba(1,32,38,.10); }

 .studio-products .studio-tile-content,
 .studio-services .studio-tile-content {
  position:absolute;
  inset:0;
  height:auto;
  justify-content:center;
  padding:68px 34px 88px;
 }
 .studio-products .studio-eyebrow,
 .studio-services .studio-eyebrow {
  top:30px;
  left:34px;
 }
 .studio-products h2,
 .studio-services h2 {
  margin:0 0 16px;
  font-size:clamp(36px,5.6vw,52px);
  line-height:1;
 }
 .studio-products .studio-tile-content > p,
 .studio-services .studio-tile-content > p {
  max-width:760px;
  margin:0;
  font-size:clamp(15px,2.2vw,19px);
  line-height:1.48;
 }
 .studio-products .studio-tile-link,
 .studio-services .studio-tile-link {
  position:absolute;
  right:34px;
  bottom:28px;
  left:34px;
  margin:0;
  padding-top:14px;
 }
}

@media (max-width:560px) {
 .studio-products .studio-tile-content,
 .studio-services .studio-tile-content {
  justify-content:center;
  padding:60px 24px 76px;
 }
 .studio-products .studio-eyebrow,
 .studio-services .studio-eyebrow {
  top:24px;
  left:24px;
 }
 .studio-products h2,
 .studio-services h2 {
  margin-bottom:14px;
  font-size:clamp(32px,9.2vw,38px);
 }
 .studio-products .studio-tile-content > p,
 .studio-services .studio-tile-content > p {
  font-size:15px;
  line-height:1.45;
 }
 .studio-products .studio-tile-link,
 .studio-services .studio-tile-link {
  right:24px;
  bottom:22px;
  left:24px;
  padding-top:13px;
 }
}

/* Final emphasis for the dedicated industry destination */
footer.studio-footer section > a.studio-industry-link,
footer.studio-footer section > a.studio-industry-link:visited {
 display:inline-flex;
 align-items:center;
 gap:8px;
 margin-top:18px;
 color:#347F96;
 font-weight:700;
}
footer.studio-footer section > a.studio-industry-link:hover,
footer.studio-footer section > a.studio-industry-link:focus-visible { color:#4BA8C4; }

/* Restore distinct colour feedback on the two interactive right-hand tiles */
.studio-services .studio-tile-shade,
.studio-products .studio-tile-shade {
 transition:background .28s ease;
}
.studio-services:hover .studio-tile-shade,
.studio-services:focus-visible .studio-tile-shade {
 background:linear-gradient(120deg,rgba(104,28,10,.16),rgba(255,143,82,.12));
}
.studio-products:hover .studio-tile-shade,
.studio-products:focus-visible .studio-tile-shade {
 background:linear-gradient(120deg,rgba(0,38,48,.2),rgba(93,214,208,.11));
}

/* Mobile layout: compact tiles and swipeable customer voices */
.studio-voices-mobile-controls { display:none; }

@media (max-width:560px) {
 body { overflow-x:hidden; }
 .studio-services::before {
  right:-2%;
  bottom:1%;
  font-size:210px;
 }

 body > .studio-voices {
  padding:52px 20px 48px !important;
 }
 .studio-voices-head { margin-bottom:20px; }
 .studio-voices-window {
  overflow-x:auto;
  overscroll-behavior-x:contain;
  scroll-behavior:smooth;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
 }
 .studio-voices-window::-webkit-scrollbar { display:none; }
 .studio-voices-track {
  display:flex;
  gap:14px;
 }
 .studio-voice {
  flex:0 0 100%;
  min-height:0;
  gap:18px;
  padding:22px 20px;
  scroll-snap-align:start;
  scroll-snap-stop:always;
 }
 .studio-voice > p {
  font-size:15px !important;
  line-height:1.55 !important;
 }
 .studio-voices-mobile-controls {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  margin:20px auto 0;
 }
 .studio-voices-mobile-controls button {
  display:inline-flex;
  width:42px;
  height:42px;
  align-items:center;
  justify-content:center;
  padding:0 0 2px;
  border:1px solid #006D77;
  border-radius:50%;
  background:#006D77;
  color:#fff;
  cursor:pointer;
  font:700 22px/1 Arial,Helvetica,sans-serif;
 }
 .studio-voices-mobile-controls button:hover {
  border-color:#00545C;
  background:#00545C;
 }
 .studio-voices-mobile-controls button:focus-visible {
  outline:2px solid #006D77;
  outline-offset:3px;
 }
.studio-voices-position {
  min-width:42px;
  visibility:hidden;
  color:#526168;
  font-size:13px;
  font-weight:700;
  text-align:center;
 }

 .studio-footer { padding:54px 24px 38px; }
 .studio-footer-grid { gap:38px; }
 .studio-footer-bottom { margin-top:50px; }
}