:root{--bg:#070707;--c1:#111;--c2:#181818;--ln:#2a2a2a;--gold:#d4af37;--yel:#ffd60a;--tx:#f2f2f2;--mu:#9a9a9a;--hf:'Barlow Condensed','Arial Narrow',Impact,sans-serif;--bf:'Barlow',system-ui,sans-serif}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth;scroll-padding-top:90px}
@view-transition{navigation:auto}
body{background:var(--bg);color:var(--tx);font:16px/1.6 var(--bf);animation:fi .5s ease}@keyframes fi{from{opacity:0}}
img{max-width:100%;display:block}a{color:inherit;text-decoration:none}
h1,h2,h3,h4,h5{font-family:var(--hf);text-transform:uppercase;font-style:italic;font-weight:800;line-height:1.05;letter-spacing:.01em}
h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:1.7rem}h4{font-size:1.5rem}
.wrap{max-width:1240px;margin:auto;padding:0 24px}.sec{padding:72px 24px}.mut{color:var(--mu)}.vh{position:absolute;left:-9999px}
.hd{position:fixed;inset:0 0 auto;z-index:50;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:rgba(7,7,7,.88);backdrop-filter:blur(12px);border-bottom:1px solid var(--ln)}
.brand img{height:36px;width:auto}.nav{display:flex;align-items:center;gap:6px}
.nl{font:700 1.1rem var(--hf);text-transform:uppercase;letter-spacing:.08em;padding:8px 14px;position:relative;display:block}
.nl::after{content:"";position:absolute;left:14px;right:14px;bottom:2px;height:2px;background:var(--yel);transform:scaleX(0);transform-origin:left;transition:.3s}
.nl:hover::after,.nl.on::after{transform:scaleX(1)}.nl.on{color:var(--yel)}
.dd{position:relative}.ddm{position:absolute;top:100%;left:0;min-width:190px;background:var(--c1);border:1px solid var(--ln);border-top:2px solid var(--gold);opacity:0;visibility:hidden;transform:translateY(8px);transition:.25s}
.dd:hover .ddm,.dd:focus-within .ddm{opacity:1;visibility:visible;transform:none}.ddm a{display:block;padding:11px 18px;font-weight:500}.ddm a:hover{background:var(--c2);color:var(--yel)}
.btn{display:inline-block;background:var(--yel);color:#000;font:800 1.15rem var(--hf);text-transform:uppercase;letter-spacing:.08em;padding:14px 30px;clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);transition:.25s}
.btn:hover{background:#fff;transform:translateY(-2px)}.btn.sm{padding:10px 22px;font-size:1rem;margin-left:10px}.btn.big{padding:18px 44px;font-size:1.4rem}
.btn.ghost{background:transparent;color:var(--yel);box-shadow:inset 0 0 0 2px var(--gold)}.btn.ghost:hover{background:var(--gold);color:#000}
.burger{display:none;background:none;border:0;width:44px;height:44px;cursor:pointer}.burger span{display:block;height:2px;background:var(--yel);margin:7px 8px;transition:.3s}
main{padding-top:72px}
.hero{position:relative;min-height:calc(100vh - 72px);display:flex;align-items:flex-end;overflow:hidden}
.hbg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:drift 22s ease-in-out infinite alternate}@keyframes drift{to{transform:scale(1.06) translateX(-1.5%)}}
.hov{position:absolute;inset:0;background:linear-gradient(0deg,#070707 0,transparent 40%)}.hc{position:relative;width:100%;padding-bottom:56px}.hb{display:flex;gap:16px;flex-wrap:wrap}
.sh{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px;border-bottom:1px solid var(--ln);padding-bottom:14px}.sh h2{border-left:5px solid var(--yel);padding-left:14px}
.lnk{color:var(--yel);font:700 1.1rem var(--hf);text-transform:uppercase;letter-spacing:.06em}.lnk:hover{color:#fff}
.ggrid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.gc{position:relative;overflow:hidden;aspect-ratio:4/5;border:1px solid var(--ln);transition:.35s}
.gc img{width:100%;height:100%;object-fit:cover;transition:.5s}.gc div{position:absolute;inset:auto 0 0;padding:20px;background:linear-gradient(0deg,#000 20%,transparent)}.gc span{color:var(--yel);font-weight:600}
.gc:hover{border-color:var(--gold);transform:translateY(-6px)}.gc:hover img{transform:scale(1.07)}.gc h3{display:none}
.news-feat,.art{display:grid;grid-template-columns:1fr 1.2fr;background:var(--c1);border:1px solid var(--ln)}
.nimg,.aimg{position:relative;min-height:300px;background:#000}.nimg img,.aimg img{width:100%;height:100%;object-fit:cover}
.ntxt,.abody{padding:40px;display:flex;flex-direction:column;gap:16px;justify-content:center}.abody p{max-width:62ch}.lede{font-size:1.2rem;color:var(--yel)}
.chip{display:inline-block;align-self:flex-start;background:var(--gold);color:#000;font:700 .9rem var(--hf);text-transform:uppercase;letter-spacing:.08em;padding:3px 12px}.nimg .chip{position:absolute;top:16px;left:16px}
.ov{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.ov p{margin-top:16px;color:#ccc;max-width:56ch}
.ovl{display:grid;gap:12px}.ovl a{display:flex;justify-content:space-between;align-items:center;padding:22px 26px;background:var(--c1);border:1px solid var(--ln);border-left:4px solid var(--gold);transition:.3s}
.ovl b{font:800 1.8rem var(--hf);font-style:italic;text-transform:uppercase}.ovl span{color:var(--mu)}.ovl a:hover{border-left-color:var(--yel);transform:translateX(8px);background:var(--c2)}
.disc{display:grid;grid-template-columns:280px 1fr;gap:40px;align-items:center;padding:40px;background:linear-gradient(120deg,#1a1405,#0a0a0a);border:1px solid var(--gold)}.disc p{margin:12px 0 26px;color:#ccc;max-width:50ch}
.phero{padding:90px 0 40px;background:radial-gradient(ellipse at 80% 0,rgba(212,175,55,.18),transparent 60%);border-bottom:1px solid var(--ln)}.phero h1{font-size:clamp(3rem,8vw,6rem);color:var(--yel)}.phero p{color:var(--mu);margin-top:8px}
.tabs{display:flex;gap:10px;flex-wrap:wrap;padding-top:28px}.tabs a,.tabs button{font:700 1.05rem var(--hf);text-transform:uppercase;letter-spacing:.06em;background:var(--c1);color:var(--tx);border:1px solid var(--ln);padding:8px 20px;cursor:pointer;transition:.25s}
.tabs a:hover,.tabs button:hover,.tabs .on{background:var(--yel);color:#000;border-color:var(--yel)}
.th{display:flex;gap:28px;align-items:center;margin-bottom:28px}.th img{width:120px;aspect-ratio:4/5;object-fit:cover;border:1px solid var(--gold)}
.badge{display:inline-block;margin:10px 0 4px;padding:4px 14px;border:1px solid var(--gold);color:var(--gold);font:700 1rem var(--hf);text-transform:uppercase;letter-spacing:.06em}.badge.done{background:var(--yel);color:#000;border-color:var(--yel)}
.sgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px}.team{border-top:1px solid var(--ln)}
.slot{background:var(--c1);border:1px solid var(--ln);transition:.3s;overflow:hidden}.slot:hover{transform:translateY(-6px);border-color:var(--gold);box-shadow:0 12px 30px rgba(212,175,55,.12)}
.ph{aspect-ratio:1;display:grid;place-items:center;background:radial-gradient(circle,#2a2308,#0b0b0b)}.ph img{width:55%;opacity:.35}.ph b{font:800 4rem var(--hf);font-style:italic;color:#333}
.sb{padding:18px;display:flex;flex-direction:column;gap:4px}.sb small{color:var(--mu);text-transform:uppercase;letter-spacing:.1em;font-size:.75rem}.role{color:var(--gold);font-weight:600}
.stat{align-self:flex-start;margin-top:8px;padding:3px 10px;font:700 .95rem var(--hf);text-transform:uppercase;letter-spacing:.06em;background:var(--yel);color:#000}
.sub .stat{background:var(--gold)}.open{border-style:dashed;background:transparent}.open h4{color:#555}.open .stat{background:transparent;color:var(--mu);border:1px dashed #555}.open .role{color:#666}
.soon2{font-size:.8rem;color:#666;margin-top:6px}
.egrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:20px}.dgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.dept .mut{margin-top:16px}
.sc{display:flex;gap:16px;padding:20px;background:var(--c1);border:1px solid var(--ln);border-left:3px solid #444;transition:.3s}.sc.lead{border-color:var(--gold);border-left:4px solid var(--yel);background:linear-gradient(120deg,#1a1405,var(--c1))}
.sc:hover{transform:translateY(-4px);border-color:var(--gold)}.av{flex:none;width:72px;height:72px;display:grid;place-items:center;background:#0b0b0b;border:1px solid var(--ln)}.av img{width:70%;opacity:.4}
.sc h4{font-size:1.4rem}.sc small{color:var(--mu)}.bio{font-size:.85rem;color:#666;margin-top:4px}
.tl{list-style:none;position:relative;max-width:820px;margin:auto;padding-left:40px}.tl::before{content:"";position:absolute;left:9px;top:0;bottom:0;width:2px;background:linear-gradient(var(--gold),var(--ln))}
.tl li{position:relative;padding-bottom:36px}.dot{position:absolute;left:-40px;top:6px;width:20px;height:20px;border:2px solid #555;background:var(--bg);transform:rotate(45deg)}
.conf .dot{background:var(--yel);border-color:var(--yel);box-shadow:0 0 18px rgba(255,214,10,.6)}.tc{padding:22px 26px;background:var(--c1);border:1px solid var(--ln)}.conf .tc{border-color:var(--gold)}
.tc small{color:var(--gold);font-weight:600}.tc p{color:#bbb;margin:6px 0}.tc em{font-size:.8rem;color:var(--mu)}.conf em{color:var(--yel)}
.ft{border-top:2px solid var(--gold);background:#050505;margin-top:40px}.fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;padding-top:48px;padding-bottom:32px}
.ft h5{color:var(--yel);font-size:1.2rem;margin-bottom:10px}.ft a,.soon{display:block;padding:3px 0;color:#bbb}.ft a:hover{color:var(--yel)}.soon{color:#666}.ft p{margin-top:12px;max-width:34ch}
.copy{text-align:center;padding:20px;border-top:1px solid var(--ln);color:var(--mu);font-size:.9rem}
.rv{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.rv.in{opacity:1;transform:none}
@media(max-width:980px){.ggrid{grid-template-columns:repeat(2,1fr)}.egrid{grid-template-columns:repeat(2,1fr)}.news-feat,.art,.ov,.disc,.fgrid{grid-template-columns:1fr}.disc img{max-width:200px}}
@media(max-width:860px){.burger{display:block}.nav{position:fixed;top:72px;left:0;right:0;bottom:0;background:#070707;flex-direction:column;align-items:stretch;padding:24px;transform:translateX(100%);transition:.35s;overflow:auto}.nav.open{transform:none}
.nl{font-size:1.8rem;border-bottom:1px solid var(--ln)}.nl::after{display:none}.ddm{position:static;opacity:1;visibility:visible;transform:none;background:none;border:0;display:flex;flex-wrap:wrap}.ddm a{padding:6px 12px;color:var(--mu)}.btn.sm{margin:20px 0 0;text-align:center}}
@media(max-width:600px){.ggrid,.egrid{grid-template-columns:1fr}.ggrid{grid-template-columns:repeat(2,1fr);gap:12px}.sec{padding:48px 16px}.ntxt,.abody{padding:24px}.th{flex-direction:column;align-items:flex-start}.sgrid{grid-template-columns:repeat(2,1fr);gap:12px}.hc{padding-bottom:32px}.btn{padding:12px 22px}.hero{min-height:75vh}.hbg{object-position:30% center}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}}