:root{--bg:#070a0f;--bg2:#0d1219;--iv:#ede7d9;--ink:#1a1712;--gold:#c9a65e;--deep:#7a5f27;--tx:#eee9dc;--mut:#d8d4c8;--serif:'Red Hat Display',system-ui,sans-serif;--sans:'Red Hat Display',system-ui,sans-serif;--mono:'Red Hat Display',system-ui,sans-serif;--pad:4vw}
*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{overflow-x:clip}
body{margin:0;background:var(--bg);color:var(--tx);font:400 17px/1.6 var(--sans);-webkit-font-smoothing:antialiased}
img,video{max-width:100%;display:block}a{color:inherit}
h1,h2,h3{font-family:var(--serif);font-weight:400;margin:0}
em{font-style:italic;color:var(--gold)}
.kicker{font:400 12px var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--gold);margin:0 0 18px}
h2{font-size:clamp(38px,5vw,76px);line-height:1}
.sec{padding:110px var(--pad)}
.sec.iv{background:var(--iv);color:var(--ink)}.sec.iv em{color:var(--deep)}.sec.iv .kicker{color:var(--deep)}
.sec.alt{background:var(--bg2)}
.lead{font-size:19px;line-height:1.55;color:var(--mut);max-width:60ch;margin:22px 0 0}.iv .lead{color:#1a1712cc}
.btn{display:inline-block;font:400 12px var(--mono);letter-spacing:.05em;text-transform:uppercase;text-decoration:none;color:var(--tx);border-bottom:1px solid var(--gold);padding-bottom:4px}
.iv .btn{color:var(--ink);border-color:var(--deep)}
.btn.solid{background:var(--gold);color:#0b0d10;border:0;padding:15px 24px}
/* header */
header.top{position:fixed;z-index:50;top:0;left:0;right:0;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--pad);background:#070a0ffa;backdrop-filter:blur(10px);border-bottom:1px solid #eee9dc1a}
.brand img{height:38px;width:auto}
nav.main{display:flex;gap:34px;align-items:center}
nav.main a{font:400 12px var(--mono);letter-spacing:.05em;text-transform:uppercase;text-decoration:none;color:var(--mut);padding:6px 0;border-bottom:1px solid transparent}
nav.main a:hover,nav.main a[aria-current]{color:var(--tx);border-color:var(--gold)}
.nav-toggle{display:none;background:none;border:1px solid #eee9dc40;color:var(--tx);font:12px var(--mono);padding:8px 12px;text-transform:uppercase}
main{padding-top:72px}
/* hero */
.hero{position:relative;--hh:min(calc(100svh - 72px),820px);height:var(--hh);min-height:620px;background:#070a0f;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:0 var(--pad) 46px;margin-top:-0px}
.hero video{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max(100%,calc(var(--hh) * 2.85));max-width:none;height:auto}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#070a0fcc 0%,#070a0f33 60%,#070a0f55 100%),linear-gradient(#070a0f66,transparent 25%,transparent 55%,#070a0f);z-index:1}
.hero>*{position:relative;z-index:2}
.hero-top{position:absolute!important;top:28px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;font:400 12px var(--mono);letter-spacing:.05em;text-transform:uppercase;color:#eee9dcb0}
.hero h1{font-family:'Big Shoulders Display','Arial Narrow',Impact,sans-serif;font-weight:900;text-transform:uppercase;font-size:clamp(70px,14vw,240px);line-height:.8;color:var(--tx)}
.hero h1 span{display:block;overflow:hidden;padding-top:.04em}.hero h1 span i{display:block;font-style:normal;animation:up 1s cubic-bezier(.2,.8,.2,1) both}
.hero h1 span+span{color:var(--gold)}.hero h1 span+span i{animation-delay:.18s}
.hero-copy{position:absolute!important;right:var(--pad);bottom:96px;max-width:300px;font-size:14px;line-height:1.5;animation:fade .9s .9s both}
.hero-copy p{margin:0 0 14px}
.hero-data{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #eee9dc40;margin-top:34px;padding-top:14px;font:400 12px var(--mono);letter-spacing:.05em;text-transform:uppercase;color:#eee9dcc0}
@keyframes up{from{transform:translateY(105%)}to{transform:none}}@keyframes fade{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
/* page head */
.phead{padding:130px var(--pad) 70px;border-bottom:1px solid #eee9dc1a}
.phead h1{font-size:clamp(44px,6.4vw,100px);line-height:1}
.crumbs{font:400 12px var(--mono);letter-spacing:.05em;text-transform:uppercase;color:#eee9dc90;margin:0 0 26px}.crumbs a{text-decoration:none}.crumbs a:hover{color:var(--gold)}
/* statement */
.two{display:grid;grid-template-columns:1.1fr 1fr;gap:6vw;align-items:start}
.two p{margin:0 0 18px}
.big{font:400 clamp(24px,2.6vw,38px)/1.2 var(--serif)}
/* entry blocks */
.entries{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid #eee9dc26}
.entry{display:flex;flex-direction:column;gap:22px;padding:44px 44px 44px 0;text-decoration:none}
.entry+.entry{padding:44px 0 44px 44px;border-left:1px solid #eee9dc26}
.entry .pic{height:340px;display:flex;align-items:flex-end}.entry .pic img{max-height:100%;width:auto;object-fit:contain;filter:drop-shadow(0 24px 26px #000a)}
.entry h3{font-size:clamp(30px,3vw,46px);line-height:1.05}.entry p{margin:0;color:var(--mut);max-width:44ch}
/* strip */
.strip{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #1a171233}
.strip a,.strip div{padding:22px 18px 0 0;text-decoration:none;font:400 clamp(24px,2.4vw,34px)/1.1 var(--serif);display:flex;flex-direction:column;gap:8px}
.strip b{font:400 12px var(--mono);color:var(--deep)}
.strip p{font:400 15px/1.5 var(--sans);margin:4px 0 0;color:#1a1712cc}
/* band */
.action{position:relative;height:min(78vh,720px);min-height:520px;overflow:hidden;background:var(--bg)}
.action video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.action:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#070a0fe6 0%,#070a0f66 55%,#070a0f30 100%),linear-gradient(#070a0f 0%,transparent 18%,transparent 78%,#070a0f 100%)}
.action-copy{position:absolute;z-index:2;left:var(--pad);bottom:90px}
.action h2{font-size:clamp(56px,8vw,128px);line-height:.92;margin:0 0 28px}
.action ul{list-style:none;margin:0;padding:0;display:flex;gap:34px;flex-wrap:wrap}
.action li{font:italic 400 22px var(--serif);display:flex;gap:10px;align-items:baseline}.action li b{font:400 12px var(--mono);color:var(--gold);font-style:normal}
.action-note{position:absolute;z-index:2;right:var(--pad);bottom:26px;font:italic 12px var(--serif);color:#eee9dc80;margin:0}
/* rows (sectors list, shared pattern) */
.rows{border-top:1px solid #1a17122e;margin-top:56px}
.row{display:grid;grid-template-columns:200px 60px 1fr auto;gap:34px;align-items:center;padding:30px 0;border-bottom:1px solid #1a17122e;text-decoration:none}
.row img{height:150px;width:100%;object-fit:contain;object-position:left center;filter:drop-shadow(0 16px 18px #0003)}
.row .n{font:400 12px var(--mono);color:var(--deep)}
.row h3{font-size:clamp(28px,2.8vw,40px);line-height:1.1}.row p{margin:8px 0 0;max-width:58ch;color:#1a1712cc}
.row .btn{white-space:nowrap}
/* lifecycle */
.life h2{font-size:clamp(30px,4.2vw,64px);white-space:nowrap}
.life-rail{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid #1a171233;margin-top:50px}
.life-rail article{padding:22px 16px 0 0}.life-rail span{font:400 12px var(--mono);color:var(--deep)}
.life-rail b{display:block;font:400 clamp(24px,2.2vw,32px)/1.1 var(--serif);margin:8px 0 8px}.life-rail p{margin:0;font-size:14px;line-height:1.5;color:#1a1712cc}
/* products */
.plist{border-top:1px solid #eee9dc26}
.prow{display:grid;grid-template-columns:240px 1fr 400px;gap:34px;align-items:center;padding:36px 0;border-bottom:1px solid #eee9dc26}
.prow img{height:260px;width:100%;object-fit:contain;object-position:left center}
.prow .n{font:400 12px var(--mono);color:var(--gold)}
.prow h3{font-size:clamp(28px,2.8vw,40px);line-height:1.1}.prow p{margin:10px 0 14px;color:var(--mut);max-width:52ch}
.tag{font:400 12px var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--gold)}
.specs{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid #eee9dc40}
.specs div{padding:14px 10px 0 0}.specs b{display:block;white-space:nowrap;font:400 clamp(22px,2vw,32px)/1 var(--serif)}.specs span{font:400 12px var(--mono);letter-spacing:.04em;text-transform:uppercase;color:#eee9dcaa}
.note{font:italic 14px var(--serif);color:#eee9dc99;margin:26px 0 0}
.partner{margin-top:50px;padding-top:22px;border-top:1px solid #eee9dc26;font:400 clamp(22px,2.2vw,30px)/1.2 var(--serif)}.partner strong{font-weight:400;color:var(--gold)}
/* product detail */
.pd{display:grid;grid-template-columns:1fr 1.1fr;gap:6vw;align-items:center}
.pd img{max-height:560px;width:auto;margin:0 auto;filter:drop-shadow(0 30px 30px #000a)}
.pd .specs{margin:34px 0}
.links{display:flex;gap:30px;flex-wrap:wrap;margin-top:30px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #eee9dc26}
.cards a{padding:26px 22px 26px 0;text-decoration:none;display:flex;flex-direction:column;gap:10px}
.cards a+a{padding-left:22px;border-left:1px solid #eee9dc26}
.cards h3{font-size:24px;line-height:1.15}.cards span{font:400 12px var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--gold)}
/* sector robot cards */
.rcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));border-top:1px solid #1a17122e;margin-top:56px}
.rcard{padding:30px 26px 30px 0;display:flex;flex-direction:column;gap:10px;text-decoration:none;border-bottom:1px solid #1a17122e}
.rcard img{height:200px;width:100%;object-fit:contain;object-position:left bottom;filter:drop-shadow(0 16px 18px #0003)}
.rcard .tag{color:var(--deep)}.rcard h3{font-size:26px;line-height:1.1}.rcard p{margin:0;font-size:15px;color:#1a1712cc}
.rcard small{font:400 12px var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--deep)}
/* team */
.team{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #eee9dc26;margin-top:40px}
.team div{padding:18px 20px 0 0}.team b{display:block;font:400 22px/1.2 var(--serif)}.team span{font:400 12px var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--gold)}
/* contact */
.contact{display:grid;grid-template-columns:1fr 1.2fr;gap:6vw;align-items:start}
form{display:grid;grid-template-columns:1fr 1fr;gap:20px}
label{display:flex;flex-direction:column;gap:8px;font:400 12px var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--gold)}label.full{grid-column:1/-1}
input,select,textarea{font:400 16px var(--sans);color:var(--tx);background:#ffffff0a;border:1px solid #eee9dc40;padding:13px 14px;border-radius:0;width:100%}
textarea{min-height:130px;resize:vertical}select option{color:#000}
form button{grid-column:1/-1;justify-self:start;cursor:pointer;font:400 12px var(--mono);letter-spacing:.05em;text-transform:uppercase;background:var(--gold);color:#0b0d10;border:0;padding:16px 26px}
/* showroom */
.platforms.show{position:relative;height:900px;min-height:820px;overflow:hidden;color:var(--tx);background:radial-gradient(ellipse 60% 70% at 50% 52%,#26323f 0%,#0b121b 55%,#05090f 100%);outline:none}
.show-clip{position:absolute;inset:0}.show-clip video{width:100%;height:100%;object-fit:cover;opacity:.9}
.show-shade{position:absolute;inset:0;background:linear-gradient(#070a0fcc,#070a0fe6)}
.show-top{position:absolute;left:4vw;right:4vw;top:34px;display:flex;justify-content:space-between;z-index:3}
.show-top .kicker{color:#c9a65e!important;margin:0!important}.show-hint{font:11px var(--mono);letter-spacing:.05em;text-transform:uppercase;color:#eee9dc99}
.show-big{position:absolute;left:3.5vw;top:70px;font:900 clamp(120px,21vw,300px)/.8 'Big Shoulders Display',sans-serif!important;color:transparent!important;-webkit-text-stroke:1px #c9a65e50;text-transform:uppercase;white-space:nowrap;margin:0;z-index:1;letter-spacing:0!important}
.show-stage{position:absolute;inset:0 0 150px 0;z-index:2}
.robot{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility .6s}
.robot.on{opacity:1;visibility:visible}
.r-img{position:absolute;left:50%;top:70px;height:calc(100% - 100px);max-width:46vw;object-fit:contain;transform:translateX(-50%) translateY(24px) scale(.97);transition:transform .9s cubic-bezier(.2,.7,.2,1);filter:drop-shadow(0 40px 40px #000a)}
.robot.on .r-img{transform:translateX(-50%) translateY(0) scale(1)}
.r-info{position:absolute;left:4vw;top:50%;transform:translateY(-46%);width:min(400px,30vw);transition:transform .8s ease .1s}
.r-type{font:11px var(--mono);letter-spacing:.05em;text-transform:uppercase;color:#c9a65e}
.r-info h3{font-size:clamp(34px,3.4vw,50px)!important;line-height:1.02!important;margin:12px 0 22px!important;color:#eee9dc}
.r-info dl{margin:0;display:grid;gap:12px}.r-info dl div{border-left:2px solid #c9a65e;padding-left:14px}
.r-info dt{font:11px var(--mono);letter-spacing:.05em;text-transform:uppercase;color:#c9a65e;margin-bottom:3px}
.r-info dd{margin:0;font-size:14px;line-height:1.5;color:#d8d4c8}
.r-cta{display:inline-block;margin-top:22px;font:12px var(--mono);letter-spacing:.05em;text-transform:uppercase;color:#eee9dc;border-bottom:1px solid #c9a65e;padding-bottom:4px}
.r-spec{position:absolute;right:4vw;top:50%;transform:translateY(-50%);width:min(290px,22vw)}
.r-spec div{border-top:1px solid #eee9dc40;padding:14px 0;display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.r-spec b{font:400 clamp(28px,2.6vw,38px) var(--serif)}.r-spec span{font:11px var(--mono);text-transform:uppercase;letter-spacing:.04em;color:#eee9dcaa;text-align:right}
.show-floor{position:absolute;left:50%;bottom:130px;width:620px;height:60px;transform:translateX(-50%);background:radial-gradient(ellipse,#c9a65e55,transparent 70%);z-index:2;pointer-events:none}
.show-rail{position:absolute;left:0;right:0;bottom:0;height:150px;border-top:1px solid #eee9dc30;display:grid;grid-template-columns:repeat(8,1fr);background:#070a0fe0;z-index:4}
.show-rail button{position:relative;background:none;border:0;border-right:1px solid #eee9dc20;color:#eee9dc;padding:14px 18px;text-align:left;cursor:pointer;opacity:.8;transition:opacity .3s,background .3s;display:flex;flex-direction:column;justify-content:space-between}
.show-rail button:hover{opacity:.85}.show-rail button.on{opacity:1;background:#c9a65e18;box-shadow:inset 0 3px #c9a65e}
.show-rail .n{font:12px var(--mono)}.show-rail em{font:italic 14px var(--serif);max-width:84px;line-height:1.15}
.show-rail img{position:absolute;right:12px;bottom:12px;height:64px;max-width:68px;object-fit:contain}
.show-note{position:absolute;right:4vw;bottom:158px;font:italic 12px var(--serif);color:#eee9dc80;z-index:3;margin:0}
@media(max-width:1000px){
.platforms.show{height:auto;min-height:0;padding:70px 0 0}
.show-top{position:relative;left:0;right:0;top:0;padding:0 5vw;display:block}.show-hint{margin-top:6px}
.show-big{font-size:34vw;top:60px}
.show-stage{position:relative;inset:auto;height:auto;margin-top:20px;display:grid}
.robot{position:relative;inset:auto;grid-area:1/1;display:flex;flex-direction:column;padding:0 5vw}
.r-img{position:relative;left:auto;top:auto;transform:none!important;height:360px;max-width:100%;align-self:center;margin:0 0 10px}
.r-info{position:relative;left:auto;top:auto;transform:none;width:auto}.r-spec{position:relative;right:auto;top:auto;transform:none;width:auto;margin-top:22px}
.show-floor{display:none}.show-note{position:relative;right:auto;bottom:auto;padding:16px 5vw}
.show-rail{position:relative;height:130px;display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.show-rail button{flex:0 0 38vw;scroll-snap-align:start}
}
@media(prefers-reduced-motion:reduce){.robot,.r-img{transition:none!important}}
.show-top .kicker{margin:0}
.show-big{letter-spacing:0}
.r-info h3{color:var(--tx)}
@media(min-width:1001px){.r-img{left:55%}.r-info{width:min(370px,27vw)}.r-info h3{font-size:clamp(32px,3.1vw,46px)}}
.platforms.show:before,.action:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:4;box-shadow:inset 0 0 220px 40px #000a}
/* footer */
footer{background:#05080c;padding:70px var(--pad) 40px;border-top:1px solid #eee9dc1a}
.fgrid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:40px}
footer img{height:40px;width:auto;margin-bottom:18px}footer p{margin:0;color:var(--mut);font-size:15px}
footer h4{font:400 12px var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--gold);margin:0 0 14px}
footer ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}footer li a{text-decoration:none;color:var(--mut);font-size:15px}footer li a:hover{color:var(--gold)}
.copy{margin-top:50px;padding-top:20px;border-top:1px solid #eee9dc1a;font:400 12px var(--mono);letter-spacing:.04em;color:#eee9dc80}
.nf{min-height:70vh;display:flex;flex-direction:column;justify-content:center;padding:0 var(--pad)}
@media(max-width:1000px){
.sec{padding:76px 6vw}:root{--pad:6vw}
header.top{height:64px}main{padding-top:64px}.nav-toggle{display:block}
nav.main{display:none;position:absolute;top:64px;left:0;right:0;flex-direction:column;align-items:flex-start;gap:0;background:#070a0ff5;padding:10px 6vw 20px;border-bottom:1px solid #eee9dc1a}nav.main.open{display:flex}nav.main a{padding:14px 0;width:100%}
.hero h1{font-size:18.5vw}.hero-copy{position:relative!important;right:auto;bottom:auto;max-width:none;margin-top:26px}.hero{--hh:680px;height:auto;min-height:680px;padding-bottom:30px}.hero video{height:calc(var(--hh)*1.62);width:auto;min-width:100%}.hero-top span:last-child{display:none}
.hero-data{flex-direction:column;gap:6px}
.two,.contact,.pd,.entries{grid-template-columns:1fr}.entry,.entry+.entry{padding:32px 0;border-left:0;border-bottom:1px solid #eee9dc26}.entry .pic{height:240px}
.strip{grid-template-columns:1fr 1fr}.strip a,.strip div{padding-bottom:20px}
.row{grid-template-columns:110px 1fr;gap:18px}.row .n,.row .btn{display:none}.row img{height:100px}
.life h2{white-space:normal;font-size:38px}.life-rail{grid-template-columns:1fr 1fr}.life-rail article{padding-bottom:22px}
.prow{grid-template-columns:1fr;gap:16px}.prow img{height:220px}.prow .n{display:none}
.cards{grid-template-columns:1fr 1fr}.cards a,.cards a+a{border-left:0;padding:20px 12px 20px 0}
.team{grid-template-columns:1fr}.team div{padding-bottom:12px}
form{grid-template-columns:1fr}.fgrid{grid-template-columns:1fr 1fr}
.action{height:70vh}.action-copy{bottom:70px}.action li{font-size:18px}
.phead{padding:100px 6vw 50px}
}
@media(prefers-reduced-motion:reduce){.hero h1 span i,.hero-copy{animation:none}html{scroll-behavior:auto}.robot,.r-img{transition:none!important}}

.hero-bg{position:absolute!important;inset:0;background:url(/media/hero-poster.jpg) center/cover}.hero video,.hero-bg{filter:grayscale(.62) sepia(.06) saturate(.76) contrast(1.1) brightness(.92)}

.phead.slim{padding:110px var(--pad) 0;border:0}

.chead{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:44px}
.ccards{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #eee9dc26}
.ccards a{padding:28px 20px 26px 0;text-decoration:none;display:flex;flex-direction:column;gap:10px}
.ccards a+a{padding-left:20px;border-left:1px solid #eee9dc26}
.ccards img{height:300px;width:100%;object-fit:contain;object-position:left bottom;filter:drop-shadow(0 20px 22px #000a);margin-bottom:10px}
.ccards h3{font-size:22px;line-height:1.15}.ccards span{font:400 12px var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--gold)}
.rband{display:grid;grid-template-columns:auto 1fr;gap:44px;align-items:center;border-top:1px solid #eee9dc26;padding-top:36px}
.rband .pic img{height:200px;width:auto;filter:drop-shadow(0 18px 20px #000a)}.rband h3{font-size:clamp(24px,2.4vw,34px);line-height:1.1;margin-bottom:10px}.rband p{color:var(--mut);margin:0 0 18px;max-width:50ch}
@media(max-width:900px){.ccards{grid-template-columns:1fr 1fr}.ccards a,.ccards a+a{border-left:0;padding:20px 12px 20px 0}.ccards img{height:200px}.rband{grid-template-columns:1fr;gap:20px}}
.show-rail.r4{grid-template-columns:repeat(4,1fr)}@media(max-width:900px){.show-rail.r4{display:flex}}

/* v6 positioning */
.hero-copy{max-width:420px;bottom:90px}.hero-copy .hl{font:400 clamp(18px,1.5vw,22px)/1.3 var(--serif);margin:0 0 12px;color:var(--tx)}.hero-copy p{font-size:14px}
.hero-copy .ctas{display:flex;flex-wrap:wrap;gap:12px 22px;align-items:center;margin-top:18px}
.strip.dark{border-top-color:#eee9dc26}.strip.dark b{color:var(--gold)}.strip.dark p{color:var(--mut)}
.iv .strip{margin-top:56px}
.probs{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #eee9dc26;margin-top:44px}
.probs div{padding:26px 22px 8px 0}.probs div+div{padding-left:22px;border-left:1px solid #eee9dc26}
.probs span,.models span,.areas span{font:400 12px var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--gold)}.iv .areas span{color:var(--deep)}
.probs h3{font-size:22px;line-height:1.15;margin:14px 0 10px}.probs p{font-size:15px;line-height:1.5;color:var(--mut);margin:0}
.areas{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #1a171233;margin-top:44px}
.areas a{padding:30px 28px 10px 0;text-decoration:none;display:flex;flex-direction:column;gap:14px;align-items:flex-start}.areas a+a{padding-left:28px;border-left:1px solid #1a171222}
.areas h3{font-size:clamp(26px,2.4vw,36px);line-height:1.1}.areas p{margin:0;font-size:16px;line-height:1.5;color:#1a1712cc;max-width:38ch}.areas .btn{font-style:normal;margin-top:8px}
.wl{display:grid;gap:0;border-top:1px solid #1a171233}.wl div{padding:18px 0;border-bottom:1px solid #1a171222;display:grid;grid-template-columns:200px 1fr;gap:20px;align-items:baseline}
.wl h3{font-size:22px;line-height:1.15}.wl p{margin:0;font-size:16px;line-height:1.5;color:#1a1712cc}
.models{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #eee9dc26;margin-top:44px}.models div{padding:26px 22px 8px 0}.models div+div{padding-left:22px;border-left:1px solid #eee9dc26}
.models h3{font-size:clamp(24px,2.2vw,32px);margin:14px 0 10px}.models p{color:var(--mut);margin:0;max-width:40ch}
@media(max-width:900px){.hero-copy{max-width:none}.probs,.areas,.models{grid-template-columns:1fr}.probs div,.probs div+div,.models div,.models div+div,.areas a,.areas a+a{padding:22px 0;border-left:0;border-bottom:1px solid #eee9dc26}.areas a,.areas a+a{border-bottom-color:#1a171222}.wl div{grid-template-columns:1fr;gap:6px}}
.hero-copy{background:linear-gradient(90deg,#070a0f00,#070a0fcc 18%);padding:22px 0 22px 34px;right:0;padding-right:var(--pad);max-width:none;width:min(560px,100%);bottom:80px}@media(max-width:900px){.hero-copy{padding:0;background:none;width:auto}}
@media(max-width:900px){.hero{height:auto;min-height:0;padding-top:130px}.hero-copy{position:relative!important;right:auto;bottom:auto;margin-top:26px;width:auto;max-width:none}.hero-data{margin-top:30px}}

/* v7 audit fixes */
@media(max-width:1100px){.hero{height:auto;min-height:0;padding-top:130px;padding-bottom:30px}.hero-copy{position:relative!important;right:auto;bottom:auto;width:auto;max-width:560px;margin-top:28px;padding:22px 24px;background:#070a0fd9;border:1px solid #eee9dc22}.hero-data{margin-top:30px}}
@media(max-width:600px){.hero{padding-top:110px}.hero-copy{max-width:none;padding:20px 18px}}
.vctl{position:absolute!important;right:var(--pad);top:14px;z-index:6;background:#070a0fcc;color:#eee9dc;border:1px solid #eee9dc55;font:400 12px var(--mono);letter-spacing:.05em;text-transform:uppercase;padding:8px 12px;cursor:pointer}
.hero .vctl{top:auto;bottom:14px}.vctl:hover{border-color:var(--gold)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.show-rail button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.fnote{font:400 13px/1.5 var(--sans);opacity:.8;margin:0}
@media(max-width:1100px){.hero video{width:100%;height:100%;min-width:0;object-fit:cover;left:0;top:0;transform:none}}
@media(max-width:600px){.hero .vctl{top:76px;bottom:auto}}
@media(max-width:1100px){.hero video{inset:0!important;width:100%!important;height:100%!important;min-width:0!important;max-width:100%}}
.show .vctl{top:52px}
.showintro{padding-bottom:40px}.showintro .big{max-width:900px;margin:0}
.show .vctl{top:74px}

.areas.four{grid-template-columns:repeat(4,1fr)}.areas.four a{padding-right:22px}.areas.four a+a{padding-left:22px}.areas span{text-transform:uppercase}
@media(max-width:1100px){.areas.four{grid-template-columns:1fr 1fr}.areas.four a,.areas.four a+a{padding:26px 20px 10px 0;border-left:0;border-bottom:1px solid #1a171222}}
@media(max-width:900px){.areas.four{grid-template-columns:1fr}.areas.four a,.areas.four a+a{padding:22px 0}}
@media(max-width:700px){.show .vctl{top:auto;bottom:14px}}

/* Technical batch: preserve link styling and account for sticky header. */
.context-link{color:inherit;text-decoration:none} .context-link:focus-visible{outline:2px solid currentColor;outline-offset:3px}
[id]{scroll-margin-top:88px}

.content-guide{max-width:900px}.content-guide h2{margin-bottom:28px}.content-guide a:not(.btn){color:inherit;text-decoration:underline;text-underline-offset:3px}.review-answer{padding:24px 0;border-bottom:1px solid #eee9dc25}.review-answer h3{font:400 26px var(--serif);margin:0 0 14px}.review-answer p{font-size:17px;line-height:1.65}.show-rail.r3{grid-template-columns:repeat(3,minmax(0,1fr))}

/* v8: lighter rhythm. Light is the default surface; dark is reserved for hero, the showroom/video chapter, header and footer. */
:root{--cream:#faf8f3;--paper:#ffffff;--lt-line:#1a171230}
body{background:var(--cream);color:var(--ink);--tx:#1a1712;--mut:#1a1712c4;--gold:#8a6a22}
.hero,.platforms.show,.action,header.top,footer{--tx:#eee9dc;--mut:#d8d4c8;--gold:#c9a65e;color:var(--tx)}
.sec.alt{background:var(--paper);color:var(--ink)}
.sec.iv{--gold:#8a6a22}
.btn{border-bottom-color:#c9a65e}
.btn.solid{background:#c9a65e;color:#14110b}
header.top .btn,.hero .btn,.show .btn,.action .btn{color:#eee9dc}.hero .btn.solid,.show .btn.solid,header.top .btn.solid{color:#14110b}
em{color:var(--gold)}
.lead{color:var(--mut)}
/* borders and tints that were written for a dark page */
.phead{border-bottom:1px solid var(--lt-line)}
.crumbs{color:#1a171290}
.cards,.cards a+a,.probs,.probs div+div,.models,.models div+div,.team,.ccards,.ccards a+a,.rband,.plist,.prow,.entries,.entry+.entry,.specs,.partner,.review-answer{border-color:var(--lt-line)}
.review-answer{border-bottom:1px solid var(--lt-line)}
.note{color:#1a1712a8}
.specs span{color:#1a1712a0}
.probs p,.models p,.prow p,.rband p,.entry p,.strip.dark p{color:var(--mut)}
.prow img,.ccards img,.rband .pic img,.entry .pic img,.pd img{filter:drop-shadow(0 18px 18px #0003)}
.specs{border-top-color:var(--lt-line)}
.probs span,.models span,.prow .n,.tag,.cards span,.ccards span,.team span,.kicker{color:var(--gold)}
.hero .kicker,.show .kicker,.action .kicker{color:#c9a65e}
.show-top .kicker{color:#c9a65e!important}
/* forms on light */
input,select,textarea{background:#fff;color:var(--ink);border:1px solid #1a171255}
input:focus,select:focus,textarea:focus{border-color:#8a6a22}
form button{background:#c9a65e;color:#14110b}
form button:disabled{opacity:.55;cursor:not-allowed}
/* header: primary enquiry action */
nav.main .nav-cta{background:#c9a65e;color:#14110b;padding:10px 16px;border:0;margin-left:6px}
nav.main .nav-cta:hover{background:#d9b970;color:#14110b}
nav.main .nav-cta[aria-current]{color:#14110b}
@media(max-width:1000px){nav.main .nav-cta{margin:10px 0 0;width:auto;display:inline-block;padding:12px 18px}}
/* FAQ accordion */
.faq{max-width:920px}
.faq details{border-top:1px solid var(--lt-line)}
.faq details:last-of-type{border-bottom:1px solid var(--lt-line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:24px;align-items:baseline;padding:22px 0;font:400 clamp(20px,1.9vw,26px)/1.25 var(--serif)}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";font:400 22px var(--mono);color:#8a6a22;flex:none}
.faq details[open] summary:after{content:"\2212"}
.faq details p{margin:0 0 24px;max-width:70ch;font-size:17px;line-height:1.65;color:var(--mut)}
.faq a:not(.btn){text-decoration:underline;text-underline-offset:3px}
.faq-head{display:grid;grid-template-columns:1fr 1.5fr;gap:6vw;align-items:start}
.faq-head .faq{max-width:none}
.guide{max-width:1000px}
.guide ol{list-style:none;margin:36px 0 0;padding:0;border-top:1px solid var(--lt-line);counter-reset:g}
.guide li{display:grid;grid-template-columns:70px 220px 1fr;gap:18px;align-items:baseline;padding:20px 0;border-bottom:1px solid var(--lt-line);counter-increment:g}
.guide li:before{content:"0" counter(g);font:400 12px var(--mono);color:#8a6a22}
.guide li b{font:400 24px/1.2 var(--serif)}
.guide li span{color:var(--mut);font-size:16px;line-height:1.55}
@media(max-width:900px){.faq-head{grid-template-columns:1fr}.guide li{grid-template-columns:40px 1fr}.guide li span{grid-column:2}}
/* enquiry band: one primary action, who we are, what happens next */
.enq{background:var(--iv);color:var(--ink);padding:96px var(--pad);--gold:#8a6a22}
.enq-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:6vw;align-items:start}
.enq h2{font-size:clamp(34px,4.4vw,64px)}
.enq .who{margin:26px 0 0;font:400 12px/1.8 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:#1a1712b0}
.enq .who b{font-weight:400;color:var(--ink)}
.enq .btn.solid{margin-top:30px;font-size:13px;padding:17px 28px}
.next{list-style:none;margin:0;padding:0;border-top:1px solid #1a171233;counter-reset:n}
.next li{display:grid;grid-template-columns:44px 1fr;gap:12px;padding:18px 0;border-bottom:1px solid #1a171222;counter-increment:n}
.next li:before{content:"0" counter(n);font:400 12px var(--mono);color:#8a6a22;padding-top:6px}
.next b{display:block;font:400 22px/1.2 var(--serif);margin-bottom:4px}.next span{font-size:16px;line-height:1.5;color:#1a1712c4}
.next-h{font:400 12px var(--mono);letter-spacing:.05em;text-transform:uppercase;color:#8a6a22;margin:0 0 14px}
@media(max-width:900px){.enq{padding:70px 6vw}.enq-grid{grid-template-columns:1fr}}
/* hero: one headline, one benefit sentence, two actions */
.hero-copy .hl{font-size:clamp(20px,1.8vw,26px);line-height:1.28;margin:0}
.hero-copy .ctas{margin-top:22px}
/* showroom hint stays readable; featured grid on light */
.sec#featured .ccards a h3{color:var(--ink)}
.rcard,.rcards{border-color:var(--lt-line)}
footer a:hover{color:#c9a65e}
header.top{background:#070a0f}
.irows{border-top:1px solid var(--lt-line);margin-top:46px}
.irow{display:grid;grid-template-columns:60px 1fr auto;gap:28px;align-items:center;padding:34px 0;border-bottom:1px solid var(--lt-line);text-decoration:none}
.irow span{font:400 12px var(--mono);color:#8a6a22}.irow small{font:400 12px var(--mono);letter-spacing:.05em;text-transform:uppercase;color:#8a6a22}
.irow h3{font-size:clamp(28px,3vw,44px);line-height:1.1;margin:6px 0 8px}.irow p{margin:0;max-width:60ch;color:var(--mut)}
.irow:hover h3{color:#8a6a22}
@media(max-width:700px){.irow{grid-template-columns:1fr}.irow .btn{justify-self:start}}

/* v9: scroll nav. Transparent over the home hero, floating glass bar on scroll and on inner pages. Dropdown panels. */
header.top{left:0;right:0;margin:0 auto;width:100%;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:0!important;box-shadow:none;transition:top .5s ease-in-out,width .5s ease-in-out,height .5s ease-in-out,border-radius .5s ease-in-out,padding .5s ease-in-out}
header.top::before{content:"";position:absolute;inset:0;border-radius:inherit;background:transparent;transition:background .5s ease-in-out,box-shadow .5s ease-in-out,backdrop-filter .5s;pointer-events:none;z-index:0}
header.top>*{position:relative;z-index:1}
header.top.float{top:14px;height:58px;width:min(1120px,calc(100% - 28px));padding:0 14px 0 20px;border-radius:16px}
header.top.float::before{background:rgba(9,13,22,.86);backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);box-shadow:0 10px 40px -12px rgba(0,0,0,.45),inset 0 0 0 1px rgba(238,233,220,.12)}
header.top .brand img{transition:height .5s ease-in-out}
header.top.float .brand img{height:30px;width:auto}
header.top.float .nav-cta{border-radius:10px}
main{padding-top:0}
main>.phead:first-child,main>.nf:first-child{padding-top:112px}
.hero{--hh:min(100svh,900px);height:var(--hh);min-height:640px}
nav.main{gap:26px}
nav.main .dd{position:relative;display:flex;align-items:center;gap:2px}
nav.main .dd-b{background:none;border:0;color:var(--mut);padding:6px 4px;cursor:pointer;display:inline-flex;align-items:center}
nav.main .dd-b svg{transition:transform .16s}
nav.main .dd.open .dd-b svg{transform:rotate(180deg)}
nav.main .dd:hover .dd-l,nav.main .dd.open .dd-l,nav.main .dd-b:hover{color:var(--tx)}
nav.main .dd-p{position:absolute;top:calc(100% + 16px);left:-20px;min-width:300px;background:#f6f2e8;color:#14110b;border-radius:16px;padding:14px;box-shadow:0 24px 60px -18px rgba(0,0,0,.5),0 0 0 1px rgba(20,17,11,.08);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .16s ease,transform .16s ease,visibility 0s .16s;text-align:left}
nav.main .dd.open .dd-p{opacity:1;visibility:visible;transform:none;transition:opacity .16s ease,transform .16s ease}
nav.main .dd-p::before{content:"";position:absolute;left:0;right:0;top:-18px;height:18px}
nav.main .dd-p a{font:400 14px/1.35 var(--sans,system-ui);letter-spacing:0;text-transform:none;color:#14110b;border:0;display:block;padding:8px 10px;border-radius:10px;width:auto}
nav.main .dd-p a:hover{background:#ebe4d3;color:#14110b}
nav.main .dd-h{font:400 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#7a6a45;margin:2px 10px 6px}
nav.main .dd-robots{min-width:560px}
nav.main .dd-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px}
nav.main .dd-industries{min-width:400px}
nav.main .dd-company{min-width:200px}
nav.main .dd-i b{display:block;font-weight:600}
nav.main .dd-i span{display:block;font-size:13px;color:#5a5240;margin-top:2px}
nav.main .dd-p a.dd-all{font:400 12px var(--mono);letter-spacing:.05em;text-transform:uppercase;margin-top:6px;border-top:1px solid #14110b1a;border-radius:0 0 10px 10px;padding-top:12px;color:#7a5f1c}
nav.main .dd-l[aria-current],nav.main .hiw[aria-current]{color:var(--tx);border-color:var(--gold)}
@media(max-width:1000px){
header.top,header.top.float{top:10px;height:54px;width:calc(100% - 20px);padding:0 10px 0 16px;border-radius:14px}
header.top::before{background:rgba(9,13,22,.5);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
header.top.float::before{background:rgba(9,13,22,.78)}
header.top.menu-open{top:0;width:100%;border-radius:0;height:60px}
header.top.menu-open::before{background:#070a0f}
.nav-toggle{margin-left:auto}
nav.main{display:none;position:fixed;inset:0;z-index:0;background:#070a0f;padding:84px 6vw 40px;flex-direction:column;align-items:stretch;gap:0;overflow:auto;border:0}
nav.main.open{display:flex}
nav.main>a,nav.main .dd-l{font:400 22px var(--sans,system-ui);text-transform:none;letter-spacing:0;color:#eee9dc;padding:16px 0;border-bottom:1px solid #eee9dc1f;width:auto}
nav.main .dd{flex-wrap:wrap;border-bottom:1px solid #eee9dc1f;justify-content:space-between}
nav.main .dd-l{border:0;flex:1}
nav.main .dd-b{color:#eee9dc;padding:16px 8px}
nav.main .dd-p,nav.main .dd-robots,nav.main .dd-industries,nav.main .dd-company{position:static;display:none;min-width:0;width:100%;opacity:1;visibility:visible;transform:none;background:#10151d;color:#eee9dc;box-shadow:none;margin:0 0 14px;padding:8px}
nav.main .dd.open .dd-p{display:block}
nav.main .dd-p::before{display:none}
nav.main .dd-p a{color:#eee9dc;font-size:16px}
nav.main .dd-p a:hover{background:#1b222d;color:#fff}
nav.main .dd-i span{color:#b9b4a6}
nav.main .dd-cols{grid-template-columns:1fr}
nav.main .dd-h{color:#c9a65e}
nav.main .dd-p a.dd-all{color:#c9a65e;border-color:#eee9dc22}
nav.main .nav-cta{margin:26px 0 0;text-align:center;padding:16px 18px;font-size:13px;border-bottom:0;color:#14110b}
.hero{--hh:680px}
main>.phead:first-child,main>.nf:first-child{padding-top:96px}
}
header.top:not(.float)::after{content:"";position:absolute;left:0;right:0;top:0;height:130px;background:linear-gradient(#070a0fb3,#070a0f00);pointer-events:none;z-index:0}
header.top:not(.float) nav.main>a:not(.nav-cta),header.top:not(.float) .dd-l,header.top:not(.float) .dd-b{color:#fff;text-shadow:0 1px 8px #0008}
header.top.float nav.main>a:not(.nav-cta),header.top.float .dd-l,header.top.float .dd-b{color:#eee9dc}
@media(max-width:1000px){.hero video{top:0;left:0;transform:none;width:100%;height:100%;min-width:0;object-fit:cover}}

/* v9b: Industries panel typography, in the site's own language (Newsreader title, Plex Mono index, Hanken text) */
nav.main .dd-industries{min-width:470px;padding:10px 8px 8px}
nav.main .dd-industries a.dd-i{display:grid;grid-template-columns:34px 1fr 18px;column-gap:6px;align-items:baseline;padding:14px 14px 14px 12px;border-radius:0;border-top:1px solid #1a17121f}
nav.main .dd-industries a.dd-i:first-child{border-top:0}
nav.main .dd-industries a.dd-i em{font:400 11px var(--mono);letter-spacing:.06em;color:#7a5f27;font-style:normal;grid-row:1}
nav.main .dd-industries a.dd-i b{font:400 22px/1.15 var(--serif);letter-spacing:-.005em;color:#14110b;display:block;grid-column:2}
nav.main .dd-industries a.dd-i span{grid-column:2;font:400 14px/1.45 var(--sans);color:#4d4636;margin-top:5px;max-width:40ch}
nav.main .dd-industries a.dd-i i{grid-column:3;grid-row:1;font:400 14px var(--mono);font-style:normal;color:#7a5f27;opacity:0;transform:translate(-4px,4px);transition:opacity .16s,transform .16s}
nav.main .dd-industries a.dd-i:hover{background:#ece4d2;border-radius:10px}
nav.main .dd-industries a.dd-i:hover+a,nav.main .dd-industries a.dd-i:hover{border-top-color:transparent}
nav.main .dd-industries a.dd-i:hover i{opacity:1;transform:none}
nav.main .dd-industries a.dd-i:hover b{color:#7a5f27}
nav.main .dd-industries a.dd-all{margin-top:4px;padding:14px 14px 10px 12px;border-top:1px solid #1a17121f;font:400 11px var(--mono);letter-spacing:.06em;color:#7a5f27}
nav.main .dd-robots a:not(.dd-all),nav.main .dd-company a{font:400 17px/1.3 var(--serif)}
nav.main .dd-company a b{font-weight:400}
@media(max-width:1000px){
nav.main .dd-industries{min-width:0;padding:6px}
nav.main .dd-industries a.dd-i{border-top-color:#eee9dc1f}
nav.main .dd-industries a.dd-i em{color:#c9a65e}
nav.main .dd-industries a.dd-i b{color:#eee9dc;font-size:21px}
nav.main .dd-industries a.dd-i span{color:#b9b4a6}
nav.main .dd-industries a.dd-i i{opacity:1;transform:none;color:#c9a65e}
nav.main .dd-industries a.dd-i:hover{background:#1b222d}
nav.main .dd-robots a:not(.dd-all),nav.main .dd-company a{font-family:var(--sans);font-size:16px}
}
@media(max-width:1000px){nav.main .dd-industries a.dd-all,nav.main .dd-robots a.dd-all{color:#c9a65e}}

.hero .vsrc{position:absolute!important;left:var(--pad);bottom:10px;margin:0;font:400 9px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#eee9dcb3;z-index:3}
.hero-bg{background-image:url(/media/mango-stage.jpg)!important}

/* type v3: Red Hat Display everywhere except the hero headline */
h1,h2,h3,h4,em,i,.lead,.big{font-style:normal}h2,h3{font-weight:600;letter-spacing:-.01em}.hero h1{font-family:'Big Shoulders Display','Arial Narrow',Impact,sans-serif;font-style:normal;letter-spacing:0}

/* upright type: Red Hat Display italics are not loaded */
*,*:before,*:after{font-style:normal!important}
.hero .vsrc{transition:opacity .5s}

/* Partner footage and practical use cases, Oct 2026 preview */
.case-heading{display:grid;grid-template-columns:1fr 2fr;column-gap:4rem;margin-bottom:4rem}.case-heading h2{grid-column:2;font-size:clamp(2.6rem,4.5vw,4.8rem);line-height:1.02;margin:0 0 1.4rem}.case-heading>p:last-child{grid-column:2;max-width:42ch;color:#646059}.case-row{display:grid;grid-template-columns:1.4fr 1fr;gap:clamp(2rem,5vw,6rem);align-items:center;margin:0 0 5rem}.case-row.reverse{grid-template-columns:1fr 1.4fr}.case-row.reverse .case-media{order:2}.case-copy h3{font-size:clamp(2rem,3.2vw,3.5rem);line-height:1.05;margin:1rem 0}.case-copy>p:not(.eyebrow){font-size:1.15rem;line-height:1.65;color:#605b52;max-width:34ch}.case-media{position:relative;background:#131719}.case-video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#111618}.case-media.portrait{justify-self:center;width:72%;max-width:340px}.portrait .case-video{aspect-ratio:9/16}.film-credit{display:block;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;padding:14px 18px;color:#d6c9a8;background:#131719}.case-end{border-top:1px solid #d5cdbf;padding-top:2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.evidence-note{font-size:.78rem!important;line-height:1.65!important;color:#706a5d;max-width:100ch;margin-top:2rem}.case-page-head{padding:160px 5vw 65px;background:#f1eee5}.case-page-head h1{max-width:18ch;font-size:clamp(3rem,5.6vw,6rem);line-height:1.04;letter-spacing:-.035em;margin:1.6rem 0}.case-page-head>p:not(.eyebrow):not(.evidence-note){font-size:1.3rem;max-width:54ch;line-height:1.55}.crumb{display:inline-block;margin-bottom:2rem;font-size:.8rem}.case-detail{display:grid;grid-template-columns:1.2fr 1fr;gap:6vw;align-items:start}.case-detail-film.portrait{max-width:350px;margin:auto}.case-detail-copy h2{font-size:2rem;line-height:1.15;margin-bottom:1.3rem}.case-detail-copy h2:not(:first-child){margin-top:2.6rem}.case-detail-copy p,.case-detail-copy li{font-size:1rem;line-height:1.75;color:#625e55}.case-detail-copy li{margin-bottom:.7rem}.case-detail-copy ul{padding-left:1.2rem}.pilot-test{margin-top:3rem;padding-top:1.4rem;border-top:1px solid #c5b592}.case-secondary{max-width:250px;margin:2rem auto}.case-secondary video{aspect-ratio:9/16}.case-secondary p{font-size:.78rem;color:#716a5e}.footer-cases{display:inline-block;margin:2rem 0 1rem;color:#c9a65e;font-size:.8rem}.sector-proof .case-row{margin-top:3rem}.hero:after{pointer-events:none}.hero .vsrc{font-size:.62rem}
@media(max-width:750px){.case-heading{display:block;margin-bottom:2.5rem}.case-heading h2{margin:1.4rem 0}.case-row,.case-row.reverse{grid-template-columns:1fr;gap:1.5rem;margin-bottom:3.5rem}.case-row.reverse .case-media{order:0}.case-media.portrait{width:72%;justify-self:center}.case-copy h3{font-size:2.1rem}.case-end{display:block}.case-end .btn{margin-top:1.5rem}.case-detail{grid-template-columns:1fr;gap:2.5rem}.case-page-head{padding:130px 6vw 40px}.case-page-head h1{font-size:3rem}.case-detail-film.portrait{max-width:280px}.case-home .evidence-note{margin-top:2rem}}
/* Fit wide source footage without the older 2.85x zoom and desaturation. */
.hero video{inset:0!important;left:0!important;top:0!important;transform:none!important;width:100%!important;height:100%!important;min-width:0!important;object-fit:cover;filter:brightness(.76) saturate(.94)!important}
@media(max-width:750px){.hero video{object-position:50% 50%;filter:brightness(.67) saturate(.94)!important}}
.hero-bg{background-image:url(/media/mango-stage.jpg)!important}
#showroom video{filter:brightness(.48) saturate(.7)}
/* Consent controls use the site's ivory, ink and gold palette. */
.cookie-banner{position:fixed;z-index:500;bottom:20px;left:24px;right:24px;max-width:850px;margin:auto;background:#f8f5ef;color:#181b1c;border:1px solid #baa678;padding:22px 24px;box-shadow:0 10px 40px #0004;display:flex;align-items:center;gap:24px;font-family:inherit}.cookie-banner[hidden]{display:none}.cookie-banner h2{font-size:22px;line-height:1.2;margin:0 0 7px}.cookie-banner p{font-size:14px;line-height:1.5;margin:0;max-width:510px}.cookie-banner a{color:inherit;text-decoration:underline}.cookie-actions{display:flex;gap:8px;flex-shrink:0}.cookie-actions button{background:transparent;color:#181b1c;border:1px solid #7e7158;font:inherit;font-size:14px;padding:11px 15px;cursor:pointer;white-space:nowrap}.cookie-settings{background:none;border:0;padding:0;color:inherit;text-decoration:underline;font:inherit;cursor:pointer}.review-note{font-size:14px;color:#705e3b;margin-top:12px}@media(max-width:650px){.cookie-banner{bottom:12px;left:12px;right:12px;padding:18px;display:block}.cookie-actions{margin-top:14px}.cookie-actions button{flex:1}.cookie-banner h2{font-size:20px}}
/* Desktop consent bar reserves space below the home hero while a choice is pending. */
@media(min-width:651px){.cookie-banner{bottom:0;left:0;right:0;max-width:none;margin:0;padding:12px 28px;gap:28px;justify-content:space-between;border-width:1px 0 0;box-shadow:0 -3px 16px #0002}.cookie-banner h2{font-size:17px;margin-bottom:3px}.cookie-banner p{font-size:12px;max-width:820px}.cookie-actions button{font-size:13px;padding:10px 14px}body:has(#cookie-banner:not([hidden])) .hero{height:calc(100svh - 110px);min-height:520px}}

/* Keep the full hero glyphs inside each reveal line. */
.hero h1{line-height:1}.hero h1 span{padding-top:0;overflow:visible}

/* Accessibility improvements. */
footer .review-note,footer .review-note a{color:#c9a65e}
.crumbs{color:#746f65}
.enq .kicker{color:#7a5f27}
nav.main .dd-b{min-width:28px!important;min-height:28px!important;justify-content:center}
footer .footer-heading{font:400 12px var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--gold);margin:0 0 14px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;top:8px;left:16px;z-index:1000;padding:12px 18px;background:#ede7d9;color:#1a1712;border:2px solid #7a5f27;transform:translateY(-160%);text-decoration:underline}
.skip-link:focus{transform:translateY(0)}
#main-content:focus{outline:none}