*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{background:#000;color:#ddd;font:400 17px/1.8 'Open Sans',system-ui,sans-serif}
a{color:inherit;text-decoration:none}
#bar{position:fixed;top:0;left:0;right:0;height:3px;background:#EC572C;transform:scaleX(0);transform-origin:0 50%;z-index:60}
.top{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:10px 4vw;background:rgba(0,0,0,.9);backdrop-filter:blur(8px);border-bottom:1px solid #151515}
.top nav{display:flex;align-items:center;gap:26px;font-size:13px;text-transform:uppercase;letter-spacing:.5px}
.top nav a{color:#fff}.top nav a:hover,.top nav a.on{color:#EC572C}
.top .acad{border:1px solid #EC572C;color:#EC572C;padding:8px 14px;border-radius:3px}
.top .acad:hover{background:#EC572C;color:#000}
.hero{position:relative;height:min(70vh,520px);margin-top:70px;overflow:hidden}
.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 30%,#000)}
.hero-in{position:absolute;z-index:2;left:50%;bottom:44px;transform:translateX(-50%);width:min(860px,90%);animation:up .8s cubic-bezier(.2,.8,.2,1) both}
.back{display:inline-block;color:#aaa;font-size:14px;margin-bottom:16px}.back:hover{color:#EC572C}
.tag{display:inline-block;margin-left:14px;border:1px solid #EC572C;color:#EC572C;padding:2px 12px;font-size:12px;text-transform:uppercase;letter-spacing:2px}
.hero h1{font-family:'Poiret One',cursive;font-weight:900;text-transform:uppercase;font-size:clamp(34px,6vw,64px);line-height:1.1;color:#fff;margin:14px 0 10px}
.meta{color:#aaa;font-size:14px}
@keyframes up{from{opacity:0;transform:translate(-50%,30px)}}
.post{width:min(760px,90%);margin:50px auto 0}
.lead{font-size:21px;line-height:1.7;color:#fff;border-left:3px solid #EC572C;padding-left:20px;margin-bottom:34px}
.post h2{font-family:'Poiret One',cursive;font-weight:900;font-size:30px;line-height:1.2;color:#EC572C;text-transform:uppercase;margin:42px 0 12px}
.post p{margin:0 0 16px}
.post ul{list-style:none;padding:0;margin:0 0 18px}
.post li{position:relative;padding:4px 0 4px 26px}
.post li::before{content:"";position:absolute;left:0;top:14px;width:9px;height:9px;background:#EC572C;transform:rotate(45deg)}
.cta{margin:54px 0 34px;padding:34px;background:#0b0b0b;border:1px solid #232323;border-top:3px solid #EC572C}
.cta p{color:#fff;font-size:19px;margin-bottom:20px}
.btn{display:inline-block;background:#EC572C;color:#000;font-weight:700;padding:13px 26px;text-transform:uppercase;font-size:14px;letter-spacing:1px;margin:0 8px 8px 0;transition:all .25s}
.btn:hover{background:#fff}
.btn.ghost{background:none;color:#EC572C;border:1px solid #EC572C}.btn.ghost:hover{background:#EC572C;color:#000}
.pn{display:flex;justify-content:space-between;gap:20px;font-size:14px;color:#aaa;border-top:1px solid #1d1d1d;padding-top:22px}
.pn a:hover{color:#EC572C}.pn a:last-child{text-align:right}
.more{width:min(1100px,92%);margin:70px auto 0}
.more h2{font-family:'Poiret One',cursive;font-weight:900;font-size:34px;color:#fff;text-transform:uppercase;margin-bottom:22px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.more-card{background:#0b0b0b;border:1px solid #1d1d1d;padding-bottom:18px;transition:transform .3s,border-color .3s}
.more-card:hover{transform:translateY(-6px);border-color:#EC572C}
.more-card img{width:100%;height:150px;object-fit:cover;display:block;margin-bottom:14px}
.more-card span{display:block;padding:0 18px;color:#EC572C;font-size:12px;text-transform:uppercase;letter-spacing:2px}
.more-card h3{padding:4px 18px 0;color:#fff;font-size:18px;line-height:1.4;font-weight:600}
footer{margin-top:80px;padding:30px;text-align:center;color:#777;border-top:1px solid #151515;font-size:14px}
@media(max-width:820px){.top nav a:not(.acad){display:none}.grid{grid-template-columns:1fr}.pn{flex-direction:column}.pn a:last-child{text-align:left}}
@media(prefers-reduced-motion:reduce){.hero-in{animation:none}}