@font-face {
  font-family:"Inter";
  font-style:normal;
  font-display:swap;
  font-weight:100 900;
  src:url("inter-latin-opsz-normal.woff2") format("woff2-variations");
}

@font-face {
  font-family:"Bebas Neue";
  font-style:normal;
  font-display:swap;
  font-weight:400;
  src:url("bebas-neue-latin-400-normal.woff2") format("woff2");
}

/* v2.40 — smooth scrub handoff
   The layout remains identical to v2.39. Progress easing and end-of-story
   release are controller-only changes; this marker intentionally adds no
   geometry, sizing or positioning rules. */

:root {
  --uta-orange: #e93e00;
  --uta-orange-dark: #e93e00;
  --uta-orange-light: #ff6a27;
  --uta-orange-gradient: linear-gradient(90deg,#e93e00 0%,#ff6a27 100%);
  --uta-orange-soft: #fef1eb;
  --uta-ink: #242424;
  --uta-ink-2: #242424;
  --uta-copy: #5c5c5c;
  --uta-line: rgba(20, 20, 20, 0.12);
  --uta-white: #fff;
  --uta-paper: #fff;
  --uta-shell: 1380px;
  --uta-font: "Inter", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --uta-ease: cubic-bezier(.2, .8, .2, 1);
  --uta-ease-out: cubic-bezier(.16, 1, .3, 1);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 86px; }
html.uta-framer-scroll { scroll-behavior:auto; }
html.uta-intro-pending { overflow: hidden; }
body.uta-custom-home {
  margin: 0;
  color: var(--uta-ink);
  background: var(--uta-white);
  font-family:var(--uta-font);
  -webkit-font-smoothing: antialiased;
  overflow-x: clip;
}
body.uta-custom-home.admin-bar .uta-header { top: 32px; }
body.uta-custom-home img { max-width: 100%; }
body.uta-custom-home button,
body.uta-custom-home input,
body.uta-custom-home select,
body.uta-custom-home textarea { font: inherit; }
body.uta-custom-home a { color: inherit; }
.uta-shell { width: min(calc(100% - 48px), var(--uta-shell)); margin-inline: auto; }
.uta-skip { position: fixed; top: -80px; left: 20px; z-index: 100001; padding: 12px 18px; background: #fff; color: #242424; border-radius: 8px; transition: top .2s; }
.uta-skip:focus { top: 18px; }

/* Opening scene */
.uta-intro {
  position: fixed;
  inset: 0;
  z-index: 100000;
  overflow: hidden;
  pointer-events: none;
  background:var(--uta-orange-gradient);
}
html.uta-intro-seen .uta-intro,
.uta-intro.is-complete { display: none; }
.uta-intro__panel {
  position: absolute;
  top: 0;
  bottom: 0;
  width: calc(50% + 3px);
  background-image:
    radial-gradient(circle at 24% 18%, rgba(255,255,255,.14), transparent 27%),
    linear-gradient(113deg, transparent 0 38%, rgba(113,28,0,.09) 46%, rgba(255,255,255,.11) 53%, transparent 64%),
    repeating-linear-gradient(0deg, rgba(255,255,255,.035) 0 1px, rgba(78,20,0,.04) 1px 3px),
    repeating-linear-gradient(90deg, rgba(255,255,255,.025) 0 1px, rgba(68,18,0,.024) 1px 4px),
    var(--uta-orange-gradient);
  box-shadow: inset 0 0 150px rgba(83,20,0,.18);
  will-change: transform, filter;
  transition: transform .86s var(--uta-ease), filter .86s var(--uta-ease);
}
.uta-intro__panel::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(255,255,255,.09),transparent 26%,transparent 68%,rgba(74,18,0,.14)); mix-blend-mode:soft-light; }
.uta-intro__panel--left { left: 0; transform-origin: left center; clip-path: polygon(0 0,100% 0,99.5% 8%,100% 16%,99.55% 24%,100% 32%,99.5% 40%,100% 48%,99.5% 56%,100% 64%,99.5% 72%,100% 80%,99.5% 90%,100% 100%,0 100%); }
.uta-intro__panel--right { right: 0; transform-origin: right center; clip-path: polygon(0 0,100% 0,100% 100%,0 100%,.5% 90%,0 80%,.5% 72%,0 64%,.5% 56%,0 48%,.5% 40%,0 32%,.45% 24%,0 16%,.5% 8%); }
.uta-intro__seam { position:absolute; left:50%; bottom:0; z-index:4; width:4px; height:100%; background:linear-gradient(90deg,rgba(110,26,0,.7),#fff 48% 54%,rgba(110,26,0,.7)); box-shadow:0 0 16px rgba(255,255,255,.7); transform:translateX(-50%) scaleY(0); transform-origin:bottom; }
.uta-intro__scissors { position:absolute; left:50%; bottom:-190px; z-index:6; width:clamp(62px,5.2vw,88px); transform:translateX(-50%); filter:drop-shadow(0 14px 17px rgba(48,13,0,.38)); }
.uta-intro__scissors svg { display:block; width:100%; overflow:visible; }
.uta-intro__blade { transform-box:fill-box; transform-origin:50% 95%; }
.uta-intro__brand { position:absolute; left:50%; top:50%; z-index:1; display:flex; align-items:baseline; gap:4px; opacity:0; transform:translate(-50%,-43%) scale(.95); transition:opacity .35s ease, transform .72s var(--uta-ease-out); color:#242424; font-weight:900; letter-spacing:-.075em; font-size:clamp(48px,8vw,126px); }
.uta-intro__brand span:nth-child(2) { color:#fff; }
.uta-intro__brand small { margin-left:10px; color:#242424; font-size:clamp(10px,1vw,14px); letter-spacing:.34em; }
.uta-intro.is-cutting .uta-intro__seam { animation:uta-intro-seam 1.08s cubic-bezier(.42,0,.25,1) .08s forwards; }
.uta-intro.is-cutting .uta-intro__scissors { animation:uta-intro-scissors 1.16s cubic-bezier(.42,0,.19,1) forwards; }
.uta-intro.is-cutting .uta-intro__blade--left { animation:uta-blade-left .2s ease-in-out 0s 6 alternate; }
.uta-intro.is-cutting .uta-intro__blade--right { animation:uta-blade-right .2s ease-in-out 0s 6 alternate; }
.uta-intro.is-opening .uta-intro__panel--left { transform:translate3d(-103%,0,0) rotate(-1deg); filter:brightness(.95); }
.uta-intro.is-opening .uta-intro__panel--right { transform:translate3d(103%,0,0) rotate(1deg); filter:brightness(.95); }
.uta-intro.is-opening .uta-intro__seam,
.uta-intro.is-opening .uta-intro__scissors { opacity:0; transition:opacity .16s ease; }
.uta-intro.is-opening .uta-intro__brand { opacity:1; transform:translate(-50%,-50%) scale(1); }
@keyframes uta-intro-seam { to { transform:translateX(-50%) scaleY(1); } }
@keyframes uta-intro-scissors { to { transform:translate3d(-50%,calc(-100vh - 210px),0); } }
@keyframes uta-blade-left { from { transform:rotate(8deg); } to { transform:rotate(-8deg); } }
@keyframes uta-blade-right { from { transform:rotate(-8deg); } to { transform:rotate(8deg); } }

/* Cursor and page progress */
.uta-cursor { position:fixed; left:0; top:0; z-index:99990; width:34px; height:34px; border:1px solid rgba(20,20,20,.55); border-radius:50%; pointer-events:none; transform:translate3d(-100px,-100px,0); transition:width .25s var(--uta-ease),height .25s var(--uta-ease),background .25s,border-color .25s; mix-blend-mode:difference; }
.uta-cursor span { position:absolute; left:50%; top:50%; width:4px; height:4px; border-radius:50%; background:#fff; transform:translate(-50%,-50%); }
.uta-cursor.is-hover { width:62px; height:62px; background:#fff; border-color:#fff; }
.uta-progress { position:fixed; z-index:99991; top:0; left:0; right:0; height:3px; pointer-events:none; }
.uta-progress span { display:block; width:100%; height:100%; transform:scaleX(0); transform-origin:left; background:var(--uta-orange-gradient); }

/* Shared type and controls */
.uta-kicker { display:flex; align-items:center; gap:11px; margin:0 0 20px; color:var(--uta-orange-dark); font-size:12px; line-height:1; font-weight:850; text-transform:uppercase; letter-spacing:.16em; }
.uta-kicker > span { width:28px; height:2px; background:currentColor; }
.uta-kicker--light { color:#ffb08e; }
.uta-heading { margin:0; max-width:930px; font-size:clamp(46px,6.3vw,94px); line-height:.96; letter-spacing:-.067em; font-weight:730; }
.uta-heading--light { color:#fff; }
.uta-section { position:relative; padding:clamp(96px,11vw,170px) 0; }
.uta-section-head { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr); align-items:end; gap:80px; margin-bottom:clamp(62px,7vw,100px); }
.uta-section-head--compact { margin-bottom:62px; }
.uta-section-intro { margin:0; color:var(--uta-copy); font-size:clamp(17px,1.5vw,21px); line-height:1.65; }
.uta-button { position:relative; display:inline-flex; align-items:center; justify-content:center; gap:32px; min-height:62px; padding:0 25px 0 30px; border:0; border-radius:999px; text-decoration:none; font-size:14px; font-weight:800; cursor:pointer; overflow:hidden; transition:transform .35s var(--uta-ease),box-shadow .35s var(--uta-ease),background .25s,color .25s; }
.uta-button::before { content:""; position:absolute; inset:0; border-radius:inherit; background:rgba(255,255,255,.15); transform:translateX(-105%) skewX(-18deg); transition:transform .65s var(--uta-ease); }
.uta-button:hover::before { transform:translateX(105%) skewX(-18deg); }
.uta-button span,.uta-button i { position:relative; z-index:1; }
.uta-button i { display:grid; place-items:center; width:34px; height:34px; border-radius:50%; font-style:normal; transition:transform .35s var(--uta-ease),background .35s; }
.uta-button:hover i { transform:rotate(45deg); }
.uta-button--small { min-height:50px; gap:18px; padding:0 10px 0 23px; color:#fff; background:var(--uta-orange-gradient); }
.uta-button--small i { width:32px; height:32px; background:rgba(255,255,255,.16); }
.uta-button--dark { color:#fff; background:var(--uta-ink); box-shadow:0 18px 45px rgba(20,20,20,.15); }
.uta-button--dark i { background:var(--uta-orange-gradient); }
.uta-button--white { color:var(--uta-ink); background:#fff; }
.uta-button--white i { background:var(--uta-orange-gradient); color:#fff; }
.uta-button--orange { color:#fff; background:var(--uta-orange-gradient); }
.uta-button--orange i { background:#fff; color:var(--uta-orange); }
.uta-button--wide { width:100%; }
.uta-text-link { display:inline-flex; align-items:center; gap:20px; min-height:48px; text-decoration:none; font-size:14px; font-weight:800; }
.uta-text-link span { border-bottom:1px solid currentColor; padding-bottom:4px; }
.uta-text-link i { display:grid; place-items:center; width:36px; height:36px; border:1px solid var(--uta-line); border-radius:50%; font-style:normal; transition:.3s var(--uta-ease); }
.uta-text-link:hover i { color:#fff; background:var(--uta-orange-gradient); border-color:var(--uta-orange); transform:translateY(3px); }

/* Header */
.uta-header { position:fixed; z-index:1000; top:0; left:0; right:0; height:82px; color:#fff; background:rgba(0,0,0,.70); box-shadow:0 1px 0 rgba(255,255,255,.10); transition:height .4s var(--uta-ease),background .4s,box-shadow .4s,transform .45s var(--uta-ease); }
.uta-header.is-scrolled { height:70px; color:#fff; background:rgba(0,0,0,.70); box-shadow:0 1px 0 rgba(255,255,255,.10); -webkit-backdrop-filter:none; backdrop-filter:none; }
.uta-header.is-hidden { transform:translateY(-110%); }
.uta-header__inner { height:100%; display:flex; align-items:center; justify-content:space-between; gap:28px; }
.uta-brand { display:inline-flex; align-items:center; gap:12px; text-decoration:none; flex:none; }
.uta-brand__fallback { display:inline-flex; align-items:center; gap:12px; color:inherit; text-decoration:none; }
.uta-brand .custom-logo-link { display:block; line-height:0; }
.uta-brand .custom-logo { display:block; width:auto; max-width:180px; height:45px; object-fit:contain; filter:brightness(0) invert(1) drop-shadow(0 2px 8px rgba(0,0,0,.22)); }
.uta-brand__mark { position:relative; display:grid; place-items:center; width:42px; height:42px; border:2px solid var(--uta-orange); border-radius:50% 50% 46% 54%; transform:rotate(-8deg); }
.uta-brand__mark::before,.uta-brand__mark::after { content:""; position:absolute; bottom:8px; width:8px; height:17px; border:2px solid var(--uta-orange); border-top:0; }
.uta-brand__mark::before { left:10px; border-right:0; border-radius:0 0 0 9px; }
.uta-brand__mark::after { right:10px; border-left:0; border-radius:0 0 9px 0; }
.uta-brand__mark i { width:2px; height:28px; background:#fff; transform:rotate(30deg); }
.uta-brand__type { display:flex; align-items:baseline; gap:7px; }
.uta-brand__type strong { font-size:19px; line-height:1; letter-spacing:-.055em; }
.uta-brand__type strong span { color:var(--uta-orange); }
.uta-brand__type small { color:var(--uta-orange); font-size:8px; font-weight:850; letter-spacing:.26em; }
.uta-nav { display:flex; align-items:center; justify-content:center; gap:clamp(22px,2.4vw,40px); margin-left:auto; }
.uta-nav a { position:relative; text-decoration:none; font-size:13px; font-weight:680; }
.uta-nav a::after { content:""; position:absolute; left:0; right:0; bottom:-8px; height:2px; background:var(--uta-orange-gradient); transform:scaleX(0); transform-origin:right; transition:transform .35s var(--uta-ease); }
.uta-nav a:hover::after { transform:scaleX(1); transform-origin:left; }
.uta-menu { display:none; width:46px; height:46px; padding:0; border:1px solid rgba(255,255,255,.36); border-radius:50%; background:rgba(255,255,255,.08); }
.uta-menu span { display:block; width:18px; height:1.5px; margin:5px auto; background:#fff; transition:.3s; }

/* Hero */
.uta-hero { position:relative; min-height:100svh; padding:128px 0 55px; display:flex; flex-direction:column; justify-content:center; overflow:hidden; background:#fff; }
.uta-hero__mesh { position:absolute; inset:0; pointer-events:none; background-image:linear-gradient(rgba(20,20,20,.036) 1px,transparent 1px),linear-gradient(90deg,rgba(20,20,20,.036) 1px,transparent 1px); background-size:82px 82px; mask-image:linear-gradient(to right,#242424,transparent 62%); }
.uta-hero::before { content:""; position:absolute; width:650px; height:650px; right:-180px; top:-220px; border-radius:50%; background:radial-gradient(circle,rgba(241,75,10,.18),rgba(241,75,10,0) 70%); filter:blur(4px); }
.uta-hero__thread { position:absolute; inset:0; pointer-events:none; opacity:.32; }
.uta-hero__thread svg { width:100%; height:100%; }
.uta-hero__thread path { fill:none; stroke:var(--uta-orange); stroke-width:1.3; stroke-dasharray:7 11; vector-effect:non-scaling-stroke; animation:uta-thread-dash 18s linear infinite; }
@keyframes uta-thread-dash { to { stroke-dashoffset:-360; } }
.uta-hero__grid { position:relative; z-index:2; display:grid; grid-template-columns:minmax(0,1.05fr) minmax(500px,.95fr); align-items:center; gap:clamp(60px,7vw,120px); }
.uta-hero__copy { padding-top:28px; }
.uta-hero__title { margin:0; font-size:clamp(65px,7.35vw,124px); line-height:.82; letter-spacing:-.078em; font-weight:770; }
.uta-line { display:block; overflow:hidden; padding:.055em 0 .085em; }
.uta-line > span { display:block; transform:translateY(112%); }
body.uta-ready .uta-line > span { animation:uta-hero-line 1.05s var(--uta-ease-out) forwards; }
body.uta-ready .uta-line:nth-child(2) > span { animation-delay:.11s; }
body.uta-ready .uta-line:nth-child(3) > span { animation-delay:.22s; }
.uta-line--outline { color:transparent; -webkit-text-stroke:1.5px var(--uta-ink); }
.uta-hero__title em { color:var(--uta-orange); font-style:normal; }
@keyframes uta-hero-line { to { transform:translateY(0); } }
.uta-hero__lead { max-width:700px; margin:28px 0 0; color:var(--uta-copy); font-size:clamp(17px,1.35vw,20px); line-height:1.62; }
.uta-hero__actions { display:flex; align-items:center; gap:30px; margin-top:34px; }
.uta-hero__markets { display:flex; align-items:center; gap:14px; margin-top:34px; font-size:12px; }
.uta-hero__markets span { color:#858585; }
.uta-hero__markets strong { font-size:12px; text-transform:uppercase; letter-spacing:.08em; }
.uta-hero__markets i { width:4px; height:4px; border-radius:50%; background:var(--uta-orange-gradient); }
.uta-hero__visual { position:relative; height:min(66vh,730px); min-height:560px; }
.uta-hero__halo { position:absolute; inset:2% -18% 4% 7%; border-radius:52% 48% 45% 55%; background:var(--uta-orange-gradient); transform:rotate(-5deg); }
.uta-hero__image { position:absolute; inset:6% 0 5% 4%; overflow:hidden; border-radius:50% 50% 8% 48%; clip-path:polygon(10% 0,100% 4%,96% 92%,64% 100%,0 83%,3% 22%); background:#ddd; box-shadow:0 40px 80px rgba(20,20,20,.2); }
.uta-hero__image::after { content:""; position:absolute; inset:0; background:linear-gradient(150deg,transparent 52%,rgba(10,10,10,.32)); }
.uta-hero__image img { width:100%; height:100%; object-fit:cover; transform:scale(1.06); }
.uta-float-card { position:absolute; z-index:4; display:flex; flex-direction:column; background:rgba(255,255,255,.9); -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px); box-shadow:0 20px 50px rgba(20,20,20,.16); }
.uta-float-card--top { top:2%; right:-4%; min-width:188px; padding:20px 22px; border-radius:18px; animation:uta-float 5s ease-in-out infinite; }
.uta-float-card--top small { color:var(--uta-orange); font-size:9px; font-weight:900; letter-spacing:.17em; }
.uta-float-card--top strong { margin-top:6px; font-size:15px; }
.uta-float-card--bottom { left:-3%; bottom:5%; flex-direction:row; align-items:center; gap:13px; padding:16px 20px; border-radius:999px; animation:uta-float 5.8s ease-in-out -1.4s infinite; }
.uta-float-card--bottom small { display:block; color:#777; font-size:9px; }
.uta-float-card--bottom strong { display:block; margin-top:3px; font-size:13px; }
.uta-pulse { width:12px; height:12px; border:3px solid #fff; border-radius:50%; background:var(--uta-orange-gradient); box-shadow:0 0 0 0 rgba(241,75,10,.5); animation:uta-pulse 2s infinite; }
@keyframes uta-pulse { 70% { box-shadow:0 0 0 10px rgba(241,75,10,0); } }
@keyframes uta-float { 50% { transform:translateY(-12px); } }
.uta-hero__orbit { position:absolute; right:-34px; bottom:17%; z-index:3; display:grid; place-items:center; width:116px; height:116px; border-radius:50%; color:#fff; background:var(--uta-ink); }
.uta-hero__orbit span { position:absolute; width:100%; height:100%; padding:8px; border-radius:50%; font-size:8px; font-weight:800; letter-spacing:.12em; animation:uta-spin 14s linear infinite; }
.uta-hero__orbit span::before { content:"DESIGN · SOURCE · PRODUCE · DELIVER ·"; position:absolute; inset:13px; text-align:center; line-height:12px; }
@keyframes uta-spin { to { transform:rotate(360deg); } }
.uta-hero__bottom { position:relative; z-index:2; display:flex; align-items:center; gap:16px; margin-top:36px; color:#777; font-size:10px; font-weight:750; text-transform:uppercase; letter-spacing:.12em; }
.uta-hero__bottom div { flex:1; height:1px; background:var(--uta-line); }
.uta-hero__bottom div i { display:block; width:16%; height:100%; background:var(--uta-orange-gradient); animation:uta-scroll-line 2.2s ease-in-out infinite; }
.uta-hero__bottom strong { color:#242424; }
@keyframes uta-scroll-line { 0% { transform:scaleX(0); transform-origin:left; } 50% { transform:scaleX(1); transform-origin:left; } 51% { transform-origin:right; } 100% { transform:scaleX(0); transform-origin:right; } }

/* Two-way brand strip */
.uta-marquee {
  position:relative;
  height:274px;
  overflow:hidden;
  isolation:isolate;
  color:var(--uta-ink);
  background:var(--uta-white);
  border-top:1px solid rgba(20,20,20,.07);
  border-bottom:1px solid rgba(20,20,20,.1);
}
.uta-marquee::before {
  content:"";
  position:absolute;
  z-index:-1;
  left:50%;
  top:-270px;
  width:540px;
  height:540px;
  border:1px solid rgba(20,20,20,.055);
  border-radius:50%;
  transform:translateX(-50%);
}
.uta-marquee__eyebrow {
  position:relative;
  z-index:2;
  margin:0;
  padding:57px 20px 31px;
  color:#7a5748;
  font-size:10px;
  line-height:1;
  font-weight:650;
  text-align:center;
  text-transform:uppercase;
  letter-spacing:.39em;
}
.uta-marquee__rails { display:grid; gap:11px; }
.uta-marquee__rail { width:100%; overflow:hidden; }
.uta-marquee__track {
  display:flex;
  width:max-content;
  transform:translate3d(0,0,0);
  will-change:transform;
  backface-visibility:hidden;
}
.uta-marquee__group {
  display:flex;
  flex:none;
  align-items:center;
  gap:16px;
  padding-right:16px;
}
.uta-marquee__rail--forward .uta-marquee__track { animation:uta-marquee-forward 56s linear infinite; }
.uta-marquee__rail--reverse .uta-marquee__track { animation:uta-marquee-reverse 58s linear infinite; }
.uta-marquee__pill {
  display:inline-flex;
  flex:none;
  align-items:center;
  min-height:43px;
  padding:0 24px 0 19px;
  border:1px solid rgba(20,20,20,.14);
  border-radius:999px;
  background:rgba(255,255,255,.96);
  white-space:nowrap;
  box-shadow:0 1px 0 rgba(20,20,20,.015);
}
.uta-marquee__pill i {
  flex:none;
  width:6px;
  height:6px;
  margin-right:15px;
  border-radius:50%;
  background:var(--uta-orange-gradient);
}
.uta-marquee__pill strong { font-size:14px; line-height:1; font-weight:760; letter-spacing:-.015em; }
.uta-marquee__pill small { margin-left:12px; color:#827d78; font-size:11px; line-height:1; font-weight:430; }
@keyframes uta-marquee-forward { from { transform:translate3d(-50%,0,0); } to { transform:translate3d(0,0,0); } }
@keyframes uta-marquee-reverse { from { transform:translate3d(0,0,0); } to { transform:translate3d(-50%,0,0); } }

/* Client portfolio strip — sourced from the supplied company profiles. */
.uta-client-logos {
  position:relative;
  isolation:isolate;
  padding:clamp(54px,5.5vw,78px) 0 clamp(48px,5vw,70px);
  overflow:hidden;
  color:var(--uta-ink);
  background:#fff;
  border-top:1px solid rgba(20,20,20,.07);
  border-bottom:1px solid rgba(20,20,20,.08);
}
.uta-client-logos::before {
  display:none;
  content:none;
}
.uta-client-logos__heading {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(260px,.62fr);
  align-items:end;
  gap:12px 48px;
  margin-bottom:clamp(30px,3.4vw,46px);
}
.uta-client-logos__eyebrow {
  grid-column:1/-1;
  display:flex;
  align-items:center;
  gap:13px;
  margin:0;
  color:#7a5748;
  font-size:10px;
  line-height:1;
  font-weight:750;
  text-transform:uppercase;
  letter-spacing:.3em;
}
.uta-client-logos__eyebrow span { width:30px; height:1px; background:var(--uta-orange-gradient); }
.uta-client-logos__heading h2 {
  margin:0;
  max-width:790px;
  font-size:clamp(36px,4.2vw,64px);
  line-height:.96;
  font-weight:730;
  letter-spacing:-.055em;
}
.uta-client-logos__heading > p:last-child {
  margin:0 0 4px;
  color:#6f6a66;
  font-size:14px;
  line-height:1.6;
}
.uta-client-logos__viewport {
  width:100%;
  overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#242424 5%,#242424 95%,transparent);
  mask-image:linear-gradient(90deg,transparent,#242424 5%,#242424 95%,transparent);
}
.uta-client-logos__track {
  display:flex;
  width:max-content;
  will-change:transform;
  animation:uta-client-logos-scroll 88s linear infinite;
}
.uta-client-logos__group {
  display:flex;
  flex:none;
  align-items:stretch;
  gap:10px;
  padding-right:10px;
}
.uta-client-logo {
  position:relative;
  display:flex;
  flex:0 0 216px;
  align-items:center;
  justify-content:center;
  height:110px;
  padding:18px 26px;
  overflow:hidden;
  border:0;
  border-radius:10px;
  background:#fff;
  box-shadow:none;
  transition:background-color .3s var(--uta-ease),transform .3s var(--uta-ease);
}
.uta-client-logo::before {
  content:"";
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  height:2px;
  background:var(--uta-orange-gradient);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .35s var(--uta-ease);
}
.uta-client-logo:hover {
  background:#fff;
  transform:translateY(-2px);
}
.uta-client-logo:hover::before { transform:scaleX(1); }
.uta-client-logo img {
  display:block;
  width:154px;
  max-width:none;
  height:62px;
  max-height:none;
  object-fit:contain;
  mix-blend-mode:multiply;
  filter:grayscale(1) contrast(1.12) opacity(.78);
  transition:filter .3s var(--uta-ease),transform .3s var(--uta-ease);
}
.uta-client-logo img[src*="brand-lidl"],
.uta-client-logo img[src*="brand-burger-king"],
.uta-client-logo img[src*="brand-authentic-premium"] { width:76px; height:76px; }
.uta-client-logo img[src*="brand-parasuco"],
.uta-client-logo img[src*="brand-lpp"] { width:148px; height:66px; }
.uta-client-logo img[src*="brand-bench"],
.uta-client-logo img[src*="brand-ross"],
.uta-client-logo img[src*="brand-lc-waikiki"] { width:160px; height:62px; }
.uta-client-logo:hover img { filter:grayscale(1) contrast(1.16) opacity(.96); transform:scale(1.025); }
.uta-client-logo--word { flex-direction:column; gap:0; text-align:center; }
.uta-client-logo--word strong {
  display:flex;
  align-items:center;
  justify-content:center;
  color:#242424;
  font-family:var(--uta-font);
  font-size:18px;
  line-height:1;
  font-weight:760;
  letter-spacing:.02em;
  white-space:nowrap;
}
.uta-client-logo--word small {
  display:none;
}
.uta-client-logo--word em { display:block; margin-left:7px; font-size:7px; line-height:1.1; font-style:normal; font-weight:700; letter-spacing:.15em; text-align:left; }

/* Individual wordmark personalities keep profile-only client names logo-like. */
.uta-client-logo--pj strong { font-size:18px; font-weight:830; letter-spacing:.17em; }
.uta-client-logo--pj strong::after { content:""; width:18px; height:1px; margin-left:11px; background:var(--uta-orange-gradient); }
.uta-client-logo--aeropostal strong { font-family:Georgia,"Times New Roman",serif; font-size:24px; font-style:italic; font-weight:500; letter-spacing:-.055em; }
.uta-client-logo--aeropostal strong::after { content:""; width:4px; height:4px; margin-left:6px; border-radius:50%; background:var(--uta-orange-gradient); }
.uta-client-logo--westside strong { padding:8px 10px; border:1px solid #242424; font-size:14px; font-weight:650; letter-spacing:.28em; }
.uta-client-logo--projek strong { font-family:"Bebas Neue",Impact,sans-serif; font-size:27px; font-weight:400; letter-spacing:.09em; transform:skewX(-7deg); }
.uta-client-logo--projek strong::after { content:""; width:5px; height:5px; margin-left:7px; border-radius:50%; background:var(--uta-orange-gradient); }
.uta-client-logo--whisper strong { font-family:Georgia,"Times New Roman",serif; font-size:19px; font-weight:400; letter-spacing:.015em; }
.uta-client-logo--whisper strong::first-letter { font-size:25px; }
.uta-client-logo--yjm strong { font-size:26px; font-weight:850; letter-spacing:-.07em; }
.uta-client-logo--yjm strong em { margin-left:9px; letter-spacing:.13em; }
.uta-client-logo--duke strong { font-family:"Bebas Neue",Impact,sans-serif; font-size:28px; font-weight:400; letter-spacing:.09em; }
.uta-client-logo--duke strong em { margin-left:9px; font-family:var(--uta-font); }
.uta-client-logo--mieru strong { font-size:22px; font-weight:420; letter-spacing:.18em; }
.uta-client-logo--mieru strong em { margin-left:6px; padding-left:7px; border-left:1px solid rgba(20,20,20,.24); }
.uta-client-logo--pinwood strong { font-size:16px; font-weight:760; letter-spacing:.24em; }
.uta-client-logo--pinwood strong::before { content:"P"; display:grid; place-items:center; width:25px; height:25px; margin-right:9px; border-radius:50%; color:#fff; background:#242424; font-size:11px; letter-spacing:0; }
.uta-client-logo--fegi strong { font-size:27px; font-weight:850; letter-spacing:-.06em; }
.uta-client-logo--fegi strong em { margin-left:9px; }
.uta-client-logo--check strong { font-family:"Bebas Neue",Impact,sans-serif; font-size:26px; font-weight:400; letter-spacing:.07em; }
.uta-client-logo--check strong em { margin-left:8px; font-family:var(--uta-font); }
.uta-client-logo--rovitex strong { font-size:18px; font-weight:520; letter-spacing:.2em; }
.uta-client-logo--rovitex strong::after { content:""; width:6px; height:6px; margin-left:7px; background:var(--uta-orange-gradient); transform:rotate(45deg); }
.uta-client-logo--giant strong { font-size:23px; font-weight:840; letter-spacing:-.06em; }
.uta-client-logo--giant strong em { margin-left:5px; color:var(--uta-orange); font-size:12px; letter-spacing:.05em; }
.uta-client-logo--rms strong { font-size:25px; font-weight:850; letter-spacing:-.04em; }
.uta-client-logo--rms strong span { margin-left:3px; color:var(--uta-orange); font-weight:380; }
@keyframes uta-client-logos-scroll { from { transform:translate3d(0,0,0); } to { transform:translate3d(-50%,0,0); } }

@media (max-width:760px) {
  .uta-client-logos { padding:42px 0 44px; }
  .uta-client-logos__heading { grid-template-columns:1fr; gap:12px; margin-bottom:28px; }
  .uta-client-logos__heading h2 { font-size:clamp(34px,10vw,48px); }
  .uta-client-logos__heading > p:last-child { max-width:500px; font-size:13px; }
  .uta-client-logo { flex-basis:180px; height:94px; padding:14px 18px; border-radius:9px; }
  .uta-client-logo img { width:138px; height:56px; }
  .uta-client-logo img[src*="brand-lidl"],
  .uta-client-logo img[src*="brand-burger-king"],
  .uta-client-logo img[src*="brand-authentic-premium"] { width:66px; height:66px; }
  .uta-client-logo img[src*="brand-parasuco"],
  .uta-client-logo img[src*="brand-lpp"],
  .uta-client-logo img[src*="brand-bench"],
  .uta-client-logo img[src*="brand-ross"],
  .uta-client-logo img[src*="brand-lc-waikiki"] { width:140px; height:56px; }
}

@media (prefers-reduced-motion:reduce) {
  .uta-client-logos__track { animation-play-state:paused; }
}

/* What we serve */
.uta-serve { background:#fff; }
.uta-serve__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.uta-service-card { position:relative; min-height:520px; padding:34px; border:1px solid rgba(20,20,20,.1); border-radius:28px; background:#fff; overflow:hidden; transform-style:preserve-3d; transition:border-color .35s,box-shadow .35s; }
.uta-service-card::after { content:""; position:absolute; right:-80px; bottom:-110px; width:260px; height:260px; border:1px solid rgba(241,75,10,.18); border-radius:50%; box-shadow:0 0 0 38px rgba(241,75,10,.04),0 0 0 76px rgba(241,75,10,.025); transition:transform .7s var(--uta-ease); }
.uta-service-card:hover { border-color:rgba(241,75,10,.45); box-shadow:0 35px 70px rgba(38,20,12,.1); }
.uta-service-card:hover::after { transform:scale(1.18); }
.uta-service-card--orange { color:#fff; background:var(--uta-orange-gradient); border-color:var(--uta-orange); }
.uta-service-card--orange::after { border-color:rgba(255,255,255,.3); box-shadow:0 0 0 38px rgba(255,255,255,.06),0 0 0 76px rgba(255,255,255,.035); }
.uta-service-card__number { color:#989898; font-size:12px; font-weight:850; }
.uta-service-card--orange .uta-service-card__number { color:rgba(255,255,255,.65); }
.uta-service-card__icon { display:grid; place-items:center; width:72px; height:72px; margin:66px 0 38px; border-radius:22px; color:var(--uta-orange); background:var(--uta-orange-soft); transform:rotate(-7deg); }
.uta-service-card__icon span { font-size:29px; transform:rotate(7deg); }
.uta-service-card--orange .uta-service-card__icon { color:var(--uta-orange); background:#fff; }
.uta-service-card h3 { position:relative; z-index:1; max-width:330px; margin:0; font-size:clamp(28px,2.6vw,42px); line-height:1; letter-spacing:-.045em; }
.uta-service-card p { position:relative; z-index:1; margin:20px 0 0; color:#666; line-height:1.65; }
.uta-service-card--orange p { color:rgba(255,255,255,.8); }
.uta-service-card ul { position:relative; z-index:1; display:flex; flex-wrap:wrap; gap:8px; margin:29px 0 0; padding:0; list-style:none; }
.uta-service-card li { padding:8px 11px; border:1px solid var(--uta-line); border-radius:999px; font-size:10px; font-weight:750; }
.uta-service-card--orange li { border-color:rgba(255,255,255,.28); }

/* Circular capability carousel */
.uta-capabilities { position:relative; overflow:hidden; padding:clamp(110px,12vw,190px) 0; color:#fff; background:#242424; }
.uta-capabilities__glow { position:absolute; left:-15vw; bottom:-40vw; width:75vw; height:75vw; border-radius:50%; background:radial-gradient(circle,rgba(241,75,10,.22),rgba(241,75,10,0) 67%); }
.uta-capabilities__grid { position:relative; z-index:2; display:grid; grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr); align-items:center; gap:clamp(70px,8vw,130px); }
.uta-orbit-stage { display:grid; place-items:center; min-width:0; padding:36px; }
.uta-orbit { --size:min(47vw,650px); --radius:calc(var(--size)*.4); position:relative; width:var(--size); height:var(--size); border-radius:50%; }
.uta-orbit::before { content:""; position:absolute; inset:5%; border-radius:50%; background:linear-gradient(145deg,#242424,#242424); box-shadow:0 45px 100px rgba(0,0,0,.42),inset 0 0 0 1px rgba(255,255,255,.05); }
.uta-orbit__line { position:absolute; border-radius:50%; pointer-events:none; }
.uta-orbit__line--outer { inset:0; border:1px dashed rgba(241,75,10,.42); animation:uta-spin 34s linear infinite; }
.uta-orbit__line--inner { inset:15%; border:1px solid rgba(255,255,255,.09); }
.uta-orbit__center { position:absolute; inset:23%; z-index:3; overflow:hidden; border:10px solid rgba(255,255,255,.08); border-radius:50%; background:#242424; box-shadow:0 28px 70px rgba(0,0,0,.48); }
.uta-orbit__center::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 44%,rgba(0,0,0,.78)); }
.uta-orbit__center img { width:100%; height:100%; object-fit:cover; transition:opacity .23s,transform .75s var(--uta-ease); }
.uta-orbit__center.is-changing img { opacity:.12; transform:scale(1.08); }
.uta-orbit__center > div { position:absolute; z-index:2; left:23px; right:23px; bottom:20px; display:flex; align-items:flex-end; justify-content:space-between; gap:20px; }
.uta-orbit__center small { max-width:120px; color:#fff; font-size:10px; line-height:1.25; font-weight:800; text-transform:uppercase; letter-spacing:.11em; }
.uta-orbit__center strong { color:var(--uta-orange-dark); font-size:12px; white-space:nowrap; }
.uta-orbit__track { position:absolute; inset:0; z-index:4; border-radius:50%; transition:transform .9s var(--uta-ease); }
.uta-orbit__item { position:absolute; left:50%; top:50%; width:clamp(70px,6.7vw,94px); aspect-ratio:1; padding:0; overflow:hidden; border:5px solid #242424; border-radius:50%; background:#333; cursor:pointer; box-shadow:0 18px 42px rgba(0,0,0,.42); transform:translate(-50%,-50%) rotate(calc(var(--i)*60deg)) translateY(calc(var(--radius)*-1)) rotate(calc(var(--i)*-60deg + var(--counter,0deg))) scale(.9); transition:transform .9s var(--uta-ease),border-color .3s,box-shadow .3s; }
.uta-orbit__item img { width:100%; height:100%; object-fit:cover; }
.uta-orbit__item:hover,.uta-orbit__item:focus-visible { border-color:var(--uta-orange-dark); }
.uta-orbit__item.is-active { border-color:var(--uta-orange); box-shadow:0 18px 52px rgba(241,75,10,.35); transform:translate(-50%,-50%) rotate(calc(var(--i)*60deg)) translateY(calc(var(--radius)*-1)) rotate(calc(var(--i)*-60deg + var(--counter,0deg))) scale(1.15); }
.uta-capabilities__counter { display:flex; align-items:center; gap:12px; margin:35px 0 18px; color:#fff; }
.uta-capabilities__counter > span { color:var(--uta-orange); font-size:18px; font-weight:850; }
.uta-capabilities__counter i { width:60px; height:1px; background:rgba(255,255,255,.3); }
.uta-capabilities__counter small { color:#777; }
.uta-capabilities__copy h2 { max-width:650px; font-size:clamp(50px,5.7vw,84px); }
.uta-capabilities__copy > p { max-width:620px; min-height:5.2em; margin:28px 0 0; color:#aaa; font-size:clamp(17px,1.45vw,20px); line-height:1.65; }
.uta-carousel-controls { display:flex; align-items:center; gap:14px; margin:38px 0; }
.uta-carousel-controls button,.uta-specializations__nav button,.uta-work__controls button { width:50px; height:50px; border:1px solid rgba(255,255,255,.2); border-radius:50%; color:#fff; background:transparent; cursor:pointer; transition:.3s var(--uta-ease); }
.uta-carousel-controls button:hover { color:#fff; background:var(--uta-orange-gradient); border-color:var(--uta-orange); transform:translateY(-3px); }
.uta-carousel-controls > div { width:180px; height:2px; overflow:hidden; background:rgba(255,255,255,.15); }
.uta-carousel-controls > div span { display:block; width:16.666%; height:100%; background:var(--uta-orange-gradient); transform-origin:left; transition:transform .7s var(--uta-ease); }

/* Process */
.uta-process { padding:clamp(110px,12vw,190px) 0; background:#fff; }
.uta-process__grid { display:grid; grid-template-columns:minmax(380px,.85fr) minmax(500px,1.15fr); align-items:start; gap:clamp(80px,11vw,180px); }
.uta-process__sticky { position:sticky; top:140px; }
.uta-process__sticky > p:not(.uta-kicker) { max-width:520px; margin:28px 0 0; color:var(--uta-copy); font-size:19px; line-height:1.6; }
.uta-process__meter { width:100%; height:3px; margin-top:42px; background:#e6e6e6; }
.uta-process__meter span { display:block; width:100%; height:100%; transform:scaleX(.2); transform-origin:left; background:var(--uta-orange-gradient); transition:transform .7s var(--uta-ease); }
.uta-process__steps { border-top:1px solid var(--uta-line); }
.uta-process-step { display:grid; grid-template-columns:58px 1fr; gap:24px; min-height:280px; padding:50px 0; border-bottom:1px solid var(--uta-line); opacity:.32; transition:opacity .45s,transform .55s var(--uta-ease); }
.uta-process-step.is-active { opacity:1; transform:translateX(-12px); }
.uta-process-step > span { display:grid; place-items:center; width:42px; height:42px; border:1px solid var(--uta-line); border-radius:50%; color:#777; font-size:11px; font-weight:800; }
.uta-process-step.is-active > span { color:#fff; background:var(--uta-orange-gradient); border-color:var(--uta-orange); }
.uta-process-step small { color:var(--uta-orange); font-size:11px; font-weight:850; text-transform:uppercase; letter-spacing:.14em; }
.uta-process-step h3 { max-width:560px; margin:13px 0 0; font-size:clamp(30px,3vw,48px); line-height:1.04; letter-spacing:-.05em; }
.uta-process-step p { max-width:610px; margin:20px 0 0; color:var(--uta-copy); font-size:17px; line-height:1.65; }

/* Specializations */
.uta-specializations { overflow:hidden; background:var(--uta-paper); }
.uta-specializations__nav { display:flex; gap:10px; align-self:end; }
.uta-specializations__nav button { color:#242424; border-color:var(--uta-line); background:#fff; }
.uta-specializations__nav button:hover { color:#fff; background:var(--uta-orange-gradient); border-color:var(--uta-orange); }
.uta-spec-track { display:flex; gap:22px; transition:transform .75s var(--uta-ease); will-change:transform; }
.uta-spec-card { flex:0 0 min(31vw,420px); }
.uta-spec-card__image { position:relative; height:530px; overflow:hidden; border-radius:28px; background:#ddd; }
.uta-spec-card__image::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 65%,rgba(0,0,0,.45)); }
.uta-spec-card__image img { width:100%; height:100%; object-fit:cover; transition:transform .9s var(--uta-ease); }
.uta-spec-card:hover img { transform:scale(1.065); }
.uta-spec-card__image > span { position:absolute; z-index:2; top:20px; left:20px; display:grid; place-items:center; width:44px; height:44px; border-radius:50%; color:#fff; background:rgba(20,20,20,.7); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); font-size:11px; }
.uta-spec-card > div:last-child { padding:24px 5px 0; }
.uta-spec-card small { color:var(--uta-orange); font-size:10px; font-weight:850; text-transform:uppercase; letter-spacing:.14em; }
.uta-spec-card h3 { margin:9px 0 0; font-size:31px; letter-spacing:-.04em; }
.uta-spec-card p { margin:12px 0 0; color:var(--uta-copy); line-height:1.55; }

/* Quality */
.uta-quality { background:#fff; }
.uta-quality__grid { display:grid; grid-template-columns:minmax(0,.92fr) minmax(480px,1.08fr); align-items:center; gap:clamp(70px,9vw,150px); }
.uta-quality__visual { position:relative; min-height:760px; overflow:hidden; border-radius:34px; background:#ddd; }
.uta-quality__visual::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.5)); }
.uta-quality__visual > img { width:100%; height:100%; object-fit:cover; position:absolute; inset:0; }
.uta-quality__badge { position:absolute; z-index:2; left:30px; right:30px; bottom:30px; display:flex; align-items:center; gap:20px; padding:18px; border:1px solid rgba(255,255,255,.3); border-radius:18px; color:#fff; background:rgba(20,20,20,.55); -webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px); }
.uta-quality__badge span { display:grid; place-items:center; width:54px; height:54px; border-radius:50%; background:var(--uta-orange-gradient); font-size:13px; font-weight:900; }
.uta-quality__badge p { margin:0; font-size:14px; font-weight:750; }
.uta-quality__copy > .uta-section-intro { max-width:690px; margin:28px 0 0; }
.uta-quality__list { margin-top:44px; border-top:1px solid var(--uta-line); }
.uta-quality__list article { display:grid; grid-template-columns:44px 1fr; gap:20px; padding:25px 0; border-bottom:1px solid var(--uta-line); }
.uta-quality__list article > span { color:var(--uta-orange); font-size:11px; font-weight:850; }
.uta-quality__list h3 { margin:0; font-size:20px; letter-spacing:-.025em; }
.uta-quality__list p { margin:8px 0 0; color:var(--uta-copy); line-height:1.55; }

/* Sample section and form */
.uta-sample { position:relative; overflow:hidden; padding:clamp(110px,12vw,190px) 0; color:#fff; background:var(--uta-orange-gradient); }
.uta-sample__pattern { position:absolute; inset:0; opacity:.16; background-image:linear-gradient(135deg,transparent 25%,#fff 25% 26%,transparent 26% 50%,#fff 50% 51%,transparent 51% 75%,#fff 75% 76%,transparent 76%); background-size:86px 86px; mask-image:linear-gradient(to right,#242424,transparent 72%); }
.uta-sample::after { content:""; position:absolute; right:-12vw; top:-20vw; width:65vw; height:65vw; border:1px solid rgba(255,255,255,.18); border-radius:50%; box-shadow:0 0 0 80px rgba(255,255,255,.035),0 0 0 160px rgba(255,255,255,.025); }
.uta-sample__grid { position:relative; z-index:2; display:grid; grid-template-columns:minmax(0,.82fr) minmax(520px,1.18fr); align-items:start; gap:clamp(70px,9vw,150px); }
.uta-sample__copy > p:not(.uta-kicker) { max-width:610px; margin:28px 0 42px; color:rgba(255,255,255,.8); font-size:19px; line-height:1.65; }
.uta-sample__promise { display:flex; align-items:center; gap:18px; max-width:560px; padding:18px 0; border-top:1px solid rgba(255,255,255,.25); }
.uta-sample__promise:last-child { border-bottom:1px solid rgba(255,255,255,.25); }
.uta-sample__promise > span { display:grid; place-items:center; width:38px; height:38px; border:1px solid rgba(255,255,255,.38); border-radius:50%; font-size:10px; }
.uta-sample__promise p { margin:0; }
.uta-sample__promise strong,.uta-sample__promise small { display:block; }
.uta-sample__promise strong { font-size:14px; }
.uta-sample__promise small { margin-top:4px; color:rgba(255,255,255,.62); font-size:11px; }
.uta-form { padding:38px; border-radius:30px; color:var(--uta-ink); background:#fff; box-shadow:0 45px 100px rgba(100,25,0,.25); }
.uta-form__top { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:32px; padding-bottom:22px; border-bottom:1px solid var(--uta-line); }
.uta-form__top span { color:var(--uta-orange); font-size:11px; font-weight:900; letter-spacing:.14em; }
.uta-form__top small { color:#8a8a8a; font-size:10px; }
.uta-form__row { display:grid; grid-template-columns:1fr 1fr; gap:15px; }
.uta-form label { display:block; margin-bottom:17px; }
.uta-form label > span { display:block; margin:0 0 8px 3px; color:#555; font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.uta-form input,.uta-form select,.uta-form textarea { width:100%; border:1px solid #ddd; border-radius:13px; color:#242424; background:#fff; outline:none; transition:border-color .25s,box-shadow .25s,background .25s; }
.uta-form input,.uta-form select { height:52px; padding:0 15px; }
.uta-form textarea { padding:15px; resize:vertical; }
.uta-form input:focus,.uta-form select:focus,.uta-form textarea:focus { border-color:var(--uta-orange); background:#fff; box-shadow:0 0 0 4px rgba(241,75,10,.1); }
.uta-form .is-invalid { border-color:#bd1f1f; }
.uta-form__status { min-height:20px; margin:15px 0 0; color:#656565; font-size:12px; text-align:center; }
.uta-form__status.is-error { color:#b82020; }
.uta-form__status.is-success { color:#19713a; }
.uta-honeypot { position:absolute!important; left:-9999px!important; opacity:0!important; pointer-events:none!important; }

/* Case studies */
.uta-work { overflow:hidden; background:var(--uta-paper); }
.uta-work__viewport { overflow:visible; }
.uta-work__track { display:flex; gap:24px; transition:transform .8s var(--uta-ease); will-change:transform; }
.uta-case { flex:0 0 min(68vw,900px); overflow:hidden; border:1px solid var(--uta-line); border-radius:30px; background:#fff; }
.uta-case__image { position:relative; height:500px; overflow:hidden; }
.uta-case__image::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.52)); }
.uta-case__image img { width:100%; height:100%; object-fit:cover; transition:transform 1s var(--uta-ease); }
.uta-case:hover .uta-case__image img { transform:scale(1.055); }
.uta-case__image span { position:absolute; z-index:2; left:24px; bottom:23px; padding:9px 12px; border:1px solid rgba(255,255,255,.35); border-radius:999px; color:#fff; background:rgba(20,20,20,.35); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); font-size:9px; font-weight:850; letter-spacing:.13em; }
.uta-case__body { padding:34px; }
.uta-case__body small { color:var(--uta-orange); font-size:10px; font-weight:850; text-transform:uppercase; letter-spacing:.14em; }
.uta-case__body h3 { margin:10px 0 0; font-size:clamp(31px,3.5vw,50px); line-height:1; letter-spacing:-.05em; }
.uta-case__body p { max-width:720px; margin:18px 0 0; color:var(--uta-copy); font-size:17px; line-height:1.6; }
.uta-case__body ul { display:flex; flex-wrap:wrap; gap:9px; margin:25px 0 0; padding:0; list-style:none; }
.uta-case__body li { padding:8px 12px; border:1px solid var(--uta-line); border-radius:999px; font-size:10px; font-weight:750; }
.uta-work__controls { display:flex; align-items:center; justify-content:flex-end; gap:10px; margin-top:32px; }
.uta-work__controls > div { flex:1; height:2px; margin-right:20px; overflow:hidden; background:#ddd; }
.uta-work__controls > div span { display:block; width:33.333%; height:100%; background:var(--uta-orange-gradient); transition:transform .7s var(--uta-ease); }
.uta-work__controls button { color:#242424; border-color:var(--uta-line); background:#fff; }
.uta-work__controls button:hover { color:#fff; background:var(--uta-orange-gradient); border-color:var(--uta-orange); }

/* FAQ */
.uta-faq { background:#fff; }
.uta-faq__grid { display:grid; grid-template-columns:minmax(360px,.78fr) minmax(520px,1.22fr); align-items:start; gap:clamp(80px,11vw,180px); }
.uta-faq__grid > div:first-child { position:sticky; top:135px; }
.uta-faq__grid .uta-section-intro { max-width:480px; margin:27px 0; }
.uta-accordion { border-top:1px solid var(--uta-line); }
.uta-accordion__item { border-bottom:1px solid var(--uta-line); }
.uta-accordion__item button { display:flex; align-items:center; justify-content:space-between; gap:30px; width:100%; min-height:100px; padding:0; border:0; color:#242424; background:transparent; text-align:left; cursor:pointer; }
.uta-accordion__item button span { font-size:clamp(18px,1.55vw,23px); font-weight:690; letter-spacing:-.02em; }
.uta-accordion__item button i { position:relative; flex:none; width:38px; height:38px; border:1px solid var(--uta-line); border-radius:50%; transition:.3s var(--uta-ease); }
.uta-accordion__item button i::before,.uta-accordion__item button i::after { content:""; position:absolute; left:50%; top:50%; width:13px; height:1px; background:#242424; transform:translate(-50%,-50%); transition:.3s; }
.uta-accordion__item button i::after { transform:translate(-50%,-50%) rotate(90deg); }
.uta-accordion__item.is-open button i { color:#fff; background:var(--uta-orange-gradient); border-color:var(--uta-orange); transform:rotate(180deg); }
.uta-accordion__item.is-open button i::before,.uta-accordion__item.is-open button i::after { background:#fff; }
.uta-accordion__item.is-open button i::after { transform:translate(-50%,-50%) rotate(0); }
.uta-accordion__item > div { display:grid; grid-template-rows:0fr; transition:grid-template-rows .5s var(--uta-ease); }
.uta-accordion__item > div > p { overflow:hidden; margin:0; color:var(--uta-copy); line-height:1.65; }
.uta-accordion__item.is-open > div { grid-template-rows:1fr; }
.uta-accordion__item.is-open > div > p { padding-bottom:32px; }

/* Final CTA and footer */
.uta-final-cta { position:relative; min-height:750px; display:grid; place-items:center; overflow:hidden; color:#fff; }
.uta-final-cta__image,.uta-final-cta__overlay { position:absolute; inset:0; }
.uta-final-cta__image img { width:100%; height:100%; object-fit:cover; }
.uta-final-cta__overlay { background:linear-gradient(90deg,rgba(12,12,12,.88),rgba(12,12,12,.42)),linear-gradient(0deg,rgba(12,12,12,.55),transparent 60%); }
.uta-final-cta__content { position:relative; z-index:2; }
.uta-final-cta h2 { max-width:1050px; margin:0 0 40px; font-size:clamp(54px,7.4vw,112px); line-height:.91; letter-spacing:-.07em; }
.uta-footer { padding:75px 0 25px; color:#fff; background:#242424; overflow:hidden; }
.uta-brand--footer .uta-brand__mark i { background:#fff; }
.uta-footer__top { display:grid; grid-template-columns:1fr 1fr auto; align-items:center; gap:60px; padding-bottom:48px; border-bottom:1px solid rgba(255,255,255,.14); }
.uta-footer__top p { max-width:410px; margin:0; color:#888; line-height:1.55; }
.uta-footer__email { text-decoration:none; color:#fff; font-size:15px; font-weight:750; border-bottom:1px solid var(--uta-orange); padding-bottom:5px; }
.uta-footer__middle { display:flex; justify-content:space-between; gap:50px; padding:40px 0; }
.uta-footer__middle nav { display:flex; flex-wrap:wrap; gap:15px 30px; }
.uta-footer__middle a { color:#aaa; text-decoration:none; font-size:12px; }
.uta-footer__middle a:hover { color:#fff; }
.uta-footer__middle > div { text-align:right; }
.uta-footer__middle > div span,.uta-footer__middle > div strong { display:block; }
.uta-footer__middle > div span { color:#777; font-size:9px; text-transform:uppercase; letter-spacing:.14em; }
.uta-footer__middle > div strong { margin-top:8px; font-size:12px; }
.uta-footer__wordmark { display:flex; align-items:center; font-size:clamp(120px,21.2vw,330px); line-height:.76; font-weight:900; letter-spacing:-.095em; white-space:nowrap; }
.uta-footer__wordmark span:last-child { color:var(--uta-orange); }
.uta-footer__bottom { display:flex; align-items:center; justify-content:space-between; gap:30px; margin-top:42px; padding-top:22px; border-top:1px solid rgba(255,255,255,.14); color:#6f6f6f; font-size:10px; }
.uta-footer__bottom a { color:#aaa; text-decoration:none; }

/* Reveal states */
.uta-reveal,.uta-reveal-card,.uta-image-reveal { opacity:0; transform:translateY(35px); transition:opacity .85s var(--uta-ease-out),transform .85s var(--uta-ease-out); }
.uta-reveal-card:nth-child(2) { transition-delay:.11s; }
.uta-reveal-card:nth-child(3) { transition-delay:.22s; }
.uta-image-reveal { clip-path:inset(0 0 100% 0 round 30px); transform:translateY(0); transition:opacity .4s,clip-path 1.2s var(--uta-ease-out); }
.uta-reveal.is-visible,.uta-reveal-card.is-visible,.uta-image-reveal.is-visible { opacity:1; transform:translateY(0); clip-path:inset(0 0 0 0 round 30px); }
.uta-split .uta-word { display:inline-block; overflow:hidden; vertical-align:top; padding-bottom:.08em; margin-bottom:-.08em; }
.uta-split .uta-word > span { display:inline-block; transform:translateY(110%); transition:transform .8s var(--uta-ease-out); }
.uta-split.is-visible .uta-word > span { transform:translateY(0); }

/* Tablet */
@media (max-width:1180px) {
  .uta-header .uta-button--small { display:none; }
  .uta-nav { margin-left:auto; }
  .uta-hero__grid { grid-template-columns:minmax(0,1fr) minmax(390px,.78fr); gap:48px; }
  .uta-hero__visual { min-height:500px; height:57vh; }
  .uta-service-card { min-height:500px; padding:28px; }
  .uta-capabilities__grid { grid-template-columns:1fr 1fr; gap:60px; }
  .uta-orbit { --size:min(49vw,560px); }
  .uta-process__grid { gap:80px; }
  .uta-quality__grid { gap:70px; }
  .uta-sample__grid { gap:70px; }
}

@media (max-width:980px) {
  body.uta-custom-home.admin-bar .uta-header { top:46px; }
  .uta-shell { width:min(calc(100% - 36px),var(--uta-shell)); }
  .uta-cursor { display:none; }
  .uta-header { height:72px; }
  .uta-menu { display:block; position:relative; z-index:4; }
  .uta-menu[aria-expanded="true"] span:first-child { transform:translateY(3.25px) rotate(45deg); }
  .uta-menu[aria-expanded="true"] span:last-child { transform:translateY(-3.25px) rotate(-45deg); }
  .uta-nav { position:fixed; inset:0; z-index:3; display:flex; flex-direction:column; justify-content:center; gap:26px; margin:0; color:#fff; background:#242424; opacity:0; visibility:hidden; transform:translateY(-20px); transition:.45s var(--uta-ease); }
  .uta-nav.is-open { opacity:1; visibility:visible; transform:translateY(0); }
  .uta-header.is-menu-open .uta-brand { position:relative; z-index:4; color:#fff; }
  .uta-header.is-menu-open .uta-brand__mark i { background:#fff; }
  .uta-header.is-menu-open .uta-brand .custom-logo { filter:brightness(0) invert(1); }
  .uta-nav a { font-size:clamp(28px,6vw,48px); font-weight:720; letter-spacing:-.04em; }
  .uta-hero { padding-top:115px; }
  .uta-hero__grid { grid-template-columns:1fr; gap:58px; }
  .uta-hero__copy { padding-top:0; }
  .uta-hero__title { font-size:clamp(62px,13vw,104px); }
  .uta-hero__visual { width:min(90%,650px); min-height:580px; margin:0 auto; }
  .uta-hero__bottom { margin-top:60px; }
  .uta-section-head { grid-template-columns:1fr; gap:30px; }
  .uta-serve__grid { grid-template-columns:1fr 1fr; }
  .uta-service-card:last-child { grid-column:1/-1; min-height:420px; }
  .uta-capabilities__grid { grid-template-columns:1fr; }
  .uta-orbit { --size:min(82vw,610px); }
  .uta-capabilities__copy { max-width:740px; }
  .uta-process__grid { grid-template-columns:1fr; }
  .uta-process__sticky { position:relative; top:auto; }
  .uta-process-step { min-height:240px; }
  .uta-spec-card { flex-basis:min(56vw,420px); }
  .uta-quality__grid { grid-template-columns:1fr; }
  .uta-quality__visual { min-height:680px; }
  .uta-sample__grid { grid-template-columns:1fr; }
  .uta-sample__copy { max-width:760px; }
  .uta-case { flex-basis:82vw; }
  .uta-faq__grid { grid-template-columns:1fr; }
  .uta-faq__grid > div:first-child { position:relative; top:auto; }
  .uta-footer__top { grid-template-columns:1fr 1fr; }
  .uta-footer__email { grid-column:1/-1; justify-self:start; }
}

@media (max-width:680px) {
  .uta-shell { width:min(calc(100% - 28px),var(--uta-shell)); }
  .uta-section { padding:88px 0; }
  .uta-heading { font-size:clamp(43px,13vw,64px); }
  .uta-kicker { margin-bottom:15px; font-size:10px; }
  .uta-header .custom-logo { max-width:145px; height:38px; }
  .uta-brand__mark { width:37px; height:37px; }
  .uta-brand__type strong { font-size:17px; }
  .uta-hero { min-height:auto; padding:112px 0 35px; }
  .uta-hero__mesh { background-size:56px 56px; }
  .uta-hero__title { font-size:clamp(55px,17vw,84px); line-height:.84; }
  .uta-line--outline { -webkit-text-stroke:1px var(--uta-ink); }
  .uta-hero__lead { font-size:16px; }
  .uta-hero__actions { align-items:flex-start; flex-direction:column; gap:14px; margin-top:28px; }
  .uta-hero__actions .uta-button { width:100%; }
  .uta-hero__markets { flex-wrap:wrap; }
  .uta-hero__visual { width:100%; height:510px; min-height:510px; }
  .uta-hero__image { inset:8% 0 5%; }
  .uta-float-card--top { right:0; }
  .uta-float-card--bottom { left:0; }
  .uta-hero__orbit { right:-8px; width:90px; height:90px; }
  .uta-hero__bottom { margin-top:32px; }
  .uta-hero__bottom span { display:none; }
  .uta-marquee { height:224px; }
  .uta-marquee::before { top:-235px; width:430px; height:430px; }
  .uta-marquee__eyebrow { padding:37px 16px 25px; font-size:8px; letter-spacing:.3em; }
  .uta-marquee__rails { gap:9px; }
  .uta-marquee__group { gap:10px; padding-right:10px; }
  .uta-marquee__pill { min-height:39px; padding:0 18px 0 14px; }
  .uta-marquee__pill i { width:5px; height:5px; margin-right:11px; }
  .uta-marquee__pill strong { font-size:12px; }
  .uta-marquee__pill small { margin-left:8px; font-size:10px; }
  .uta-section-head { margin-bottom:48px; }
  .uta-section-intro { font-size:16px; }
  .uta-serve__grid { grid-template-columns:1fr; }
  .uta-service-card,.uta-service-card:last-child { grid-column:auto; min-height:470px; }
  .uta-service-card__icon { margin:48px 0 32px; }
  .uta-capabilities { padding:95px 0; }
  .uta-capabilities__grid { gap:44px; }
  .uta-orbit-stage { padding:12px; }
  .uta-orbit { --size:min(94vw,480px); }
  .uta-orbit__item { width:62px; border-width:4px; }
  .uta-orbit__center { border-width:7px; }
  .uta-capabilities__copy h2 { font-size:clamp(45px,13.5vw,66px); }
  .uta-capabilities__copy > p { min-height:auto; font-size:16px; }
  .uta-carousel-controls > div { flex:1; width:auto; }
  .uta-process { padding:90px 0; }
  .uta-process-step { grid-template-columns:42px 1fr; gap:15px; min-height:0; padding:38px 0; }
  .uta-process-step.is-active { transform:none; }
  .uta-process-step h3 { font-size:30px; }
  .uta-process-step p { font-size:15px; }
  .uta-specializations__nav { margin-top:20px; }
  .uta-spec-card { flex-basis:83vw; }
  .uta-spec-card__image { height:460px; }
  .uta-quality__visual { min-height:510px; }
  .uta-quality__badge { left:16px; right:16px; bottom:16px; }
  .uta-quality__list article { grid-template-columns:32px 1fr; }
  .uta-sample { padding:90px 0; }
  .uta-sample__copy > p:not(.uta-kicker) { font-size:16px; }
  .uta-form { padding:25px 18px; border-radius:22px; }
  .uta-form__top { align-items:flex-start; flex-direction:column; gap:7px; }
  .uta-form__row { grid-template-columns:1fr; gap:0; }
  .uta-case { flex-basis:90vw; }
  .uta-case__image { height:340px; }
  .uta-case__body { padding:25px 20px; }
  .uta-case__body h3 { font-size:34px; }
  .uta-case__body p { font-size:15px; }
  .uta-final-cta { min-height:660px; }
  .uta-final-cta h2 { font-size:clamp(48px,14vw,70px); }
  .uta-footer__top { grid-template-columns:1fr; gap:24px; }
  .uta-footer__email { grid-column:auto; word-break:break-all; }
  .uta-footer__middle { flex-direction:column; }
  .uta-footer__middle > div { text-align:left; }
  .uta-footer__wordmark { font-size:30vw; }
  .uta-footer__bottom { align-items:flex-start; flex-direction:column; gap:12px; }
}

@media (max-width:782px) {
  body.uta-custom-home.admin-bar .uta-header { top:46px; }
}

@media (hover:none), (pointer:coarse) {
  .uta-cursor { display:none; }
  .uta-service-card { transform:none!important; }
}

@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation-duration:.01ms!important; animation-iteration-count:1!important; scroll-behavior:auto!important; transition-duration:.01ms!important; }
  .uta-intro { opacity:0; transition:opacity .15s!important; }
  .uta-reveal,.uta-reveal-card,.uta-image-reveal { opacity:1; transform:none; clip-path:none; }
  .uta-line > span,.uta-split .uta-word > span { transform:none!important; }
}

/* v2.27 — single-view enquiry and live Google Calendar booking */
.uta-form__fields { min-width:0; margin:0; padding:0; border:0; }
.uta-form__fields legend { width:100%; margin:0 0 6px; padding:0; color:#242424; font-size:clamp(23px,2vw,31px); line-height:1.08; font-weight:850; letter-spacing:-.035em; }
.uta-form__intro { margin:0 0 18px; color:#797979; font-size:12px; line-height:1.5; }
.uta-form__conditional[hidden] { display:none!important; }
.uta-form label > span em { color:#929292; font-style:normal; font-weight:650; text-transform:none; letter-spacing:0; }
.uta-form__conditional { margin-top:-2px; padding:12px; border:1px solid rgba(241,75,10,.2); border-radius:16px; background:rgba(241,75,10,.035); animation:utaFormReveal .4s var(--uta-ease-out) both; }
.uta-form__conditional label { margin-bottom:0; }
.uta-form__actions { display:flex; align-items:center; justify-content:flex-end; gap:12px; margin-top:4px; }
.uta-form__actions .uta-button { flex:1; min-height:56px; }
@keyframes utaFormReveal { from { opacity:0; transform:translateY(-8px); } to { opacity:1; transform:none; } }

body.uta-booking-open { overflow:hidden; }
.uta-booking { width:min(1120px,94vw); height:min(720px,90svh); max-width:none; max-height:none; margin:auto; padding:0; overflow:hidden; border:0; border-radius:24px; color:#242424; background:#fff; box-shadow:0 42px 120px rgba(0,0,0,.38); }
.uta-booking[open] { display:grid; grid-template-columns:300px minmax(0,1fr); animation:utaBookingIn .52s var(--uta-ease-out) both; }
.uta-booking::backdrop { background:rgba(10,10,10,.76); -webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px); animation:utaBookingBackdrop .35s ease both; }
.uta-booking__close { position:absolute; right:14px; top:14px; z-index:5; display:grid; place-items:center; width:40px; height:40px; padding:0; border:1px solid rgba(0,0,0,.1); border-radius:50%; color:#fff; background:#242424; font-size:24px; line-height:1; cursor:pointer; transition:transform .3s var(--uta-ease),background .25s; }
.uta-booking__close:hover { background:var(--uta-orange-gradient); transform:rotate(90deg); }
.uta-booking__details { padding:46px 34px; border-right:1px solid #e4e4e4; background:linear-gradient(145deg,#fff 0%,#fff 100%); }
.uta-booking__eyebrow { display:block; color:#242424; font-size:12px; font-weight:900; letter-spacing:.11em; }
.uta-booking__eyebrow span { color:var(--uta-orange); }
.uta-booking__details h2 { margin:54px 0 15px; font-size:31px; line-height:1.05; letter-spacing:-.045em; }
.uta-booking__details > p { margin:0; color:#686868; font-size:13px; line-height:1.6; }
.uta-booking__details ul { display:grid; gap:17px; margin:35px 0 0; padding:25px 0 0; border-top:1px solid #ddd; list-style:none; }
.uta-booking__details li { display:flex; align-items:center; gap:11px; color:#4a4a4a; font-size:12px; font-weight:700; }
.uta-booking__details li i { display:grid; place-items:center; width:25px; height:25px; border-radius:50%; color:var(--uta-orange); background:rgba(241,75,10,.08); font-style:normal; }
.uta-booking__calendar { position:relative; min-width:0; min-height:0; background:#fff; }
.uta-booking__calendar iframe { display:block; width:100%; height:100%; border:0; background:#fff; }
.uta-booking__loader,.uta-booking__empty { position:absolute; inset:0; z-index:2; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:15px; padding:40px; color:#696969; background:#fff; text-align:center; }
.uta-booking__loader[hidden] { display:none; }
.uta-booking__loader i { width:34px; height:34px; border:3px solid #eee; border-top-color:var(--uta-orange); border-radius:50%; animation:uta-story-loader .8s linear infinite; }
.uta-booking__loader span { font-size:11px; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }
.uta-booking__empty strong { color:#242424; font-size:24px; }
.uta-booking__empty p { max-width:450px; margin:0; font-size:14px; line-height:1.6; }
@keyframes utaBookingIn { from { opacity:0; transform:translateY(24px) scale(.975); } to { opacity:1; transform:none; } }
@keyframes utaBookingBackdrop { from { opacity:0; } to { opacity:1; } }

@media (max-width:760px) {
  .uta-form__fields legend { font-size:23px; }
  .uta-form__intro { margin-bottom:16px; }
  .uta-form__actions .uta-button { min-height:52px; font-size:11px; }
  .uta-booking { width:100vw; height:100svh; border-radius:0; }
  .uta-booking[open] { grid-template-columns:1fr; grid-template-rows:auto minmax(0,1fr); }
  .uta-booking__details { padding:22px 64px 18px 20px; border-right:0; border-bottom:1px solid #e6e6e6; }
  .uta-booking__eyebrow { font-size:10px; }
  .uta-booking__details h2 { margin:10px 0 4px; font-size:22px; }
  .uta-booking__details > p { display:none; }
  .uta-booking__details ul { display:flex; flex-wrap:wrap; gap:8px 15px; margin:10px 0 0; padding:0; border:0; }
  .uta-booking__details li { font-size:10px; }
  .uta-booking__details li i { display:none; }
  .uta-booking__close { right:12px; top:12px; }
}

@media (prefers-reduced-motion:reduce) {
  .uta-form__conditional,.uta-booking[open],.uta-booking::backdrop { animation:none!important; }
}

/* Specialization — v2.10 reference-matched heading and interactive responsibility matrix */
.uta-specialization-matrix {
  position:relative;
  isolation:isolate;
  height:100svh;
  min-height:100svh;
  max-height:100svh;
  padding:0!important;
  overflow:hidden;
  color:#242424;
  background:#fff;
}
body.admin-bar .uta-specialization-matrix {
  height:calc(100svh - 32px);
  min-height:calc(100svh - 32px);
  max-height:calc(100svh - 32px);
}
.uta-specialization-matrix__route {
  position:absolute;
  z-index:0;
  top:0;
  left:50%;
  width:min(1200px,92vw);
  height:100%;
  pointer-events:none;
  transform:translateX(-50%);
  opacity:.62;
}
.uta-specialization-matrix__route path {
  fill:none;
  stroke:var(--uta-orange-dark);
  stroke-width:2;
  stroke-linecap:round;
  stroke-dasharray:7 15;
  animation:uta-specialization-route 8s linear infinite;
  animation-play-state:paused;
}
.uta-specialization-matrix.is-in-view .uta-specialization-matrix__route path { animation-play-state:running; }
@keyframes uta-specialization-route { to { stroke-dashoffset:-176; } }
.uta-specialization-matrix__inner {
  position:relative;
  z-index:1;
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  gap:clamp(22px,3.2svh,38px);
  width:min(calc(100% - 48px),1200px);
  height:100%;
  padding:clamp(78px,9.2svh,96px) 0 clamp(22px,3svh,32px);
}
.uta-specialization-matrix__intro { max-width:1080px; }
.uta-specialization-matrix__eyebrow {
  margin:0 0 clamp(14px,2svh,19px);
  color:var(--uta-orange);
  font-size:clamp(9px,1.25svh,12px);
  line-height:1;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.31em;
}
.uta-specialization-matrix__title {
  margin:0;
  color:#242424;
  font-family:var(--uta-font);
  font-size:clamp(42px,6.7svh,62px);
  font-weight:620;
  line-height:.94;
  letter-spacing:-.052em;
  text-transform:uppercase;
  text-wrap:balance;
}
.uta-specialization-matrix__title em {
  color:var(--uta-orange);
  font-style:normal;
}
.uta-specialization-matrix__lead {
  max-width:1050px;
  margin:clamp(18px,2.5svh,25px) 0 0;
  color:#705e56;
  font-size:clamp(14px,1.9svh,18px);
  line-height:1.5;
}
.uta-specialization-grid {
  position:relative;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-template-rows:repeat(2,minmax(0,1fr));
  width:100%;
  min-height:0;
  overflow:hidden;
  border:1px solid #ded6d0;
  border-radius:16px;
  background:rgba(255,255,255,.66);
}
.uta-specialization-card {
  position:relative;
  display:flex;
  min-width:0;
  min-height:0;
  flex-direction:column;
  align-items:flex-start;
  padding:clamp(23px,3.3svh,34px) clamp(24px,2.7vw,32px);
  overflow:hidden;
  outline:none;
  cursor:default;
  background:transparent;
  transition:color .35s var(--uta-ease);
}
.uta-specialization-card:not(:nth-child(3n)) { border-right:1px solid #ded6d0; }
.uta-specialization-card:nth-child(-n+3) { border-bottom:1px solid #ded6d0; }
.uta-specialization-card::before {
  content:"";
  position:absolute;
  z-index:0;
  inset:-1px;
  background:#242424;
  transform:scaleY(0);
  transform-origin:bottom;
  transition:transform .52s var(--uta-ease-out);
}
.uta-specialization-card::after {
  content:"";
  position:absolute;
  z-index:1;
  top:0;
  left:0;
  width:3px;
  height:100%;
  background:var(--uta-orange-gradient);
  transform:scaleY(0);
  transform-origin:bottom;
  transition:transform .5s var(--uta-ease-out) .03s;
}
.uta-specialization-card > * { position:relative; z-index:2; }
.uta-specialization-card__number {
  color:#ffba9a;
  font-family:var(--uta-font);
  font-size:clamp(28px,3.8svh,38px);
  font-weight:520;
  line-height:1;
  letter-spacing:-.045em;
  transition:color .3s ease,transform .45s var(--uta-ease-out);
}
.uta-specialization-card h3 {
  margin:clamp(16px,2.3svh,23px) 0 0;
  font-size:clamp(17px,2.35svh,22px);
  line-height:1.2;
  letter-spacing:-.025em;
}
.uta-specialization-card p {
  max-width:360px;
  margin:clamp(12px,1.7svh,17px) 0 0;
  color:#775f55;
  font-size:clamp(12px,1.65svh,15px);
  line-height:1.5;
  transition:color .3s ease;
}
.uta-specialization-card__dash {
  width:100%;
  height:2px;
  margin-top:auto;
  opacity:0;
  background-image:repeating-linear-gradient(90deg,var(--uta-orange) 0 17px,transparent 17px 31px);
  background-size:31px 2px;
  transform:translateY(12px) scaleX(.35);
  transform-origin:left;
  transition:opacity .25s ease,transform .5s var(--uta-ease-out);
}
.uta-specialization-card:hover::before,
.uta-specialization-card:focus-visible::before,
.uta-specialization-card.is-active::before,
.uta-specialization-card:hover::after,
.uta-specialization-card:focus-visible::after,
.uta-specialization-card.is-active::after { transform:scaleY(1); }
.uta-specialization-card:hover,
.uta-specialization-card:focus-visible,
.uta-specialization-card.is-active { color:#fff; }
.uta-specialization-card:hover .uta-specialization-card__number,
.uta-specialization-card:focus-visible .uta-specialization-card__number,
.uta-specialization-card.is-active .uta-specialization-card__number {
  color:var(--uta-orange);
  transform:translateY(-2px);
}
.uta-specialization-card:hover p,
.uta-specialization-card:focus-visible p,
.uta-specialization-card.is-active p { color:#d9ccc6; }
.uta-specialization-card:hover .uta-specialization-card__dash,
.uta-specialization-card:focus-visible .uta-specialization-card__dash,
.uta-specialization-card.is-active .uta-specialization-card__dash {
  opacity:1;
  transform:translateY(0) scaleX(1);
  animation:uta-specialization-dash 1.15s linear infinite;
}
.uta-specialization-card:focus-visible { box-shadow:inset 0 0 0 3px rgba(241,75,10,.56); }
@keyframes uta-specialization-dash { to { background-position:31px 0; } }

@media (max-width:980px) {
  body.admin-bar .uta-specialization-matrix {
    height:calc(100svh - 46px);
    min-height:calc(100svh - 46px);
    max-height:calc(100svh - 46px);
  }
  .uta-specialization-matrix__inner {
    width:min(calc(100% - 36px),780px);
    gap:clamp(15px,2.2svh,24px);
    padding:clamp(72px,8.5svh,86px) 0 clamp(16px,2svh,22px);
  }
  .uta-specialization-matrix__eyebrow { margin-bottom:11px; }
  .uta-specialization-matrix__title { font-size:clamp(34px,5.7svh,48px); line-height:.95; }
  .uta-specialization-matrix__lead { margin-top:13px; font-size:clamp(11px,1.55svh,14px); line-height:1.4; }
  .uta-specialization-grid { grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:repeat(3,minmax(0,1fr)); }
  .uta-specialization-card { padding:clamp(15px,2.1svh,22px) clamp(16px,2.7vw,24px); }
  .uta-specialization-card:not(:nth-child(3n)) { border-right:0; }
  .uta-specialization-card:nth-child(-n+3) { border-bottom:0; }
  .uta-specialization-card:nth-child(odd) { border-right:1px solid #ded6d0; }
  .uta-specialization-card:nth-child(-n+4) { border-bottom:1px solid #ded6d0; }
  .uta-specialization-card__number { font-size:clamp(23px,3.2svh,30px); }
  .uta-specialization-card h3 { margin-top:clamp(8px,1.3svh,13px); font-size:clamp(14px,1.9svh,18px); }
  .uta-specialization-card p { margin-top:clamp(7px,1svh,10px); font-size:clamp(10px,1.35svh,12px); line-height:1.35; }
}

@media (max-width:680px) {
  .uta-specialization-matrix__inner {
    width:calc(100% - 28px);
    gap:12px;
    padding:72px 0 14px;
  }
  .uta-specialization-matrix__eyebrow { margin-bottom:9px; font-size:8px; }
  .uta-specialization-matrix__title { font-size:clamp(28px,7.8vw,38px); line-height:.96; }
  .uta-specialization-matrix__lead { margin-top:10px; font-size:10px; line-height:1.35; }
  .uta-specialization-matrix__desktop-break { display:none; }
  .uta-specialization-grid { border-radius:12px; }
  .uta-specialization-card { padding:clamp(11px,1.8svh,16px) 12px; }
  .uta-specialization-card__number { font-size:clamp(20px,3.2svh,26px); }
  .uta-specialization-card h3 { margin-top:7px; font-size:clamp(11px,1.72svh,14px); line-height:1.13; }
  .uta-specialization-card p { margin-top:6px; font-size:clamp(8.5px,1.22svh,10px); line-height:1.28; }
  .uta-specialization-card__dash { height:1px; background-size:23px 1px; background-image:repeating-linear-gradient(90deg,var(--uta-orange) 0 12px,transparent 12px 23px); }
}

@media (max-height:650px) {
  .uta-specialization-matrix__inner { gap:10px; padding-top:68px; padding-bottom:10px; }
  .uta-specialization-matrix__eyebrow { margin-bottom:7px; font-size:8px; }
  .uta-specialization-matrix__title { font-size:clamp(28px,5.8svh,38px); }
  .uta-specialization-matrix__lead { margin-top:8px; font-size:10px; line-height:1.3; }
  .uta-specialization-card { padding-top:10px; padding-bottom:10px; }
  .uta-specialization-card h3 { margin-top:6px; }
  .uta-specialization-card p { margin-top:5px; }
}

@media (prefers-reduced-motion:reduce) {
  .uta-specialization-matrix__route path,
  .uta-specialization-card__dash { animation:none!important; }
  .uta-specialization-card::before,
  .uta-specialization-card::after,
  .uta-specialization-card__number,
  .uta-specialization-card__dash { transition-duration:.01ms!important; }
}

/* v2.3 — cinematic split-video hero */
.uta-button--outline-light {
  color:#fff;
  border:1px solid rgba(255,255,255,.55);
  background:rgba(255,255,255,.04);
}
.uta-button--outline-light i { color:#fff; background:rgba(255,255,255,.12); }
.uta-button--outline-light:hover { color:var(--uta-ink); background:#fff; border-color:#fff; }
.uta-button--outline-light:hover i { color:#fff; background:var(--uta-orange-gradient); }

.uta-header:not(.is-scrolled) { color:#fff; }
.uta-header:not(.is-scrolled) .custom-logo { filter:brightness(0) invert(1) drop-shadow(0 2px 8px rgba(0,0,0,.22)); }
.uta-header:not(.is-scrolled) .uta-brand__mark i { background:#fff; }
.uta-header:not(.is-scrolled) .uta-menu { border-color:rgba(255,255,255,.35); background:rgba(10,10,10,.24); }
.uta-header:not(.is-scrolled) .uta-menu span { background:#fff; }

.uta-hero {
  height:100svh;
  min-height:680px;
  padding:96px 0 38px;
  color:#fff;
  background:#242424;
  isolation:isolate;
}
.uta-hero::before {
  z-index:-1;
  width:55vw;
  height:55vw;
  right:-18vw;
  top:-24vw;
  background:radial-gradient(circle,rgba(241,75,10,.24),rgba(241,75,10,0) 68%);
  filter:none;
}
.uta-hero::after {
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.22;
  background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:84px 84px;
}
.uta-hero__grid {
  width:min(calc(100% - 48px),1500px);
  height:min(76vh,760px);
  grid-template-columns:minmax(0,1.15fr) minmax(430px,.85fr);
  gap:clamp(44px,5vw,82px);
}
.uta-hero__media {
  position:relative;
  height:100%;
  min-height:520px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.16);
  border-radius:30px 7px 30px 7px;
  background:#242424;
  box-shadow:0 35px 90px rgba(0,0,0,.32);
}
.uta-hero__media::before {
  content:"";
  position:absolute;
  inset:14px;
  z-index:3;
  pointer-events:none;
  border:1px solid rgba(255,255,255,.18);
  border-radius:22px 3px 22px 3px;
}
.uta-hero__media video,.uta-hero__media > img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.uta-hero__media-shade {
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(12,7,5,.08),rgba(12,7,5,.22)),linear-gradient(0deg,rgba(12,7,5,.72),transparent 46%);
}
.uta-hero__media-label {
  position:absolute;
  z-index:4;
  left:38px;
  bottom:33px;
  display:flex;
  align-items:center;
  gap:12px;
}
.uta-hero__media-label span { width:38px; height:2px; background:var(--uta-orange-gradient); }
.uta-hero__media-label small { color:#fff; font-size:10px; font-weight:850; letter-spacing:.16em; text-transform:uppercase; }
.uta-hero__copy { align-self:center; padding:0; }
.uta-kicker--hero { margin-bottom:24px; color:var(--uta-orange-dark); line-height:1.35; }
.uta-hero__title {
  max-width:690px;
  color:#fff;
  font-size:clamp(62px,5.8vw,104px);
  line-height:.88;
  letter-spacing:-.065em;
  text-wrap:balance;
}
.uta-hero__title .uta-line { overflow:visible; padding:.03em 0 .11em; }
.uta-hero__subheading {
  max-width:650px;
  margin:22px 0 0;
  color:var(--uta-orange);
  font-size:clamp(22px,2vw,34px);
  line-height:1.08;
  letter-spacing:-.035em;
}
.uta-hero__lead { max-width:650px; margin-top:22px; color:rgba(255,255,255,.72); font-size:clamp(15px,1.2vw,19px); line-height:1.58; }
.uta-hero__actions { gap:14px; margin-top:30px; }
.uta-hero__actions .uta-button { min-height:58px; gap:22px; padding-left:25px; }
.uta-hero__markets { margin-top:25px; color:#fff; }
.uta-hero__markets span { color:rgba(255,255,255,.5); }
.uta-hero__markets strong { color:#fff; }
.uta-hero__bottom { position:absolute; left:0; right:0; bottom:18px; color:rgba(255,255,255,.45); }
.uta-hero__bottom div { background:rgba(255,255,255,.14); }
.uta-hero__bottom strong { color:#fff; }

@media (max-width:1180px) {
  .uta-hero__grid { grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr); gap:38px; }
  .uta-hero__title { font-size:clamp(55px,6.4vw,78px); }
  .uta-hero__media { min-height:480px; }
  .uta-hero__actions .uta-button { padding-inline:20px 12px; gap:15px; }
}

@media (max-width:980px) {
  .uta-hero { height:auto; min-height:100svh; padding:102px 0 46px; }
  .uta-hero__grid { height:auto; grid-template-columns:1fr; gap:30px; }
  .uta-hero__media { height:42svh; min-height:340px; order:0; }
  .uta-hero__copy { order:1; }
  .uta-hero__title { max-width:800px; font-size:clamp(56px,10vw,86px); }
  .uta-hero__lead { max-width:760px; }
  .uta-hero__bottom { display:none; }
}

@media (max-width:680px) {
  .uta-hero { padding:88px 0 30px; }
  .uta-hero__grid { width:min(calc(100% - 28px),1500px); gap:24px; }
  .uta-hero__media { height:34svh; min-height:245px; border-radius:20px 5px 20px 5px; }
  .uta-hero__media::before { inset:9px; border-radius:14px 3px 14px 3px; }
  .uta-hero__media-label { left:22px; bottom:20px; }
  .uta-hero__media-label small { font-size:8px; }
  .uta-kicker--hero { margin-bottom:15px; }
  .uta-hero__title { font-size:clamp(48px,14.6vw,70px); line-height:.9; }
  .uta-hero__subheading { margin-top:13px; font-size:22px; }
  .uta-hero__lead { margin-top:14px; font-size:14px; line-height:1.5; }
  .uta-hero__actions { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:20px; }
  .uta-hero__actions .uta-button { width:100%; min-height:52px; padding:0 10px; gap:8px; font-size:11px; }
  .uta-hero__actions .uta-button i { display:none; }
  .uta-hero__markets { display:none; }
}

/* v2.4 — performance-safe viewport scenes and full-bleed left-copy hero */
html { scroll-snap-type:none; }
.uta-cursor { display:none!important; }
.uta-header.is-scrolled {
  color:#fff;
  background:rgba(0,0,0,.70);
  box-shadow:0 1px 0 rgba(255,255,255,.10);
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}
.uta-float-card,
.uta-spec-card__image > span,
.uta-quality__badge,
.uta-case__image span {
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}

/* Every major present and future homepage scene owns at most one viewport. */
main#uta-main > section:not(.uta-marquee),
.uta-final-cta,
.uta-footer {
  height:100svh;
  min-height:100svh;
  max-height:100svh;
  overflow:hidden;
}
body.admin-bar main#uta-main > section:not(.uta-marquee),
body.admin-bar .uta-final-cta,
body.admin-bar .uta-footer {
  height:calc(100svh - 32px);
  min-height:calc(100svh - 32px);
  max-height:calc(100svh - 32px);
}

/* Compact scene foundation. A future content-heavy section can scroll inside
   its own viewport instead of making the whole page taller. */
.uta-section,
.uta-process,
.uta-sample,
.uta-final-cta,
.uta-footer {
  padding-top:clamp(72px,9svh,104px);
  padding-bottom:clamp(24px,4svh,48px);
}
.uta-section > .uta-shell,
.uta-process > .uta-shell,
.uta-sample > .uta-shell,
.uta-footer > .uta-shell {
  max-height:100%;
}
.uta-section-head {
  gap:clamp(28px,4vw,64px);
  margin-bottom:clamp(22px,3.8svh,42px);
}
.uta-section-head--compact { margin-bottom:clamp(20px,3svh,34px); }
.uta-heading { font-size:clamp(38px,5.3svh,72px); }
.uta-section-intro { font-size:clamp(14px,1.8svh,18px); line-height:1.5; }

/* Hero: full video background with the reference's left-side content rhythm. */
.uta-hero {
  position:relative;
  height:100svh;
  min-height:100svh;
  padding:0;
  display:block;
  color:#fff;
  background:#242424;
}
.uta-hero::before,
.uta-hero::after { display:none; }
.uta-hero__media {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  min-height:0;
  border:0;
  border-radius:0;
  box-shadow:none;
  background:#242424;
}
.uta-hero__media::before { display:none; }
.uta-hero__media video,
.uta-hero__media > img {
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.uta-hero__media-shade {
  position:absolute;
  inset:0;
  background:linear-gradient(
    90deg,
    rgba(0,0,0,.88) 0%,
    rgba(0,0,0,.76) 22%,
    rgba(0,0,0,.48) 38%,
    rgba(0,0,0,.14) 55%,
    rgba(0,0,0,.02) 68%,
    rgba(0,0,0,.02) 100%
  );
}
.uta-hero__grid {
  position:relative;
  z-index:2;
  width:min(calc(100% - 48px),var(--uta-shell));
  height:100%;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  padding-top:clamp(72px,9svh,98px);
  padding-bottom:clamp(48px,7svh,78px);
}
.uta-hero__copy {
  width:min(100%,720px);
  max-width:720px;
  align-self:auto;
  padding:0;
}
.uta-kicker--hero {
  margin:0 0 clamp(18px,2.6svh,27px);
  color:var(--uta-orange-dark);
  font-size:clamp(9px,1.25svh,12px);
  line-height:1.25;
  letter-spacing:.19em;
}
.uta-hero__title {
  width:100%;
  max-width:700px;
  margin:0;
  color:#fff;
  font-family:var(--uta-font);
  font-size:clamp(50px,7.9svh,82px);
  font-weight:760;
  line-height:.94;
  letter-spacing:-.065em;
  text-transform:uppercase;
  text-wrap:balance;
}
.uta-hero__title .uta-line { padding:.02em 0 .09em; overflow:visible; }
.uta-hero__subheading {
  width:100%;
  max-width:640px;
  margin:clamp(22px,3.3svh,34px) 0 0;
  color:var(--uta-orange);
  font-size:clamp(21px,3.1svh,32px);
  line-height:1.08;
  letter-spacing:-.035em;
}
.uta-hero__lead {
  width:100%;
  max-width:620px;
  margin:clamp(18px,2.5svh,26px) 0 0;
  color:rgba(255,255,255,.82);
  font-size:clamp(14px,2.05svh,18px);
  line-height:1.55;
}
.uta-hero__actions {
  display:flex;
  align-items:center;
  gap:14px;
  margin-top:clamp(24px,3.6svh,36px);
}
.uta-hero__actions .uta-button {
  min-width:184px;
  min-height:54px;
  padding:0 13px 0 25px;
  gap:18px;
  font-size:12px;
}
.uta-hero__markets { margin-top:clamp(18px,2.7svh,27px); }
.uta-hero__bottom { z-index:2; bottom:16px; }

/* Fit existing dense components into their own scenes. */
.uta-serve__grid { gap:18px; }
.uta-service-card { min-height:clamp(300px,46svh,450px); padding:clamp(22px,3svh,34px); }
.uta-service-card__icon { margin:clamp(28px,5svh,54px) 0 clamp(18px,3svh,30px); }
.uta-capabilities { padding-top:clamp(72px,8svh,92px); padding-bottom:clamp(24px,3svh,38px); }
.uta-capabilities__grid { height:100%; align-items:center; gap:clamp(38px,6vw,84px); }
.uta-orbit { --size:min(56svh,570px); }
.uta-process__grid { height:100%; align-items:center; gap:clamp(36px,6vw,90px); }
.uta-process__sticky { top:0; }
.uta-process-step { min-height:0; padding:clamp(16px,2.3svh,26px) 0; }
.uta-spec-card__image { height:clamp(260px,43svh,430px); }
.uta-quality__grid,
.uta-sample__grid { height:100%; align-items:center; gap:clamp(36px,6vw,84px); }
.uta-quality__visual { min-height:0; height:min(68svh,650px); }
.uta-quality__list article { padding:clamp(13px,2svh,20px) 0; }
.uta-form { padding:clamp(20px,3svh,32px); }
.uta-form label { margin-bottom:clamp(10px,1.5svh,16px); }
.uta-work__viewport { overflow:hidden; }
.uta-case { display:grid; grid-template-columns:1.08fr .92fr; flex-basis:100%; height:min(59svh,570px); }
.uta-case__image { height:100%; }
.uta-case__body { padding:clamp(24px,4svh,42px); align-self:center; }
.uta-faq__grid { height:100%; align-items:center; }
.uta-faq__grid > div:first-child { position:relative; top:auto; }
.uta-accordion__item button { min-height:clamp(64px,9svh,88px); }
.uta-final-cta { min-height:100svh; padding:0; }
.uta-footer { padding-top:clamp(48px,7svh,72px); padding-bottom:20px; }
.uta-footer__top { padding-bottom:clamp(22px,3svh,38px); }
.uta-footer__middle { padding:clamp(20px,3svh,34px) 0; }
.uta-footer__wordmark { font-size:min(18vw,28svh); }
.uta-footer__bottom { margin-top:clamp(18px,2.5svh,30px); }

@media (max-width:980px) {
  main#uta-main > section:not(.uta-marquee),
  .uta-final-cta,
  .uta-footer {
    height:100svh;
    min-height:100svh;
    max-height:100svh;
  }
  body.admin-bar main#uta-main > section:not(.uta-marquee),
  body.admin-bar .uta-final-cta,
  body.admin-bar .uta-footer {
    height:calc(100svh - 46px);
    min-height:calc(100svh - 46px);
    max-height:calc(100svh - 46px);
  }
  .uta-hero__grid { display:flex; width:min(calc(100% - 36px),var(--uta-shell)); height:100%; padding-top:94px; padding-bottom:46px; }
  .uta-hero__copy { order:0; max-width:670px; }
  .uta-hero__title { font-size:clamp(48px,8.4svh,72px); }
  .uta-capabilities__grid,
  .uta-process__grid,
  .uta-quality__grid,
  .uta-sample__grid,
  .uta-faq__grid { overflow:auto; overscroll-behavior:contain; }
  .uta-case { grid-template-columns:1fr 1fr; }
}

@media (max-width:680px) {
  html { scroll-snap-type:none; }
  .uta-section,
  .uta-process,
  .uta-sample { padding:76px 0 24px; }
  .uta-hero { padding:0; }
  .uta-hero__grid { width:min(calc(100% - 28px),var(--uta-shell)); padding-top:84px; padding-bottom:34px; align-items:center; }
  .uta-hero__copy { width:100%; }
  .uta-kicker--hero { margin-bottom:14px; font-size:8px; }
  .uta-hero__title { max-width:96%; font-size:clamp(38px,11.6vw,56px); line-height:.95; }
  .uta-hero__subheading { max-width:94%; margin-top:16px; font-size:clamp(19px,6vw,25px); }
  .uta-hero__lead { max-width:96%; margin-top:13px; font-size:13px; line-height:1.45; }
  .uta-hero__actions { display:grid; grid-template-columns:1fr 1fr; gap:9px; margin-top:19px; }
  .uta-hero__actions .uta-button { min-width:0; width:100%; min-height:48px; padding:0 11px; font-size:10px; }
  .uta-hero__actions .uta-button i { display:none; }
  .uta-hero__markets,.uta-hero__bottom { display:none; }
  .uta-heading { font-size:clamp(34px,10svh,54px); }
  .uta-section-head { margin-bottom:18px; }
  .uta-serve__grid { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; }
  .uta-service-card,.uta-service-card:last-child { flex:0 0 82vw; min-height:56svh; scroll-snap-align:start; }
  .uta-orbit { --size:min(76vw,43svh); }
  .uta-spec-card__image { height:43svh; }
  .uta-quality__visual { height:42svh; min-height:0; }
  .uta-form { max-height:69svh; overflow:auto; }
  .uta-case { grid-template-columns:1fr; height:64svh; overflow:auto; }
  .uta-case__image { min-height:29svh; }
  .uta-case__body { padding:18px; }
  .uta-faq__grid { gap:18px; }
  .uta-accordion__item button { min-height:58px; }
  .uta-footer__wordmark { font-size:25vw; }
}

/* What We Serve — v2.7 stacked programme showcase */
.uta-serve {
  padding:0!important;
  overflow:hidden;
  background:#fff;
}
.uta-serve-showcase {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(470px,.92fr);
  align-items:center;
  gap:clamp(48px,6vw,108px);
  height:100%;
  padding-top:clamp(82px,10svh,108px);
  padding-bottom:clamp(30px,4svh,48px);
}
.uta-serve-showcase__visual {
  min-width:0;
  align-self:center;
  text-align:center;
}
.uta-serve-deck {
  position:relative;
  width:min(100%,680px);
  height:min(68svh,640px);
  margin-inline:auto;
  isolation:isolate;
}
.uta-serve-deck__orbit {
  position:absolute;
  left:50%;
  top:48%;
  width:min(38vw,560px);
  aspect-ratio:1;
  border:1px dashed rgba(241,75,10,.32);
  border-radius:50%;
  transform:translate(-50%,-50%);
  pointer-events:none;
}
.uta-serve-deck__orbit::before,
.uta-serve-deck__orbit::after {
  content:"";
  position:absolute;
  border-radius:50%;
  pointer-events:none;
}
.uta-serve-deck__orbit::before {
  inset:8%;
  border:1px solid rgba(241,75,10,.055);
}
.uta-serve-deck__orbit::after {
  left:50%;
  top:-5px;
  width:9px;
  height:9px;
  background:var(--uta-orange-gradient);
  box-shadow:0 min(38vw,560px) 0 rgba(241,75,10,.25);
}
.uta-serve-deck__cards {
  position:absolute;
  inset:0 0 56px;
  z-index:2;
  cursor:grab;
  touch-action:pan-y;
  user-select:none;
}
.uta-serve-deck__cards.is-dragging { cursor:grabbing; }
.uta-serve-card {
  position:absolute;
  left:50%;
  top:50%;
  display:flex;
  flex-direction:column;
  width:clamp(310px,24vw,390px);
  height:min(59svh,548px);
  padding:0;
  overflow:hidden;
  border:1px solid rgba(20,20,20,.11);
  border-radius:18px;
  color:var(--uta-ink);
  background:#fff;
  box-shadow:0 24px 55px rgba(43,30,22,.09);
  text-align:left;
  opacity:.38;
  transform:translate3d(-50%,-50%,0) scale(.78);
  transition:transform .72s var(--uta-ease-out),opacity .48s ease,box-shadow .55s ease,border-color .45s ease;
  will-change:transform;
}
.uta-serve-card[data-position="previous"] {
  z-index:2;
  opacity:.64;
  transform:translate3d(calc(-50% - 142px),-50%,0) scale(.87) rotateY(5deg);
}
.uta-serve-card[data-position="next"] {
  z-index:2;
  opacity:.64;
  transform:translate3d(calc(-50% + 142px),-50%,0) scale(.87) rotateY(-5deg);
}
.uta-serve-card[data-position="far-previous"] {
  z-index:1;
  transform:translate3d(calc(-50% - 225px),-50%,0) scale(.72) rotateY(8deg);
}
.uta-serve-card[data-position="far-next"] {
  z-index:1;
  transform:translate3d(calc(-50% + 225px),-50%,0) scale(.72) rotateY(-8deg);
}
.uta-serve-card.is-active {
  z-index:5;
  opacity:1;
  border-color:rgba(241,75,10,.32);
  box-shadow:0 32px 72px rgba(64,37,22,.16);
  transform:translate3d(-50%,-50%,0) scale(1);
}
.uta-serve-card:focus-visible { outline:3px solid rgba(241,75,10,.3); outline-offset:4px; }
.uta-serve-card__media {
  position:relative;
  display:block;
  flex:1 1 auto;
  min-height:0;
  overflow:hidden;
  background:#eee9e3;
}
.uta-serve-card__media::after {
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:30%;
  background:linear-gradient(180deg,transparent,rgba(24,17,13,.18));
  pointer-events:none;
}
.uta-serve-card__media img {
  width:100%;
  height:100%;
  object-fit:cover;
  transform:scale(1.015);
  transition:transform 1.1s var(--uta-ease-out);
}
.uta-serve-card.is-active .uta-serve-card__media img { transform:scale(1.055); }
.uta-serve-card__media small {
  position:absolute;
  left:17px;
  top:17px;
  z-index:2;
  padding:8px 13px;
  border-radius:999px;
  color:var(--uta-orange-dark);
  background:rgba(255,255,255,.94);
  font-size:9px;
  font-weight:850;
  letter-spacing:.17em;
  text-transform:uppercase;
}
.uta-serve-card__body {
  position:relative;
  display:block;
  flex:0 0 auto;
  min-height:116px;
  padding:19px 20px 20px;
  border-bottom:4px solid transparent;
  background:#fff;
}
.uta-serve-card.is-active .uta-serve-card__body { border-bottom-color:var(--uta-orange); }
.uta-serve-card__body strong {
  display:block;
  font-size:clamp(19px,1.55vw,25px);
  line-height:1.05;
  letter-spacing:-.035em;
  text-transform:uppercase;
}
.uta-serve-card__body > span {
  display:block;
  margin-top:9px;
  color:#77716d;
  font-size:12px;
  line-height:1.5;
}
.uta-serve-deck__controls {
  position:absolute;
  left:50%;
  bottom:0;
  z-index:8;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  transform:translateX(-50%);
}
.uta-serve-deck__controls > button {
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  padding:0 0 3px;
  border:1px solid #ded6cf;
  border-radius:50%;
  color:#242424;
  background:#fff;
  font-size:23px;
  line-height:1;
  cursor:pointer;
  transition:color .25s,background .25s,border-color .25s,transform .25s;
}
.uta-serve-deck__controls > button:hover { color:#fff; background:var(--uta-orange-gradient); border-color:var(--uta-orange); transform:translateY(-2px); }
#utaServeDots { display:flex; align-items:center; gap:7px; }
#utaServeDots button {
  position:relative;
  width:6px;
  height:6px;
  padding:0;
  border:0;
  border-radius:999px;
  background:#dbd2ca;
  overflow:hidden;
  cursor:pointer;
  transition:width .35s var(--uta-ease),background .25s;
}
#utaServeDots button.is-active { width:32px; background:rgba(241,75,10,.16); }
#utaServeDots button.is-active::after {
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:var(--uta-orange-gradient);
  transform:scaleX(0);
  transform-origin:left center;
}
#uta-serve.is-counting #utaServeDots button.is-active::after {
  animation:utaServeCountdown 4s linear forwards;
}
#uta-serve.is-paused #utaServeDots button.is-active {
  box-shadow:inset 0 0 0 1px rgba(241,75,10,.55);
}
@keyframes utaServeCountdown { to { transform:scaleX(1); } }
.uta-serve-showcase__hint {
  margin:12px 0 0;
  color:#8a756a;
  font-size:10px;
  font-weight:700;
  letter-spacing:.22em;
  text-transform:uppercase;
}
.uta-serve-showcase__copy {
  min-width:0;
  padding-right:clamp(0px,2vw,32px);
}
.uta-serve-showcase__copy > .uta-kicker { margin-bottom:21px; }
.uta-serve-copy__panels { position:relative; min-height:clamp(330px,44svh,410px); }
.uta-serve-copy__panel {
  position:absolute;
  inset:0;
  visibility:hidden;
  opacity:0;
  pointer-events:none;
  transform:translate3d(0,20px,0);
  transition:opacity .38s ease,transform .55s var(--uta-ease-out),visibility 0s linear .55s;
}
.uta-serve-copy__panel.is-active {
  visibility:visible;
  opacity:1;
  pointer-events:auto;
  transform:none;
  transition-delay:.06s,0s,0s;
}
.uta-serve-copy__panel h2 {
  max-width:760px;
  margin:0;
  font-size:clamp(48px,4.7vw,76px);
  line-height:.95;
  letter-spacing:-.058em;
  text-wrap:balance;
}
.uta-serve-copy__panel h3 {
  margin:clamp(18px,2.6svh,26px) 0 0;
  color:var(--uta-orange);
  font-size:clamp(17px,1.5vw,22px);
  line-height:1.25;
  letter-spacing:-.025em;
}
.uta-serve-copy__panel > p {
  max-width:650px;
  margin:clamp(18px,2.5svh,25px) 0 0;
  color:#68605b;
  font-size:clamp(14px,1.15vw,17px);
  line-height:1.55;
}
.uta-serve-copy__panel ul {
  display:grid;
  gap:11px;
  margin:clamp(18px,2.5svh,25px) 0 0;
  padding:0;
  list-style:none;
}
.uta-serve-copy__panel li {
  position:relative;
  padding-left:22px;
  color:#242424;
  font-size:14px;
  line-height:1.35;
}
.uta-serve-copy__panel li::before {
  content:"";
  position:absolute;
  left:2px;
  top:.48em;
  width:8px;
  height:8px;
  background:var(--uta-orange-gradient);
  transform:rotate(45deg);
}
.uta-serve-tabs {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:clamp(8px,1.3svh,14px);
}
.uta-serve-tabs button {
  min-height:44px;
  padding:0 22px;
  border:1px solid #ded5ce;
  border-radius:999px;
  color:#514a45;
  background:rgba(255,255,255,.62);
  font-size:12px;
  font-weight:780;
  cursor:pointer;
  transition:color .25s,background .25s,border-color .25s,transform .25s;
}
.uta-serve-tabs button:hover { border-color:var(--uta-orange); transform:translateY(-2px); }
.uta-serve-tabs button.is-active { color:#fff; background:var(--uta-orange-gradient); border-color:var(--uta-orange); }
.uta-serve-showcase__link {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin-top:clamp(19px,2.8svh,28px);
  min-height:48px;
  padding:0 22px;
  border:1px solid var(--uta-orange);
  border-radius:999px;
  color:#fff;
  background:var(--uta-orange-gradient);
  box-shadow:0 12px 28px rgba(241,75,10,.2);
  font-size:13px;
  font-weight:820;
  text-decoration:none;
  transition:color .25s,background .25s,border-color .25s,box-shadow .25s,transform .25s;
}
.uta-serve-showcase__link i { font-style:normal; transition:transform .25s var(--uta-ease); }
.uta-serve-showcase__link:hover {
  color:#fff;
  background:var(--uta-orange-gradient);
  border-color:var(--uta-orange-dark);
  box-shadow:0 15px 32px rgba(241,75,10,.28);
  transform:translateY(-2px);
}
.uta-serve-showcase__link:hover i { transform:translateX(5px); }
.uta-serve-showcase__link:focus-visible { outline:3px solid rgba(241,75,10,.25); outline-offset:4px; }

@media (max-width:1100px) {
  .uta-serve-showcase { grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr); gap:34px; }
  .uta-serve-card { width:clamp(280px,29vw,340px); }
  .uta-serve-card[data-position="previous"] { transform:translate3d(calc(-50% - 105px),-50%,0) scale(.84); }
  .uta-serve-card[data-position="next"] { transform:translate3d(calc(-50% + 105px),-50%,0) scale(.84); }
  .uta-serve-card[data-position="far-previous"] { transform:translate3d(calc(-50% - 170px),-50%,0) scale(.7); }
  .uta-serve-card[data-position="far-next"] { transform:translate3d(calc(-50% + 170px),-50%,0) scale(.7); }
  .uta-serve-copy__panel h2 { font-size:clamp(42px,5vw,62px); }
  .uta-serve-tabs button { padding-inline:17px; }
}

@media (max-width:800px) {
  .uta-serve-showcase {
    grid-template-columns:1fr;
    grid-template-rows:minmax(0,45%) minmax(0,55%);
    gap:0;
    width:min(calc(100% - 30px),var(--uta-shell));
    padding-top:70px;
    padding-bottom:14px;
  }
  .uta-serve-showcase__visual { align-self:stretch; min-height:0; }
  .uta-serve-deck { width:100%; height:100%; }
  .uta-serve-deck__orbit { top:46%; width:min(72vw,37svh); }
  .uta-serve-deck__cards { inset:0 0 38px; }
  .uta-serve-card { top:48%; width:min(56vw,280px); height:min(37svh,340px); border-radius:13px; }
  .uta-serve-card[data-position="previous"] { transform:translate3d(calc(-50% - 82px),-50%,0) scale(.82); }
  .uta-serve-card[data-position="next"] { transform:translate3d(calc(-50% + 82px),-50%,0) scale(.82); }
  .uta-serve-card[data-position="far-previous"] { transform:translate3d(calc(-50% - 130px),-50%,0) scale(.68); }
  .uta-serve-card[data-position="far-next"] { transform:translate3d(calc(-50% + 130px),-50%,0) scale(.68); }
  .uta-serve-card__media small { left:11px; top:11px; padding:6px 9px; font-size:7px; }
  .uta-serve-card__body { min-height:75px; padding:11px 13px 12px; }
  .uta-serve-card__body strong { font-size:16px; }
  .uta-serve-card__body > span { margin-top:5px; font-size:9px; line-height:1.35; }
  .uta-serve-deck__controls { bottom:0; }
  .uta-serve-deck__controls > button { width:34px; height:34px; font-size:19px; }
  .uta-serve-showcase__hint { display:none; }
  .uta-serve-showcase__copy { align-self:stretch; min-height:0; padding:12px 2px 4px; overflow:auto; overscroll-behavior:contain; }
  .uta-serve-showcase__copy > .uta-kicker { margin-bottom:10px; font-size:8px; }
  .uta-serve-showcase__copy > .uta-kicker > span { width:18px; }
  .uta-serve-copy__panels { min-height:190px; }
  .uta-serve-copy__panel h2 { font-size:clamp(27px,7.7vw,39px); line-height:.96; }
  .uta-serve-copy__panel h3 { margin-top:10px; font-size:12px; }
  .uta-serve-copy__panel > p { margin-top:10px; font-size:11px; line-height:1.42; }
  .uta-serve-copy__panel ul { gap:5px; margin-top:9px; }
  .uta-serve-copy__panel li { padding-left:16px; font-size:10px; }
  .uta-serve-copy__panel li::before { width:6px; height:6px; }
  .uta-serve-tabs { flex-wrap:nowrap; gap:7px; margin-top:4px; overflow-x:auto; scrollbar-width:none; }
  .uta-serve-tabs::-webkit-scrollbar { display:none; }
  .uta-serve-tabs button { flex:0 0 auto; min-height:34px; padding:0 14px; font-size:9px; }
  .uta-serve-showcase__link { min-height:38px; margin-top:11px; padding:0 16px; font-size:10px; }
}

@media (max-height:690px) and (min-width:801px) {
  .uta-serve-showcase { padding-top:70px; padding-bottom:18px; }
  .uta-serve-deck { height:76svh; }
  .uta-serve-card { height:55svh; }
  .uta-serve-copy__panels { min-height:320px; }
  .uta-serve-copy__panel h2 { font-size:46px; }
  .uta-serve-copy__panel h3 { margin-top:14px; }
  .uta-serve-copy__panel > p { margin-top:14px; font-size:14px; }
  .uta-serve-copy__panel ul { gap:7px; margin-top:14px; }
  .uta-serve-tabs { margin-top:0; }
  .uta-serve-showcase__link { margin-top:16px; }
}

@media (prefers-reduced-motion:reduce) {
  .uta-serve-card,
  .uta-serve-card__media img,
  .uta-serve-copy__panel { transition-duration:.01ms!important; }
  #utaServeDots button.is-active::after { animation:none!important; transform:scaleX(1); }
}

/* v2.12 — white, compositor-safe scroll-synchronised sample approval film */
main#uta-main > section.uta-scroll-story {
  --uta-story-progress:0;
  position:relative;
  height:420svh;
  min-height:420svh;
  max-height:none;
  padding:0;
  overflow:visible;
  color:#242424;
  background:#fff;
}
body.admin-bar main#uta-main > section.uta-scroll-story {
  height:420svh;
  min-height:420svh;
  max-height:none;
}
.uta-scroll-story__sticky {
  position:sticky;
  top:0;
  height:100svh;
  overflow:hidden;
  background:#fff;
  contain:layout paint style;
  touch-action:pan-y;
}
body.admin-bar .uta-scroll-story__sticky {
  top:32px;
  height:calc(100svh - 32px);
}
.uta-scroll-story__grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  width:100%;
  max-width:none;
  height:100%;
  margin:0;
  background:#fff;
  pointer-events:none;
}
.uta-scroll-story__visual {
  position:relative;
  display:flex;
  min-width:0;
  align-items:center;
  justify-content:center;
  padding:clamp(76px,9svh,96px) clamp(26px,3.2vw,62px) clamp(38px,5svh,54px);
  overflow:hidden;
  color:#242424;
  background:#fff;
}
.uta-scroll-story__visual::before {
  content:none;
}
.uta-scroll-story__frame {
  position:relative;
  z-index:1;
  width:100%;
  aspect-ratio:16 / 9;
  overflow:hidden;
  border:1px solid rgba(35,27,23,.13);
  border-radius:18px 4px 18px 4px;
  background:#ece9e5;
  box-shadow:0 24px 60px rgba(39,29,24,.13);
  transform:translateZ(0);
  contain:layout paint;
  pointer-events:none;
}
.uta-scroll-story__frame::after {
  content:"";
  position:absolute;
  z-index:3;
  inset:10px;
  pointer-events:none;
  border:1px solid rgba(255,255,255,.68);
  border-radius:11px 2px 11px 2px;
}
.uta-scroll-story__frame video {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  background:#efedeb;
  transform:translateZ(0);
  pointer-events:none;
}
.uta-scroll-story__loading {
  position:absolute;
  z-index:4;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:11px;
  color:#242424;
  background:rgba(245,242,239,.88);
  transition:opacity .35s ease,visibility .35s ease;
}
.uta-scroll-story__loading.is-ready { opacity:0; visibility:hidden; }
.uta-scroll-story__loading span {
  width:16px;
  height:16px;
  border:2px solid rgba(241,75,10,.24);
  border-top-color:var(--uta-orange);
  border-radius:50%;
  animation:uta-story-loader .8s linear infinite;
}
.uta-scroll-story__loading small { font-size:9px; font-weight:850; letter-spacing:.14em; text-transform:uppercase; }
@keyframes uta-story-loader { to { transform:rotate(360deg); } }
.uta-scroll-story__film-progress {
  position:absolute;
  z-index:5;
  left:0;
  right:0;
  bottom:0;
  height:4px;
  overflow:hidden;
  background:rgba(255,255,255,.32);
}
.uta-scroll-story__film-progress span {
  display:block;
  width:100%;
  height:100%;
  background:var(--uta-orange-gradient);
  transform:scaleX(0);
  transform-origin:left;
  will-change:transform;
}
.uta-scroll-story__visual-meta {
  position:absolute;
  z-index:2;
  left:clamp(26px,3.2vw,62px);
  right:clamp(26px,3.2vw,62px);
  bottom:clamp(17px,2.5svh,27px);
  display:flex;
  align-items:center;
  justify-content:space-between;
  color:#9a8981;
  font-size:8px;
  font-weight:800;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.uta-scroll-story__visual-meta strong { color:#242424; font-size:8px; font-weight:800; }
.uta-scroll-story__visual-meta i { color:var(--uta-orange); font-style:normal; }
.uta-scroll-story__content {
  position:relative;
  display:flex;
  min-width:0;
  flex-direction:column;
  justify-content:center;
  padding:clamp(82px,10svh,108px) clamp(42px,6vw,112px) clamp(32px,4svh,48px);
  overflow:hidden;
  background:#fff;
}
.uta-scroll-story__content::after {
  content:none;
}
.uta-scroll-story__eyebrow {
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  gap:12px;
  margin:0 0 clamp(24px,3.6svh,38px);
  color:var(--uta-orange);
  font-size:clamp(9px,1.15svh,11px);
  font-weight:850;
  letter-spacing:.22em;
  text-transform:uppercase;
}
.uta-scroll-story__eyebrow span { width:34px; height:2px; background:var(--uta-orange-gradient); }
.uta-scroll-story__panels {
  position:relative;
  z-index:2;
  height:clamp(310px,48svh,460px);
}
.uta-scroll-story__panel {
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(28px);
  transition:opacity .45s ease,transform .58s var(--uta-ease-out),visibility .45s ease;
}
.uta-scroll-story__panel.is-active {
  opacity:1;
  visibility:visible;
  pointer-events:none;
  transform:translateY(0);
}
.uta-scroll-story__panel > span {
  color:#a8948b;
  font-size:10px;
  font-weight:850;
  letter-spacing:.18em;
}
.uta-scroll-story__panel h2 {
  max-width:680px;
  margin:clamp(16px,2.4svh,24px) 0 0;
  color:#242424;
  font-family:var(--uta-font);
  font-size:clamp(40px,5.4svh,56px);
  font-weight:620;
  line-height:.96;
  letter-spacing:-.052em;
  text-transform:uppercase;
  text-wrap:balance;
}
.uta-scroll-story__panel h2 em { color:var(--uta-orange); font-style:normal; }
.uta-scroll-story__panel h3 {
  margin:clamp(18px,2.8svh,27px) 0 0;
  color:#242424;
  font-size:clamp(14px,1.9svh,18px);
  line-height:1.25;
}
.uta-scroll-story__panel > p {
  max-width:610px;
  margin:clamp(12px,1.8svh,18px) 0 0;
  color:#75645c;
  font-size:clamp(13px,1.65svh,16px);
  line-height:1.58;
}
.uta-scroll-story__panel > a {
  display:inline-flex;
  width:max-content;
  align-items:center;
  gap:18px;
  min-height:48px;
  margin-top:clamp(18px,2.5svh,25px);
  padding:0 12px 0 22px;
  border-radius:999px;
  color:#fff;
  background:var(--uta-orange-gradient);
  font-size:10px;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
  box-shadow:0 13px 28px rgba(241,75,10,.22);
  pointer-events:auto;
}
.uta-scroll-story__panel > a i {
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border-radius:50%;
  color:var(--uta-orange);
  background:#fff;
  font-style:normal;
}
.uta-scroll-story__steps {
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-top:clamp(18px,2.8svh,29px);
}
.uta-scroll-story__steps button {
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:9px;
  padding:0;
  color:#9a8981;
  border:0;
  background:transparent;
  text-align:left;
  cursor:pointer;
  pointer-events:auto;
}
.uta-scroll-story__steps button > span {
  position:relative;
  display:block;
  width:100%;
  height:2px;
  overflow:hidden;
  background:#ded5d0;
}
.uta-scroll-story__steps button > span::after {
  content:"";
  position:absolute;
  inset:0;
  background:var(--uta-orange-gradient);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .35s ease;
}
.uta-scroll-story__steps button.is-active { color:#242424; }
.uta-scroll-story__steps button.is-active > span::after,
.uta-scroll-story__steps button[aria-current="step"] > span::after { transform:scaleX(1); }
.uta-scroll-story__steps button small { overflow:hidden; font-size:8px; font-weight:850; letter-spacing:.14em; text-overflow:ellipsis; text-transform:uppercase; }
.uta-scroll-story__steps button:focus-visible { outline:2px solid var(--uta-orange); outline-offset:6px; }
.uta-scroll-story__hint {
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  gap:10px;
  margin:clamp(15px,2.4svh,24px) 0 0;
  color:#9a8981;
  font-size:9px;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.uta-scroll-story__hint i {
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--uta-orange-gradient);
  box-shadow:0 0 0 5px rgba(241,75,10,.12);
}

@media (max-width:980px) {
  .uta-scroll-story__visual { padding-inline:24px; }
  .uta-scroll-story__content { padding-inline:clamp(28px,4.5vw,50px); }
  .uta-scroll-story__panel h2 { font-size:clamp(36px,5.2svh,50px); }
}

@media (max-width:760px) {
  main#uta-main > section.uta-scroll-story,
  body.admin-bar main#uta-main > section.uta-scroll-story {
    height:400svh;
    min-height:400svh;
    max-height:none;
  }
  .uta-scroll-story__sticky {
    background:#fff;
  }
  body.admin-bar .uta-scroll-story__sticky {
    top:46px;
    height:calc(100svh - 46px);
  }
  .uta-scroll-story__grid {
    grid-template-columns:1fr;
    grid-template-rows:minmax(0,45%) minmax(0,55%);
  }
  .uta-scroll-story__visual {
    padding:76px 16px 17px;
  }
  .uta-scroll-story__frame {
    width:min(100%,610px);
    max-height:100%;
  }
  .uta-scroll-story__visual-meta { display:none; }
  .uta-scroll-story__content {
    justify-content:flex-start;
    padding:16px 20px 14px;
  }
  .uta-scroll-story__content::after { display:none; }
  .uta-scroll-story__eyebrow { margin-bottom:9px; font-size:7px; letter-spacing:.15em; }
  .uta-scroll-story__eyebrow span { width:20px; }
  .uta-scroll-story__panels { height:calc(100% - 92px); min-height:0; }
  .uta-scroll-story__panel { justify-content:flex-start; padding-top:3px; }
  .uta-scroll-story__panel > span { font-size:7px; }
  .uta-scroll-story__panel h2 { margin-top:7px; font-size:clamp(27px,6.4svh,38px); line-height:.97; }
  .uta-scroll-story__panel h3 { margin-top:9px; font-size:11px; }
  .uta-scroll-story__panel > p { margin-top:7px; font-size:10px; line-height:1.38; }
  .uta-scroll-story__panel > a { min-height:34px; margin-top:9px; padding-left:14px; font-size:7px; }
  .uta-scroll-story__panel > a i { width:23px; height:23px; }
  .uta-scroll-story__steps { gap:7px; margin-top:4px; }
  .uta-scroll-story__steps button { gap:5px; }
  .uta-scroll-story__steps button small { font-size:6.5px; letter-spacing:.08em; }
  .uta-scroll-story__hint { display:none; }
}

@media (max-height:680px) and (min-width:761px) {
  .uta-scroll-story__visual { padding-top:70px; padding-bottom:32px; }
  .uta-scroll-story__content { padding-top:70px; padding-bottom:24px; }
  .uta-scroll-story__eyebrow { margin-bottom:16px; }
  .uta-scroll-story__panels { height:330px; }
  .uta-scroll-story__panel h2 { font-size:40px; }
  .uta-scroll-story__panel h3 { margin-top:14px; }
  .uta-scroll-story__panel > p { margin-top:9px; font-size:12px; }
  .uta-scroll-story__panel > a { min-height:40px; margin-top:12px; }
  .uta-scroll-story__steps { margin-top:9px; }
  .uta-scroll-story__hint { margin-top:11px; }
}

@media (prefers-reduced-motion:reduce) {
  .uta-scroll-story__loading span { animation:none!important; }
  .uta-scroll-story__panel,
  .uta-scroll-story__steps button > span::after { transition-duration:.01ms!important; }
}

/* Expandable portfolio / testimonial stories — v2.20 */
.uta-project-stories {
  color:#242424;
  background:#fff;
  isolation:isolate;
}
.uta-project-stories__inner {
  height:100%;
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  gap:clamp(14px,2.1svh,23px);
}
.uta-project-stories__head {
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);
  align-items:end;
  gap:clamp(28px,5vw,76px);
}
.uta-project-stories__eyebrow {
  margin:0 0 10px;
  color:var(--uta-orange);
  font-size:10px;
  line-height:1;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.29em;
}
.uta-project-stories__title {
  max-width:820px;
  margin:0;
  font-family:var(--uta-font);
  font-size:clamp(36px,5.2svh,56px);
  line-height:.96;
  font-weight:620;
  letter-spacing:-.052em;
  text-transform:uppercase;
  text-wrap:balance;
}
.uta-project-stories__intro > p {
  max-width:510px;
  margin:0;
  color:#74645c;
  font-size:clamp(12px,1.55svh,15px);
  line-height:1.48;
}
.uta-project-stories__timer {
  display:grid;
  grid-template-columns:auto minmax(90px,1fr);
  align-items:center;
  gap:7px 13px;
  margin-top:13px;
  color:#7e6b61;
  font-size:8px;
  font-weight:800;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.uta-project-stories__timer > span { color:#242424; }
.uta-project-stories__timer > span i { color:var(--uta-orange); font-style:normal; }
.uta-project-stories__timer > b {
  position:relative;
  display:block;
  height:2px;
  overflow:hidden;
  background:#ded5cf;
}
.uta-project-stories__timer > b i {
  display:block;
  width:100%;
  height:100%;
  background:var(--uta-orange-gradient);
  transform:scaleX(0);
  transform-origin:left;
}
.uta-project-stories.is-counting .uta-project-stories__timer > b i {
  animation:uta-project-story-countdown 5s linear forwards;
}
.uta-project-stories__timer > small {
  grid-column:2;
  color:#8e7b71;
  font-size:7px;
  letter-spacing:.12em;
}
@keyframes uta-project-story-countdown { to { transform:scaleX(1); } }

.uta-project-stories__cards {
  min-height:0;
  display:flex;
  gap:clamp(8px,.9vw,14px);
  overflow:hidden;
  touch-action:pan-y;
}
.uta-project-story {
  position:relative;
  min-width:0;
  flex:.92 1 0;
  overflow:hidden;
  border:1px solid #d9cec7;
  border-radius:clamp(14px,1.5vw,22px);
  background:#242424;
  box-shadow:0 12px 34px rgba(51,35,27,.06);
  cursor:pointer;
  outline:none;
  transform:translateZ(0);
  transition:flex-grow .78s cubic-bezier(.16,1,.3,1),border-color .45s ease,box-shadow .55s ease;
}
.uta-project-story.is-active {
  flex-grow:5.15;
  border-color:var(--uta-orange);
  box-shadow:0 22px 58px rgba(72,45,31,.17),0 0 0 1px rgba(241,75,10,.08);
}
.uta-project-story:focus-visible { box-shadow:0 0 0 3px rgba(241,75,10,.30),0 22px 58px rgba(72,45,31,.17); }
.uta-project-story > img {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
  filter:saturate(.64) brightness(.63);
  transform:scale(1.035);
  transition:filter .65s ease,transform 1.1s cubic-bezier(.16,1,.3,1);
}
.uta-project-story.is-active > img { filter:saturate(.78) brightness(.76); transform:scale(1); }
.uta-project-story__shade {
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(14,10,8,.08) 12%,rgba(14,10,8,.30) 48%,rgba(12,8,6,.94) 100%);
  transition:background .55s ease;
}
.uta-project-story.is-active .uta-project-story__shade {
  background:linear-gradient(180deg,rgba(14,10,8,.03) 17%,rgba(14,10,8,.14) 43%,rgba(12,8,6,.96) 100%);
}
.uta-project-story__number {
  position:absolute;
  top:18px;
  right:18px;
  z-index:2;
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border:1px solid rgba(255,255,255,.34);
  border-radius:50%;
  color:#fff;
  background:rgba(18,12,9,.33);
  font-size:8px;
  font-weight:850;
  letter-spacing:.08em;
  transition:color .4s,border-color .4s,background .4s;
}
.uta-project-story.is-active .uta-project-story__number { color:#fff; border-color:var(--uta-orange); background:var(--uta-orange-gradient); }
.uta-project-story__collapsed,
.uta-project-story__expanded {
  position:absolute;
  z-index:2;
  left:clamp(18px,2vw,30px);
  right:clamp(18px,2vw,30px);
  bottom:clamp(20px,3svh,34px);
  color:#fff;
}
.uta-project-story__collapsed {
  opacity:1;
  transform:translateY(0);
  transition:opacity .24s ease .22s,transform .55s cubic-bezier(.16,1,.3,1) .08s;
}
.uta-project-story.is-active .uta-project-story__collapsed {
  opacity:0;
  pointer-events:none;
  transform:translateY(18px);
  transition-delay:0s;
}
.uta-project-story__collapsed small,
.uta-project-story__expanded > small {
  display:block;
  color:var(--uta-orange-dark);
  font-size:8px;
  line-height:1.45;
  font-weight:850;
  letter-spacing:.21em;
  text-transform:uppercase;
}
.uta-project-story__collapsed strong {
  display:block;
  margin-top:11px;
  font-family:var(--uta-font);
  font-size:clamp(14px,1.65svh,17px);
  line-height:1.03;
  font-weight:570;
  letter-spacing:-.042em;
  text-transform:uppercase;
  overflow-wrap:anywhere;
  word-break:normal;
  hyphens:none;
}
.uta-project-story:not(.is-active) .uta-project-story__collapsed {
  left:clamp(9px,.8vw,12px);
  right:clamp(9px,.8vw,12px);
}
.uta-project-story__expanded {
  max-width:690px;
  opacity:0;
  pointer-events:none;
  transform:translateY(24px);
  transition:opacity .25s ease,transform .55s cubic-bezier(.16,1,.3,1);
}
.uta-project-story.is-active .uta-project-story__expanded {
  opacity:1;
  pointer-events:auto;
  transform:translateY(0);
  transition:opacity .42s ease .30s,transform .68s cubic-bezier(.16,1,.3,1) .20s;
}
.uta-project-story__expanded h3 {
  max-width:620px;
  margin:10px 0 0;
  font-family:var(--uta-font);
  font-size:clamp(30px,4.15svh,44px);
  line-height:.97;
  font-weight:610;
  letter-spacing:-.05em;
  text-transform:uppercase;
  text-wrap:balance;
}
.uta-project-story__expanded p {
  max-width:650px;
  margin:13px 0 0;
  color:#d5cbc6;
  font-size:clamp(10px,1.45svh,14px);
  line-height:1.5;
}
.uta-project-story__expanded ul {
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin:14px 0 0;
  padding:0;
  list-style:none;
}
.uta-project-story__expanded li {
  padding:7px 12px;
  border:1px solid rgba(241,75,10,.78);
  border-radius:999px;
  color:var(--uta-orange-dark);
  font-size:7px;
  font-weight:850;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.uta-project-story__expanded > a {
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-top:12px;
  color:#fff;
  font-size:8px;
  font-weight:850;
  letter-spacing:.12em;
  text-decoration:none;
  text-transform:uppercase;
}
.uta-project-story__expanded > a i { color:var(--uta-orange); font-size:14px; font-style:normal; transition:transform .3s ease; }
.uta-project-story__expanded > a:hover i { transform:translate(3px,-3px); }
.uta-project-stories__hint {
  display:flex;
  align-items:center;
  gap:10px;
  margin:0;
  color:#806f66;
  font-size:8px;
  font-weight:800;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.uta-project-stories__hint i { width:7px; height:7px; border-radius:50%; background:var(--uta-orange-gradient); box-shadow:0 0 0 5px rgba(241,75,10,.10); }

@media (max-width:1100px) {
  .uta-project-stories__head { grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr); }
  .uta-project-story { flex-grow:.78; }
  .uta-project-story.is-active { flex-grow:5.4; }
  .uta-project-story__collapsed,
  .uta-project-story__expanded { left:17px; right:17px; }
  .uta-project-story:not(.is-active) .uta-project-story__collapsed { left:9px; right:9px; }
  .uta-project-story__collapsed small { letter-spacing:.14em; }
  .uta-project-story__collapsed strong { font-size:clamp(13px,1.45svh,15px); }
}

@media (max-width:760px) {
  .uta-project-stories { padding-top:70px; padding-bottom:15px; }
  .uta-project-stories__inner { width:100%; grid-template-rows:auto minmax(0,1fr) auto; gap:11px; }
  .uta-project-stories__head { width:calc(100% - 32px); margin-inline:auto; grid-template-columns:1fr; gap:8px; }
  .uta-project-stories__eyebrow { margin-bottom:7px; font-size:7px; }
  .uta-project-stories__title { max-width:540px; font-size:clamp(30px,8.8vw,42px); line-height:.97; }
  .uta-project-stories__intro { display:grid; grid-template-columns:1fr auto; align-items:end; gap:10px; }
  .uta-project-stories__intro > p { max-width:490px; font-size:9px; line-height:1.35; }
  .uta-project-stories__timer { min-width:105px; grid-template-columns:auto 55px; margin-top:0; gap:5px 8px; font-size:6px; }
  .uta-project-stories__timer > small { display:none; }
  .uta-project-stories__cards {
    width:100%;
    gap:8px;
    padding-inline:16px;
    overflow-x:auto;
    overflow-y:hidden;
    scroll-padding-inline:16px;
    scrollbar-width:none;
    touch-action:pan-x pan-y;
  }
  .uta-project-stories__cards::-webkit-scrollbar { display:none; }
  .uta-project-story { flex:0 0 17vw; min-width:58px; border-radius:13px; }
  .uta-project-story.is-active { flex-basis:min(74vw,520px); }
  .uta-project-story__number { top:10px; right:10px; width:27px; height:27px; font-size:6px; }
  .uta-project-story__collapsed,
  .uta-project-story__expanded { left:15px; right:15px; bottom:16px; }
  .uta-project-story__collapsed small { font-size:6px; letter-spacing:.11em; }
  .uta-project-story__collapsed strong { margin-top:7px; font-size:13px; line-height:1.04; }
  .uta-project-story__expanded > small { font-size:6px; }
  .uta-project-story__expanded h3 { margin-top:7px; font-size:clamp(24px,6.1svh,34px); line-height:.98; }
  .uta-project-story__expanded p { margin-top:8px; font-size:9px; line-height:1.35; }
  .uta-project-story__expanded ul { gap:5px; margin-top:9px; }
  .uta-project-story__expanded li { padding:5px 8px; font-size:5.5px; }
  .uta-project-story__expanded > a { margin-top:8px; font-size:6px; }
  .uta-project-stories__hint { width:calc(100% - 32px); margin-inline:auto; font-size:6px; }
}

@media (max-height:700px) and (min-width:761px) {
  .uta-project-stories { padding-top:66px; padding-bottom:18px; }
  .uta-project-stories__inner { gap:10px; }
  .uta-project-stories__title { font-size:39px; }
  .uta-project-stories__intro > p { font-size:11px; }
  .uta-project-story__expanded h3 { font-size:33px; }
  .uta-project-story__expanded p { margin-top:8px; font-size:10px; }
  .uta-project-story__expanded ul { margin-top:9px; }
  .uta-project-story__expanded > a { margin-top:8px; }
}

@media (prefers-reduced-motion:reduce) {
  .uta-project-story,
  .uta-project-story > img,
  .uta-project-story__collapsed,
  .uta-project-story__expanded { transition-duration:.01ms!important; }
  .uta-project-stories__timer > b i { animation:none!important; }
}

/* Proof / case-study tabs — compact, rounded carousel v2.23 */
.uta-visually-hidden {
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
.uta-proof {
  color:#242424;
  background:#fff;
  isolation:isolate;
}
main#uta-main > section.uta-proof,
body.admin-bar main#uta-main > section.uta-proof {
  height:auto;
  min-height:0;
  max-height:none;
  padding-top:clamp(64px,7svh,78px);
  padding-bottom:clamp(40px,5svh,56px);
  overflow:visible;
}
.uta-proof__inner {
  width:min(calc(100% - 48px),1235px);
  height:auto;
  display:grid;
  grid-template-rows:auto auto auto;
  gap:clamp(12px,1.8svh,18px);
}
.uta-proof__head { min-width:0; }
.uta-proof__eyebrow {
  margin:0 0 12px;
  color:var(--uta-orange);
  font-size:10px;
  line-height:1;
  font-weight:850;
  letter-spacing:.31em;
  text-transform:uppercase;
}
.uta-proof__title {
  margin:0;
  font-family:var(--uta-font);
  font-size:clamp(40px,5.8svh,60px);
  line-height:.96;
  font-weight:620;
  letter-spacing:-.052em;
  text-transform:uppercase;
  text-wrap:balance;
}
.uta-proof__layout {
  height:clamp(500px,60svh,540px);
  min-height:0;
  display:grid;
  grid-template-columns:minmax(250px,320px) minmax(0,1fr);
  gap:clamp(28px,3.4vw,48px);
}
.uta-proof__tabs {
  min-height:0;
  display:grid;
  grid-template-rows:repeat(4,94px);
  align-content:start;
  gap:11px;
}
.uta-proof-tab {
  position:relative;
  width:100%;
  min-width:0;
  min-height:0;
  padding:clamp(15px,2svh,22px) 20px;
  overflow:hidden;
  border:1px solid #ddd4ce;
  border-radius:14px;
  color:#242424;
  background:rgba(255,255,255,.16);
  text-align:left;
  cursor:pointer;
  outline:none;
  box-shadow:0 7px 18px rgba(66,40,27,.025);
  transition:border-color .35s ease,background .35s ease,box-shadow .45s ease,transform .45s var(--uta-ease-out);
}
.uta-proof-tab::before {
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:var(--uta-orange-gradient);
  transform:scaleY(0);
  transform-origin:bottom;
  transition:transform .45s var(--uta-ease-out);
}
.uta-proof-tab small {
  display:block;
  color:var(--uta-orange);
  font-size:8px;
  line-height:1.25;
  font-weight:800;
  letter-spacing:.28em;
  text-transform:uppercase;
}
.uta-proof-tab strong {
  display:block;
  margin-top:clamp(8px,1.3svh,13px);
  overflow:hidden;
  text-overflow:ellipsis;
  color:#242424;
  font-size:clamp(13px,1.8svh,17px);
  line-height:1.25;
  font-weight:680;
  white-space:nowrap;
}
.uta-proof-tab > i {
  position:absolute;
  right:18px;
  bottom:17px;
  width:24px;
  height:1px;
  overflow:hidden;
  background:#d8cec8;
}
.uta-proof-tab > i::after {
  content:"";
  display:block;
  width:100%;
  height:100%;
  background:var(--uta-orange-gradient);
  transform:translateX(-105%);
  transition:transform .45s var(--uta-ease-out);
}
.uta-proof-tab:hover,
.uta-proof-tab.is-active {
  border-color:var(--uta-orange);
  background:#fff;
  transform:translate3d(4px,-3px,0);
}
.uta-proof-tab:hover { box-shadow:0 16px 34px rgba(74,42,25,.11),0 0 30px rgba(241,75,10,.09); }
.uta-proof-tab.is-active { box-shadow:0 18px 38px rgba(74,42,25,.12),0 0 36px rgba(241,75,10,.12); }
.uta-proof-tab:hover::before,
.uta-proof-tab.is-active::before { transform:scaleY(1); }
.uta-proof-tab:hover > i::after,
.uta-proof-tab.is-active > i::after { transform:translateX(0); }
.uta-proof-tab:focus-visible { box-shadow:0 0 0 3px rgba(241,75,10,.22); border-color:var(--uta-orange); }

.uta-proof__panels {
  position:relative;
  min-width:0;
  min-height:0;
  background:#fff;
  border-radius:20px;
  isolation:isolate;
  transform:translate3d(0,-2px,0);
  box-shadow:0 24px 58px rgba(80,47,30,.13),0 0 44px rgba(241,75,10,.09);
  transition:transform .55s var(--uta-ease-out),box-shadow .55s ease;
}
.uta-proof__panels::before {
  content:"";
  position:absolute;
  z-index:-1;
  left:7%;
  right:7%;
  bottom:-22px;
  height:76px;
  border-radius:50%;
  background:radial-gradient(ellipse at center,rgba(241,75,10,.30) 0%,rgba(241,75,10,.15) 42%,rgba(241,75,10,0) 76%);
  filter:blur(22px);
  opacity:.82;
  pointer-events:none;
  transition:opacity .55s ease,transform .55s var(--uta-ease-out);
}
.uta-proof__panels:hover {
  transform:translate3d(0,-7px,0);
  box-shadow:0 31px 72px rgba(80,47,30,.16),0 0 58px rgba(241,75,10,.13);
}
.uta-proof__panels:hover::before {
  opacity:1;
  transform:scaleX(1.045);
}
.uta-proof-panel {
  position:absolute;
  inset:0;
  display:grid;
  grid-template-rows:minmax(0,1fr) auto;
  overflow:hidden;
  border-radius:20px;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translate3d(20px,0,0);
  transition:opacity .34s ease,transform .72s var(--uta-ease-out),visibility 0s linear .72s;
}
.uta-proof-panel.is-active {
  z-index:2;
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translate3d(0,0,0);
  transition:opacity .44s ease .07s,transform .72s var(--uta-ease-out),visibility 0s;
}
.uta-proof-panel__visual {
  position:relative;
  min-height:0;
  overflow:hidden;
  background:#7b553b;
  border-radius:20px 20px 0 0;
}
.uta-proof-panel__visual img {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
  filter:saturate(.82) contrast(.97);
  transform:scale(1.045);
  transition:transform 1.15s var(--uta-ease-out),filter .65s ease;
}
.uta-proof-panel.is-active .uta-proof-panel__visual img { transform:scale(1); }
.uta-proof-panel__shade {
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(22,12,6,.01) 28%,rgba(22,12,6,.20) 58%,rgba(22,12,6,.88) 100%);
}
.uta-proof-panel__visual h3 {
  position:absolute;
  z-index:1;
  left:clamp(24px,2.3vw,34px);
  right:clamp(24px,2.3vw,34px);
  bottom:clamp(18px,2.4svh,28px);
  margin:0;
  color:#fff;
  font-family:var(--uta-font);
  font-size:clamp(24px,3.3svh,34px);
  line-height:1;
  font-weight:610;
  letter-spacing:-.04em;
  text-transform:uppercase;
  text-shadow:0 3px 18px rgba(0,0,0,.28);
}
.uta-proof-panel__body {
  min-height:188px;
  display:block;
  padding:clamp(20px,2.4svh,25px) clamp(24px,2.3vw,34px) clamp(18px,2.1svh,22px);
  background:#fff;
  border-radius:0 0 20px 20px;
}
.uta-proof-panel__body > p {
  align-self:start;
  max-width:900px;
  margin:0;
  color:#6f5e55;
  font-size:clamp(11px,1.55svh,15px);
  line-height:1.55;
}
.uta-proof-panel__metrics {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin-top:clamp(18px,2.3svh,23px);
  padding-top:clamp(13px,1.7svh,17px);
  border-top:1px solid #dfd6d0;
}
.uta-proof-panel__metrics div { min-width:0; }
.uta-proof-panel__metrics strong {
  display:block;
  color:var(--uta-orange);
  font-family:var(--uta-font);
  font-size:clamp(24px,3.5svh,34px);
  line-height:1;
  font-weight:620;
  letter-spacing:-.045em;
}
.uta-proof-panel__metrics small {
  display:block;
  margin-top:7px;
  overflow:hidden;
  color:#7a6961;
  font-size:7px;
  line-height:1.25;
  font-weight:780;
  letter-spacing:.14em;
  text-overflow:ellipsis;
  text-transform:uppercase;
  white-space:nowrap;
}
.uta-proof__hint {
  display:flex;
  align-items:center;
  gap:10px;
  margin:0;
  color:#806f66;
  font-size:8px;
  line-height:1;
  font-weight:800;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.uta-proof__hint i {
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--uta-orange-gradient);
  box-shadow:0 0 0 5px rgba(241,75,10,.10);
}

@media (max-width:980px) {
  .uta-proof__layout { grid-template-columns:minmax(210px,27vw) minmax(0,1fr); gap:22px; }
  .uta-proof-tab { padding-inline:16px; }
  .uta-proof-tab > i { display:none; }
}

@media (max-width:760px) {
  main#uta-main > section.uta-proof,
  body.admin-bar main#uta-main > section.uta-proof { padding-top:68px; padding-bottom:30px; }
  .uta-proof__inner { width:100%; gap:10px; }
  .uta-proof__head,
  .uta-proof__hint { width:calc(100% - 32px); margin-inline:auto; }
  .uta-proof__eyebrow { margin-bottom:7px; font-size:7px; }
  .uta-proof__title { font-size:clamp(31px,9vw,42px); }
  .uta-proof__layout { height:auto; grid-template-columns:1fr; grid-template-rows:auto auto; gap:10px; }
  .uta-proof__tabs {
    display:flex;
    gap:7px;
    width:100%;
    padding-inline:16px;
    overflow-x:auto;
    overflow-y:hidden;
    scrollbar-width:none;
    touch-action:pan-x pan-y;
  }
  .uta-proof__tabs::-webkit-scrollbar { display:none; }
  .uta-proof-tab {
    flex:0 0 min(58vw,215px);
    min-height:62px;
    padding:10px 13px;
  }
  .uta-proof-tab:hover,
  .uta-proof-tab.is-active { transform:none; }
  .uta-proof-tab small { font-size:5.5px; letter-spacing:.21em; }
  .uta-proof-tab strong { margin-top:6px; font-size:11px; }
  .uta-proof__panels { width:calc(100% - 32px); height:clamp(390px,58svh,470px); margin-inline:auto; }
  .uta-proof-panel { grid-template-rows:minmax(0,1fr) auto; }
  .uta-proof-panel__visual h3 { left:17px; right:17px; bottom:13px; font-size:clamp(21px,5.8vw,29px); }
  .uta-proof-panel__body { min-height:144px; padding:13px 17px 12px; }
  .uta-proof-panel__body > p { font-size:9px; line-height:1.4; }
  .uta-proof-panel__metrics { gap:8px; margin-top:12px; padding-top:10px; }
  .uta-proof-panel__metrics strong { font-size:22px; }
  .uta-proof-panel__metrics small { margin-top:4px; font-size:5px; letter-spacing:.09em; white-space:normal; }
  .uta-proof__hint { font-size:5.5px; }
}

@media (max-height:700px) and (min-width:761px) {
  main#uta-main > section.uta-proof,
  body.admin-bar main#uta-main > section.uta-proof { padding-top:58px; padding-bottom:34px; }
  .uta-proof__inner { gap:10px; }
  .uta-proof__eyebrow { margin-bottom:7px; font-size:8px; }
  .uta-proof__title { font-size:40px; }
  .uta-proof__layout { height:460px; gap:24px; }
  .uta-proof__tabs { grid-template-rows:repeat(4,82px); gap:9px; }
  .uta-proof-tab { padding-block:12px; }
  .uta-proof-panel__body { min-height:158px; padding-top:15px; padding-bottom:13px; }
  .uta-proof-panel__body > p { font-size:10px; }
  .uta-proof-panel__metrics { padding-top:10px; }
  .uta-proof-panel__metrics strong { font-size:25px; }
}

@media (prefers-reduced-motion:reduce) {
  .uta-proof-tab,
  .uta-proof-tab::before,
  .uta-proof-tab > i::after,
  .uta-proof__panels,
  .uta-proof__panels::before,
  .uta-proof-panel,
  .uta-proof-panel__visual img { transition-duration:.01ms!important; }
}

/* v2.28 — focused conversion, motion and spacing refinements */
.uta-hero__copy {
  position:relative;
  width:min(100%,760px);
  max-width:760px;
  padding:clamp(24px,3.4svh,36px) clamp(24px,2.7vw,40px);
  border:1px solid rgba(255,255,255,.14);
  border-radius:24px;
  background:linear-gradient(135deg,rgba(13,13,13,.46),rgba(13,13,13,.20));
  -webkit-backdrop-filter:blur(18px) saturate(118%);
  backdrop-filter:blur(18px) saturate(118%);
  box-shadow:0 24px 70px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.08);
}

.uta-serve-showcase__link,
.uta-scroll-story__panel > a {
  color:var(--uta-orange);
  border:1.5px solid var(--uta-orange);
  background:#fff;
  box-shadow:0 12px 28px rgba(241,75,10,.11);
}
.uta-scroll-story__panel > a i {
  color:#fff;
  background:var(--uta-orange-gradient);
  transition:color .25s,background .25s,transform .3s var(--uta-ease);
}
.uta-serve-showcase__link:hover,
.uta-scroll-story__panel > a:hover {
  color:#fff;
  border-color:var(--uta-orange);
  background:var(--uta-orange-gradient);
  box-shadow:0 16px 34px rgba(241,75,10,.25);
  transform:translateY(-2px);
}
.uta-scroll-story__panel > a:hover i {
  color:var(--uta-orange);
  background:#fff;
  transform:rotate(45deg);
}

@media (min-width:981px) {
  .uta-scroll-story__grid { grid-template-columns:minmax(0,1.16fr) minmax(0,.84fr); }
  .uta-scroll-story__visual { padding:clamp(70px,8svh,88px) clamp(18px,1.8vw,34px) clamp(34px,4.5svh,48px); }
  .uta-scroll-story__visual-meta { left:clamp(18px,1.8vw,34px); right:clamp(18px,1.8vw,34px); }
  .uta-scroll-story__content { padding-left:clamp(38px,4.2vw,76px); padding-right:clamp(38px,4.2vw,76px); }
}

.uta-sample__grid {
  grid-template-columns:minmax(0,1fr) minmax(500px,650px);
  gap:clamp(38px,5vw,72px);
}
.uta-sample__copy {
  max-width:680px;
  padding:clamp(26px,3.5svh,38px);
  border:1px solid rgba(255,255,255,.24);
  border-radius:26px;
  background:linear-gradient(135deg,rgba(255,255,255,.15),rgba(255,255,255,.065));
  -webkit-backdrop-filter:blur(18px) saturate(115%);
  backdrop-filter:blur(18px) saturate(115%);
  box-shadow:0 24px 70px rgba(123,31,0,.16),inset 0 1px 0 rgba(255,255,255,.20);
}
.uta-sample__copy > p:not(.uta-kicker) { margin-top:22px; margin-bottom:30px; }
.uta-form {
  width:100%;
  max-width:650px;
  justify-self:end;
  padding:clamp(22px,2.7svh,28px);
}
.uta-form__top { margin-bottom:24px; padding-bottom:17px; }
.uta-form label { margin-bottom:12px; }
.uta-form input,.uta-form select { height:48px; }
.uta-form textarea { min-height:104px; }
.uta-form__status { margin-top:10px; }

body.uta-custom-home .uta-footer,
body.uta-custom-home.admin-bar .uta-footer {
  height:auto;
  min-height:0;
  max-height:none;
  padding-top:clamp(44px,6vw,70px);
  padding-bottom:22px;
}
.uta-footer__top { padding-bottom:clamp(20px,2.5vw,34px); }
.uta-footer__middle { padding:clamp(18px,2.4vw,30px) 0; }
.uta-footer__bottom { margin-top:clamp(16px,2vw,26px); }

@media (max-width:980px) {
  .uta-hero__copy { max-width:700px; }
  .uta-sample__grid { grid-template-columns:1fr; gap:24px; }
  .uta-sample__copy { max-width:none; }
  .uta-form { max-width:720px; justify-self:center; }
}

@media (max-width:680px) {
  .uta-hero__copy {
    max-width:none;
    padding:18px 16px;
    border-radius:18px;
    -webkit-backdrop-filter:blur(13px) saturate(112%);
    backdrop-filter:blur(13px) saturate(112%);
  }
  .uta-sample__grid { gap:16px; }
  .uta-sample__copy {
    padding:20px 17px;
    border-radius:20px;
    -webkit-backdrop-filter:blur(13px) saturate(112%);
    backdrop-filter:blur(13px) saturate(112%);
  }
  .uta-sample__copy > p:not(.uta-kicker) { margin-top:16px; margin-bottom:22px; }
  .uta-form { max-height:62svh; padding:21px 17px; }
  body.uta-custom-home .uta-footer,
  body.uta-custom-home.admin-bar .uta-footer { padding-top:42px; padding-bottom:20px; }
}

@media (prefers-reduced-motion:reduce) {
  .uta-scroll-story__panel > a i { transition:none!important; }
}

/* v2.31 — responsive content flow, readable mobile scenes and native touch */

/* Remove the glass panes while retaining the existing media shades for copy contrast. */
.uta-hero__copy,
.uta-sample__copy {
  border:0;
  background:transparent;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  box-shadow:none;
}
.uta-hero__copy { padding:0; }
.uta-sample__copy { padding:0; }

/* Tablet: content-heavy scenes grow with their content rather than scrolling inside a viewport. */
@media (max-width:980px) {
  main#uta-main > section.uta-serve,
  body.admin-bar main#uta-main > section.uta-serve,
  main#uta-main > section.uta-specialization-matrix,
  body.admin-bar main#uta-main > section.uta-specialization-matrix,
  main#uta-main > section.uta-faq,
  body.admin-bar main#uta-main > section.uta-faq,
  main#uta-main > section.uta-sample,
  body.admin-bar main#uta-main > section.uta-sample {
    height:auto;
    min-height:0;
    max-height:none;
    overflow:visible;
  }

  .uta-serve-showcase {
    grid-template-columns:1fr;
    grid-template-rows:auto auto;
    gap:30px;
    height:auto;
    padding-top:88px;
    padding-bottom:54px;
  }
  .uta-serve-showcase__visual { min-height:440px; }
  .uta-serve-deck { height:440px; }
  .uta-serve-deck__orbit { width:min(62vw,420px); }
  .uta-serve-card { width:min(43vw,330px); height:390px; }
  .uta-serve-showcase__copy {
    min-height:0;
    padding:0;
    overflow:visible;
    overscroll-behavior:auto;
    touch-action:pan-y;
  }
  .uta-serve-copy__panels { min-height:0; }
  .uta-serve-copy__panel { display:none; position:relative; inset:auto; }
  .uta-serve-copy__panel.is-active { display:block; }
  .uta-serve-copy__panel h2 { font-size:clamp(40px,7vw,58px); }
  .uta-serve-copy__panel > p { font-size:15px; }
  .uta-serve-copy__panel li { font-size:13px; }
  .uta-serve-tabs { margin-top:22px; }
  .uta-serve-deck__cards { touch-action:pan-y; }

  .uta-specialization-matrix__inner {
    height:auto;
    padding-top:88px;
    padding-bottom:54px;
  }
  .uta-specialization-grid { grid-auto-rows:minmax(178px,auto); }

  .uta-faq { padding:84px 0 56px; }
  .uta-faq__grid {
    height:auto;
    gap:42px;
    overflow:visible;
    overscroll-behavior:auto;
  }
  .uta-faq__grid > div:first-child { position:relative; top:auto; }
  .uta-accordion__item button { min-height:0; padding:24px 0; }

  .uta-sample { padding:88px 0 64px; }
  .uta-sample > .uta-shell,
  .uta-sample__grid {
    height:auto;
    max-height:none;
    overflow:visible;
  }
  .uta-sample__grid { align-items:start; gap:38px; }
  .uta-sample__copy { max-width:720px; }
  .uta-form {
    max-width:720px;
    max-height:none;
    overflow:visible;
  }
}

/* Phone: one clear vertical flow, readable type and no nested vertical scroll areas. */
@media (max-width:760px) {
  .uta-hero__grid {
    align-items:flex-end;
    padding-top:104px;
    padding-bottom:24px;
  }
  .uta-hero__copy {
    width:100%;
    max-width:none;
    padding:0;
    border-radius:0;
  }
  .uta-kicker--hero { margin-bottom:12px; font-size:8px; line-height:1.35; }
  .uta-hero__title {
    max-width:100%;
    font-size:clamp(39px,11.3vw,52px);
    line-height:.94;
    letter-spacing:-.057em;
  }
  .uta-hero__subheading {
    max-width:100%;
    margin-top:15px;
    font-size:clamp(20px,5.9vw,25px);
    line-height:1.1;
  }
  .uta-hero__lead {
    max-width:100%;
    margin-top:13px;
    font-size:13.5px;
    line-height:1.5;
  }
  .uta-hero__actions { margin-top:18px; }

  .uta-serve-showcase {
    width:min(calc(100% - 32px),var(--uta-shell));
    gap:24px;
    padding-top:76px;
    padding-bottom:44px;
  }
  .uta-serve-showcase__visual { min-height:350px; }
  .uta-serve-deck { height:350px; }
  .uta-serve-deck__orbit { top:45%; width:min(80vw,310px); }
  .uta-serve-deck__cards { inset:0 0 42px; }
  .uta-serve-card {
    top:47%;
    width:min(58vw,250px);
    height:292px;
  }
  .uta-serve-card[data-position="previous"] { transform:translate3d(calc(-50% - 72px),-50%,0) scale(.82); }
  .uta-serve-card[data-position="next"] { transform:translate3d(calc(-50% + 72px),-50%,0) scale(.82); }
  .uta-serve-card[data-position="far-previous"] { transform:translate3d(calc(-50% - 112px),-50%,0) scale(.67); }
  .uta-serve-card[data-position="far-next"] { transform:translate3d(calc(-50% + 112px),-50%,0) scale(.67); }
  .uta-serve-card__body { min-height:84px; padding:12px 13px 13px; }
  .uta-serve-card__body strong { font-size:16px; }
  .uta-serve-card__body > span { font-size:9.5px; line-height:1.38; }
  .uta-serve-showcase__copy { padding:0; }
  .uta-serve-showcase__copy > .uta-kicker { margin-bottom:12px; font-size:8px; }
  .uta-serve-copy__panel h2 { font-size:clamp(30px,8.7vw,39px); line-height:.98; }
  .uta-serve-copy__panel h3 { margin-top:12px; font-size:14px; line-height:1.3; }
  .uta-serve-copy__panel > p { margin-top:11px; font-size:13px; line-height:1.5; }
  .uta-serve-copy__panel ul { gap:7px; margin-top:12px; }
  .uta-serve-copy__panel li { padding-left:17px; font-size:12px; line-height:1.4; }
  .uta-serve-tabs {
    margin-top:18px;
    padding-bottom:3px;
    overflow-x:auto;
    overflow-y:hidden;
    touch-action:pan-x pan-y;
  }
  .uta-serve-tabs button { min-height:38px; padding-inline:15px; font-size:10px; }
  .uta-serve-showcase__link { min-height:42px; margin-top:13px; font-size:10px; }

  .uta-specialization-matrix__inner {
    width:calc(100% - 32px);
    gap:20px;
    padding-top:74px;
    padding-bottom:44px;
  }
  .uta-specialization-matrix__title { font-size:clamp(31px,9vw,40px); }
  .uta-specialization-matrix__lead { margin-top:12px; font-size:13px; line-height:1.5; }
  .uta-specialization-grid {
    grid-template-columns:1fr;
    grid-template-rows:none;
    grid-auto-rows:auto;
    overflow:visible;
  }
  .uta-specialization-card,
  .uta-specialization-card:nth-child(odd),
  .uta-specialization-card:nth-child(-n+4) {
    min-height:160px;
    padding:20px 18px;
    border-right:0;
    border-bottom:1px solid #ded6d0;
  }
  .uta-specialization-card:last-child { border-bottom:0; }
  .uta-specialization-card__number { font-size:25px; }
  .uta-specialization-card h3 { margin-top:10px; font-size:17px; line-height:1.2; }
  .uta-specialization-card p { margin-top:8px; font-size:13px; line-height:1.45; }
  .uta-specialization-card__dash { margin-top:16px; }

  main#uta-main > section.uta-scroll-story,
  body.admin-bar main#uta-main > section.uta-scroll-story {
    height:330svh;
    min-height:330svh;
  }
  .uta-scroll-story__grid { grid-template-rows:minmax(0,40%) minmax(0,60%); }
  .uta-scroll-story__visual { padding:72px 16px 14px; }
  .uta-scroll-story__content { padding:15px 18px 14px; }
  .uta-scroll-story__eyebrow { margin-bottom:11px; font-size:8.5px; line-height:1.3; }
  .uta-scroll-story__panels { height:calc(100% - 84px); }
  .uta-scroll-story__panel { padding-top:2px; }
  .uta-scroll-story__panel > span { font-size:9px; }
  .uta-scroll-story__panel h2 {
    margin-top:8px;
    font-size:clamp(31px,8.8vw,40px);
    line-height:.98;
  }
  .uta-scroll-story__panel h3 { margin-top:11px; font-size:14px; line-height:1.3; }
  .uta-scroll-story__panel > p { margin-top:8px; font-size:13px; line-height:1.48; }
  .uta-scroll-story__panel > a { min-height:40px; margin-top:12px; padding-left:15px; font-size:8.5px; }
  .uta-scroll-story__panel > a i { width:28px; height:28px; }
  .uta-scroll-story__steps { gap:8px; margin-top:7px; }
  .uta-scroll-story__steps button small { font-size:7px; }

  main#uta-main > section.uta-proof,
  body.admin-bar main#uta-main > section.uta-proof {
    padding-top:44px;
    padding-bottom:38px;
  }
  .uta-proof__inner { gap:18px; }
  .uta-proof__eyebrow { margin-bottom:9px; font-size:8px; }
  .uta-proof__title { font-size:clamp(33px,9.4vw,42px); }
  .uta-proof__layout { gap:16px; }
  .uta-proof-tab { min-height:68px; }
  .uta-proof-tab small { font-size:6.5px; }
  .uta-proof-tab strong { font-size:12px; }
  .uta-proof__panels { height:clamp(430px,62svh,500px); }
  .uta-proof-panel__body > p { font-size:11.5px; line-height:1.5; }
  .uta-proof__hint { font-size:6.5px; }

  .uta-faq { padding:68px 0 40px; }
  .uta-faq__grid { gap:32px; overflow:visible; }
  .uta-faq__grid .uta-section-intro { margin:20px 0 22px; font-size:15px; line-height:1.55; }
  .uta-faq .uta-heading { font-size:clamp(43px,12.5vw,58px); line-height:.94; }
  .uta-accordion__item button { gap:18px; padding:19px 0; }
  .uta-accordion__item button span { font-size:17px; line-height:1.35; }
  .uta-accordion__item button i { width:36px; height:36px; }
  .uta-accordion__item > div > p { font-size:14px; line-height:1.6; }
  .uta-accordion__item.is-open > div > p { padding-bottom:22px; }

  .uta-sample { padding:66px 0 48px; }
  .uta-sample__grid { gap:30px; }
  .uta-sample__copy {
    max-width:none;
    padding:0;
    border-radius:0;
  }
  .uta-sample .uta-heading { font-size:clamp(42px,12vw,56px); line-height:.96; }
  .uta-sample__copy > p:not(.uta-kicker) { margin:17px 0 24px; font-size:15px; line-height:1.58; }
  .uta-sample__promise { gap:14px; padding:15px 0; }
  .uta-sample__promise strong { font-size:14px; }
  .uta-sample__promise small { font-size:11px; line-height:1.45; }
  .uta-form {
    width:100%;
    max-height:none;
    padding:22px 17px;
    overflow:visible;
    border-radius:20px;
  }
  .uta-form__top { margin-bottom:20px; padding-bottom:15px; }
  .uta-form__fields legend { font-size:24px; }
  .uta-form__intro { font-size:12.5px; line-height:1.5; }
  .uta-form label { margin-bottom:14px; }
  .uta-form label > span { font-size:9.5px; }
  .uta-form input,
  .uta-form select { height:50px; font-size:16px; }
  .uta-form textarea { min-height:112px; font-size:16px; }
  .uta-form__actions .uta-button { min-height:54px; }
}

/* Very short phones keep the hero usable without shrinking body copy below a readable size. */
@media (max-width:760px) and (max-height:700px) {
  .uta-hero__grid { padding-top:88px; padding-bottom:16px; }
  .uta-kicker--hero { margin-bottom:8px; }
  .uta-hero__title { font-size:clamp(35px,10.2vw,45px); }
  .uta-hero__subheading { margin-top:10px; font-size:19px; }
  .uta-hero__lead { margin-top:9px; font-size:12.5px; line-height:1.42; }
  .uta-hero__actions { margin-top:13px; }
  .uta-hero__actions .uta-button { min-height:44px; }
}

/* v2.32 — final responsive polish and glyph-safe reveal surfaces */

/* Text must never inherit the rounded image-reveal mask. The old shared
   visible state clipped the leading glyph on several mobile headings. */
.uta-reveal.is-visible,
.uta-reveal-card.is-visible {
  clip-path:none;
}

.uta-specialization-matrix__title,
.uta-project-stories__title,
.uta-proof__title {
  padding:.055em .045em .09em;
  margin:-.055em -.045em -.09em;
  overflow:visible;
}

/* One restrained glass surface behind the three sample-request steps. */
.uta-sample__promises {
  width:min(100%,600px);
  padding:8px 18px;
  border:1px solid rgba(255,255,255,.27);
  border-radius:24px;
  background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.07));
  -webkit-backdrop-filter:blur(18px) saturate(118%);
  backdrop-filter:blur(18px) saturate(118%);
  box-shadow:0 20px 48px rgba(111,28,0,.16),inset 0 1px 0 rgba(255,255,255,.19);
}
.uta-sample__promises .uta-sample__promise {
  max-width:none;
}
.uta-sample__promises .uta-sample__promise:first-child { border-top:0; }
.uta-sample__promises .uta-sample__promise:last-child { border-bottom:0; }

.uta-serve-showcase__link,
.uta-scroll-story__panel > a,
.uta-form__actions .uta-button {
  white-space:nowrap;
  touch-action:manipulation;
}

@media (max-width:760px) {
  /* Hero copy sits safely inside the viewport and is slightly more compact. */
  .uta-hero__copy {
    width:calc(100% - 4px);
    padding-inline:2px;
  }
  .uta-hero__title {
    max-width:100%;
    font-size:clamp(36px,10.35vw,47px);
    line-height:.96;
    letter-spacing:-.052em;
  }
  .uta-hero__subheading,
  .uta-hero__lead {
    width:calc(100% - 2px);
    max-width:none;
    padding-left:1px;
    overflow:visible;
  }

  /* Taller programme cards, lighter category controls and one stable CTA. */
  .uta-serve-showcase__visual { min-height:386px; }
  .uta-serve-deck { height:386px; }
  .uta-serve-deck__orbit { top:46%; }
  .uta-serve-deck__cards { inset:0 0 44px; }
  .uta-serve-card {
    top:47%;
    height:326px;
  }
  .uta-serve-card__body { min-height:88px; }
  .uta-serve-tabs {
    gap:7px;
    margin-top:16px;
  }
  .uta-serve-tabs button {
    flex:0 0 auto;
    min-height:34px;
    padding-inline:11px;
    font-size:9.5px;
    white-space:nowrap;
  }
  .uta-serve-showcase__link {
    min-width:190px;
    min-height:51px;
    margin-top:16px;
    padding-inline:24px;
    gap:15px;
    font-size:11.5px;
    line-height:1;
    box-shadow:0 14px 32px rgba(241,75,10,.16);
  }

  /* Safe line boxes for all three headings reported in the review. */
  .uta-specialization-matrix__title,
  .uta-project-stories__title,
  .uta-proof__title {
    line-height:1.01;
  }

  /* Keep the four chapters responsive while removing the large void between
     each description and the progress controls. */
  main#uta-main > section.uta-scroll-story,
  body.admin-bar main#uta-main > section.uta-scroll-story {
    height:300svh;
    min-height:300svh;
  }
  .uta-scroll-story__grid {
    grid-template-rows:minmax(0,45%) minmax(0,55%);
  }
  .uta-scroll-story__visual { padding-bottom:12px; }
  .uta-scroll-story__content { padding-top:13px; }
  .uta-scroll-story__panels {
    flex:0 0 auto;
    height:clamp(244px,31svh,262px);
    min-height:244px;
  }
  .uta-scroll-story__steps { margin-top:5px; }

  .uta-sample__promises {
    width:100%;
    padding:6px 14px;
    border-radius:20px;
    -webkit-backdrop-filter:blur(15px) saturate(116%);
    backdrop-filter:blur(15px) saturate(116%);
  }
  .uta-sample__promise { padding:14px 0; }
  .uta-form__actions .uta-button {
    min-height:56px;
    font-size:11px;
    letter-spacing:.01em;
  }
}

@media (max-width:760px) and (max-height:700px) {
  .uta-hero__title { font-size:clamp(33px,9.7vw,41px); }
  .uta-scroll-story__panels {
    height:232px;
    min-height:232px;
  }
}

/* v2.33 — mobile sample-story structure
   The active chapter, CTA and progress controls own separate grid rows. This
   prevents the longer approval chapter from overlapping the progress bar and
   removes the oversized blank bands around the film and copy. */
@media (max-width:760px) {
  main#uta-main > section.uta-scroll-story,
  body.admin-bar main#uta-main > section.uta-scroll-story {
    height:300svh;
    min-height:300svh;
  }

  .uta-scroll-story__grid {
    grid-template-rows:clamp(250px,34svh,330px) minmax(0,1fr);
  }

  .uta-scroll-story__visual {
    align-items:center;
    padding:50px 16px 10px;
  }

  .uta-scroll-story__frame {
    width:min(100%,calc(60.4452svh - 106.668px));
    min-width:260px;
    max-width:610px;
  }

  .uta-scroll-story__content {
    display:grid;
    grid-template-rows:auto minmax(0,1fr) auto;
    gap:10px;
    justify-content:stretch;
    padding:10px 18px 20px;
    overflow:hidden;
  }

  .uta-scroll-story__eyebrow {
    align-self:start;
    margin:0;
  }

  .uta-scroll-story__panels {
    align-self:stretch;
    width:100%;
    height:auto;
    min-height:0;
  }

  .uta-scroll-story__panel {
    justify-content:center;
    padding:0;
    overflow:visible;
  }

  .uta-scroll-story__panel h2 {
    font-size:clamp(29px,8.25vw,37px);
  }

  .uta-scroll-story__panel > a {
    display:flex;
    width:min(100%,220px);
    min-height:46px;
    flex:0 0 auto;
    justify-content:space-between;
    margin-top:15px;
    padding:0 9px 0 17px;
    font-size:9px;
    line-height:1;
  }

  .uta-scroll-story__panel > a i {
    width:29px;
    height:29px;
    flex:0 0 29px;
  }

  .uta-scroll-story__steps {
    position:relative;
    align-self:end;
    width:100%;
    margin:0;
    padding-top:2px;
  }
}

@media (max-width:760px) and (max-height:700px) {
  .uta-scroll-story__grid {
    grid-template-rows:clamp(220px,35svh,250px) minmax(0,1fr);
  }
  .uta-scroll-story__visual {
    padding-top:42px;
    padding-bottom:8px;
  }
  .uta-scroll-story__frame {
    width:min(100%,calc(62.223svh - 88.89px));
    min-width:240px;
  }
  .uta-scroll-story__content {
    gap:7px;
    padding-top:7px;
    padding-bottom:12px;
  }
  .uta-scroll-story__panel h2 { font-size:clamp(27px,7.8vw,33px); }
  .uta-scroll-story__panel h3 { margin-top:8px; font-size:13px; }
  .uta-scroll-story__panel > p { margin-top:6px; font-size:12px; line-height:1.42; }
  .uta-scroll-story__panel > a { min-height:40px; margin-top:9px; }
  .uta-scroll-story__panel > a i { width:26px; height:26px; flex-basis:26px; }
}

/* v2.34 — natural-ratio compact mobile story and bottom-left desktop hero
   The phone layout no longer derives the film width from viewport height or
   stretches the chapter copy through a full-screen grid. Active chapters take
   their own natural height, so the film, copy and controls stay together. */
@media (min-width:981px) {
  .uta-hero__grid {
    align-items:flex-end;
    padding-top:clamp(92px,11svh,124px);
    padding-bottom:clamp(68px,8svh,92px);
  }
  .uta-hero__copy { align-self:auto; }
}

@media (min-width:761px) and (max-width:980px) {
  .uta-hero__grid {
    align-items:flex-end;
    padding-top:92px;
    padding-bottom:54px;
  }
}

@media (max-width:760px) {
  main#uta-main > section.uta-scroll-story,
  body.admin-bar main#uta-main > section.uta-scroll-story {
    height:auto;
    min-height:0;
    max-height:none;
    overflow:visible;
  }

  .uta-scroll-story__sticky,
  body.admin-bar .uta-scroll-story__sticky {
    position:relative;
    top:auto;
    height:auto;
    min-height:0;
    overflow:visible;
  }

  .uta-scroll-story__grid {
    display:block;
    height:auto;
    min-height:0;
  }

  .uta-scroll-story__visual {
    display:block;
    padding:52px 16px 0;
    overflow:visible;
  }

  .uta-scroll-story__frame {
    width:100%;
    min-width:0;
    max-width:none;
    max-height:none;
    aspect-ratio:16 / 9;
  }

  .uta-scroll-story__frame video {
    object-fit:contain;
    object-position:center;
  }

  .uta-scroll-story__content {
    display:block;
    padding:12px 18px 16px;
    overflow:visible;
  }

  .uta-scroll-story__eyebrow {
    margin:0 0 12px;
  }

  .uta-scroll-story__panels {
    display:block;
    width:100%;
    height:auto;
    min-height:0;
  }

  .uta-scroll-story__panel {
    position:relative;
    inset:auto;
    display:none;
    width:100%;
    justify-content:flex-start;
    padding:0;
    transform:none;
  }

  .uta-scroll-story__panel.is-active {
    display:flex;
    transform:none;
  }

  .uta-scroll-story__panel > span { font-size:9px; }
  .uta-scroll-story__panel h2 {
    margin-top:7px;
    font-size:clamp(30px,8.5vw,38px);
    line-height:.98;
  }
  .uta-scroll-story__panel h3 {
    margin-top:9px;
    font-size:14px;
    line-height:1.3;
  }
  .uta-scroll-story__panel > p {
    margin-top:7px;
    font-size:13px;
    line-height:1.46;
  }
  .uta-scroll-story__panel > a {
    min-height:42px;
    margin-top:11px;
  }

  .uta-scroll-story__steps {
    width:100%;
    margin:13px 0 0;
    padding:0;
  }
}

@media (max-width:760px) and (max-height:700px) {
  .uta-scroll-story__visual { padding-top:44px; }
  .uta-scroll-story__content { padding-top:9px; padding-bottom:10px; }
  .uta-scroll-story__eyebrow { margin-bottom:8px; }
  .uta-scroll-story__panel h2 { font-size:clamp(27px,7.9vw,33px); }
  .uta-scroll-story__panel h3 { margin-top:7px; font-size:13px; }
  .uta-scroll-story__panel > p { margin-top:5px; font-size:12px; line-height:1.4; }
  .uta-scroll-story__panel > a { min-height:39px; margin-top:8px; }
  .uta-scroll-story__steps { margin-top:9px; }
}

/* v2.36 — compact gesture-pinned mobile story
   Keep the v2.34 natural-flow geometry and hold the page position only while
   touch/wheel input advances the four chapters. No artificial document-height
   track is created, so the next section follows the story immediately. */
@media (max-width:760px) {
  main#uta-main > section.uta-scroll-story,
  body.admin-bar main#uta-main > section.uta-scroll-story {
    height:auto;
    min-height:0;
    max-height:none;
    overflow:visible;
  }

  .uta-scroll-story__sticky,
  body.admin-bar .uta-scroll-story__sticky {
    position:relative;
    top:auto;
    z-index:2;
    height:auto;
    min-height:0;
    max-height:none;
    overflow:visible;
    background:#fff;
    contain:none;
    touch-action:pan-y;
  }

  .uta-scroll-story__frame {
    display:block;
    width:100%;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:16 / 9!important;
    contain:layout paint;
  }

  .uta-scroll-story__frame video {
    position:absolute;
    inset:0;
    display:block;
    width:100%;
    height:100%;
    min-height:0;
    max-height:none;
    object-fit:contain!important;
    object-position:center!important;
  }
}

/* v2.37 — mobile film header clearance
   The fixed mobile header is 72px tall. Keep the complete 16:9 film below it
   while the gesture-pinned story is held at the top of the viewport. */
@media (max-width:760px) {
  .uta-scroll-story__visual {
    padding-top:82px;
  }

  body.admin-bar .uta-scroll-story__visual {
    padding-top:128px;
  }
}

/* Mobile story hold: the document remains in normal flow. Input is consumed
   while the film advances, so entering and leaving the story never changes the
   body's positioning, width or scroll mode. */
@media (max-width:760px) {
  main#uta-main > section.uta-scroll-story,
  body.admin-bar main#uta-main > section.uta-scroll-story,
  .uta-scroll-story__sticky {
    max-width:100%;
    overflow-x:clip;
  }

  .uta-scroll-story.is-mobile-pinned .uta-scroll-story__sticky {
    touch-action:none;
  }

  .uta-scroll-story__panel.is-active.is-leaving {
    display:flex;
    pointer-events:none;
    will-change:opacity,transform;
    backface-visibility:hidden;
    animation:utaStoryPanelLeave .16s cubic-bezier(.4,0,1,1) both;
  }

  .uta-scroll-story__panel.is-active.is-entering {
    will-change:opacity,transform;
    backface-visibility:hidden;
    animation:utaStoryPanelEnter .52s cubic-bezier(.16,1,.3,1) both;
  }
}

@keyframes utaStoryPanelLeave {
  from { opacity:1; transform:translate3d(0,0,0); }
  to { opacity:0; transform:translate3d(0,-7px,0); }
}

@keyframes utaStoryPanelEnter {
  from { opacity:0; transform:translate3d(0,11px,0); }
  to { opacity:1; transform:translate3d(0,0,0); }
}

/* v2.47 — requested visual polish, mobile portfolio drag and tablet story. */
.uta-hero__media-shade {
  background:linear-gradient(
    180deg,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.30) 100%
  );
}

.uta-sample__copy {
  padding:clamp(26px,3.5svh,38px);
  border:1px solid rgba(255,255,255,.34);
  border-radius:26px;
  background:linear-gradient(135deg,rgba(255,255,255,.19),rgba(255,255,255,.075));
  -webkit-backdrop-filter:blur(26px) saturate(132%);
  backdrop-filter:blur(26px) saturate(132%);
  box-shadow:0 28px 74px rgba(104,24,0,.20),inset 0 1px 0 rgba(255,255,255,.28);
}

.uta-form {
  border:1px solid rgba(255,255,255,.72);
  background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(255,255,255,.66));
  -webkit-backdrop-filter:blur(28px) saturate(126%);
  backdrop-filter:blur(28px) saturate(126%);
  box-shadow:0 34px 90px rgba(100,25,0,.24),inset 0 1px 0 rgba(255,255,255,.86);
}

.uta-form input,
.uta-form select,
.uta-form textarea {
  border-color:rgba(120,96,86,.23);
  background:rgba(255,255,255,.56);
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
}

@media (max-width:760px) {
  .uta-sample__copy {
    padding:20px 17px;
    border-radius:20px;
    -webkit-backdrop-filter:blur(22px) saturate(128%);
    backdrop-filter:blur(22px) saturate(128%);
  }

  .uta-form {
    background:linear-gradient(145deg,rgba(255,255,255,.84),rgba(255,255,255,.64));
    -webkit-backdrop-filter:blur(24px) saturate(124%);
    backdrop-filter:blur(24px) saturate(124%);
  }

  .uta-project-stories__cards {
    scroll-snap-type:x proximity;
    overscroll-behavior-inline:contain;
    -webkit-overflow-scrolling:touch;
    cursor:grab;
  }

  .uta-project-stories__cards:active { cursor:grabbing; }

  .uta-project-story {
    scroll-snap-align:center;
    transition:flex-basis .74s cubic-bezier(.16,1,.3,1),flex-grow .74s cubic-bezier(.16,1,.3,1),border-color .45s ease,box-shadow .55s ease;
  }
}

@media (min-width:761px) and (max-width:980px) {
  main#uta-main > section.uta-scroll-story,
  body.admin-bar main#uta-main > section.uta-scroll-story {
    height:420svh;
    min-height:420svh;
    max-height:none;
    overflow:visible;
  }

  .uta-scroll-story__sticky {
    position:sticky;
    top:0;
    height:100svh;
    min-height:100svh;
    max-height:100svh;
    overflow:hidden;
  }

  body.admin-bar .uta-scroll-story__sticky {
    top:46px;
    height:calc(100svh - 46px);
    min-height:calc(100svh - 46px);
    max-height:calc(100svh - 46px);
  }
}

@media (prefers-reduced-motion:reduce) {
  .uta-scroll-story__panel.is-leaving,
  .uta-scroll-story__panel.is-entering { animation:none!important; }
}

/* v2.48 — responsive containment, controlled infinite project gestures and
   stronger sample-request glass. */
html,
body.uta-custom-home {
  width:100%;
  max-width:100%;
  overflow-x:hidden;
}

body.uta-custom-home main#uta-main,
body.uta-custom-home main#uta-main > section,
body.uta-custom-home .uta-shell {
  min-width:0;
  max-width:100%;
}

.uta-header {
  left:0;
  right:auto;
  width:100%;
  max-width:100%;
}

.uta-header__inner,
.uta-brand,
.uta-brand .custom-logo-link { min-width:0; }
.uta-menu { flex:0 0 46px; margin-left:auto; }

.uta-sample__copy {
  border-color:rgba(255,255,255,.52);
  background:linear-gradient(135deg,rgba(103,24,0,.34),rgba(255,255,255,.20));
  -webkit-backdrop-filter:blur(34px) saturate(146%);
  backdrop-filter:blur(34px) saturate(146%);
  box-shadow:0 30px 80px rgba(92,20,0,.27),inset 0 1px 0 rgba(255,255,255,.42);
}

.uta-form {
  border-color:rgba(255,255,255,.84);
  background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(255,243,238,.49));
  -webkit-backdrop-filter:blur(36px) saturate(140%);
  backdrop-filter:blur(36px) saturate(140%);
  box-shadow:0 36px 96px rgba(91,22,0,.28),inset 0 1px 0 rgba(255,255,255,.94);
}

.uta-form input,
.uta-form select,
.uta-form textarea {
  border-color:rgba(102,72,60,.24);
  background:rgba(255,255,255,.40);
  -webkit-backdrop-filter:blur(14px) saturate(125%);
  backdrop-filter:blur(14px) saturate(125%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 5px 18px rgba(106,39,15,.045);
}

.uta-form input:focus,
.uta-form select:focus,
.uta-form textarea:focus {
  background:rgba(255,255,255,.58);
}

@media (max-width:760px) {
  .uta-header__inner {
    width:calc(100% - 28px);
    max-width:calc(100% - 28px);
    gap:12px;
  }

  .uta-brand .custom-logo-link { max-width:calc(100vw - 102px); }
  .uta-header .custom-logo { max-width:min(145px,calc(100vw - 116px)); }

  .uta-project-stories,
  .uta-project-stories__inner,
  .uta-project-stories__cards { max-width:100%; }

  .uta-project-stories__cards {
    overflow-x:hidden;
    scroll-snap-type:none;
    overscroll-behavior-inline:none;
    touch-action:pan-y;
    cursor:grab;
  }

  .uta-project-stories__cards.is-dragging { cursor:grabbing; }
  .uta-project-stories__cards.is-dragging .uta-project-story { transition-duration:.12s; }
  .uta-project-story {
    scroll-snap-align:none;
    transform:translate3d(var(--uta-project-drag,0px),0,0);
    transition:transform .42s var(--uta-ease-out),flex-basis .74s cubic-bezier(.16,1,.3,1),flex-grow .74s cubic-bezier(.16,1,.3,1),border-color .45s ease,box-shadow .55s ease;
  }

  .uta-sample__copy {
    border-color:rgba(255,255,255,.56);
    background:linear-gradient(145deg,rgba(101,23,0,.38),rgba(255,255,255,.20));
    -webkit-backdrop-filter:blur(30px) saturate(142%);
    backdrop-filter:blur(30px) saturate(142%);
  }

  .uta-form {
    background:linear-gradient(145deg,rgba(255,255,255,.70),rgba(255,242,236,.48));
    -webkit-backdrop-filter:blur(32px) saturate(136%);
    backdrop-filter:blur(32px) saturate(136%);
  }
}

@supports (overflow:clip) {
  html,
  body.uta-custom-home { overflow-x:clip; }
}

/* v2.49 — glyph-safe headings, centered mobile stories, lighter mobile glass,
   directional hero contrast and responsive frosted navigation. */
.uta-split .uta-word {
  padding-right:.11em;
  padding-bottom:.12em;
  margin-right:-.11em;
  margin-bottom:-.12em;
}

.uta-heading,
.uta-form__fields legend {
  padding-right:.10em;
  margin-right:-.10em;
  overflow:visible;
}

/* Header shell: the blur lives on a pseudo-layer so the fixed mobile menu is
   never trapped inside a filtered containing block. */
.uta-header,
.uta-header.is-scrolled {
  height:88px;
  color:#fff;
  background:transparent;
  box-shadow:none;
  isolation:isolate;
  overflow:visible;
}

.uta-header::before {
  content:"";
  position:absolute;
  z-index:0;
  inset:12px max(16px,calc((100% - 1380px)/2));
  border:1px solid rgba(255,255,255,.18);
  border-radius:18px;
  background:rgba(15,15,15,.68);
  -webkit-backdrop-filter:blur(18px) saturate(128%);
  backdrop-filter:blur(18px) saturate(128%);
  box-shadow:0 12px 38px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.09);
  transition:background .35s ease,border-color .35s ease,box-shadow .35s ease;
  pointer-events:none;
}

.uta-header.is-scrolled::before {
  border-color:rgba(255,255,255,.14);
  background:rgba(12,12,12,.80);
  box-shadow:0 15px 42px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.08);
}

.uta-header__inner {
  position:relative;
  z-index:1;
  height:64px;
  margin-top:12px;
  padding-inline:18px;
}

.uta-header .uta-button--small {
  position:relative;
  display:inline-flex;
  overflow:hidden;
  animation:utaHeaderCtaGlow 3.8s ease-in-out infinite;
}

.uta-header .uta-button--small::after {
  content:"";
  position:absolute;
  inset:-35% auto -35% -42%;
  width:32%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);
  transform:skewX(-18deg);
  animation:utaHeaderCtaShine 3.8s ease-in-out infinite;
  pointer-events:none;
}

@keyframes utaHeaderCtaGlow {
  0%,58%,100% { box-shadow:0 10px 26px rgba(241,75,10,.20),0 0 0 0 rgba(241,75,10,0); }
  72% { box-shadow:0 13px 34px rgba(241,75,10,.34),0 0 0 7px rgba(241,75,10,.12); }
}

@keyframes utaHeaderCtaShine {
  0%,58% { left:-42%; opacity:0; }
  64% { opacity:1; }
  82%,100% { left:118%; opacity:0; }
}

@media (min-width:981px) {
  .uta-hero__media-shade {
    background:linear-gradient(
      90deg,
      rgba(0,0,0,.40) 0%,
      rgba(0,0,0,.30) 28%,
      rgba(0,0,0,.12) 52%,
      rgba(0,0,0,0) 76%,
      rgba(0,0,0,0) 100%
    );
  }
}

@media (max-width:980px) {
  .uta-header,
  .uta-header.is-scrolled { height:76px; }
  .uta-header::before { inset:8px 10px; border-radius:16px; }
  .uta-header__inner {
    width:calc(100% - 20px);
    max-width:calc(100% - 20px);
    height:60px;
    margin-top:8px;
    padding-inline:12px;
  }
  body.uta-custom-home.admin-bar .uta-header { top:46px; }
}

@media (max-width:760px) {
  .uta-header__inner { gap:8px; }
  .uta-brand { margin-right:auto; }
  .uta-brand .custom-logo-link { max-width:124px; }
  .uta-header .custom-logo { width:auto; max-width:124px; height:34px; }

  .uta-header .uta-button--small {
    flex:0 0 auto;
    min-height:38px;
    padding:0 14px;
    gap:0;
    border-radius:11px;
    font-size:0;
  }
  .uta-header .uta-button--small span::after {
    content:"Free sample";
    font-size:10px;
    line-height:1;
    white-space:nowrap;
  }
  .uta-header .uta-button--small i { display:none; }

  .uta-menu {
    flex:0 0 40px;
    width:40px;
    height:40px;
    margin-left:0;
    border-radius:11px;
    background:rgba(255,255,255,.10);
  }

  .uta-project-stories__cards {
    padding-inline:13vw;
    scroll-padding-inline:13vw;
  }

  /* One blur per glass panel is substantially cheaper than nested blur on
     every child field. Translucent layers and highlights retain the glass. */
  .uta-sample {
    contain:layout paint;
  }
  .uta-sample__copy {
    -webkit-backdrop-filter:blur(12px) saturate(122%);
    backdrop-filter:blur(12px) saturate(122%);
    box-shadow:0 18px 44px rgba(82,18,0,.20),inset 0 1px 0 rgba(255,255,255,.38);
  }
  .uta-sample__promises {
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
    background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.08));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.18);
  }
  .uta-form {
    -webkit-backdrop-filter:blur(12px) saturate(120%);
    backdrop-filter:blur(12px) saturate(120%);
    box-shadow:0 20px 48px rgba(82,18,0,.22),inset 0 1px 0 rgba(255,255,255,.80);
    transform:translateZ(0);
  }
  .uta-form input,
  .uta-form select,
  .uta-form textarea {
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
    background:linear-gradient(145deg,rgba(255,255,255,.58),rgba(255,255,255,.38));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.74);
  }

  .uta-marquee__track { animation-duration:90s; }
  .uta-specialization-matrix__route path { animation:none; }
  .uta-project-story:not(.is-active) > img { transform:none; }
}

@media (max-width:370px) {
  .uta-brand .custom-logo-link { max-width:104px; }
  .uta-header .custom-logo { max-width:104px; }
  .uta-header .uta-button--small { padding-inline:10px; }
  .uta-header .uta-button--small span::after { font-size:9px; }
  .uta-menu { flex-basis:38px; width:38px; height:38px; }
}

@media (prefers-reduced-motion:reduce) {
  .uta-header .uta-button--small,
  .uta-header .uta-button--small::after { animation:none!important; }
}

/* v2.50 — full-width top navigation, compact sticky scroll state and a
   compositor-safe mobile rendering path. */
.uta-header::before {
  transition:inset .46s var(--uta-ease-out),border-radius .46s var(--uta-ease-out),background .35s ease,border-color .35s ease,box-shadow .35s ease;
}

.uta-header__inner {
  transition:width .46s var(--uta-ease-out),height .46s var(--uta-ease-out),margin-top .46s var(--uta-ease-out),padding .46s var(--uta-ease-out),column-gap .46s var(--uta-ease-out);
}

.uta-header:not(.is-scrolled) {
  height:82px;
}

.uta-header:not(.is-scrolled)::before {
  inset:0;
  border-right:0;
  border-left:0;
  border-radius:0;
  background:rgba(14,14,14,.66);
  box-shadow:0 1px 0 rgba(255,255,255,.12);
}

.uta-header:not(.is-scrolled) .uta-header__inner {
  height:82px;
  margin-top:0;
  padding-inline:24px;
}

.uta-header .uta-button--small {
  animation:none;
  box-shadow:0 10px 27px rgba(241,75,10,.25);
}

.uta-header .uta-button--small::after {
  left:-42%;
  animation:utaHeaderCtaShineGpu 3.8s ease-in-out infinite;
  will-change:transform,opacity;
}

@keyframes utaHeaderCtaShineGpu {
  0%,58% { opacity:0; transform:translate3d(0,0,0) skewX(-18deg); }
  64% { opacity:1; }
  82%,100% { opacity:0; transform:translate3d(500%,0,0) skewX(-18deg); }
}

@media (max-width:980px) {
  .uta-header:not(.is-scrolled) { height:68px; }
  .uta-header:not(.is-scrolled) .uta-header__inner {
    width:min(calc(100% - 24px),var(--uta-shell));
    max-width:calc(100% - 24px);
    height:68px;
    margin-top:0;
    padding-inline:0;
  }
}

@media (max-width:760px) {
  /* A fixed live blur and two viewport-sized live glass filters forced mobile
     browsers to repaint on every scroll frame. The same frosted appearance is
     retained with layered translucent fills and static highlights. */
  .uta-header::before,
  .uta-header.is-scrolled::before,
  .uta-header:not(.is-scrolled)::before,
  .uta-sample__copy,
  .uta-form {
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
  }

  .uta-header::before,
  .uta-header.is-scrolled::before {
    background:linear-gradient(135deg,rgba(18,18,18,.94),rgba(24,20,18,.88));
  }

  .uta-header:not(.is-scrolled)::before {
    background:linear-gradient(135deg,rgba(14,14,14,.86),rgba(23,18,16,.80));
  }

  .uta-sample__copy {
    background:
      linear-gradient(135deg,rgba(255,255,255,.12),transparent 42%),
      linear-gradient(145deg,rgba(111,25,0,.56),rgba(241,75,10,.26));
  }

  .uta-form {
    background:
      linear-gradient(145deg,rgba(255,255,255,.82),rgba(255,255,255,.48)),
      rgba(255,226,216,.52);
  }

  .uta-marquee:not(.uta-mobile-active) .uta-marquee__track {
    animation-play-state:paused;
  }

  .uta-header .uta-button--small {
    box-shadow:0 8px 20px rgba(241,75,10,.22);
  }
}

@media (prefers-reduced-motion:reduce) {
  .uta-header .uta-button--small::after { animation:none!important; }
}

/* v2.51 — true three-column desktop header alignment. */
@media (min-width:981px) {
  .uta-header__inner {
    display:grid;
    grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr);
    align-items:center;
    column-gap:clamp(28px,3vw,54px);
  }

  .uta-header .uta-brand {
    grid-column:1;
    justify-self:start;
  }

  .uta-header .uta-nav {
    grid-column:2;
    justify-self:center;
    margin:0;
  }

  .uta-header .uta-button--small {
    grid-column:3;
    justify-self:end;
  }

  .uta-header:not(.is-scrolled) .uta-header__inner {
    width:min(calc(100% - 48px),1380px);
    max-width:1380px;
    padding-inline:0;
  }

  .uta-header.is-scrolled::before {
    inset:12px max(16px,calc((100% - 1120px)/2));
  }

  .uta-header.is-scrolled .uta-header__inner {
    width:min(calc(100% - 64px),1080px);
    max-width:1080px;
    padding-inline:0;
    column-gap:26px;
  }

  .uta-header.is-scrolled .uta-nav {
    gap:clamp(20px,2vw,30px);
  }

  .uta-header.is-scrolled .uta-brand .custom-logo {
    max-width:160px;
    height:40px;
  }

  .uta-header.is-scrolled .uta-button--small {
    min-height:46px;
    padding-left:20px;
  }
}

@media (min-width:981px) and (max-width:1180px) {
  .uta-header__inner {
    grid-template-columns:minmax(170px,1fr) auto minmax(170px,1fr);
    column-gap:20px;
  }
  .uta-header .uta-nav { gap:18px; }
  .uta-header .uta-nav a { font-size:12px; }
  .uta-header .uta-button--small {
    display:inline-flex;
    min-height:44px;
    padding-left:18px;
  }
}

/* v2.52 — reference-tight compact desktop header. */
@media (min-width:981px) {
  .uta-header.is-scrolled::before {
    inset:12px max(16px,calc((100% - 920px)/2));
  }

  .uta-header.is-scrolled .uta-header__inner {
    width:min(calc(100% - 64px),880px);
    max-width:880px;
    grid-template-columns:180px auto 180px;
    justify-content:center;
    column-gap:8px;
  }

  .uta-header.is-scrolled .uta-brand {
    width:180px;
    min-height:46px;
    padding:0 12px;
    border:1px solid rgba(255,255,255,.07);
    border-radius:13px;
    background:rgba(255,255,255,.045);
  }

  .uta-header.is-scrolled .uta-nav {
    min-height:46px;
    padding:0 16px;
    gap:22px;
    border:1px solid rgba(255,255,255,.07);
    border-radius:13px;
    background:rgba(255,255,255,.055);
  }

  .uta-header.is-scrolled .uta-button--small {
    width:180px;
    min-height:46px;
    padding:0 10px 0 18px;
  }
}

@media (min-width:981px) and (max-width:1040px) {
  .uta-header.is-scrolled::before {
    inset:12px max(14px,calc((100% - 850px)/2));
  }
  .uta-header.is-scrolled .uta-header__inner {
    width:min(calc(100% - 52px),818px);
    grid-template-columns:165px auto 165px;
    column-gap:7px;
  }
  .uta-header.is-scrolled .uta-brand,
  .uta-header.is-scrolled .uta-button--small { width:165px; }
  .uta-header.is-scrolled .uta-nav { gap:17px; padding-inline:13px; }
}

/* v2.53 — certification and compliance section. */
.uta-compliance {
  position:relative;
  z-index:1;
  overflow:hidden;
  color:#242424;
  background:#fff;
  isolation:isolate;
}

.uta-compliance__inner {
  display:grid;
  grid-template-columns:minmax(0,470px) minmax(0,628px);
  align-items:start;
  gap:108px;
  width:min(calc(100% - 48px),1220px);
  min-height:638px;
  margin-inline:auto;
  padding-block:112px 74px;
}

.uta-compliance__copy {
  position:relative;
  z-index:1;
  margin-top:8px;
}

.uta-compliance__eyebrow {
  margin:0 0 18px;
  color:var(--uta-orange-dark);
  font-size:12px;
  font-weight:600;
  line-height:1;
  letter-spacing:.32em;
  text-transform:uppercase;
}

.uta-compliance__copy h2 {
  margin:0;
  color:#242424;
  font-family:"Bebas Neue",Impact,"Arial Narrow",sans-serif;
  font-size:clamp(58px,4.5vw,67px);
  font-weight:400;
  line-height:.84;
  letter-spacing:-.018em;
  text-transform:uppercase;
}

.uta-compliance__copy h2 em {
  color:var(--uta-orange-dark);
  background:var(--uta-orange-gradient);
  -webkit-background-clip:text;
  background-clip:text;
  font-style:normal;
  -webkit-text-fill-color:transparent;
}

.uta-compliance__copy > p:not(.uta-compliance__eyebrow) {
  max-width:500px;
  margin:27px 0 0;
  color:#735d54;
  font-size:16px;
  line-height:1.62;
}

.uta-compliance__cta {
  display:inline-flex;
  min-width:274px;
  min-height:49px;
  align-items:center;
  justify-content:center;
  margin-top:32px;
  padding:0 28px;
  border-radius:999px;
  color:#fff!important;
  background:#242424;
  box-shadow:0 12px 26px rgba(24,15,11,.1);
  font-size:11px;
  font-weight:850;
  letter-spacing:.14em;
  text-decoration:none;
  text-transform:uppercase;
  transition:color .3s ease,background .3s ease,transform .35s var(--uta-ease);
}

.uta-compliance__cta:hover,
.uta-compliance__cta:focus-visible {
  color:#fff!important;
  background:var(--uta-orange-gradient);
}

.uta-compliance__cta:focus-visible {
  outline:3px solid rgba(241,75,10,.28);
  outline-offset:4px;
}

.uta-compliance__cards {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  width:100%;
}

.uta-compliance-card {
  position:relative;
  min-height:140px;
  overflow:hidden;
  padding:24px 24px 22px;
  border:1px solid #ded6cf;
  border-radius:12px;
  background:rgba(255,255,255,.76);
  box-shadow:0 8px 18px rgba(38,22,15,0);
  transition:opacity .75s var(--uta-ease-out),transform .45s var(--uta-ease-out),border-color .4s ease,background .4s ease,box-shadow .45s ease;
}

.uta-compliance-card::after {
  content:"";
  position:absolute;
  z-index:2;
  right:0;
  bottom:0;
  left:0;
  height:4px;
  border-radius:0 0 11px 11px;
  background:var(--uta-orange-gradient);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .62s var(--uta-ease-out);
  pointer-events:none;
}

.uta-compliance-card:hover,
.uta-compliance-card:focus-visible,
.uta-compliance-card.is-active {
  border-color:rgba(241,75,10,.54);
  background:linear-gradient(140deg,#fff 45%,#fff4ee 100%);
  box-shadow:0 19px 42px rgba(241,75,10,.15),0 8px 18px rgba(83,35,15,.08);
  transform:translateY(-7px);
}

.uta-compliance-card:hover::after,
.uta-compliance-card:focus-visible::after,
.uta-compliance-card.is-active::after {
  transform:scaleX(1);
}

.uta-compliance-card:focus-visible {
  outline:3px solid rgba(241,75,10,.2);
  outline-offset:3px;
}

.uta-compliance-card > div {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}

.uta-compliance-card h3 {
  margin:0;
  color:#242424;
  font-family:"Bebas Neue",Impact,"Arial Narrow",sans-serif;
  font-size:29px;
  font-weight:400;
  line-height:1;
  letter-spacing:-.01em;
}

.uta-compliance-card span {
  display:grid;
  width:32px;
  height:32px;
  flex:0 0 32px;
  place-items:center;
  border:1px solid var(--uta-orange-dark);
  border-radius:50%;
  color:var(--uta-orange-dark);
  font-size:16px;
  font-weight:400;
  transition:color .35s ease,background .35s ease,border-color .35s ease,transform .4s var(--uta-ease-out);
}

.uta-compliance-card:hover span,
.uta-compliance-card:focus-visible span,
.uta-compliance-card.is-active span {
  color:#fff;
  border-color:var(--uta-orange);
  background:var(--uta-orange-gradient);
  transform:rotate(8deg);
}

.uta-compliance-card p {
  max-width:240px;
  margin:15px 0 0;
  color:#735f56;
  font-size:14px;
  line-height:1.55;
}

@media (min-width:981px) and (max-width:1260px) {
  .uta-compliance__inner {
    grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
    gap:clamp(48px,6vw,78px);
  }
}

@media (max-width:980px) {
  .uta-compliance {
    min-height:0;
  }

  .uta-compliance__inner {
    grid-template-columns:1fr;
    gap:50px;
    min-height:0;
    padding-block:90px;
  }

  .uta-compliance__copy {
    max-width:650px;
    margin-top:0;
  }

  .uta-compliance__copy h2 {
    font-size:clamp(56px,10vw,76px);
  }

}

@media (max-width:620px) {
  .uta-compliance__inner {
    width:min(calc(100% - 36px),1220px);
    gap:40px;
    padding-block:72px;
  }

  .uta-compliance__eyebrow {
    margin-bottom:16px;
    font-size:10px;
    letter-spacing:.27em;
  }

  .uta-compliance__copy h2 {
    font-size:clamp(52px,16vw,68px);
    line-height:.86;
  }

  .uta-compliance__copy > p:not(.uta-compliance__eyebrow) {
    margin-top:23px;
    font-size:15px;
    line-height:1.6;
  }

  .uta-compliance__cta {
    width:100%;
    min-width:0;
    margin-top:27px;
  }

  .uta-compliance__cards {
    grid-template-columns:1fr;
    gap:12px;
  }

  .uta-compliance-card {
    min-height:126px;
    padding:21px 22px 19px;
  }
}

/* v2.54 — repaired compact header and natural-height compliance scene. */
main#uta-main > section.uta-compliance,
body.admin-bar main#uta-main > section.uta-compliance {
  height:auto;
  min-height:0;
  max-height:none;
  overflow:hidden;
}

@media (min-width:981px) {
  .uta-header.is-scrolled::before {
    border-radius:28px;
  }

  .uta-header.is-scrolled .uta-header__inner {
    grid-template-columns:180px auto 205px;
  }

  .uta-header.is-scrolled .uta-brand,
  .uta-header.is-scrolled .uta-nav {
    border-radius:19px;
  }

  .uta-header.is-scrolled .uta-button--small {
    width:205px;
    border-radius:999px;
  }

  .uta-header.is-scrolled .uta-button--small span {
    white-space:nowrap;
  }
}

@media (min-width:981px) and (max-width:1040px) {
  .uta-header.is-scrolled .uta-header__inner {
    grid-template-columns:165px auto 190px;
  }

  .uta-header.is-scrolled .uta-button--small {
    width:190px;
    padding-left:15px;
  }
}

@media (prefers-reduced-motion:reduce) {
  .uta-compliance-card,
  .uta-compliance-card::after,
  .uta-compliance-card span {
    transition-duration:.01ms!important;
  }
}

/* v2.55 — the compact desktop header uses only its three content segments. */
@media (min-width:981px) {
  .uta-header.is-scrolled::before {
    content:none;
  }
}

/* v2.56 — readable light glass for the compact desktop header segments. */
@media (min-width:981px) {
  .uta-header.is-scrolled .uta-brand,
  .uta-header.is-scrolled .uta-nav {
    color:#242424;
    border-color:rgba(255,255,255,.82);
    background:linear-gradient(135deg,rgba(255,255,255,.84),rgba(245,242,238,.68));
    -webkit-backdrop-filter:blur(18px) saturate(145%);
    backdrop-filter:blur(18px) saturate(145%);
    box-shadow:0 12px 30px rgba(39,25,18,.13),inset 0 1px 0 rgba(255,255,255,.92);
  }

  .uta-header.is-scrolled .uta-nav a {
    color:#242424;
    text-shadow:none;
  }

  .uta-header.is-scrolled .uta-brand__fallback {
    color:#242424;
  }

  .uta-header.is-scrolled .uta-brand__mark i {
    background:#242424;
  }

  .uta-header.is-scrolled .uta-brand .custom-logo {
    filter:none;
  }
}

/* v2.61.1 — approved v2.56 interface with the supplied UniTex Asia identity. */
.uta-intro__brand {
  display:block;
  width:clamp(190px,23vw,330px);
  max-width:calc(100vw - 48px);
  font-size:0;
  line-height:0;
  letter-spacing:0;
}

.uta-intro__brand img {
  display:block;
  width:100%;
  height:auto;
  border-radius:18px;
  box-shadow:0 24px 70px rgba(77,20,0,.28);
}

.uta-brand__logo-link {
  display:grid;
  place-items:center;
  line-height:0;
  text-decoration:none;
}

.uta-brand__logo {
  display:block;
  width:56px;
  height:56px;
  border-radius:9px;
  object-fit:contain;
  box-shadow:0 5px 18px rgba(0,0,0,.16);
}

.uta-booking__logo {
  display:block;
  width:96px;
  height:96px;
  margin:0 0 22px;
  border-radius:15px;
  object-fit:contain;
  box-shadow:0 14px 34px rgba(20,20,20,.16);
}

.uta-footer__logo {
  display:block;
  width:126px;
  height:126px;
  border-radius:16px;
  object-fit:contain;
  box-shadow:0 18px 44px rgba(0,0,0,.28);
}

@media (min-width:981px) {
  .uta-hero__copy { width:min(100%,790px); max-width:790px; }
  .uta-hero__title { max-width:780px; font-size:clamp(47px,6.45svh,68px); line-height:.96; letter-spacing:-.055em; }
  .uta-hero__subheading { max-width:720px; font-size:clamp(20px,2.7svh,28px); }
  .uta-hero__lead { max-width:740px; font-size:clamp(14px,1.6svh,17px); line-height:1.5; }

  .uta-header.is-scrolled .uta-brand__logo {
    width:40px;
    height:40px;
    border-radius:7px;
  }
}

@media (max-width:980px) {
  .uta-brand__logo { width:48px; height:48px; border-radius:8px; }
  .uta-booking__logo { width:78px; height:78px; margin-bottom:18px; }
  .uta-footer__logo { width:112px; height:112px; }
}

@media (max-width:620px) {
  .uta-intro__brand { width:min(66vw,250px); }
  .uta-intro__brand img { border-radius:14px; }
  .uta-brand__logo { width:44px; height:44px; }
  .uta-footer__logo { width:104px; height:104px; }
}

/* v2.62 — focused hero, tighter scene spacing and final transparent-logo treatment. */
.uta-intro__brand { width:clamp(240px,28vw,380px); }
.uta-intro__brand img,
.uta-brand__logo,
.uta-booking__logo {
  border-radius:0;
  box-shadow:none;
}

.uta-brand__logo {
  width:74px;
  height:74px;
  object-fit:contain;
}

.uta-booking__logo {
  width:116px;
  height:116px;
}

.uta-footer__top {
  grid-template-columns:minmax(0,1fr) auto;
  gap:clamp(40px,7vw,110px);
}

.uta-footer__brand-stage {
  display:flex;
  justify-content:center;
  padding:clamp(14px,2vw,28px) 0 clamp(8px,1.3vw,18px);
}

.uta-footer__brand-stage a {
  display:block;
  line-height:0;
}

.uta-footer__brand-stage img {
  display:block;
  width:clamp(280px,29vw,430px);
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 20px 42px rgba(0,0,0,.28));
}

.uta-proof-tab strong {
  display:-webkit-box;
  overflow:hidden;
  text-overflow:clip;
  white-space:normal;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}

.uta-proof__layout { height:clamp(540px,64svh,590px); }
.uta-proof__tabs { grid-template-rows:repeat(4,100px); }
.uta-proof-panel__body { min-height:210px; }
.uta-proof-panel__metrics strong {
  font-size:clamp(20px,2.8svh,30px);
  overflow-wrap:anywhere;
  text-transform:uppercase;
}

@media (min-width:981px) {
  .uta-hero__copy { width:min(100%,700px); max-width:700px; }
  .uta-kicker--hero { margin-bottom:14px; }
  .uta-hero__title {
    max-width:680px;
    font-size:clamp(46px,6svh,64px);
    line-height:.98;
    letter-spacing:-.052em;
  }
  .uta-hero__subheading {
    max-width:650px;
    margin-top:17px;
    font-size:clamp(19px,2.35svh,25px);
  }
  .uta-hero__lead {
    max-width:650px;
    margin-top:13px;
    font-size:clamp(13px,1.45svh,16px);
    line-height:1.48;
  }
  .uta-hero__actions { margin-top:22px; }
  .uta-hero__markets { margin-top:20px; }

  .uta-serve-showcase {
    align-items:start;
    padding-top:clamp(32px,4.2svh,44px);
  }
  .uta-serve-showcase__visual,
  .uta-serve-showcase__copy { align-self:start; }

  .uta-header.is-scrolled .uta-header__inner {
    width:min(calc(100% - 64px),820px);
    max-width:820px;
    grid-template-columns:124px auto 205px;
    column-gap:8px;
  }
  .uta-header.is-scrolled .uta-brand {
    width:124px;
    min-height:50px;
    justify-content:center;
    padding:0 6px;
  }
  .uta-header.is-scrolled .uta-brand__logo {
    width:62px;
    height:62px;
    border-radius:0;
  }
}

@media (max-width:980px) {
  .uta-brand__logo { width:60px; height:60px; }
  .uta-booking__logo { width:94px; height:94px; }
  .uta-footer__top { grid-template-columns:1fr; gap:22px; }
  .uta-footer__brand-stage img { width:clamp(250px,47vw,360px); }
}

@media (max-width:760px) {
  .uta-intro__brand { width:min(72vw,290px); }
  .uta-brand__logo { width:56px; height:56px; }
  .uta-proof__panels { height:clamp(480px,67svh,550px); }
  .uta-proof-panel__body { min-height:196px; }
  .uta-proof-panel__body > p { font-size:10.5px; line-height:1.45; }
  .uta-proof-panel__metrics strong { font-size:20px; }
  .uta-proof-panel__metrics small { font-size:5.5px; white-space:normal; }
}

@media (max-width:620px) {
  .uta-footer__brand-stage img { width:min(76vw,300px); }
}

/* v2.63 — collision-safe controls, standard hero type and compact footer. */
body.uta-custom-home .uta-footer,
body.uta-custom-home.admin-bar .uta-footer {
  padding-top:22px;
  padding-bottom:12px;
}

.uta-footer__top {
  grid-template-columns:78px minmax(280px,1fr) auto;
  gap:clamp(22px,3.2vw,48px);
  padding-bottom:16px;
}

.uta-footer__compact-logo {
  display:grid;
  width:72px;
  height:72px;
  place-items:center;
  line-height:0;
  text-decoration:none;
}

.uta-footer__compact-logo img {
  display:block;
  width:72px;
  height:72px;
  object-fit:contain;
  filter:none;
}

.uta-footer__top p {
  max-width:470px;
  font-size:14px;
  line-height:1.5;
}

.uta-footer__middle { padding:14px 0; }
.uta-footer__bottom {
  margin-top:0;
  padding-top:12px;
}
.uta-footer__brand-stage { display:none; }

.uta-specialization-card__dash {
  position:absolute;
  right:clamp(24px,2.7vw,32px);
  bottom:18px;
  left:clamp(24px,2.7vw,32px);
  width:auto;
  margin-top:0;
}

@media (min-width:981px) {
  .uta-hero__title {
    font-family:var(--uta-font);
    font-weight:700;
    line-height:1.08;
    letter-spacing:-.025em;
  }

  main#uta-main > section.uta-serve,
  body.admin-bar main#uta-main > section.uta-serve {
    height:auto;
    min-height:100svh;
    max-height:none;
    overflow:visible;
  }

  .uta-serve-showcase {
    min-height:100svh;
    height:auto;
  }

  .uta-serve-copy__panels { min-height:460px; }
  .uta-serve-tabs,
  .uta-serve-showcase__link { position:relative; z-index:4; }
}

@media (max-width:980px) {
  .uta-footer__top {
    grid-template-columns:68px minmax(0,1fr);
    gap:16px 22px;
  }
  .uta-footer__compact-logo,
  .uta-footer__compact-logo img { width:64px; height:64px; }
  .uta-footer__email { grid-column:1 / -1; justify-self:start; }
  .uta-specialization-card__dash { right:16px; bottom:14px; left:16px; }
}

@media (max-width:760px) {
  .uta-hero__title {
    font-family:var(--uta-font);
    font-weight:700;
    line-height:1.08;
    letter-spacing:-.025em;
  }
}

@media (max-width:620px) {
  body.uta-custom-home .uta-footer,
  body.uta-custom-home.admin-bar .uta-footer { padding-top:18px; }
  .uta-footer__top { grid-template-columns:62px minmax(0,1fr); }
  .uta-footer__compact-logo,
  .uta-footer__compact-logo img { width:58px; height:58px; }
  .uta-footer__top p { font-size:13px; }
  .uta-footer__middle { padding:12px 0; }
}

/* v2.64 — content-driven product layout, dark glass header and balanced footer. */
@media (min-width:981px) {
  .uta-header,
  .uta-header.is-scrolled {
    background:rgba(8,8,8,.66);
    border-bottom:1px solid rgba(255,255,255,.09);
    -webkit-backdrop-filter:blur(18px) saturate(130%);
    backdrop-filter:blur(18px) saturate(130%);
    box-shadow:0 10px 32px rgba(0,0,0,.14);
  }

  .uta-header.is-scrolled {
    background:transparent;
    border-bottom:0;
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
    box-shadow:none;
  }

  .uta-header.is-scrolled .uta-brand,
  .uta-header.is-scrolled .uta-nav {
    color:#fff;
    border-color:rgba(255,255,255,.14);
    background:linear-gradient(135deg,rgba(9,9,9,.88),rgba(25,22,20,.72));
    -webkit-backdrop-filter:blur(20px) saturate(135%);
    backdrop-filter:blur(20px) saturate(135%);
    box-shadow:0 14px 36px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.10);
  }

  .uta-header.is-scrolled .uta-nav a,
  .uta-header.is-scrolled .uta-brand__fallback { color:#fff; }
  .uta-header.is-scrolled .uta-brand__mark i { background:#fff; }

  .uta-serve-copy__panels {
    min-height:0;
    height:auto;
  }

  .uta-serve-copy__panel.is-active {
    position:relative;
    inset:auto;
  }

  .uta-serve-tabs { margin-top:clamp(22px,2.8svh,30px); }
  .uta-serve-showcase__link { margin-top:clamp(20px,2.5svh,28px); }

  main#uta-main > section.uta-faq,
  body.admin-bar main#uta-main > section.uta-faq {
    height:auto;
    min-height:100svh;
    max-height:none;
    overflow:visible;
  }

  .uta-faq__grid {
    height:auto;
    min-height:calc(100svh - 180px);
    padding-top:28px;
    padding-bottom:28px;
  }
}

body.uta-custom-home .uta-footer,
body.uta-custom-home.admin-bar .uta-footer {
  padding:clamp(38px,4vw,56px) 0 18px;
  background:#242424;
}

.uta-footer > .uta-shell { width:min(100% - 56px,1400px); }

.uta-footer__top {
  display:grid;
  grid-template-columns:96px minmax(0,1fr) auto;
  align-items:center;
  gap:clamp(28px,4vw,64px);
  padding-bottom:clamp(30px,3.3vw,46px);
}

.uta-footer__compact-logo,
.uta-footer__compact-logo img {
  width:92px;
  height:92px;
}

.uta-footer__compact-logo img {
  display:block;
  object-fit:contain;
  filter:none;
}

.uta-footer__pitch { max-width:720px; }

.uta-footer__pitch > span {
  display:block;
  margin-bottom:9px;
  color:var(--uta-orange);
  font-size:11px;
  font-weight:800;
  letter-spacing:.15em;
  text-transform:uppercase;
}

.uta-footer__pitch h2 {
  max-width:680px;
  margin:0;
  color:#fff;
  font-family:var(--uta-font);
  font-size:clamp(28px,3vw,44px);
  font-weight:700;
  line-height:1.05;
  letter-spacing:-.035em;
}

.uta-footer__pitch p,
.uta-footer__top .uta-footer__pitch p {
  max-width:650px;
  margin:13px 0 0;
  color:#989898;
  font-size:14px;
  line-height:1.55;
}

.uta-footer__cta {
  display:inline-flex;
  min-height:54px;
  align-items:center;
  justify-content:center;
  gap:16px;
  padding:0 10px 0 24px;
  border:1px solid var(--uta-orange);
  border-radius:999px;
  color:#fff;
  background:var(--uta-orange-gradient);
  box-shadow:0 14px 34px rgba(241,75,10,.20);
  font-size:13px;
  font-weight:800;
  line-height:1;
  text-decoration:none;
  white-space:nowrap;
  transition:transform .25s ease,box-shadow .25s ease,background .25s ease;
}

.uta-footer__cta i {
  display:grid;
  width:36px;
  height:36px;
  place-items:center;
  border-radius:50%;
  color:var(--uta-orange);
  background:#fff;
  font-style:normal;
}

.uta-footer__cta:hover {
  transform:translateY(-2px);
  box-shadow:0 18px 40px rgba(241,75,10,.29);
}

.uta-footer__middle {
  align-items:center;
  padding:24px 0;
  border-bottom:1px solid rgba(255,255,255,.12);
}

.uta-footer__middle nav { gap:16px clamp(20px,2.4vw,34px); }
.uta-footer__middle a { color:#b2b2b2; font-size:12px; font-weight:650; }

.uta-footer__contact {
  display:grid;
  justify-items:end;
  gap:6px;
}

.uta-footer__contact .uta-footer__email {
  margin-bottom:6px;
  color:#fff;
  font-size:13px;
}

.uta-footer__wordmark {
  display:flex;
  width:100%;
  align-items:flex-end;
  justify-content:center;
  padding:clamp(24px,3vw,42px) 0 clamp(20px,2.3vw,32px);
  overflow:hidden;
  font-family:var(--uta-font);
  font-size:clamp(104px,15.1vw,224px);
  font-weight:800;
  line-height:.68;
  letter-spacing:-.075em;
  white-space:nowrap;
}

.uta-footer__wordmark span:first-child { color:#f5f5f5; }
.uta-footer__wordmark span:last-child { color:var(--uta-orange); }

.uta-footer__bottom {
  margin-top:0;
  padding-top:16px;
  font-size:10px;
}

@media (max-width:980px) {
  .uta-header {
    background:rgba(8,8,8,.74);
    border-bottom:1px solid rgba(255,255,255,.08);
    -webkit-backdrop-filter:blur(16px) saturate(125%);
    backdrop-filter:blur(16px) saturate(125%);
  }

  .uta-footer > .uta-shell { width:min(100% - 40px,1400px); }
  .uta-footer__top { grid-template-columns:84px minmax(0,1fr); gap:20px 28px; }
  .uta-footer__compact-logo,
  .uta-footer__compact-logo img { width:80px; height:80px; }
  .uta-footer__cta { grid-column:2; justify-self:start; }
  .uta-footer__wordmark { font-size:21vw; }
}

@media (max-width:620px) {
  body.uta-custom-home .uta-footer,
  body.uta-custom-home.admin-bar .uta-footer { padding-top:34px; }
  .uta-footer > .uta-shell { width:min(100% - 30px,1400px); }
  .uta-footer__top { grid-template-columns:68px minmax(0,1fr); gap:18px; padding-bottom:28px; }
  .uta-footer__compact-logo,
  .uta-footer__compact-logo img { width:64px; height:64px; }
  .uta-footer__pitch > span { font-size:9px; }
  .uta-footer__pitch h2 { font-size:clamp(25px,8.3vw,34px); }
  .uta-footer__pitch p,
  .uta-footer__top .uta-footer__pitch p { font-size:13px; }
  .uta-footer__cta { grid-column:1 / -1; min-height:50px; justify-self:start; }
  .uta-footer__middle { align-items:flex-start; gap:24px; padding:22px 0; }
  .uta-footer__contact { justify-items:start; text-align:left; }
  .uta-footer__wordmark { padding:30px 0 24px; font-size:24.5vw; }
  .uta-footer__bottom { gap:10px; padding-top:15px; }
}

/* v2.65 — supplied footer wordmark and a geometrically even compact header. */
.uta-footer__wordmark {
  min-height:0;
  padding:clamp(26px,3.2vw,46px) 0 clamp(22px,2.6vw,36px);
  font-size:0;
  line-height:0;
  letter-spacing:0;
}

.uta-footer__wordmark img {
  display:block;
  width:min(100%,1254px);
  height:auto;
  margin-inline:auto;
  object-fit:contain;
}

@media (min-width:981px) {
  .uta-header.is-scrolled .uta-brand,
  .uta-header.is-scrolled .uta-nav,
  .uta-header.is-scrolled .uta-button--small {
    height:58px;
    min-height:58px;
    max-height:58px;
    align-self:center;
    border-radius:18px;
  }

  .uta-header.is-scrolled .uta-brand {
    padding:0 10px;
  }

  .uta-header.is-scrolled .uta-brand__logo {
    width:52px;
    height:52px;
  }

  .uta-header.is-scrolled .uta-nav {
    padding:0 24px;
  }

  .uta-header.is-scrolled .uta-button--small {
    padding:0 18px 0 23px;
  }

  .uta-header.is-scrolled .uta-button--small i,
  .uta-header .uta-button--small i {
    display:inline-flex;
    width:auto;
    height:auto;
    min-width:0;
    min-height:0;
    padding:0;
    border:0;
    border-radius:0;
    color:#fff;
    background:transparent;
    box-shadow:none;
  }
}

@media (max-width:980px) {
  .uta-footer__wordmark { padding:32px 0 28px; }
}

@media (max-width:620px) {
  .uta-footer__wordmark { padding:28px 0 24px; }
}

/* v2.66 — compact content-led footer and natural section handoff. */
body.uta-custom-home .uta-footer,
body.uta-custom-home.admin-bar .uta-footer {
  padding:28px 0 14px;
}

.uta-footer > .uta-shell { width:min(100% - 56px,1360px); }

.uta-footer__nav-row {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  padding:0 0 22px;
  border-bottom:1px solid rgba(255,255,255,.13);
}

.uta-footer__nav-row nav {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:14px clamp(22px,2.8vw,40px);
}

.uta-footer__nav-row nav a {
  color:#c2c2c2;
  font-size:12px;
  font-weight:700;
  text-decoration:none;
  transition:color .2s ease;
}

.uta-footer__nav-row nav a:hover { color:#fff; }

.uta-footer__nav-row .uta-footer__email {
  flex:0 0 auto;
  color:#fff;
  font-size:13px;
  font-weight:750;
  white-space:nowrap;
}

.uta-footer__main {
  display:grid;
  grid-template-columns:minmax(0,760px) auto;
  align-items:end;
  justify-content:space-between;
  gap:clamp(36px,6vw,96px);
  padding:clamp(28px,3.4vw,46px) 0 22px;
}

.uta-footer__pitch h2 {
  max-width:720px;
  font-size:clamp(32px,3.5vw,50px);
  line-height:1.03;
}

.uta-footer__pitch p,
.uta-footer__top .uta-footer__pitch p {
  max-width:690px;
  margin-top:12px;
}

.uta-footer__wordmark {
  justify-content:center;
  padding:14px 0 20px;
}

.uta-footer__wordmark img {
  width:min(56vw,680px);
  margin-inline:auto;
}

.uta-footer__bottom {
  margin-top:0;
  padding-top:14px;
}

@media (min-width:981px) {
  main#uta-main > section.uta-serve,
  body.admin-bar main#uta-main > section.uta-serve {
    height:auto;
    min-height:0;
    max-height:none;
    overflow:visible;
  }

  .uta-serve-showcase {
    height:auto;
    min-height:0;
    padding-bottom:clamp(34px,4vw,54px);
  }

  .uta-specialization-matrix__inner {
    padding-top:clamp(50px,6svh,66px);
  }
}

@media (max-width:980px) {
  body.uta-custom-home .uta-footer,
  body.uta-custom-home.admin-bar .uta-footer { padding-top:26px; }
  .uta-footer > .uta-shell { width:min(100% - 40px,1360px); }
  .uta-footer__nav-row { align-items:flex-start; flex-direction:column; gap:16px; }
  .uta-footer__main { grid-template-columns:1fr; align-items:start; gap:22px; }
  .uta-footer__cta { grid-column:auto; }
  .uta-footer__wordmark { padding:10px 0 18px; }
  .uta-footer__wordmark img { width:min(78vw,620px); }
}

@media (max-width:620px) {
  body.uta-custom-home .uta-footer,
  body.uta-custom-home.admin-bar .uta-footer { padding-top:22px; }
  .uta-footer > .uta-shell { width:min(100% - 30px,1360px); }
  .uta-footer__nav-row { padding-bottom:18px; }
  .uta-footer__nav-row nav { gap:12px 20px; }
  .uta-footer__nav-row nav a { font-size:11px; }
  .uta-footer__main { padding:24px 0 18px; }
  .uta-footer__pitch h2 { font-size:clamp(28px,9vw,38px); }
  .uta-footer__wordmark { padding:8px 0 16px; }
  .uta-footer__wordmark img { width:min(88vw,500px); }
}

/* v2.67 — calmer programme type, softer header glass and refreshed identity. */
@media (min-width:981px) {
  .uta-serve-copy__panel h2 {
    max-width:700px;
    font-size:clamp(42px,3.85vw,62px);
    line-height:.98;
    letter-spacing:-.045em;
  }

  .uta-header:not(.is-scrolled) {
    background:transparent;
  }

  .uta-header:not(.is-scrolled)::before {
    border-color:rgba(255,255,255,.14);
    background:linear-gradient(135deg,rgba(58,58,58,.90),rgba(39,39,39,.86));
    box-shadow:0 1px 0 rgba(255,255,255,.10),0 12px 34px rgba(0,0,0,.13);
  }

  .uta-header.is-scrolled .uta-brand,
  .uta-header.is-scrolled .uta-nav {
    border-color:rgba(255,255,255,.16);
    background:linear-gradient(135deg,rgba(61,61,61,.91),rgba(42,42,42,.84));
    box-shadow:0 14px 36px rgba(0,0,0,.21),inset 0 1px 0 rgba(255,255,255,.11);
  }
}

@media (max-width:980px) {
  .uta-header::before,
  .uta-header.is-scrolled::before,
  .uta-header:not(.is-scrolled)::before {
    border-color:rgba(255,255,255,.13);
    background:linear-gradient(135deg,rgba(58,58,58,.94),rgba(40,40,40,.90));
  }
}

/* v2.68 — quieter form fields and a dedicated calendar identity. */
.uta-form input,
.uta-form select,
.uta-form textarea {
  font-size:14px;
  line-height:1.4;
}

.uta-form input::placeholder,
.uta-form textarea::placeholder {
  color:#777;
  font-size:14px;
  opacity:1;
}

.uta-booking__logo {
  width:132px;
  height:132px;
  margin:0 0 24px;
  border-radius:12px;
  object-fit:contain;
  box-shadow:0 12px 30px rgba(0,0,0,.16);
}

@media (max-width:980px) {
  .uta-form input,
  .uta-form select,
  .uta-form textarea,
  .uta-form input::placeholder,
  .uta-form textarea::placeholder {
    font-size:14px;
  }

  .uta-booking__logo {
    width:104px;
    height:104px;
    margin-bottom:18px;
  }
}

@media (max-width:620px) {
  .uta-form input,
  .uta-form select,
  .uta-form textarea,
  .uta-form input::placeholder,
  .uta-form textarea::placeholder {
    font-size:13px;
  }
}

/* v3.5 — reference-matched editorial manufacturing hero. */

.uta-hero-v35 {
  display:block!important;
  min-height:720px!important;
  height:100vh!important;
  max-height:none!important;
  padding:82px 0 0!important;
  overflow:hidden;
  color:#242424;
  background:radial-gradient(circle at 23% 45%,#fff 0,#fff 38%,#fff 100%)!important;
}

.uta-hero-v35::before,
.uta-hero-v35::after { display:none!important; content:none!important; }

.uta-hero-v35 .uta-shell {
  width:calc(100% - clamp(32px,4vw,72px));
  max-width:none;
}

.uta-v35-hero__grid {
  display:grid;
  grid-template-columns:minmax(0,43%) minmax(0,57%);
  height:calc(100vh - 82px);
  min-height:638px;
  align-items:center;
  gap:0;
}

.uta-v35-hero__copy {
  position:relative;
  z-index:2;
  align-self:center;
  padding:12px 0 12px clamp(12px,3vw,56px);
}

.uta-v35-kicker {
  display:flex;
  align-items:center;
  gap:14px;
  margin:0 0 26px;
  color:#242424;
  font-size:13px;
  font-weight:760;
  letter-spacing:.015em;
  text-transform:uppercase;
}

.uta-v35-kicker span { width:52px; height:1px; background:var(--uta-orange-gradient); }

.uta-v35-title {
  max-width:650px;
  margin:0;
  color:#242424;
  font-family:var(--uta-font);
  font-size:clamp(52px,4.45vw,68px);
  font-weight:610;
  line-height:1.02;
  letter-spacing:-.045em;
}

.uta-v35-title strong { color:var(--uta-orange-dark); font-weight:650; }
.uta-v35-dynamic-word {
  position:relative;
  display:block;
  width:max-content;
  max-width:100%;
  min-height:1.02em;
  padding-bottom:12px;
  overflow:visible;
}
.uta-v35-dynamic-word::after {
  content:"";
  position:absolute;
  left:0;
  bottom:2px;
  width:100%;
  height:3px;
  background:var(--uta-orange-gradient);
  -webkit-mask:repeating-linear-gradient(90deg,#000 0 16px,transparent 16px 27px);
  mask:repeating-linear-gradient(90deg,#000 0 16px,transparent 16px 27px);
  -webkit-mask-size:27px 100%;
  mask-size:27px 100%;
  -webkit-mask-position:0 0;
  mask-position:0 0;
}
.uta-v35-dynamic-word::after {
  animation:uta-v35-word-loader .7s linear infinite;
}
@keyframes uta-v35-word-loader {
  from {
    -webkit-mask-position:0 0;
    mask-position:0 0;
  }
  to {
    -webkit-mask-position:27px 0;
    mask-position:27px 0;
  }
}
.uta-v35-dynamic-word span {
  display:block;
  opacity:1;
  transform:translateY(0);
  will-change:opacity,transform;
}
.uta-v35-dynamic-word.is-changing span {
  animation:uta-v35-word-change .32s ease both;
}
@keyframes uta-v35-word-change {
  from { opacity:.35; transform:translateY(5px); }
  to { opacity:1; transform:translateY(0); }
}
@media (prefers-reduced-motion:reduce) {
  .uta-v35-dynamic-word span { transition:none; }
  .uta-v35-dynamic-word::after { animation:none; }
}
.uta-v35-lead {
  margin:28px 0 0;
  color:#414246;
  font-size:16px;
  line-height:1.7;
}

.uta-v35-usps {
  display:grid;
  width:min(100%,640px);
  grid-template-columns:repeat(4,1fr);
  margin-top:34px;
}

.uta-v35-usp {
  min-width:0;
  padding:0 17px;
  border-left:1px solid #ddd;
}

.uta-v35-usp:first-child { padding-left:0; border-left:0; }
.uta-v35-usp span {
  display:grid;
  width:48px;
  height:48px;
  margin-bottom:13px;
  place-items:center;
  border:1px solid #d8d8d6;
  border-radius:50%;
  background:rgba(255,255,255,.45);
}
.uta-v35-usp svg { width:29px; height:29px; fill:none; stroke:#242424; stroke-width:1.65; stroke-linecap:round; stroke-linejoin:round; }
.uta-v35-usp strong,
.uta-v35-usp small { display:block; white-space:nowrap; }
.uta-v35-usp strong { color:#242424; font-size:11px; font-weight:800; text-transform:uppercase; }
.uta-v35-usp small { margin-top:8px; color:#5d5d61; font-size:11px; }

.uta-v35-actions { display:flex; align-items:center; gap:18px; margin-top:42px; }
.uta-v35-button {
  display:inline-flex;
  min-height:50px;
  align-items:center;
  justify-content:space-between;
  gap:34px;
  padding:0 18px 0 25px;
  border:1px solid #242424;
  border-radius:999px;
  font-size:11px;
  font-weight:800;
  text-decoration:none;
  text-transform:uppercase;
  transition:transform .25s ease,background .25s ease,color .25s ease;
}
.uta-v35-button:hover { transform:translateY(-2px); }
.uta-v35-button i { font-size:22px; font-style:normal; }
.uta-v35-button--dark {
  min-width:244px;
  border-color:var(--uta-orange)!important;
  color:#fff!important;
  background:var(--uta-orange-gradient)!important;
}
.uta-v35-button--dark:hover { color:#fff!important; background:var(--uta-orange-gradient)!important; }
.uta-v35-button--light { min-width:255px; color:#242424; background:rgba(255,255,255,.34); }
.uta-v35-button--light i { display:grid; width:22px; height:22px; place-items:center; border:1px solid #757579; border-radius:50%; font-size:9px; }

.uta-v35-scroll {
  display:inline-flex;
  align-items:center;
  gap:17px;
  margin-top:64px;
  color:#242424;
  text-decoration:none;
}
.uta-v35-scroll > span { display:grid; width:48px; height:48px; place-items:center; border:1px solid #d9d9d7; border-radius:50%; }
.uta-v35-scroll > span i { position:relative; width:2px; height:23px; background:#242424; }
.uta-v35-scroll > span i::before,
.uta-v35-scroll > span i::after { content:""; position:absolute; left:50%; width:5px; height:5px; border-right:1px solid #242424; border-bottom:1px solid #242424; transform:translateX(-50%) rotate(45deg); }
.uta-v35-scroll > span i::before { top:-2px; transform:translateX(-50%) rotate(225deg); }
.uta-v35-scroll > span i::after { bottom:-2px; }
.uta-v35-scroll strong { font-size:11px; font-weight:800; text-transform:uppercase; }
.uta-v35-scroll small { display:block; margin-top:6px; color:#65666a; font-size:11px; font-weight:450; text-transform:none; }

.uta-v35-hero__visual {
  position:relative;
  z-index:1;
  min-width:0;
  align-self:center;
  margin-left:-12px;
  padding-top:0;
}

.uta-v35-board {
  position:relative;
  width:100%;
  height:clamp(540px,calc(100vh - 150px),760px);
  aspect-ratio:auto;
  overflow:hidden;
  clip-path:none;
  background:#fff;
  box-shadow:none!important;
  filter:none!important;
}

.uta-v35-board::after {
  display:none;
  content:none;
}

.uta-v35-board img {
  position:absolute;
  inset:0;
  display:block;
  width:100%!important;
  max-width:100%!important;
  height:100%!important;
  object-fit:contain;
  box-shadow:none!important;
  filter:none!important;
  transition:opacity .2s ease,transform .45s ease;
}

.uta-v35-board.is-changing img { opacity:.72; transform:scale(.994); }

.uta-v35-controls {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:34px;
  margin-top:16px;
}
.uta-v35-controls button { display:grid; width:34px; height:34px; place-items:center; padding:0; border:1px solid #d8d8d6; border-radius:50%; color:#242424; background:rgba(255,255,255,.45); font-size:27px; line-height:1; cursor:pointer; }
.uta-v35-controls > div { display:flex; gap:10px; }
.uta-v35-controls > div i { width:10px; height:10px; border-radius:50%; background:#c9c9c7; }
.uta-v35-controls > div i.is-active { background:#242424; }

.uta-v35-trust {
  display:grid;
  min-height:112px;
  grid-template-columns:180px repeat(5,minmax(110px,1fr)) 220px;
  align-items:center;
  gap:0;
  padding:0 36px;
  border-radius:28px;
  background:rgba(255,255,255,.66);
  box-shadow:0 18px 55px rgba(34,34,34,.045);
  width:calc(100% - clamp(32px,4vw,72px));
  max-width:none;
  margin:12px auto 0;
}
.uta-v35-trust__label { padding-right:24px; border-right:1px solid #dadad8; }
.uta-v35-trust__label span,
.uta-v35-trust__label strong { display:block; text-transform:uppercase; }
.uta-v35-trust__label span { font-size:12px; font-weight:650; }
.uta-v35-trust__label strong { margin-top:3px; font-size:14px; font-weight:850; }
.uta-v35-trust__item { color:#626266; font-family:Georgia,serif; font-size:18px; font-weight:700; letter-spacing:.035em; text-align:center; text-transform:uppercase; }
.uta-v35-trust__world { display:flex; align-items:center; justify-content:flex-end; gap:14px; padding-left:28px; border-left:1px solid #dadad8; }
.uta-v35-trust__world span { color:var(--uta-orange); font-size:39px; font-weight:400; }
.uta-v35-trust__world strong { color:#242424; font-size:11px; line-height:1.45; text-transform:uppercase; }

@media (max-width:1260px) {
  .uta-hero-v35 .uta-shell { width:calc(100% - 32px); }
  .uta-v35-title { font-size:clamp(48px,4.5vw,60px); }
  .uta-v35-usp { padding-inline:10px; }
  .uta-v35-usp strong,
  .uta-v35-usp small { white-space:normal; }
  .uta-v35-trust { grid-template-columns:150px repeat(5,1fr) 190px; padding-inline:24px; }
  .uta-v35-trust__item { font-size:14px; }
}

@media (max-width:980px) {
  main#uta-main > section.uta-hero-v35,
  body.admin-bar main#uta-main > section.uta-hero-v35 {
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding-top:82px!important;
    overflow:visible!important;
  }
  body.admin-bar main#uta-main > section.uta-hero-v35 { padding-top:114px!important; }
  .uta-v35-hero__grid { grid-template-columns:1fr; height:auto; min-height:0; gap:0; padding:34px 0 44px; }
  .uta-v35-hero__copy { display:contents; }
  .uta-v35-kicker { grid-row:1; }
  .uta-v35-title { grid-row:2; margin-bottom:26px; }
  .uta-v35-hero__visual { grid-row:3; }
  .uta-v35-lead { grid-row:4; }
  .uta-v35-usps { grid-row:5; }
  .uta-v35-actions { grid-row:6; }
  .uta-v35-scroll { grid-row:7; }
  .uta-v35-title { max-width:760px; font-size:clamp(46px,7.2vw,62px); line-height:1.03; }
  .uta-v35-hero__visual { width:min(100%,820px); margin:0 auto 30px; }
  .uta-v35-board { height:auto; aspect-ratio:1491 / 1050; border:1px solid #ececea; border-radius:18px; }
  .uta-v35-trust { grid-template-columns:repeat(3,1fr); gap:22px 10px; min-height:0; margin-top:34px; padding:28px; }
  .uta-v35-trust__label,
  .uta-v35-trust__world { border:0; padding:0; }
  .uta-v35-trust__world { justify-content:center; }
}

@media (max-width:620px) {
  .uta-hero-v35 .uta-shell { width:calc(100% - 24px); }
  .uta-v35-hero__grid { padding:18px 0 34px; gap:0; }
  .uta-v35-kicker { gap:10px; margin-bottom:17px; font-size:9px; }
  .uta-v35-kicker span { width:32px; }
  .uta-v35-title { margin-bottom:20px; font-size:clamp(38px,10.8vw,50px); line-height:1.04; letter-spacing:-.04em; }
  .uta-v35-lead { margin-top:0; font-size:14px; line-height:1.55; }
  .uta-v35-lead br { display:none; }
  .uta-v35-usps { grid-template-columns:1fr 1fr; gap:24px 0; margin-top:27px; }
  .uta-v35-usp:nth-child(3) { padding-left:0; border-left:0; }
  .uta-v35-usp span { width:42px; height:42px; margin-bottom:10px; }
  .uta-v35-usp svg { width:25px; height:25px; }
  .uta-v35-actions { align-items:stretch; flex-direction:column; gap:10px; margin-top:30px; }
  .uta-v35-button { width:100%; min-width:0; min-height:48px; }
  .uta-v35-scroll { margin-top:30px; }
  .uta-v35-hero__visual { width:100%; margin:0 0 24px; }
  .uta-v35-board { width:100%; height:auto; margin:0; aspect-ratio:1491 / 1050; border-radius:15px; }
  .uta-v35-controls { margin-top:7px; }
  .uta-v35-trust { grid-template-columns:1fr 1fr; margin-top:20px; padding:24px 18px; border-radius:20px; }
  .uta-v35-trust__label,
  .uta-v35-trust__world { grid-column:1 / -1; justify-content:flex-start; }
  .uta-v35-trust__item { text-align:left; }
}

/* v3.7.1 — resilient hero rendering and a clean mobile/tablet composition. */
.uta-hero-v35 .uta-reveal {
  opacity:1!important;
  transform:none!important;
  clip-path:none!important;
}

.uta-v35-title .uta-v35-dynamic-word,
.uta-v35-title .uta-v35-dynamic-word span {
  color:var(--uta-orange-dark)!important;
  background-image:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  -webkit-text-fill-color:currentColor!important;
}

.uta-v35-controls { display:none!important; }

/* Keep the portfolio strip content-height despite the homepage viewport scene system. */
main#uta-main > section.uta-client-logos,
body.admin-bar main#uta-main > section.uta-client-logos {
  height:auto;
  min-height:0;
  max-height:none;
  overflow:hidden;
}

/* v3.6.1 — one pure-white site canvas and one charcoal dark tone. */
body.uta-custom-home,
main#uta-main,
main#uta-main > .uta-hero-v35,
main#uta-main > .uta-client-logos,
main#uta-main > .uta-marquee,
main#uta-main > .uta-serve,
main#uta-main > .uta-specializations,
main#uta-main > .uta-specialization-matrix,
main#uta-main > .uta-scroll-story,
.uta-scroll-story__sticky,
.uta-scroll-story__grid,
.uta-scroll-story__visual,
.uta-scroll-story__content,
main#uta-main > .uta-compliance,
main#uta-main > .uta-project-stories,
main#uta-main > .uta-proof,
main#uta-main > .uta-faq {
  background-color:#fff!important;
  background-image:none!important;
}

/* v3.6.3 — reference orange: dark on the left, light on the right. */
:is(
  .uta-hero__title em,
  .uta-specialization-matrix__title em,
  .uta-scroll-story__panel h2 em,
  .uta-compliance__copy h2 em
) {
  color:var(--uta-orange-dark);
  background-image:var(--uta-orange-gradient);
  background-repeat:no-repeat;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}

/* v3.7.4 — tactile woven-cloth opening scene and black/white loader identity. */
.uta-intro {
  isolation:isolate;
  perspective:1400px;
  background:
    radial-gradient(ellipse at 50% 48%,rgba(255,255,255,.12) 0,rgba(255,255,255,0) 38%),
    var(--uta-orange-gradient);
}

.uta-intro::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 50% 48%,transparent 34%,rgba(75,16,0,.13) 100%),
    linear-gradient(180deg,rgba(255,255,255,.055),transparent 27%,transparent 72%,rgba(72,14,0,.1));
}

.uta-intro__panel {
  overflow:hidden;
  backface-visibility:hidden;
  transform-style:preserve-3d;
  background-color:#f14b0a;
  background-image:
    linear-gradient(90deg,rgba(71,13,0,.16),transparent 7%,rgba(255,255,255,.09) 17%,transparent 29%,rgba(81,17,0,.13) 43%,rgba(255,255,255,.08) 55%,transparent 70%,rgba(86,17,0,.15) 88%,rgba(255,255,255,.06)),
    repeating-linear-gradient(88deg,rgba(255,255,255,.028) 0 1px,rgba(76,15,0,.022) 1px 3px),
    repeating-linear-gradient(2deg,rgba(255,255,255,.022) 0 1px,rgba(72,13,0,.018) 1px 4px),
    var(--uta-orange-gradient);
  background-size:140% 100%,4px 100%,100% 4px,100% 100%;
  box-shadow:inset 0 0 90px rgba(79,16,0,.18),inset 0 0 1px rgba(255,255,255,.42);
  transition:transform 1.04s cubic-bezier(.2,.76,.18,1),filter .9s ease,box-shadow .9s ease;
}

.uta-intro__panel::before {
  content:"";
  position:absolute;
  inset:-12% -18%;
  z-index:1;
  pointer-events:none;
  opacity:.9;
  background:
    radial-gradient(ellipse 18% 78% at 7% 47%,rgba(255,255,255,.25),transparent 67%),
    radial-gradient(ellipse 15% 88% at 17% 54%,rgba(83,16,0,.22),transparent 68%),
    radial-gradient(ellipse 21% 84% at 30% 42%,rgba(255,255,255,.19),transparent 69%),
    radial-gradient(ellipse 14% 92% at 43% 56%,rgba(82,15,0,.19),transparent 70%),
    radial-gradient(ellipse 22% 86% at 58% 45%,rgba(255,255,255,.18),transparent 68%),
    radial-gradient(ellipse 14% 90% at 72% 53%,rgba(74,13,0,.18),transparent 70%),
    radial-gradient(ellipse 20% 82% at 87% 44%,rgba(255,255,255,.2),transparent 69%),
    radial-gradient(ellipse 12% 92% at 98% 55%,rgba(72,13,0,.2),transparent 71%);
  mix-blend-mode:soft-light;
  transform:translate3d(-1.5%,0,0) scale(1.035,1.01) skewY(-.35deg);
  animation:uta-intro-cloth-breathe 2.2s ease-in-out infinite alternate;
  will-change:transform,opacity;
}

.uta-intro__panel::after {
  content:"";
  position:absolute;
  inset:-18% -32%;
  z-index:2;
  pointer-events:none;
  opacity:.58;
  background:
    linear-gradient(104deg,transparent 22%,rgba(255,255,255,.19) 31%,transparent 39%),
    repeating-linear-gradient(27deg,rgba(255,255,255,.027) 0 1px,transparent 1px 5px),
    repeating-linear-gradient(117deg,rgba(61,10,0,.022) 0 1px,transparent 1px 6px);
  background-size:180% 100%,8px 8px,9px 9px;
  transform:translate3d(-10%,0,0);
  animation:uta-intro-cloth-light 2.7s ease-in-out infinite alternate;
  mix-blend-mode:overlay;
}

.uta-intro__panel--left {
  border-right:1px solid rgba(255,225,212,.42);
  box-shadow:inset -22px 0 32px rgba(83,15,0,.19),inset 0 0 90px rgba(79,16,0,.16);
}

.uta-intro__panel--right {
  border-left:1px solid rgba(255,225,212,.38);
  box-shadow:inset 22px 0 32px rgba(83,15,0,.18),inset 0 0 90px rgba(79,16,0,.16);
}

.uta-intro__panel--right::before,
.uta-intro__panel--right::after {
  transform:translate3d(1.5%,0,0) scaleX(-1);
  animation-direction:alternate-reverse;
}

.uta-intro__seam {
  width:3px;
  background:linear-gradient(90deg,rgba(79,13,0,.58),rgba(255,246,239,.94) 44% 57%,rgba(91,15,0,.6));
  box-shadow:-5px 0 14px rgba(84,14,0,.2),5px 0 14px rgba(255,235,225,.3);
}

.uta-intro__scissors {
  filter:drop-shadow(0 17px 19px rgba(49,10,0,.4)) drop-shadow(0 2px 2px rgba(255,255,255,.22));
}

.uta-intro__brand {
  z-index:1;
  width:clamp(300px,35vw,500px);
  opacity:0;
  transform:translate3d(-50%,-46%,0) scale(.91);
  filter:drop-shadow(0 20px 34px rgba(58,12,0,.25));
}

.uta-intro__brand img {
  width:100%;
  height:auto;
  object-fit:contain;
}

.uta-intro.is-cutting .uta-intro__panel--left::before {
  animation:uta-intro-cloth-tension-left 1.16s cubic-bezier(.45,0,.2,1) forwards;
}

.uta-intro.is-cutting .uta-intro__panel--right::before {
  animation:uta-intro-cloth-tension-right 1.16s cubic-bezier(.45,0,.2,1) forwards;
}

.uta-intro.is-opening .uta-intro__panel--left {
  transform:translate3d(-104%,0,0) rotateY(8deg) rotateZ(-.7deg) scaleY(1.025);
  box-shadow:inset -44px 0 58px rgba(68,11,0,.3),18px 0 36px rgba(61,10,0,.22);
  filter:saturate(.96) brightness(.94);
}

.uta-intro.is-opening .uta-intro__panel--right {
  transform:translate3d(104%,0,0) rotateY(-8deg) rotateZ(.7deg) scaleY(1.025);
  box-shadow:inset 44px 0 58px rgba(68,11,0,.3),-18px 0 36px rgba(61,10,0,.22);
  filter:saturate(.96) brightness(.94);
}

.uta-intro.is-opening .uta-intro__brand {
  opacity:1;
  transform:translate3d(-50%,-50%,0) scale(1);
}

@keyframes uta-intro-cloth-breathe {
  0% { transform:translate3d(-1.8%,-.4%,0) scale(1.035,1.012) skewY(-.42deg); opacity:.76; }
  48% { transform:translate3d(.7%,.45%,0) scale(1.018,1.028) skewY(.18deg); opacity:.95; }
  100% { transform:translate3d(1.5%,-.2%,0) scale(1.045,1.01) skewY(.38deg); opacity:.83; }
}

@keyframes uta-intro-cloth-light {
  from { transform:translate3d(-13%,-1%,0) skewX(-1deg); opacity:.4; }
  to { transform:translate3d(11%,1%,0) skewX(1deg); opacity:.7; }
}

@keyframes uta-intro-cloth-tension-left {
  0% { transform:translate3d(-1.5%,0,0) scale(1.035,1.01) skewY(-.35deg); }
  62% { transform:translate3d(1.2%,0,0) scale(1.018,1.036) skewY(.18deg); }
  100% { transform:translate3d(2.6%,0,0) scale(1.01,1.045) skewY(.35deg); }
}

@keyframes uta-intro-cloth-tension-right {
  0% { transform:translate3d(1.5%,0,0) scaleX(-1) scale(1.035,1.01) skewY(.35deg); }
  62% { transform:translate3d(-1.2%,0,0) scaleX(-1) scale(1.018,1.036) skewY(-.18deg); }
  100% { transform:translate3d(-2.6%,0,0) scaleX(-1) scale(1.01,1.045) skewY(-.35deg); }
}

@media (max-width:760px) {
  .uta-intro__brand { width:min(82vw,390px); }
  .uta-intro__panel::before { inset:-10% -32%; }
  .uta-intro__scissors { width:clamp(58px,14vw,76px); }
}