:root{--black:#0c100e;--ink:#132019;--white:#f4f4ef;--acid:#c3cc98;--steel:#aeb6b1;--line:rgba(18,25,21,.22);--red:#c95c43;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;background:var(--white);color:var(--ink);font-family:'DM Sans',sans-serif;overflow-x:hidden}img,video{display:block;width:100%}button,input,select,textarea{font:inherit}a{color:inherit}.skip{position:fixed;left:12px;top:-60px;z-index:200;background:var(--acid);padding:12px;color:#000}.keyboard-nav .skip:focus{top:12px}
.film-loader{position:fixed;z-index:150;inset:0;background:var(--black);color:#fff;display:grid;place-content:center;gap:22px;transition:opacity .7s var(--ease),visibility .7s}.film-loader.done{opacity:0;visibility:hidden}.loader-mark{font:800 clamp(60px,12vw,190px)/.7 Manrope;letter-spacing:-.09em}.loader-line{height:1px;background:rgba(255,255,255,.2);overflow:hidden}.loader-line i{display:block;width:100%;height:100%;background:var(--acid);transform-origin:left;animation:load 1.25s var(--ease)}.film-loader span{font-size:11px;letter-spacing:.2em;color:rgba(255,255,255,.55)}@keyframes load{from{transform:scaleX(0)}}
.site-head{position:absolute;z-index:50;top:0;left:0;right:0;height:96px;padding:0 36px;display:grid;grid-template-columns:210px 1fr 190px;align-items:center;color:#fff;border-bottom:1px solid rgba(255,255,255,.32);mix-blend-mode:normal}.brand{text-decoration:none;display:inline-flex;flex-direction:column;width:max-content}.brand b{font:800 31px/.85 Manrope;letter-spacing:-.075em}.brand small{font:600 8px DM Sans;letter-spacing:.28em;margin-top:7px}.main-nav{display:flex;justify-content:center;gap:35px}.main-nav a{font-size:13px;text-decoration:none;position:relative}.main-nav a:before{content:'';position:absolute;left:0;right:100%;bottom:-9px;height:1px;background:var(--acid);transition:.28s}.main-nav a:hover:before{right:0}.head-contact{justify-self:end;text-decoration:none;font:500 13px Manrope}.head-contact span{display:block;margin-bottom:5px;font:500 9px DM Sans;letter-spacing:.16em;color:var(--acid)}.menu{display:none;width:44px;height:44px;background:none;border:0;padding:10px}.menu i{display:block;height:1px;background:#fff;margin:7px 0}.mobile-nav{display:none}
.hero{height:100svh;min-height:700px;position:relative;overflow:hidden;background:var(--black);color:#fff;isolation:isolate}.hero-video{position:absolute;inset:0;height:100%;object-fit:cover;z-index:-3}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(5,8,6,.84) 0%,rgba(5,8,6,.48) 44%,rgba(5,8,6,.07) 78%),linear-gradient(0deg,rgba(5,8,6,.72) 0%,transparent 50%)}.film-grid{position:absolute;z-index:-1;inset:0;background-image:linear-gradient(90deg,transparent calc(25% - 1px),rgba(255,255,255,.14) 25%,transparent calc(25% + 1px)),linear-gradient(90deg,transparent calc(50% - 1px),rgba(255,255,255,.14) 50%,transparent calc(50% + 1px)),linear-gradient(90deg,transparent calc(75% - 1px),rgba(255,255,255,.14) 75%,transparent calc(75% + 1px))}.hero-meta{position:absolute;left:36px;right:36px;top:120px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.16em;color:rgba(255,255,255,.58)}.hero-copy{position:absolute;left:36px;right:36px;bottom:83px}.hero-eyebrow{display:flex;align-items:center;gap:14px;margin:0 0 28px;font-size:11px;letter-spacing:.18em}.hero-eyebrow i{width:48px;height:2px;background:var(--acid)}h1{margin:0;font:700 clamp(64px,8.4vw,142px)/.74 Manrope;letter-spacing:-.085em;max-width:1150px}h1 span,h1 em{display:block}h1 em{font:400 italic .92em Newsreader;color:var(--acid);letter-spacing:-.045em}.hero-foot{position:absolute;left:67%;right:0;bottom:18px}.hero-foot p{margin:0 0 23px;max-width:430px;font-size:16px;line-height:1.55;color:rgba(255,255,255,.7)}.hero-foot a{display:flex;justify-content:space-between;max-width:250px;padding:13px 0;border-top:1px solid;border-bottom:1px solid;text-decoration:none;font-size:11px;letter-spacing:.14em}.hero-foot a b{color:var(--acid)}.hero-word{position:absolute;right:-.055em;bottom:-.18em;font:800 clamp(150px,26vw,440px)/.7 Manrope;letter-spacing:-.11em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.18);white-space:nowrap;z-index:-1}.sound{position:absolute;right:36px;top:125px;color:#fff;border:0;background:none;display:flex;align-items:center;gap:10px;cursor:pointer}.sound span{width:8px;height:8px;border-radius:50%;background:var(--acid);box-shadow:0 0 0 5px rgba(221,255,56,.12)}.sound b{font:500 10px DM Sans;letter-spacing:.16em}.sound.on span{background:var(--red)}.film-state{position:absolute;left:36px;right:36px;bottom:24px;display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;font-size:9px;letter-spacing:.16em}.film-state div{height:1px;background:rgba(255,255,255,.28);overflow:hidden}.film-state div i{display:block;width:0;height:100%;background:var(--acid)}
.rail-label{display:flex;gap:18px;align-items:center;font-size:11px;letter-spacing:.16em}.rail-label span{color:var(--red)}.rail-label b{font-weight:500}.intro{padding:120px 36px 0;background:var(--white);display:grid;grid-template-columns:1fr 34%;gap:7vw}.intro-lead h2{margin:52px 0 80px;font:600 clamp(48px,6vw,94px)/.94 Manrope;letter-spacing:-.065em}.intro-lead h2 em{font:400 italic Newsreader;color:var(--red)}.intro-side{align-self:end;padding-bottom:80px}.intro-side p{max-width:400px;margin:0 0 35px;font-size:17px;line-height:1.65;color:#667069}.intro-side a{display:inline-block;padding:9px 0;border-top:1px solid;border-bottom:1px solid;text-decoration:none;font-size:11px;letter-spacing:.14em}.intro-facts{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.intro-facts>div{min-height:205px;padding:28px 34px 32px 0;border-right:1px solid var(--line)}.intro-facts>div+div{padding-left:34px}.intro-facts>div:last-child{border-right:0}.intro-facts span{font-size:11px;color:var(--red)}.intro-facts b{display:block;margin:30px 0 12px;font:500 24px Manrope}.intro-facts p{max-width:330px;margin:0;color:#68716b;line-height:1.55}
.systems{background:var(--black);color:#fff;padding:130px 36px}.section-head{display:grid;grid-template-columns:18% 1fr 30%;align-items:end;gap:30px;margin-bottom:80px}.section-head h2,.production-copy h2,.scope-title h2,.contact-main h2{margin:0;font:700 clamp(55px,6.6vw,108px)/.84 Manrope;letter-spacing:-.075em}.section-head h2 em,.production-copy h2 em,.scope-title h2 em,.contact-main h2 em{font:400 italic Newsreader;color:var(--acid)}.section-head>p{margin:0;color:rgba(255,255,255,.55);line-height:1.6}.system-stage{display:grid;grid-template-columns:54% 46%;min-height:760px;border-top:1px solid rgba(255,255,255,.24);border-bottom:1px solid rgba(255,255,255,.24)}.system-visual{position:relative;margin:0;overflow:hidden}.system-visual img{height:100%;object-fit:cover;filter:saturate(.72);transition:opacity .18s,transform 1s var(--ease)}.system-visual:hover img{transform:scale(1.025)}.system-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,10,8,.74),transparent 52%)}.system-visual figcaption{position:absolute;z-index:2;left:25px;right:25px;bottom:25px;display:grid;grid-template-columns:auto 1fr auto;gap:25px;align-items:end}.system-visual figcaption span,.system-visual figcaption small{font-size:10px;letter-spacing:.13em}.system-visual figcaption b{font:400 italic 43px Newsreader}.system-lines{padding-left:42px}.system-line{width:100%;height:20%;border:0;border-bottom:1px solid rgba(255,255,255,.24);background:none;color:#fff;display:grid;grid-template-columns:45px 1fr auto;align-items:center;text-align:left;cursor:pointer}.system-line span{font-size:11px;color:rgba(255,255,255,.42)}.system-line b{font:500 clamp(21px,2.4vw,38px) Manrope;letter-spacing:-.04em}.system-line small{font-size:10px;text-transform:uppercase;color:rgba(255,255,255,.48)}.system-line.active b{font:400 italic clamp(30px,3.2vw,51px) Newsreader;color:var(--acid)}
.production{display:grid;grid-template-columns:58% 42%;min-height:980px;background:#dfe2de}.production-media{position:sticky;top:0;height:100svh;overflow:hidden;background:#111}.production-media figure{position:absolute;margin:0;overflow:hidden}.production-media img{height:100%;object-fit:cover;filter:saturate(.62) contrast(1.04)}.material-main{inset:0 17% 0 0}.material-secondary{right:0;bottom:7%;width:38%;height:37%;border:12px solid #dfe2de;z-index:3}.production-media figcaption{position:absolute;left:20px;bottom:18px;color:#fff;font-size:10px;letter-spacing:.14em;text-shadow:0 2px 12px rgba(0,0,0,.7)}.material-secondary figcaption{left:14px;bottom:12px;font-size:9px}.measure{position:absolute;z-index:2;inset:0;display:grid;grid-template-columns:repeat(7,1fr);pointer-events:none}.measure i{border-right:1px solid rgba(255,255,255,.18)}.production-copy{padding:130px 5vw;align-self:center}.production-copy h2{margin:60px 0 42px}.production-copy h2 em{color:var(--red)}.production-copy>p{max-width:540px;font-size:18px;line-height:1.65;color:#5a625d}.production-copy ol{list-style:none;padding:0;margin:70px 0 0;border-top:1px solid rgba(17,23,19,.3)}.production-copy li{padding:23px 0;border-bottom:1px solid rgba(17,23,19,.3);display:grid;grid-template-columns:60px 1fr;align-items:center}.production-copy li span{font-size:11px;color:var(--red)}.production-copy li b{font:500 24px Manrope}
.projects{padding:135px 0 0;background:var(--white)}.projects .section-head{padding:0 36px}.section-head.light>p{color:#656d68}.section-head.light h2 em{color:var(--red)}.project-strip{display:grid;grid-template-columns:1.12fr .88fr;grid-template-rows:44vw 38vw}.project{position:relative;margin:0;overflow:hidden;background:#111}.project img{height:100%;object-fit:cover;filter:saturate(.72);transition:transform 1s var(--ease),filter .5s}.project:hover img{transform:scale(1.03);filter:saturate(.95)}.project:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,10,7,.74),transparent 50%)}.project figcaption{position:absolute;z-index:2;left:25px;right:25px;bottom:23px;color:#fff;display:grid;grid-template-columns:1fr auto;gap:8px}.project figcaption span{grid-column:1/-1;font-size:10px;letter-spacing:.17em;color:var(--acid)}.project figcaption b{font:400 italic clamp(26px,3vw,48px) Newsreader}.project figcaption small{font-size:11px}.project-b,.project-c{border-left:2px solid var(--white)}.project-c,.project-d{border-top:2px solid var(--white)}
.scope{padding:145px 36px;background:#fff;display:grid;grid-template-columns:43% 57%;gap:70px}.scope-title h2{margin-top:55px}.scope-title h2 em{color:var(--red)}.scope-list{border-top:1px solid var(--line)}.scope-list div{padding:27px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:25px;align-items:center}.scope-list span{font:500 clamp(21px,2.2vw,34px) Manrope;letter-spacing:-.04em}.scope-list b{font-size:10px;letter-spacing:.13em;color:#717872;text-align:right}
.reference-band{padding:76px 0 62px;background:#d8dcd7;overflow:hidden;border-top:1px solid #bcc2bc}.reference-band>p,.reference-band>small{display:block;margin:0 36px;font-size:10px;letter-spacing:.15em;color:#4d5751}.marquee{margin:48px 0;overflow:hidden}.marquee>div{width:max-content;display:flex;align-items:center;gap:35px;animation:marquee 38s linear infinite}.marquee span{font:600 clamp(40px,6vw,88px)/.85 Manrope;letter-spacing:-.055em;color:#27322c}.marquee i{width:7px;height:7px;background:var(--red);transform:rotate(45deg)}@keyframes marquee{to{transform:translateX(-50%)}}
.contact{display:grid;grid-template-columns:51% 49%;background:var(--black);color:#fff}.contact-main{padding:130px 5vw 120px 36px;border-right:1px solid rgba(255,255,255,.2)}.contact-main h2{margin:58px 0 35px}.contact-main p{max-width:500px;color:rgba(255,255,255,.6);font-size:17px;line-height:1.65}.call{display:block;width:max-content;margin-top:60px;font:600 clamp(26px,3vw,45px) Manrope;text-decoration:none;border-bottom:1px solid var(--acid)}.map-link{display:block;width:max-content;margin-top:26px;font-size:10px;letter-spacing:.15em;text-decoration:none}.quote-form{padding:130px 36px 120px 5vw;align-self:center}.field{margin-bottom:34px}.field label{display:block;font-size:10px;letter-spacing:.14em;color:rgba(255,255,255,.5)}.field input,.field select,.field textarea{display:block;width:100%;padding:14px 0;border:0;border-bottom:1px solid rgba(255,255,255,.4);border-radius:0;background:transparent;color:#fff;font-size:17px;outline:none}.field select option{color:#111}.field textarea{resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--acid)}.consent{display:flex;gap:10px;margin:28px 0;color:rgba(255,255,255,.58);font-size:13px}.quote-form button{width:100%;padding:0;border:1px solid rgba(255,255,255,.6);background:none;color:#fff;display:flex;justify-content:space-between;align-items:center;text-align:left;cursor:pointer}.quote-form button span,.quote-form button b{padding:20px}.quote-form button b{background:var(--acid);color:#111;font-size:11px;letter-spacing:.12em}.quote-form button:hover span{color:var(--acid)}
footer{padding:75px 36px 35px;background:#050705;color:#fff;display:grid;grid-template-columns:1.2fr 1.3fr 1fr auto;align-items:start;gap:35px;border-top:1px solid rgba(255,255,255,.18)}footer address{font-style:normal;font-size:13px;line-height:1.65;color:rgba(255,255,255,.55)}footer>div{display:flex;flex-direction:column;gap:8px}footer>div a{text-decoration:none}footer>div span,footer>small{font-size:11px;color:rgba(255,255,255,.45)}.quick{position:fixed;z-index:70;right:16px;bottom:16px;display:flex}.quick a{width:52px;height:52px;display:grid;place-items:center;background:#fff;color:#111;text-decoration:none;font-size:10px;border:1px solid #111}.quick a:last-child{background:var(--acid)}
.reveal{opacity:0;transform:translateY(45px);transition:opacity 1s var(--ease),transform 1s var(--ease)}.reveal.in{opacity:1;transform:none}
@media(max-width:1050px){.site-head{padding:0 24px;grid-template-columns:1fr auto auto;gap:20px}.main-nav{display:none}.menu{display:block}.mobile-nav{position:fixed;z-index:45;top:96px;left:0;right:0;padding:20px 24px;background:var(--black);color:#fff;display:grid;transform:translateY(-135%);transition:.35s var(--ease);border-top:1px solid rgba(255,255,255,.2)}.mobile-nav a{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.2);text-decoration:none}.menu-open .mobile-nav{transform:none}.hero-copy,.film-state{left:24px;right:24px}.hero-meta{left:24px;right:24px}.hero-foot{left:64%}.intro,.systems{padding-left:24px;padding-right:24px}.system-stage{grid-template-columns:50% 50%}.system-lines{padding-left:25px}.production{grid-template-columns:52% 48%}.projects .section-head{padding:0 24px}.scope{padding-left:24px;padding-right:24px}.contact-main{padding-left:24px}.quote-form{padding-right:24px}footer{padding-left:24px;padding-right:24px}}
@media(max-width:740px){.site-head{height:76px;padding:0 17px}.brand b{font-size:27px}.head-contact{display:none}.mobile-nav{top:76px}.hero{min-height:720px}.hero-shade{background:linear-gradient(0deg,rgba(5,8,6,.88) 0%,rgba(5,8,6,.28) 75%)}.film-grid{background-image:linear-gradient(90deg,transparent calc(50% - 1px),rgba(255,255,255,.13) 50%,transparent calc(50% + 1px))}.hero-meta{top:98px;left:17px;right:17px}.hero-meta span:last-child{display:none}.sound{right:17px;top:96px}.hero-copy{left:17px;right:17px;bottom:76px}.hero-eyebrow{margin-bottom:22px}h1{font-size:clamp(55px,16.5vw,78px);line-height:.78}.hero-foot{position:static;margin-top:30px}.hero-foot p{font-size:15px}.hero-word{display:none}.film-state{left:17px;right:17px;bottom:22px}.intro{padding:85px 17px 0;display:block}.intro-lead h2{font-size:46px;margin:42px 0}.intro-side{padding-bottom:60px}.intro-side p{font-size:16px}.intro-facts{display:block}.intro-facts>div,.intro-facts>div+div{min-height:0;padding:24px 0;border-right:0;border-bottom:1px solid var(--line)}.intro-facts>div:last-child{border-bottom:0}.intro-facts b{margin:14px 0 8px;font-size:21px}.systems{padding:90px 17px}.section-head{display:block;margin-bottom:50px}.section-head h2,.production-copy h2,.scope-title h2,.contact-main h2{font-size:51px;margin:36px 0 25px}.section-head>p{font-size:15px}.system-stage{display:flex;flex-direction:column;min-height:0}.system-visual{height:62svh}.system-lines{padding:0}.system-line{height:auto;min-height:100px;grid-template-columns:35px 1fr}.system-line small{display:none}.system-line b{font-size:22px}.system-line.active b{font-size:30px}.production{display:block}.production-media{position:relative;height:65svh}.material-main{inset:0 9% 0 0}.material-secondary{width:48%;height:34%;border-width:8px}.production-copy{padding:90px 17px}.production-copy>p{font-size:16px}.production-copy li b{font-size:20px}.projects{padding-top:90px}.projects .section-head{padding:0 17px}.project-strip{display:block}.project{height:65svh;border:0;border-top:2px solid var(--white)}.scope{display:block;padding:90px 17px}.scope-list{margin-top:55px}.scope-list div{display:block}.scope-list b{display:block;margin-top:10px;text-align:left}.reference-band>p,.reference-band>small{margin-left:17px;margin-right:17px}.marquee span{font-size:48px}.contact{display:block}.contact-main{padding:90px 17px;border-right:0;border-bottom:1px solid rgba(255,255,255,.2)}.quote-form{padding:85px 17px}.call{font-size:29px}footer{grid-template-columns:1fr 1fr;padding:60px 17px 28px}.foot-brand{grid-column:1/-1}footer>small{align-self:end}.quick a{width:48px;height:48px}}

/* Approved corporate copy hierarchy */
.hero-approved-title{max-width:66%;font-size:clamp(52px,5.9vw,106px);line-height:.84;letter-spacing:-.065em}.hero-approved-title em{font-size:.86em;line-height:.92}.hero-foot p strong{display:block;margin-bottom:8px;color:#fff;font-weight:600}.hero-actions{display:flex;gap:28px}.hero-actions a{width:210px}.all-products-link{display:flex;justify-content:space-between;width:min(420px,100%);margin:55px 0 0 auto;padding:15px 0;border-top:1px solid rgba(255,255,255,.7);border-bottom:1px solid rgba(255,255,255,.7);color:#fff;text-decoration:none;font-size:10px;letter-spacing:.14em}.all-products-link b{color:var(--sage)}.contact-channels{margin-top:30px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--sage)}.contact-channels i{padding:0 10px;color:var(--signal)}

@media(max-width:1050px){.hero-approved-title{max-width:62%;font-size:clamp(48px,6.5vw,76px)}.hero-foot{left:65%}}
@media(max-width:740px){.hero{min-height:900px}.hero-copy{bottom:72px}.hero-approved-title{max-width:100%;font-size:clamp(34px,6.9vw,46px);line-height:.91;letter-spacing:-.045em}.hero-foot{margin-top:26px}.hero-foot p{max-width:100%;font-size:13px;line-height:1.45}.hero-actions{gap:18px}.hero-actions a{width:calc(50% - 9px);font-size:9px}.film-state{display:none}}
.menu{cursor:pointer}.menu i{transition:transform .3s var(--ease),opacity .3s}
@media(max-width:1050px){
  .site-head{transition:background .3s,border-color .3s}
  .mobile-nav{top:0;bottom:auto;left:0;right:0;height:100dvh;padding:126px 24px 26px;border:0;grid-template-rows:auto 1fr auto;transform:translateX(100%);visibility:hidden;transition:transform .52s var(--ease),visibility .52s}
  .mobile-menu-label{margin:0 0 24px;font-size:10px;letter-spacing:.18em;color:rgba(255,255,255,.45)}
  .mobile-links{align-self:start;border-top:1px solid rgba(255,255,255,.2)}
  .mobile-nav .mobile-links>a{min-height:72px;padding:0;border-bottom:1px solid rgba(255,255,255,.2);display:grid;grid-template-columns:52px 1fr;align-items:center;text-decoration:none}
  .mobile-links span{font-size:10px;color:var(--red)}
  .mobile-links b{font:500 clamp(24px,4vw,38px) Manrope;letter-spacing:-.035em}
  .mobile-contact{align-self:end;padding-top:22px;border-top:1px solid rgba(255,255,255,.2);display:grid;grid-template-columns:1fr 1fr;gap:24px}
  .mobile-contact small{display:block;margin-bottom:8px;font-size:9px;letter-spacing:.15em;color:var(--acid)}
  .mobile-nav .mobile-contact a{padding:0;border:0;text-decoration:none;font:500 18px Manrope}
  .mobile-contact address{font-style:normal;font-size:12px;line-height:1.6;color:rgba(255,255,255,.55)}
  .menu-open{overflow:hidden}.menu-open .site-head{position:fixed;background:var(--black);border-color:rgba(255,255,255,.2)}
  .menu-open .mobile-nav{transform:none;visibility:visible}
  .menu-open .menu i:first-child{transform:translateY(4px) rotate(45deg)}
  .menu-open .menu i:last-child{transform:translateY(-4px) rotate(-45deg)}
}
@media(max-width:740px){
  .mobile-nav{top:0;padding:102px 17px 20px}
  .mobile-nav .mobile-links>a{min-height:66px;grid-template-columns:42px 1fr}
  .mobile-contact{grid-template-columns:1fr;gap:15px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.film-loader{display:none}.marquee>div{animation:none}.reveal{opacity:1;transform:none;transition:none}}

/* Original ORTEL identity supplied by the company */
.site-head>.brand,.foot-brand{width:180px;height:62px;background:#fff url("assets/ortel-logo-original.jpeg") center 63%/155px auto no-repeat;overflow:hidden;border-radius:2px}.site-head>.brand b,.site-head>.brand small,.foot-brand b,.foot-brand small{visibility:hidden}
@media(max-width:740px){.site-head>.brand,.foot-brand{width:142px;height:54px;background-size:126px auto}}