/*
Theme Name: Northern Sidecar Academy
Theme URI: https://www.northernsidecaracademy.com
Author: Northern Sidecar Academy
Description: A bold, responsive WordPress theme for developing sidecar racing talent.
Version: 1.0.0
Requires at least: 6.0
Text Domain: northern-sidecar-academy
*/
:root{--black:#101010;--white:#fff;--accent:#e3342f;--muted:#bcbcbc}*{box-sizing:border-box}body{margin:0;background:#111;color:white;font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit}header{background:#080808;border-bottom:4px solid #fff}.wrap{max-width:1150px;margin:auto;padding:0 24px}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 0;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:900;letter-spacing:.05em}.brand img{width:74px;height:74px;object-fit:contain;background:#fff;border-radius:50%}.menu{display:flex;gap:20px;flex-wrap:wrap;list-style:none;padding:0;margin:0}.menu a{text-decoration:none;font-weight:bold;font-size:14px;text-transform:uppercase}.menu a:hover{color:#f66}.hero{position:relative;padding:110px 0 120px;background:linear-gradient(110deg,rgba(0,0,0,.94),rgba(0,0,0,.55)),repeating-conic-gradient(#252525 0 25%,#101010 0 50%) 50%/110px 110px}.eyebrow{color:#ff6b62;font-size:14px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}h1{font-size:clamp(42px,7vw,88px);line-height:1.04;text-transform:uppercase;letter-spacing:-.045em;margin:18px 0}h2{font-size:clamp(30px,4vw,48px);line-height:1.1;text-transform:uppercase;margin:0 0 20px}.lead{max-width:670px;font-size:21px;color:#ddd}.btn{display:inline-block;background:var(--accent);padding:15px 25px;text-decoration:none;text-transform:uppercase;font-weight:800;margin:15px 10px 0 0}.btn.alt{background:#fff;color:#111}.section{padding:80px 0}.section.light{background:#f4f4f4;color:#111}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.tile{padding:30px;background:#222;border-top:5px solid var(--accent)}.light .tile{background:white;box-shadow:0 6px 30px #0001}.tile h3{text-transform:uppercase;font-size:23px}.tile p{color:#bbb}.light .tile p{color:#444}.check{height:15px;background:repeating-conic-gradient(#fff 0 25%,#000 0 50%) 0/30px 30px}.cta{background:#e3342f;padding:65px 0}.cta .btn{background:#111;color:#fff}.page-content{min-height:55vh;padding:70px 0}.page-content h1{font-size:clamp(36px,5vw,60px)}footer{padding:45px 0;background:#070707;color:#ccc}footer a{color:#fff}.small{font-size:13px;color:#aaa}input,textarea{width:100%;padding:13px;margin:8px 0 15px;border:1px solid #888}button{padding:14px 24px;background:var(--accent);color:#fff;border:0;font-weight:bold;cursor:pointer}@media(max-width:750px){.grid{grid-template-columns:1fr}.hero{padding:70px 0}.menu{gap:12px}.menu a{font-size:12px}.brand img{width:56px;height:56px}}
/* Graphic racing edition */
:root{--accent:#ff3b24}body{font-family:Arial,Helvetica,sans-serif;background:#090909}header{border-bottom:1px solid #383838;position:relative;z-index:5}.nav{max-width:1400px;min-height:132px;gap:16px}.brand{gap:18px;font-size:clamp(15px,1.5vw,22px);line-height:1.06}.brand img{width:116px;height:116px;background:transparent;border-radius:0;filter:contrast(1.1)}.menu{gap:15px}.menu a{font-size:12px;letter-spacing:.06em}.hero{min-height:720px;display:flex;align-items:center;overflow:hidden;padding:90px 0;background:radial-gradient(ellipse at 85% 40%,#303030 0%,transparent 40%),linear-gradient(125deg,#090909 30%,#181818 100%)}.hero:before{content:'NSA';position:absolute;right:-2vw;top:5%;font-size:clamp(240px,38vw,650px);font-weight:1000;letter-spacing:-.12em;color:#ffffff08;line-height:1;pointer-events:none}.hero:after{content:'';position:absolute;right:-5%;bottom:-12%;width:58%;height:90%;background:url('assets/logo.png') center/contain no-repeat;opacity:.18;transform:rotate(-12deg);pointer-events:none}.hero .wrap{position:relative;z-index:2;width:100%;max-width:1400px}.hero h1{max-width:1000px;font-size:clamp(55px,7.4vw,116px);font-weight:1000;letter-spacing:-.065em}.hero .lead{border-left:5px solid var(--accent);padding-left:22px}.eyebrow{color:var(--accent);font-size:13px;letter-spacing:.26em}.btn{transform:skew(-9deg);transition:transform .2s,background .2s}.btn:hover{transform:skew(-9deg) translateY(-3px);background:#d72c19}.section{position:relative;padding:105px 0}.section .wrap{max-width:1250px}.section h2{font-size:clamp(38px,5vw,70px);letter-spacing:-.05em;max-width:900px}.tile{position:relative;min-height:240px;overflow:hidden;border-top:0;border-left:6px solid var(--accent);background:linear-gradient(145deg,#292929,#111);transition:transform .2s}.tile:hover{transform:translateY(-6px)}.tile h3{font-size:clamp(23px,2.3vw,33px);line-height:1.1}.tile:after{content:'↗';position:absolute;right:18px;bottom:4px;font-size:52px;color:#ffffff24}.light .tile{background:#fff;border-left-color:#111}.light .tile:after{color:#0002}.check{height:26px;background-size:52px 52px}.cta{background:linear-gradient(125deg,#f03b24,#a81d0c);position:relative;overflow:hidden}.cta:after{content:'RACE';position:absolute;right:-20px;bottom:-70px;font-size:240px;font-weight:1000;color:#ffffff12;pointer-events:none}.cta .wrap{position:relative;z-index:1}.page-content{background:linear-gradient(130deg,#111,#202020)}@media(max-width:900px){.nav{min-height:unset}.brand img{width:88px;height:88px}.hero{min-height:590px}.hero:after{width:75%;opacity:.1}}@media(max-width:600px){.brand img{width:82px;height:82px}.brand{font-size:15px}.hero{min-height:530px;padding:65px 0}.hero h1{font-size:clamp(43px,11vw,68px)}.hero .lead{font-size:17px}.section{padding:70px 0}.tile{min-height:190px}.cta:after{font-size:120px;bottom:-20px}}
