/* Palette verified against the official United Multimedia website, 20 Oct 2026. */
:root{--ink:#080a0d;--panel:#1a1e24;--white:#f6f6f4;--silver:#e9eaeb;--muted:#b4b8be;--red:#c91f2d;--red-dark:#a61c28;--paper:#f6f6f4;--gray:#5f6670;--navy:#1a1e24}
.skip-link{opacity:0;pointer-events:none}
.skip-link:focus{opacity:1;pointer-events:auto}
.button-primary:hover{background:var(--red-dark)}
.hero.hero-offer{background:var(--ink);min-height:1080px}
.hero-offer::before{display:none}
.cinema-background{position:absolute;inset:0;z-index:-3;overflow:hidden;pointer-events:none;background:var(--ink)}
.cinema-background video{width:100%;height:100%;object-fit:cover}
.hero .cinema-background{inset:72px -20% 100px 23%;opacity:.94}
.hero-offer .hero-shade{z-index:-2;background:linear-gradient(90deg,#080a0d 0%,#080a0df5 22%,#080a0d94 48%,#080a0d15 80%),linear-gradient(0deg,#080a0d 1%,transparent 55%,#080a0d55)}
.hero-offer .hero-copy{padding-top:192px;padding-bottom:374px;max-width:70%;text-shadow:0 2px 34px #080a0d}
.hero-offer h1{font-size:clamp(66px,7.65vw,114px)}
.hero-offer .hero-intro{color:#d0d2d5}
.hero-program{top:auto;bottom:110px;left:max(56px,calc((100% - 1280px)/2));right:max(56px,calc((100% - 1280px)/2));max-width:none;width:auto;padding:24px 0 0;border:0;border-top:1px solid #ffffff40;z-index:1}
.hero-program>.eyebrow,.hero-program-note{display:none}
.hero-levels{display:grid;grid-template-columns:1fr 1fr 1.18fr;gap:40px;margin:0}
.hero-levels li{padding:9px 0;border:0;gap:15px}
.hero-levels h2{font-size:26px}
.hero-levels p{font-size:12px;color:#bec1c7}
.hero-level-number{color:#ef7982}
.media-disclosure{position:absolute;bottom:83px;left:56px;font-size:10px;color:#b5bac2;letter-spacing:.02em}
.film-pause{border:1px solid #ffffff55;border-radius:2px;background:#080a0d99;color:#f6f6f4;min-height:40px;padding:9px 13px;font-size:11px}
.film-pause:hover{border-color:#fff}
.hero>.film-pause{position:absolute;right:56px;bottom:81px}
.discipline-strip{background:#111419}
.vision,.brand-discovery{color:var(--ink)}
.vision{position:relative}
.vision::before,.brand-discovery::before{content:"";position:absolute;z-index:-1;inset:0 calc((100vw - 100%)/-2);background:var(--paper)}
.vision,.brand-discovery{isolation:isolate}
.vision .eyebrow,.brand-discovery .eyebrow{color:var(--red)}
.vision h2 em{color:var(--red)}
.vision-copy,.vision-facts span{color:var(--gray)}
.vision-copy .text-link{color:var(--ink);border-color:#080a0d66}
.vision-facts,.vision-facts .fact-word{border-color:#080a0d24}
.program{background:linear-gradient(150deg,#1a1e24,#080a0d 72%)}
.brand-statement{background:#e9eaeb}
.statement-word{color:#6b7280}
.route-panel{background:#111419}
.services-section{position:relative;isolation:isolate;overflow:hidden;background:var(--ink);border-top:1px solid #ffffff24}
.service-cinema{inset:0 -20%;opacity:.36}
.services-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(0deg,#080a0df5,transparent 60%,#080a0da8)}
.services-heading{display:grid;grid-template-columns:1.1fr 1fr;align-items:end;gap:100px;margin-bottom:55px}
.services-heading h2{margin-top:24px;font-size:clamp(42px,5.5vw,78px)}
.services-heading>p{color:#c4c8ce;font-size:15px;max-width:430px;line-height:1.85}
.service-explorer{display:grid;grid-template-columns:1fr 1.3fr;gap:60px;align-items:start}
.service-options{border-top:1px solid #ffffff45;background:#080a0dba}
.service-options button{display:grid;grid-template-columns:25px 1fr 24px;align-items:center;gap:18px;text-align:left;width:100%;min-height:83px;padding:22px 16px;border:0;border-bottom:1px solid #ffffff30;background:transparent;color:#d7d9dd;font-family:var(--display);font-size:18px;letter-spacing:-.035em}
.service-options button>span{color:#a7aeb7;font:11px var(--body);letter-spacing:0}
.service-options button>b{font-size:24px;font-weight:400}
.service-options button[aria-selected=true]{background:var(--red);color:#fff}
.service-options button[aria-selected=true]>span{color:#fff}
.service-options button:hover{box-shadow:inset 3px 0 0 #ef7982}
.service-detail{background:#101318ed;border:1px solid #ffffff30;min-width:0}
.service-image{position:relative;overflow:hidden;aspect-ratio:16/9}
.service-image img{width:100%;height:100%;object-fit:cover}
.service-image>span{position:absolute;left:18px;bottom:14px;padding:5px 8px;background:#080a0ddd;color:#e9eaeb;font-size:8px;letter-spacing:.12em}
.service-detail-copy{padding:28px 32px 32px}
.service-detail-copy .eyebrow{font-size:9px;color:#e88a92}
.service-detail-copy h3{font-size:32px;line-height:1.18;margin:14px 0 17px}
.service-detail-copy>p:not(.eyebrow){font-size:13px;line-height:1.8;color:#c1c5cc}
.service-detail-copy .example-label{font-size:8px!important;letter-spacing:.14em;margin-top:26px;color:#e9eaeb!important}
.service-detail-copy ul{padding-left:17px;font-size:12px;line-height:1.9;color:#b9c1ca;margin:10px 0 18px}
.service-footnote{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:30px}
.service-footnote p{font-size:10px;color:#b4bac3;max-width:700px}
.service-footnote button{flex-shrink:0}
.brand-discovery{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:95px}
.discovery-intro h2{margin:25px 0 30px;font-size:clamp(38px,4.4vw,64px)}
.discovery-intro>p:not(.eyebrow){font-size:14px;line-height:1.85;color:var(--gray);max-width:450px;margin-bottom:18px}
.discovery-steps{list-style:none;padding:0;margin:30px 0 34px}
.discovery-steps li{display:flex;gap:20px;border-top:1px solid #080a0d24;padding:21px 0}
.discovery-steps li>span{color:var(--red);font-size:12px;padding-top:2px}
.discovery-steps strong{font-size:14px}
.discovery-steps p{font-size:12px;line-height:1.8;color:var(--gray);margin-top:5px}
.discovery-online{display:block;margin-top:18px;text-decoration:underline;text-underline-offset:4px;font-size:12px;color:var(--gray)}
.brand-intake{position:relative;align-self:start;overflow:hidden;background:#e9eaeb;border:1px solid #080a0d24;padding:36px;isolation:isolate}
.intake-number{position:absolute;right:-15px;top:-16px;font:700 95px/.9 var(--display);color:#080a0d09;letter-spacing:-.09em;z-index:-1}
.brand-intake>.eyebrow{font-size:9px;margin-bottom:28px;max-width:220px}
.brand-intake label:not(.consent){display:block;font-size:11px;font-weight:600;margin-bottom:8px}
.brand-intake input:not([type=checkbox]),.brand-intake select{width:100%;min-height:48px;border:1px solid #080a0d40;border-radius:2px;background:#f6f6f4;color:#080a0d;padding:12px;font-size:13px;margin-bottom:22px}
.brand-intake input[type=file]{font-size:11px;padding:10px}
.brand-intake input[type=file]::file-selector-button{padding:8px 10px;background:#080a0d;color:#fff;border:0;margin-right:10px;cursor:pointer}
.brand-intake input:invalid:not(:placeholder-shown){box-shadow:none}
.brand-intake .form-help{color:#5f6670;font-size:11px;line-height:1.8;margin:0 0 20px}
.brand-intake .consent{display:flex;gap:12px;font-size:11px;line-height:1.75;margin:23px 0}
.brand-intake .consent input{accent-color:#c91f2d}
.brand-intake .button{width:100%;font-size:12px;justify-content:center}
.brand-intake .button:disabled{opacity:.55}
.brand-intake pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.8 var(--body);background:#f6f6f4;border:1px solid #080a0d24;padding:17px}
.brand-intake h3{font-size:30px;margin:10px 0 20px}
.brand-intake #brand-preview>p{font-size:12px;line-height:1.8;color:var(--gray)}
.brand-intake #brand-filename{overflow-wrap:anywhere}
.contact-actions{display:grid;gap:10px;margin:20px 0}
.button-secondary{border:1px solid #080a0d70;background:transparent;color:#080a0d}
.brand-intake .text-button{border-color:#080a0d50}
.legacy-section{position:relative;padding:120px 0;background:var(--ink);overflow:hidden}
.legacy-section::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 95% 100%,#c91f2d35,transparent 70%);pointer-events:none}
.legacy-section .wrap{position:relative}
.legacy-section h2{font-size:clamp(42px,6vw,86px);margin:28px 0;max-width:1000px}
.legacy-section h2 em{color:#d1d4d9}
.legacy-section .wrap>p:not(.eyebrow){max-width:720px;color:#bfc5cc;font-size:15px;line-height:1.9}
.legacy-words{display:flex;gap:38px;margin:40px 0 25px;font-size:12px;font-weight:600;letter-spacing:.2em;color:#f6f6f4}
.legacy-words>span+span::before{content:"/";color:#e5484d;margin-right:38px}
.legacy-section .wrap>.legacy-note{font-size:11px!important;max-width:580px}
.faq{padding-top:50px}
@media(max-width:1100px){.hero.hero-offer{min-height:1040px}.hero-offer .hero-copy{max-width:78%}.hero-program{left:36px;right:36px}.hero-levels{gap:25px}.hero-levels h2{font-size:23px}.services-heading{gap:50px}.service-explorer{gap:30px}.service-options button{font-size:15px}.brand-discovery{gap:45px}.brand-intake{padding:25px}}
@media(max-width:760px){
 .hero.hero-offer{min-height:0;padding-bottom:114px}
 .hero .cinema-background{inset:70px -70% auto -15%;height:540px;opacity:.74}
 .hero-offer .hero-shade{background:linear-gradient(0deg,#080a0d 35%,#080a0dcc 60%,#080a0d33 90%)}
 .hero-offer .hero-copy{padding:176px 0 0;max-width:none;text-shadow:0 2px 30px #080a0d}
 .hero-offer h1{font-size:clamp(46px,12.8vw,84px)}
 .hero-offer .hero-intro{font-size:14px}
 .hero-offer .hero-actions{gap:19px}
 .hero-program{position:relative;inset:auto;margin:42px 20px 0;padding-top:21px}
 .hero-levels{grid-template-columns:1fr;gap:0}
 .hero-levels li{padding:16px 0;border-bottom:1px solid #ffffff24}
 .hero-levels h2{font-size:24px}
 .hero-levels li:last-child h2 br{display:none}
 .hero-levels p{font-size:11px}
 .hero>.film-pause{right:20px;bottom:73px;font-size:10px;min-height:32px;padding:6px 9px}
 .media-disclosure{left:20px;bottom:82px;font-size:8px;max-width:160px}
 .services-heading{grid-template-columns:1fr;gap:25px;margin-bottom:35px}
 .services-heading h2{font-size:46px}
 .services-heading>p{font-size:13px;max-width:none}
 .service-explorer{grid-template-columns:1fr;gap:24px}
 .service-options button{font-size:15px;min-height:62px;padding:16px 12px;gap:13px}
 .service-detail-copy{padding:25px}
 .service-detail-copy h3{font-size:29px}
 .service-footnote{align-items:start;flex-direction:column;gap:18px}
 .brand-discovery{grid-template-columns:1fr;gap:42px}
 .discovery-intro h2{font-size:43px}
 .brand-intake{padding:24px}
 .brand-intake input:not([type=checkbox]),.brand-intake select{font-size:16px}
 .brand-intake input[type=file]{font-size:11px}
 .legacy-section{padding:78px 0}
 .legacy-section h2{font-size:clamp(37px,9vw,58px)}
 .legacy-section .wrap>p:not(.eyebrow){font-size:13px}
 .legacy-words{gap:14px;font-size:9px;letter-spacing:.1em}
 .legacy-words>span+span::before{margin-right:14px}
}
@media(max-width:359px){.hero-offer h1{font-size:42px}.hero-offer .hero-copy{padding-top:160px}.media-disclosure{max-width:130px;font-size:7px}.hero-actions .text-link{font-size:10px}.brand-intake{padding:18px}}
@media print{.services-section,.brand-discovery,.legacy-section{display:none!important}}
