:root{--orange:#ff5a13;--dark:#05090d;--white:#f5f7f7}*{box-sizing:border-box}html,body{margin:0;background:var(--dark);color:var(--white);font-family:Manrope,sans-serif;overflow-x:hidden}.noise{position:fixed;inset:0;z-index:20;opacity:.04;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}header{height:98px;padding:0 4.2vw;position:fixed;inset:0 0 auto;z-index:30;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.16);background:linear-gradient(#05090dc7,transparent);gap:4vw}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff}.mark{display:flex;gap:3px;align-items:end;width:34px;height:36px;transform:skew(-17deg)}.mark i{width:8px;background:var(--orange)}.mark i:nth-child(1){height:18px}.mark i:nth-child(2){height:27px}.mark i:nth-child(3){height:36px}.brand b{letter-spacing:.09em}.brand small{display:block;font-size:.53rem;color:#9fa7ab;letter-spacing:.18em;margin-top:5px}nav{margin-left:auto;display:flex;gap:2.5rem}nav a{color:#c1c6c9;text-decoration:none;font-size:.78rem;font-weight:700}.quote{color:#fff;text-decoration:none;padding-left:2.8vw;border-left:1px solid rgba(255,255,255,.16);font-size:.76rem;font-weight:800;letter-spacing:.06em}.quote span{color:var(--orange);margin-left:12px}.showcase{height:calc(100svh - 58px);min-height:760px;position:relative;overflow:hidden}.slide{position:absolute;inset:0;background-position:center;background-size:cover;opacity:0;visibility:hidden;transform:scale(1.045);transition:opacity .9s ease,transform 7s ease,visibility .9s;display:flex;align-items:center;padding:110px 7vw 190px}.slide.active{opacity:1;visibility:visible;transform:scale(1)}.slide:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#05090d 0,transparent 25%),radial-gradient(circle at 75% 55%,transparent 30%,rgba(3,6,8,.2));pointer-events:none}.copy{position:relative;z-index:4;max-width:710px}.sector{display:block;color:var(--accent);font-size:.73rem;letter-spacing:.18em;font-weight:800;margin-bottom:23px}.copy h1{font-family:'Barlow Condensed';font-size:clamp(4.5rem,7.1vw,8.5rem);text-transform:uppercase;letter-spacing:-.035em;line-height:.78;margin:0 0 30px;font-weight:700}.copy h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.66)}.copy p{font-size:1.05rem;line-height:1.65;color:#b0b7bb;max-width:540px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.tags span{padding:9px 12px;border:1px solid rgba(255,255,255,.19);background:rgba(6,10,13,.44);backdrop-filter:blur(8px);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}.equipment-name{position:absolute;z-index:5;right:4vw;top:31%;text-align:right;border-right:2px solid var(--accent);padding-right:17px;text-shadow:0 2px 18px #000}.equipment-name small{color:var(--accent);font-size:.57rem;letter-spacing:.18em}.equipment-name strong{display:block;font-family:'Barlow Condensed';font-size:1.3rem;line-height:1.05;margin-top:7px;letter-spacing:.045em}.rail{position:absolute;z-index:9;left:7vw;right:7vw;bottom:50px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.22)}.rail-item{height:104px;border:0;border-right:1px solid rgba(255,255,255,.15);background:rgba(4,8,11,.4);color:#fff;display:flex;text-align:left;align-items:center;padding:0 24px;gap:17px;cursor:pointer;position:relative;backdrop-filter:blur(7px)}.rail-item:before{content:"";position:absolute;top:-2px;left:0;width:0;height:3px;background:var(--orange);transition:.55s}.rail-item.active:before{width:100%}.rail-item b{color:#69737a;font-family:'Barlow Condensed';font-size:1.5rem}.rail-item span strong,.rail-item span small{display:block}.rail-item span strong{font-family:'Barlow Condensed';text-transform:uppercase;letter-spacing:.06em;font-size:1.08rem}.rail-item span small{color:#879198;margin-top:5px}.arrow{position:absolute;z-index:10;right:3vw;bottom:79px;width:42px;height:42px;border:1px solid rgba(255,255,255,.25);background:#080d11b8;color:#fff;cursor:pointer;font-size:1rem}.arrow.prev{right:calc(3vw + 49px)}.progress{position:absolute;z-index:11;left:0;bottom:0;height:3px;width:100%;background:#252c31}.progress i{display:block;width:0;height:100%;background:var(--orange)}.progress.run i{animation:progress 7s linear}.ticker{height:58px;background:var(--orange);overflow:hidden;display:flex;align-items:center}.ticker div{display:flex;align-items:center;white-space:nowrap;animation:ticker 35s linear infinite}.ticker span{font-family:'Barlow Condensed';font-weight:700;font-size:1rem;letter-spacing:.08em;padding:0 25px}.ticker i{font-style:normal;color:#661d00}.slide.active .copy>*{animation:up .65s both}.slide.active .copy h1{animation-delay:.08s}.slide.active .copy p{animation-delay:.16s}.slide.active .tags{animation-delay:.23s}.slide.active .equipment-name{animation:right .8s .3s both}@keyframes up{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes right{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:none}}@keyframes progress{to{width:100%}}@keyframes ticker{to{transform:translateX(-50%)}}
@media(max-width:900px){header{height:76px;padding:0 20px}nav{display:none}.quote{margin-left:auto;font-size:.62rem;padding-left:14px}.showcase{min-height:820px;height:calc(100svh - 48px)}.slide{padding:340px 22px 200px;background-position:62% top;align-items:center}.slide:after{background:linear-gradient(0deg,#05090d 22%,rgba(5,9,13,.75) 53%,transparent 85%)}.copy h1{font-size:4.5rem}.copy p{font-size:.93rem}.equipment-name{top:19%;right:20px}.rail{left:20px;right:20px;bottom:30px}.rail-item{height:95px;padding:0 12px}.rail-item span small{display:none}.rail-item b{font-size:1.1rem}.rail-item span strong{font-size:.88rem}.arrow{display:none}.ticker{height:48px}.ticker span{font-size:.88rem}}@media(max-width:520px){.brand b{font-size:.85rem}.quote{font-size:0}.quote span{font-size:1rem}.slide{padding-top:300px}.copy h1{font-size:3.5rem}.tags span{font-size:.59rem}.rail-item{gap:7px;padding:0 7px}.rail-item span strong{font-size:.72rem}.equipment-name strong{font-size:1rem}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
