*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:#000;color:#fff;font-family:'Montserrat',Arial,Helvetica,sans-serif;font-size:15px;line-height:1.75;letter-spacing:.04em}
a{color:#FA5E00;text-decoration:none}
a:hover{text-decoration:underline}
.bar{position:fixed;top:0;left:0;right:0;height:56px;background:#FA5E00;display:flex;align-items:center;justify-content:space-between;padding:0 28px;z-index:10}
.bar a{color:#000;font-size:12px;font-weight:500;letter-spacing:.06em}
.bar .brand{color:#fff;font-size:14px}
.bar nav{display:flex;gap:min(8vw,90px)}
.bar nav a.on{color:#fff}
main{padding-top:56px;min-height:calc(100vh - 56px)}
footer{background:#000;color:#fff;text-align:center;font-size:11px;padding:28px 12px;letter-spacing:.1em;border-top:1px solid #222}
h1,h2{font-weight:500}
h1{color:#FA5E00;font-size:38px;margin:0 0 6px;line-height:1.2}
h2{color:#FA5E00;font-size:20px;letter-spacing:.08em;margin:2.4em 0 .6em}
h2:first-child{margin-top:0}
.hero{position:relative;min-height:calc(100vh - 56px);display:flex;align-items:flex-end;background:#000}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.75),rgba(0,0,0,.05) 60%);pointer-events:none}
.hero::before{content:"";position:absolute;inset:0;background:url(img/hero.jpg) center/cover no-repeat;filter:grayscale(1)}
.hero-in{position:relative;max-width:520px;padding:40px 48px 70px;z-index:1}
.hero-in h1{border-bottom:1px solid #FA5E00;padding-bottom:18px;margin-bottom:18px;font-size:30px}
.hero-in p{margin:0;font-size:12.5px;line-height:1.85}
.hero-in a{font-weight:600}
.text{max-width:780px;margin:0 auto;padding:70px 28px 80px}
.text p{margin:0 0 1.2em}
.text blockquote{margin:1.6em 0;padding-left:20px;border-left:3px solid #FA5E00;font-style:italic;color:#ddd}
.text ul{padding-left:20px;margin:0}
.text li{margin-bottom:.8em}
.pull{color:#FA5E00;font-size:20px;line-height:1.5;margin:1.4em 0}
.contact{min-height:calc(100vh - 56px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px}
.contact p{font-size:26px;line-height:1.5;margin:0 0 28px}
.btn{display:inline-block;border:2px solid #FA5E00;color:#FA5E00;padding:14px 28px;font-size:13px;font-weight:500}
.btn:hover{background:#FA5E00;color:#000;text-decoration:none}
.pic{display:block;width:100%;height:auto;margin:0 0 1.4em}
.contact{background:#000 center/cover no-repeat;position:relative}
.contact::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.55)}
.cin{position:relative}
.bt{max-width:1500px;margin:0 auto;padding:30px 20px 60px}
.bt img{width:100%;height:auto;display:block}
.bt p{margin:24px 0 0;font-size:12px}
.press{padding:0 0 80px}
.qwrap{background:#000 url(../img/quote-bg.jpg) center/cover no-repeat;position:relative;margin:0 0 30px}
.qwrap::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.6)}
.quote{position:relative;max-width:900px;margin:0 auto;padding:90px 28px;font-size:18px;line-height:1.7;color:#fff;font-style:italic;text-align:center}
.quote cite{display:block;margin-top:18px;font-size:12px;font-style:normal;color:#FA5E00}
.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;max-width:1400px;margin:0 auto;padding:0 20px}
.tile{position:relative;display:flex;flex-direction:column;justify-content:flex-end;aspect-ratio:3/4;padding:14px;color:#fff;background:#1a1a1a center/cover no-repeat;overflow:hidden}
.tile::before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.85),rgba(0,0,0,.05) 65%)}
.tile:hover::before{background:linear-gradient(to top,rgba(250,94,0,.9),rgba(250,94,0,.25))}
.tile:hover{text-decoration:none}
.tile .h,.tile .m{position:relative}
.tile .h{font-size:11.5px;font-weight:600;text-transform:uppercase;line-height:1.35}
.tile .m{align-self:flex-start;margin-top:8px;font-size:10px;background:#FA5E00;padding:3px 8px;color:#000}
@media (max-width:1000px){.grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:640px){.grid{grid-template-columns:repeat(2,1fr)}}
.list{list-style:none;padding:0;margin:0}
.list li{border-top:1px solid #333}
.list li:last-child{border-bottom:1px solid #333}
.list a,.list li>div{display:block;padding:18px 4px;color:#fff}
.list a:hover{text-decoration:none;color:#FA5E00}
.list .h{display:block;font-size:14px;font-weight:500;text-transform:uppercase;line-height:1.5}
.list .m{display:block;font-size:12px;color:#999;margin-top:4px}
@media (max-width:640px){.bar{padding:0 14px}.bar nav{gap:14px}.hero-in{padding:30px 22px 50px}.text{padding-top:50px}}