/* Vukovic — industrial editorial direction */
:root{--ink:#121718;--blue:#195dc5;--steel:#7a8184;--paper:#f4f3ef;--ice:#adc6ef;--pad:clamp(24px,6vw,110px)}body{font-family:Arial,Helvetica,sans-serif}h1,h2,h3,.large-copy{font-family:'Space Grotesk',Arial,sans-serif}h2{font-weight:400;letter-spacing:-.065em}.preview-bar{height:25px;background:#191f22;letter-spacing:.06em}.header{height:90px;background:#f4f3eff5;border-bottom:1px solid #d8dbd9}.brand{width:197px}.header nav{font-size:12px;gap:30px}.button{border-radius:0;background:#195dc5;font-weight:500;font-size:13px;min-height:58px;padding:19px 26px}.button:hover{background:#123d80}.header .button{background:var(--ink);color:white}.text-link{font-weight:400}.cinema-hero{position:relative;min-height:760px;height:calc(100svh - 115px);max-height:1000px;padding:0;overflow:hidden;background:#151e22;display:flex;flex-direction:column;justify-content:space-between}.cinema-media{position:absolute;inset:0}.cinema-media video{height:100%;width:100%;object-fit:cover;object-position:60% 45%;filter:saturate(.25) contrast(1.1)}.cinema-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0c1319e0 0%,#0b152790 43%,#080e1230 100%),linear-gradient(0deg,#0b121bc9,transparent 55%,#0b121b65)}.cinema-top{position:relative;display:flex;justify-content:space-between;margin:28px var(--pad) 0;color:#d6dce0;font:9px 'Courier New',monospace;letter-spacing:.12em;border-bottom:1px solid #ffffff30;padding-bottom:20px}.cinema-content{position:relative;padding:65px var(--pad) 60px}.cinema-kicker{font:10px 'Courier New',monospace;letter-spacing:.13em;color:#b3c0cc;display:flex;align-items:center;gap:13px;margin-bottom:30px}.cinema-kicker i{width:5px;height:5px;background:#83aff1;border-radius:50%}.cinema-hero h1{font-size:clamp(70px,8.8vw,155px);font-weight:400;line-height:.99;letter-spacing:-.075em;max-width:1200px}.cinema-hero h1 em{font-weight:400;color:#9fbde9;white-space:nowrap}.cinema-intro{display:flex;align-items:center;gap:60px;margin-top:40px}.cinema-intro p{font-size:16px;color:#d5dde4;line-height:1.5;letter-spacing:-.02em}.cinema-intro .button{background:#f1f3f2;color:#17232e;min-height:58px;gap:40px}.cinema-intro .button:hover{background:#b3cdf1}.cinema-bottom{position:relative;border-top:1px solid #ffffff30;margin:0 var(--pad);padding:23px 0;display:flex;align-items:center;justify-content:space-between;gap:25px;font:9px 'Courier New',monospace;color:#d2dbe3;letter-spacing:.07em}.cinema-bottom>a{display:flex;gap:13px;align-items:center}.scroll-line{height:24px;width:1px;background:#b6c7db;position:relative}.scroll-line:after{content:'';position:absolute;bottom:0;left:-3px;border:solid #b6c7db;border-width:0 1px 1px 0;width:6px;height:6px;transform:rotate(45deg)}.cinema-bottom>span{font-size:8px;color:#9caab7}.cinema-bottom button{font:inherit;letter-spacing:inherit;color:white;padding:7px 0;display:flex;align-items:center;gap:12px}.cinema-bottom button>span{display:grid;place-items:center;width:26px;height:26px;border:1px solid #ffffff50;border-radius:50%;font-size:9px}.engineering-index{padding:30px var(--pad);display:grid;grid-template-columns:1fr 1fr 1fr .8fr;gap:30px;background:#dfe3e4}.engineering-index p{display:flex;flex-direction:column;gap:9px;border-right:1px solid #bfc7cb}.engineering-index p span{font:9px 'Courier New',monospace;color:#687580;letter-spacing:.08em}.engineering-index p b{font-size:12px;font-weight:400}.engineering-index>a{font:9px/1.8 'Courier New',monospace;color:#687580;justify-self:end}.engineering-index>a>b{color:#18222b;font-weight:400}.section{padding-block:120px}.section-head>.eyebrow{font-size:10px;font-weight:400;color:#6b747b;margin-bottom:45px}.section-head>div{gap:65px}.section-head h2{font-size:clamp(42px,4.9vw,82px)}.section-head>div>p{font-size:14px;max-width:285px;line-height:1.7}.service-grid{display:flex;flex-direction:column;gap:0;margin-top:80px}.service-card{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:90px;padding:70px 0;border-top:1px solid #cbd0d1}.service-card:first-child{padding-top:0;border-top:0}.service-image img{aspect-ratio:1.2;filter:saturate(.3) contrast(1.03);object-fit:cover}.service-image{background:#dce1e3}.service-image>span{background:none;color:#fff;left:25px;top:22px;padding:0;font-size:9px;text-shadow:0 1px 5px black;letter-spacing:.15em}.service-copy{padding:0}.service-copy h3{font-size:clamp(36px,4vw,68px);line-height:1.05;letter-spacing:-.07em}.service-copy>p{font-size:15px;max-width:335px;margin-top:28px}.service-copy ul{margin:30px 0 18px;max-width:350px}.service-copy li{font-size:11px;padding:13px 0;color:#55636c}.service-copy .text-link{max-width:350px;font-size:12px;color:var(--ink);margin-top:10px}.service-copy .text-link>span{color:var(--blue)}.service-card:nth-child(2){grid-template-columns:1fr 1.25fr}.service-card:nth-child(2) .service-image{grid-column:2;grid-row:1}.service-card:nth-child(2) .service-copy{grid-column:1;grid-row:1}.service-card:nth-child(3){padding-bottom:0}.precision-band{background:#1d2c3d;min-height:600px}.band-image img{filter:grayscale(.7);object-position:40% center}.band-copy{padding:80px 70px}.band-copy h2{font-size:clamp(45px,5vw,82px);font-weight:400;line-height:1.02}.band-copy .eyebrow{color:#9eafc3;font-weight:400}.band-copy h2 em{color:#b4c6de}.band-copy>p{font-size:14px;color:#b8c6d6}.band-copy .button{font-size:12px}.coordinate{color:#8da0b8;font-size:8px;margin-top:50px}.manufacturing{background:#e4e7e5}.process-layout{grid-template-columns:.85fr 1.3fr;gap:80px;margin-top:70px}.process-tabs button{font-family:'Space Grotesk',sans-serif;font-size:25px;padding:27px 0;letter-spacing:-.05em}.process-photo img{height:400px;filter:saturate(.35)}.process-info h3{font-size:37px}.process-info p{font-size:13px;line-height:1.7;margin-top:17px}.process-info .text-link{color:#263d57;font-size:12px}.capability-note{padding-top:30px;margin-top:60px}.films{background:#121a20}.films .section-head h2{font-size:clamp(48px,6vw,100px)}.films .section-head h2 em{color:#7f97ac}.film-stage{grid-template-columns:1.9fr 1fr;margin-top:65px;border:0;gap:60px;align-items:center}.video-shell{background:#090f13;box-shadow:0 0 0 1px #ffffff10}.video-shell video{aspect-ratio:4/3;max-height:650px}.film-aside{padding:0}.film-aside h3{font-size:49px;font-weight:400;margin-top:35px}.film-aside>p{font-size:12px}.film-selector{grid-template-columns:repeat(6,1fr);gap:0;border-bottom:1px solid #3a4958}.film-selector button{border:0;border-top:1px solid #3a4958;font-size:11px;padding:17px 3px}.film-selector button[aria-pressed=true]{background:#d0e1f2;border:0;color:#17232e}.photo-strip{gap:35px;margin-top:65px}.photo-strip img{aspect-ratio:.95;filter:saturate(.15)}.photo-strip>button:nth-child(2){margin-top:70px}.photo-strip span{font-size:11px;padding-top:20px}.company{background:#f4f3ef}.company-heading h2{font-size:clamp(46px,5vw,84px)}.company-heading .eyebrow{font-weight:400;color:#687580}.company-layout{margin-top:70px;gap:90px;align-items:center;grid-template-columns:1fr 1.1fr}.company-picture{height:600px}.company-picture img{filter:saturate(.2);object-position:60%}.company-picture>span{background:#f4f3ef;font-size:8px;bottom:25px;left:25px}.large-copy{font-size:30px;font-weight:400;letter-spacing:-.045em;line-height:1.4}.company-story>p+p{font-size:14px;line-height:1.8}.timeline{margin-top:45px}.timeline>div{padding:23px 0;gap:40px}.timeline p{font-size:12px}.references{padding-top:65px;padding-bottom:75px;background:#e7e9e6}.reference-heading h2{font-size:34px}.reference-logos{margin-top:45px;padding:35px}.locations{background:#f4f3ef}.location-grid{gap:60px;margin-top:65px}.location-grid article{background:none}.location-photo img{aspect-ratio:1.35;filter:saturate(.2)}.location-photo>b{font-family:'Space Grotesk',sans-serif;font-size:120px;color:#ffffffc0;right:25px}.location-body{padding:35px 0 0}.location-body h3{font-size:68px;font-weight:400}.location-body>p{font-size:14px;max-width:330px;min-height:50px}.location-body address{font-size:12px}.location-links{font-size:13px}.careers{background:#e2e6e6;padding-block:80px}.careers h2{font-size:clamp(42px,4.5vw,74px)}.contact{background:#1b324a;color:#fff}.contact-top .eyebrow{color:#a7bdd3}.contact-top>span:last-child{color:#a7bdd3}.contact h2{font-size:clamp(52px,7vw,116px);font-weight:400}.contact h2 em{color:#a9c2dc}.contact-main{grid-template-columns:1.7fr 1fr;gap:60px}.contact-main p{color:#b9cbdc;font-size:14px}.contact-main .button{background:#f3f4ef;color:#1b324a;font-size:12px}.demo-note{color:#a7b9cb;font-size:9px}.contact-direct{border-color:#4c6174}.contact-direct span{color:#9fb2c4}.contact-direct a{font-size:20px}.footer{padding-top:50px}.footer-main img{width:190px}.footer-base{font-size:8px}.credit{font-size:9px}.detail-body h2{font-size:45px}.info-dialog h2{font-size:42px}.enquiry-side{background:#1b2936}.enquiry-side h2{font-size:50px;font-weight:400}
@media(min-width:1600px){.cinema-content{padding-bottom:80px}.cinema-hero{min-height:850px}.service-card{gap:130px}}
@media(max-width:1100px){.header nav{gap:20px}.cinema-hero{min-height:690px}.cinema-content{padding-block:55px}.cinema-hero h1{font-size:9vw}.cinema-intro{gap:40px}.service-card{gap:50px}.service-copy h3{font-size:43px}.service-copy>p{font-size:14px}.band-copy{padding:60px 40px}.process-layout{gap:45px}.film-stage{gap:40px}.film-aside h3{font-size:38px}.company-layout{gap:45px}.large-copy{font-size:25px}.location-grid{gap:35px}}
@media(max-width:760px){.preview-bar{height:24px;font-size:7px}.header{height:76px;gap:12px}.brand{width:163px}.header .button{font-size:10px;min-height:39px;padding:11px 13px;gap:10px}.cinema-hero{height:calc(100svh - 100px);min-height:680px;max-height:900px}.cinema-media video{object-position:61% center;filter:saturate(.2) contrast(1.05)}.cinema-shade{background:linear-gradient(90deg,#07111dd4,#0a13266a),linear-gradient(0deg,#08121bea,transparent 65%)}.cinema-top{margin-top:24px;padding-bottom:18px;gap:15px;font-size:7px;letter-spacing:.04em}.cinema-top>span:last-child{font-size:6px;text-align:right}.cinema-content{padding-block:55px 45px}.cinema-kicker{font-size:8px;letter-spacing:.06em;margin-bottom:30px}.cinema-hero h1{font-size:clamp(47px,10.5vw,76px);line-height:1.08;letter-spacing:-.065em}.cinema-hero h1 em{display:block}.cinema-intro{display:block;margin-top:30px}.cinema-intro p{font-size:15px;line-height:1.6;color:#d5dfe7}.cinema-intro .button{margin-top:27px;font-size:12px;min-height:53px;gap:35px;padding:15px 20px}.cinema-bottom{padding:20px 0;gap:15px;font-size:7px;letter-spacing:.03em}.cinema-bottom>span{display:none}.cinema-bottom button{font-size:7px;gap:8px}.cinema-bottom button>span{height:24px;width:24px}.engineering-index{grid-template-columns:1fr;gap:0;padding-block:10px}.engineering-index p{flex-direction:row;align-items:center;justify-content:space-between;gap:16px;border:0;border-bottom:1px solid #c0c8cc;padding:17px 0}.engineering-index p span{font-size:8px;letter-spacing:0}.engineering-index p b{font-size:10px;max-width:140px;text-align:right}.engineering-index p:nth-child(3){border-bottom:0}.engineering-index>a{display:none}.section{padding-block:75px}.section-head>.eyebrow{font-size:8px;margin-bottom:26px}.section-head h2{font-size:clamp(33px,7.7vw,54px)}.section-head>div>p{font-size:13px;max-width:none;margin-top:25px}.service-grid{margin-top:40px}.service-card,.service-card:nth-child(2){display:flex;flex-direction:column;gap:27px;padding:35px 0 45px;align-items:stretch}.service-card:first-child{padding-top:0}.service-card:nth-child(3){padding-bottom:0}.service-image img{aspect-ratio:1.1}.service-image>span{font-size:8px;top:19px;left:18px}.service-copy h3{font-size:43px}.service-copy>p{font-size:14px;margin-top:19px;max-width:350px}.service-copy ul{margin-top:23px;display:block;max-width:none}.service-copy li{border:0;border-top:1px solid #d3d8d9;padding:12px 0;font-size:11px}.service-copy .text-link{max-width:none;font-size:12px}.precision-band{display:block;min-height:0}.band-image{height:360px}.band-image img{height:100%}.band-copy{padding:45px var(--pad) 55px}.band-copy h2{font-size:48px;line-height:1.04;margin-block:27px}.band-copy>p{font-size:13px}.band-copy .button{font-size:12px}.coordinate{margin-top:35px;font-size:7px;letter-spacing:.03em}.process-layout{display:block;margin-top:36px}.process-tabs{margin-bottom:30px}.process-tabs button{font-size:15px;padding:20px 0}.process-photo img{height:300px}.process-info{padding-top:25px}.process-info h3{font-size:32px}.process-info p{font-size:13px}.capability-note{margin-top:35px;padding-top:25px}.capability-note>span{font-size:9px}.capability-note p{font-size:12px}.capability-note button{font-size:12px}.films .section-head h2{font-size:48px}.films .section-head>div>p{font-size:13px}.film-stage{display:flex;flex-direction:column;gap:35px;margin-top:35px;align-items:stretch}.film-aside{padding:0}.film-aside h3{font-size:40px;margin-block:22px}.film-aside h3 br{display:none}.film-aside>p{font-size:12px}.film-selector{margin-block:25px 18px}.film-selector button{font-size:12px;padding:20px 3px}.film-note{font-size:10px}.photo-strip{grid-template-columns:1fr 1fr;gap:16px;margin-top:40px}.photo-strip img{aspect-ratio:.85}.photo-strip>button:nth-child(2){margin-top:40px}.photo-strip>button:last-child{grid-column:1/-1;max-width:80%;margin-top:12px}.photo-strip>button:last-child img{aspect-ratio:1.3}.photo-strip span{font-size:10px;padding-block:13px}.company-heading h2{font-size:38px}.company-layout{display:flex;flex-direction:column;gap:35px;margin-top:35px;align-items:stretch}.company-picture{height:360px}.large-copy{font-size:25px;line-height:1.4}.company-story>p+p{font-size:13px}.timeline{margin-top:30px}.timeline>div{gap:25px;padding-block:20px}.timeline p{font-size:12px}.references{padding-block:50px}.reference-heading h2{font-size:32px}.reference-heading p{font-size:12px}.reference-logos{margin-top:30px;padding:22px 15px}.location-grid{display:block;margin-top:35px}.location-grid article+article{margin-top:55px}.location-photo img{aspect-ratio:1.1}.location-photo>b{font-size:100px;right:20px}.location-body{padding-top:27px}.location-body h3{font-size:58px}.location-body>p{font-size:13px;min-height:0}.location-body address{font-size:13px}.location-links{font-size:14px}.location-links .map-link{font-size:12px}.careers{padding-block:60px}.careers h2{font-size:40px}.careers .muted{font-size:12px}.contact h2{font-size:clamp(40px,10.2vw,70px);line-height:1.1}.contact-main{display:block;margin-top:30px}.contact-main>div{margin-top:30px}.contact-main p{font-size:14px}.contact-main .button{font-size:12px;padding:18px 22px}.demo-note{font-size:9px}.contact-direct{margin-top:35px}.contact-direct a{font-size:23px}.contact-direct span{font-size:9px}.footer-main img{width:160px}.footer-main p{font-size:10px}.footer-main nav{font-size:11px}.footer-base{font-size:8px}.credit{font-size:8px}.enquiry-side h2{font-size:38px}.detail-body h2{font-size:38px}}
@media(prefers-reduced-motion:reduce){.cinema-media video{opacity:0}.cinema-media.is-playing video{opacity:1}.cinema-media{background:url('assets/slider/bgx1.jpg') center/cover}}