/* V7 — cinematic editorial header + real employer mark gallery, accessible interactive content */
:root{--v7-gold:#d6ae74;--v7-champagne:#ecd1a7;--v7-line:rgba(217,170,99,.48)}
@media (min-width:1061px){
.cinema-side{display:none!important}
.topbar{left:0!important;right:0!important;max-width:none!important;padding:0 3.5vw!important;display:flex!important;align-items:center!important;gap:3vw!important;height:101px!important}
.topbar .brand{display:flex!important;flex:0 0 auto!important;align-items:center!important;gap:21px!important}
.topbar .brandmark{font-family:Georgia,serif!important;font-size:56px!important;letter-spacing:-.1em!important;line-height:.8!important;background:linear-gradient(105deg,#a87535,#ffe1a9,#bc8542);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;padding-right:12px}
.topbar .brandlabel{color:#f0cd95!important;font-size:12px!important;letter-spacing:.18em!important;line-height:1.6}
.topbar .brandlabel small{font-size:9px!important;color:#ab936e!important;letter-spacing:.14em}
.cinema-top-focus{display:flex;align-items:center;gap:clamp(10px,1.3vw,24px);color:#c6bbad;font:700 clamp(8px,.72vw,11px)/1.4 Arial,sans-serif;white-space:nowrap;letter-spacing:.11em;opacity:.86;flex:1}
.cinema-top-focus i{height:30px;width:1px;background:#977449;opacity:.7}
.topbar .header-actions{margin:0!important}
.cinema-hero{padding:150px 3.6vw 75px!important;min-height:788px!important}
.cinema-grid{grid-template-columns:minmax(365px,1.05fr) minmax(250px,.77fr) minmax(330px,.88fr)!important;gap:clamp(13px,1.8vw,36px)!important}
.cinema-copy{margin:47px 0 0!important}
.cinema-copy h1{font-size:clamp(52px,5.15vw,88px)!important;letter-spacing:-.065em!important}
.cinema-copy h1 span{font-size:.95em!important}
.cinema-lead{font-size:clamp(17px,1.35vw,21px)!important;max-width:540px;line-height:1.45!important}
.cinema-future{font-family:Arial,sans-serif!important;font-size:10px!important;font-style:normal!important;letter-spacing:.16em!important;color:#c9a875!important;font-weight:700!important}
.cinema-person{top:70px!important;height:750px!important;left:34%!important;filter:contrast(1.06) brightness(1.04) saturate(.99)!important}
.cinema-globe{left:30%;top:-7%;width:min(69vw,1020px);height:790px;opacity:.96}
.cinema-proof{margin:10px 0 0!important;border-color:#ca985a9e!important;box-shadow:0 0 0 1px #b0823132,0 12px 70px #000a,0 0 55px #bb7c3216}
.cinema-scroll{left:3.6vw!important;bottom:15px!important}
.cinema-photo-note{display:none!important}
}
.cinema-hero{background:radial-gradient(ellipse at 62% 21%,#74451a46,transparent 40%),radial-gradient(ellipse at 39% 88%,#89501527,transparent 60%),#000!important}
.cinema-hero:after{content:"";z-index:1;position:absolute;left:0;right:0;bottom:0;height:112px;pointer-events:none;background:radial-gradient(ellipse at 69% 90%,#c18a4836,transparent 66%),linear-gradient(175deg,transparent 54%,#b98b4659 55%,transparent 57%),linear-gradient(7deg,transparent 55%,#e8b76b30 55.5%,transparent 57.5%)}
.cinema-copy{position:relative;z-index:4}
.cinema-proof{position:relative;z-index:6}
.cinema-proof-item small{color:#f1e6d6!important}
.cinema-button{border-radius:28px!important}
.cinema-embers{background:radial-gradient(ellipse 74% 34% at 50% 75%,#e8b96862,transparent 68%),linear-gradient(173deg,transparent 54%,#eab75e45 54.5%,transparent 55.1%)!important;opacity:.9}
/* Actual marks at scale with full fallback while a remote brandmark is loading. */
.cinema-brands7{max-width:none!important;padding:27px clamp(20px,4.3vw,80px) 26px!important;background:radial-gradient(ellipse 80% 130% at 54% 0%,#3a220e39,transparent 70%),#050404!important;position:relative;isolation:isolate}
.brands-spark{height:2px;position:absolute;top:0;left:5%;right:5%;background:linear-gradient(90deg,transparent,#ad743c99,#f7dca5, #ad743c99,transparent);box-shadow:0 0 16px #bd8b51a1}
.cinema-brands7 .cinema-brands-title{justify-content:center;position:relative;margin:0 0 18px!important;font:800 12px/1.5 Arial,sans-serif!important;letter-spacing:.32em!important;color:#d8bc90!important;text-align:center}
.cinema-brands7 .cinema-brands-title em{font-style:normal;color:#ad8653}
.cinema-brands7 .cinema-brands-title>span:last-child{position:absolute;right:0;top:1px;letter-spacing:.09em;font-size:9px;color:#c2a984}
.cinema-brand-belt7{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:0!important;width:100%;max-width:1560px;margin:0 auto}
.cinema-brand7{position:relative;min-width:0;min-height:112px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;cursor:pointer;background:transparent;color:#edce99;border:0;border-right:1px solid #986c3c91;padding:8px clamp(5px,.8vw,16px);transition:background .26s,transform .26s,filter .26s}
.cinema-brand7:last-child{border-right:0}
.cinema-brand7::after{content:"";position:absolute;left:20%;right:20%;bottom:0;height:2px;background:#e8bd7a;box-shadow:0 0 13px #e8ba76;transform:scaleX(0);transition:transform .25s}
.cinema-brand7:hover,.cinema-brand7:focus-visible,.cinema-brand7[aria-pressed="true"]{background:radial-gradient(ellipse 100% 100% at 50% 50%,#94632926,transparent 80%);transform:translateY(-2px)}
.cinema-brand7[aria-pressed="true"]:after,.cinema-brand7:hover:after{transform:scaleX(1)}
.cinema-logo7{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;width:100%;height:58px}
.cinema-logo7>img{max-height:56px;max-width:100%;width:86%;height:51px;object-fit:contain;filter:brightness(0) saturate(100%) invert(80%) sepia(19%) saturate(598%) hue-rotate(350deg) brightness(101%) contrast(94%);transition:filter .23s, transform .23s;opacity:0}
.cinema-brand7.logo-ready .cinema-logo7>img{opacity:1}
.cinema-brand7:hover .cinema-logo7>img,.cinema-brand7:focus-visible .cinema-logo7>img{filter:none;transform:scale(1.045)}
.cinema-logo7-text{position:absolute;left:0;right:0;text-align:center;top:50%;transform:translateY(-50%);font:700 clamp(17px,1.65vw,30px)/1.1 Georgia,serif;color:#e4c597;letter-spacing:-.055em;white-space:nowrap}
.cinema-brand7.logo-ready .cinema-logo7-text{display:none}
.cinema-brand7[data-employer="casio"] .cinema-logo7-text,.cinema-brand7[data-employer="ricoh"] .cinema-logo7-text{font-family:'Arial Black',Arial,sans-serif;font-weight:900;letter-spacing:-.08em}
.bestit-fallback{position:absolute;display:none;justify-content:center;align-items:center;gap:8px;top:50%;left:0;right:0;transform:translateY(-50%);font:500 clamp(16px,1.35vw,23px) Arial,sans-serif;letter-spacing:-.05em;color:#e0c18b;white-space:nowrap}
.bestit-fallback img{width:38px;height:39px;object-fit:contain;filter:brightness(0) saturate(100%) invert(80%) sepia(19%) saturate(598%) hue-rotate(350deg) brightness(101%) contrast(94%)}
.cinema-brand7[data-employer="bestit"]:not(.logo-ready) .bestit-fallback{display:flex}
.cinema-brand7[data-employer="bestit"]:not(.logo-ready) .cinema-logo7-text{display:none}
.cinema-date7{font:600 clamp(8px,.74vw,10px)/1.3 Arial,sans-serif;color:#ac997b;letter-spacing:.08em;white-space:nowrap}
.brand-story7{display:flex;align-items:center;justify-content:space-between;gap:32px;max-width:1300px;margin:23px auto 0;padding:20px 25px;background:linear-gradient(90deg,#0f0c09dd,#120e0a99,#0b0a09ee);border:1px solid #8a693e6b;border-radius:5px;min-height:101px;transition:border-color .3s,box-shadow .3s}
.brand-story7.has-choice{border-color:#c2985a9e;box-shadow:0 0 28px #c2914f16}
.brand-story-intro{flex:1;min-width:0}.brand-overline{display:block;font:700 9px/1.3 Arial,sans-serif;letter-spacing:.22em;color:#cba66d;margin:0 0 7px}.brand-story-intro strong{font:400 clamp(21px,2.1vw,29px)/1.25 Georgia,serif;color:#f0dfc9}.brand-story-intro p{font:400 clamp(11px,1.04vw,14px)/1.55 Arial,sans-serif;color:#dbccba!important;margin:5px 0 0;max-width:790px}
.brand-story-action{border:1px solid #c49e64;color:#e0bc7d;background:transparent;font:700 10px/1.3 Arial,sans-serif;letter-spacing:.1em;white-space:nowrap;padding:13px 17px;cursor:pointer;border-radius:23px;transition:background .2s,color .2s}
.brand-story-action span{padding-left:15px}.brand-story-action:hover,.brand-story-action:focus-visible{background:#b68a51;color:#13100b}
.brand-legal7{margin:15px auto 0;max-width:1300px;text-align:center;font-size:10px!important;color:#9a8a70!important;line-height:1.4}
.early-brands7{display:flex;align-items:center;flex-wrap:wrap;gap:11px;margin:14px 0}
.early-badge{display:flex;align-items:center;gap:9px;border:1px solid #81613b7a;padding:7px 10px;border-radius:4px;background:#130f0c}.early-badge img{width:78px;height:31px;object-fit:contain;filter:brightness(0) saturate(100%) invert(80%) sepia(19%) saturate(598%) hue-rotate(350deg) brightness(101%) contrast(94%)}.early-badge small{font-size:10px;color:#cab79e}
@media(max-width:1450px) and (min-width:1061px){.cinema-top-focus span{display:none}.cinema-top-focus i{display:none}.cinema-copy h1{font-size:clamp(45px,5.05vw,75px)!important}.cinema-person{left:34%;height:720px!important}}
@media(max-width:1160px){.cinema-brands7 .cinema-brands-title>span:last-child{position:static;display:none}.cinema-brand-belt7{grid-template-columns:repeat(4,minmax(0,1fr))!important;row-gap:10px!important}.cinema-brand7:nth-child(4){border-right:0}.cinema-brand7{min-height:92px}.cinema-top-focus{display:none}}
@media(max-width:1060px){.topbar .brand{display:flex!important}.cinema-hero{padding-top:145px!important}.cinema-person{top:28px!important}.cinema-copy{margin-top:65px!important}}
@media(max-width:790px){.cinema-hero{min-height:920px!important;padding:93px 24px 45px!important}.cinema-copy{margin-top:305px!important}.cinema-person{top:38px!important;height:450px!important;left:40%!important;transform:translateX(-10%)!important}.cinema-proof{margin-top:20px!important}.brand-story7{flex-direction:column;align-items:stretch;gap:16px}.brand-story-action{width:100%}.cinema-brand-belt7{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory;gap:0!important;padding:2px 0 9px;scrollbar-color:#b58b4d #1b130b}.cinema-brand7{flex:0 0 36%;scroll-snap-align:start}.cinema-brands7 .cinema-brands-title{font-size:10px!important;letter-spacing:.16em!important}.cinema-logo7>img{max-height:53px}.cinema-brand7 .cinema-logo7-text{font-size:23px}}
@media(max-width:520px){.cinema-hero{min-height:1030px!important;padding-top:77px!important}.cinema-copy{margin-top:275px!important}.cinema-person{top:35px!important;height:385px!important}.cinema-copy h1{font-size:clamp(37px,10vw,55px)!important}.cinema-brand7{flex:0 0 48%;min-height:98px}.cinema-brand7:nth-child(4){border-right:1px solid #986c3c91}.brand-story7{padding:16px 14px}.brand-story-action{font-size:9px}}
@media(prefers-reduced-motion:reduce){.cinema-brand7,.cinema-logo7>img{transition:none!important}}
/* Top mark must be real TH lettering rather than a filled gold tile. */
.topbar .brandmark{background:none!important;box-shadow:none!important;width:auto!important;height:auto!important;min-width:72px;min-height:62px;display:flex!important;align-items:center!important;justify-content:flex-start!important;color:#e5bb81!important;-webkit-text-fill-color:#e5bb81!important;letter-spacing:-.1em!important;padding-right:13px!important;font-family:Georgia,serif!important}
.topbar .brandmark .dot{display:none!important}
@media(max-width:790px){.topbar .brandmark{font-size:43px!important;min-width:58px!important;min-height:49px!important}}