*{box-sizing:border-box}
:root{--orange:#ff4b00;--black:#070707}
html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--black);color:var(--orange);font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif}
button,a{font:inherit;color:inherit}button{border:0;background:none;padding:0;cursor:pointer}a{text-decoration:none}
.loader{position:fixed;inset:0;z-index:100;background:var(--black);display:grid;place-items:center;transition:opacity .7s ease}.loader img{width:min(150px,20vw)}.loader span{position:absolute;bottom:22px;font-size:10px;letter-spacing:.08em}.loader.hide{opacity:0;pointer-events:none}

header,footer{position:fixed;z-index:30;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:17px 22px;font-size:13px;line-height:1;text-transform:uppercase;letter-spacing:.01em;mix-blend-mode:normal}
header{top:0}footer{bottom:0}.menu-label,footer>span{width:27%}.identity{position:absolute;left:50%;transform:translateX(-50%);display:flex;gap:20px;white-space:nowrap;font-size:15px}.identity a{font-weight:500}.identity span{opacity:.55}nav{width:27%;display:flex;justify-content:flex-end;gap:24px}nav button{font-size:13px}.filters{width:73%;display:flex;justify-content:flex-end;gap:20px;flex-wrap:wrap}.filters button{opacity:.35;transition:opacity .2s}.filters button.active,.filters button:hover{opacity:1}

#stage{position:fixed;inset:0}.slide{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .7s ease}.slide.active{opacity:1;pointer-events:auto}.visual{position:absolute;inset:0;background:#111;overflow:hidden}.visual:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,0) 55%,rgba(0,0,0,.28))}
.visual img,.visual video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.visual img{opacity:0;transition:opacity 1s}.visual img.active{opacity:1}
.info{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;text-shadow:0 1px 15px rgba(0,0,0,.4);pointer-events:none}.info .brand{font-size:15px;letter-spacing:.01em}.info .title{font-size:clamp(28px,4vw,62px);line-height:.88;font-weight:500;letter-spacing:-.025em}.info .type{font-size:11px;letter-spacing:.03em;opacity:.75;margin-top:13px}.hint{position:absolute;z-index:4;left:50%;top:calc(50% + 70px);transform:translateX(-50%);font-size:11px;letter-spacing:.03em}.counter{position:absolute;z-index:4;right:22px;top:50%;transform:translateY(-50%);font-size:12px;opacity:.55}

.panel{position:fixed;inset:0;z-index:60;background:var(--black);transform:translateY(100%);transition:transform .6s cubic-bezier(.77,0,.18,1);overflow:auto}.panel.open{transform:translateY(0)}.close{position:fixed;right:22px;top:13px;font-size:30px;line-height:1;z-index:2}.panel-grid{min-height:100%;padding:17vh 7vw 13vh;display:grid;grid-template-columns:24% 1fr;gap:4vw}.panel-grid small{font-size:13px}.panel h1{font-size:clamp(70px,14vw,220px);line-height:.78;letter-spacing:-.045em;font-weight:500;margin:0 0 60px}.panel p{font-family:Arial,sans-serif;font-size:clamp(15px,1.35vw,21px);line-height:1.28;max-width:820px;margin:0 0 26px;color:var(--orange)}.contact-list{display:grid;grid-template-columns:150px 1fr;row-gap:18px;column-gap:30px;font-size:clamp(20px,2.7vw,42px);line-height:1}.contact-list span:nth-child(4n+1){opacity:.5}.contact-list a{word-break:break-word}.index-row{display:grid;grid-template-columns:50px 1fr 140px;gap:20px;padding:11px 0;border-bottom:1px solid rgba(255,75,0,.35);font-size:16px}.index-row button{text-align:left}.index-row span:last-child{text-align:right;opacity:.5}

.video-modal{position:fixed;inset:0;z-index:90;background:#000;display:grid;place-items:center;opacity:0;pointer-events:none;transition:opacity .3s}.video-modal.open{opacity:1;pointer-events:auto}.video-modal video,.video-modal iframe{width:100%;height:100%;border:0;object-fit:contain}.video-close{position:fixed;z-index:3;right:22px;top:13px;font-size:30px}.video-modal #playlist{position:fixed;z-index:3;bottom:23px;left:50%;transform:translateX(-50%);display:flex;gap:8px}.playlist button{border:1px solid var(--orange);padding:7px 11px;font-size:12px}.video-modal #playlist button.active{background:var(--orange);color:#000}

@media(max-width:700px){
header,footer{padding:13px 14px;font-size:11px}.menu-label,footer>span{width:auto}.identity{position:static;transform:none;gap:9px;font-size:12px}nav{width:auto;gap:14px}nav button{font-size:11px}.filters{width:auto;max-width:78%;gap:9px;line-height:1.5}.filters button{font-size:10px}.counter{right:14px}.panel-grid{display:block;padding:16vh 7vw 12vh}.panel-grid small{display:block;margin-bottom:55px}.panel h1{font-size:26vw;margin-bottom:45px}.panel p{font-size:15px}.contact-list{grid-template-columns:1fr;gap:8px;margin-bottom:25px}.contact-list span{margin-top:20px}.contact-list span:nth-child(4n+1){margin-top:0}.index-row{grid-template-columns:35px 1fr;font-size:14px}.index-row span:last-child{display:none}
}