/*
Theme Name: Tryline Media Premium
Author: Tryline Media
Description: Cinematic sports media theme.
Version: 1.1.0
*/
:root{--maroon:#6E1E32;--gold:#C8A25A;--ivory:#F5F2EC;--black:#050505}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--ivory);font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}.container{width:min(1400px,calc(100% - 40px));margin:auto}
header{position:fixed;z-index:10;inset:0 0 auto;background:linear-gradient(#000,transparent)}.head{height:86px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:14px;font-family:Georgia,serif;letter-spacing:.18em}.brand svg{width:52px;color:var(--gold)}.brand span{color:var(--gold)}nav{margin-left:auto;display:flex;gap:25px;font-size:.76rem;letter-spacing:.12em;text-transform:uppercase}
.hero{min-height:100vh;display:flex;align-items:center;position:relative;background:linear-gradient(90deg,rgba(0,0,0,.96),rgba(0,0,0,.3)),radial-gradient(circle at 70% 45%,rgba(110,30,50,.5),transparent 30%),linear-gradient(135deg,#17120f,#050505);padding-top:100px}.hero h1{font-family:Georgia,serif;font-size:clamp(3.5rem,8vw,8rem);letter-spacing:.12em;line-height:.9;margin:0}.hero h1 span{display:block;color:var(--gold);font-size:.42em;letter-spacing:.55em;margin-top:22px}.tag{font-size:clamp(1rem,2vw,1.5rem);letter-spacing:.34em;text-transform:uppercase;margin:30px 0}.tag b{color:var(--gold)}.purpose{font-family:Georgia,serif;font-size:clamp(1.6rem,3vw,2.8rem);margin:25px 0}.btn{display:inline-block;border:1px solid var(--gold);padding:16px 24px;color:var(--gold);text-transform:uppercase;letter-spacing:.14em;font-size:.78rem}
.services{display:grid;grid-template-columns:repeat(4,1fr)}.service{min-height:430px;display:flex;align-items:flex-end;text-align:center;padding:42px 28px;border-right:1px solid #333;background:linear-gradient(160deg,#1a1a1a,var(--maroon));position:relative}.service:nth-child(2){background:linear-gradient(160deg,#171717,#302013)}.service:nth-child(3){background:linear-gradient(160deg,#121212,#222)}.service:nth-child(4){background:linear-gradient(160deg,#171717,#4a1321)}.service>div{width:100%}.icon{height:62px;color:var(--gold)}.icon svg{height:100%}.service h2{font-family:Georgia,serif;font-size:2rem;letter-spacing:.08em}.service p{color:#ddd}.soon{display:inline-block;border:1px solid #806938;padding:8px 12px;color:var(--gold);font-size:.68rem;letter-spacing:.13em;text-transform:uppercase}
.story{padding:100px 0;background:var(--ivory);color:#171717}.storygrid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.mark{min-height:430px;background:linear-gradient(145deg,var(--maroon),#151515);display:grid;place-items:center}.mark svg{width:45%;color:var(--gold)}.story h2{font-family:Georgia,serif;font-size:clamp(2.4rem,5vw,4.6rem);line-height:1.05}.story h2 span{color:var(--maroon)}footer{padding:55px 0;background:#080808;border-top:1px solid #5d4a26}.foot{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;color:#bbb}
@media(max-width:900px){nav{display:none}.services{grid-template-columns:1fr 1fr}.storygrid{grid-template-columns:1fr}}@media(max-width:600px){.services{grid-template-columns:1fr}.service{min-height:350px}.brand{font-size:.8rem}}