:root { --black:#050606; --coal:#101212; --red:#e30613; --silver:#d6d7d7; --white:#f5f5f3; --line:rgba(255,255,255,.16); }
.partner-ad { max-width:1180px; margin:0 auto; padding:38px 24px; }
.ad-label { margin-bottom:10px; color:#aaa; font-size:10px; letter-spacing:.13em; text-transform:uppercase; }
.ad-card { display:flex; align-items:center; justify-content:space-between; gap:28px; padding:28px 32px; border:1px solid #373a3a; border-left:4px solid var(--red); background:linear-gradient(115deg,#1d2020,#0d0f0f); }
.ad-brand { font:italic 800 38px "Barlow Condensed",sans-serif; letter-spacing:.02em; }
.ad-brand span { display:block; margin-top:5px; color:#aeb2b2; font:11px Inter,sans-serif; letter-spacing:0; }
.ad-copy h2 { font-size:30px; line-height:1; }
.ad-copy p { margin:9px 0; font-size:14px; color:#ddd; }
.ad-copy strong { color:#ff626b; letter-spacing:.08em; }
.ad-copy small,.ad-disclosure { color:#aeb2b2; font-size:11px; line-height:1.5; }
.ad-disclosure { margin:10px 0 0; }
.partner-ad a:focus-visible { outline:2px solid white; outline-offset:5px; }
@media(max-width:680px) { .ad-card { flex-direction:column; align-items:flex-start; padding:24px; gap:22px; } .ad-card .button { width:100%; } }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; color:var(--white); background:var(--black); font-family:Inter,sans-serif; } a { color:inherit; text-decoration:none; }
.site-header { height:82px; padding:0 clamp(22px,5vw,72px); display:flex; align-items:center; justify-content:space-between; background:rgba(5,6,6,.97); border-bottom:1px solid var(--line); position:relative; z-index:10; }
.wordmark { display:flex; align-items:baseline; gap:9px; transform:skew(-8deg); font-family:"Barlow Condensed",sans-serif; font-style:italic; font-weight:900; line-height:1; letter-spacing:.035em; }
.wordmark strong { color:var(--red); font-size:34px; text-shadow:0 0 18px rgba(227,6,19,.22); } .wordmark span { color:var(--silver); font-size:27px; }
.main-nav { display:flex; align-items:center; gap:30px; color:#c7c9c9; font-size:13px; font-weight:700; } .main-nav a:not(.nav-cta):hover { color:white; }
.nav-cta { padding:12px 19px; color:white; border:1px solid var(--red); background:linear-gradient(135deg,rgba(227,6,19,.2),transparent); }
.menu-button { display:none; color:white; background:transparent; border:1px solid var(--line); padding:8px 12px; font-weight:800; text-transform:uppercase; }
.hero { position:relative; min-height:min(71vw,860px); overflow:hidden; background:#000; } .hero > picture { display:block; } .hero > picture > img { display:block; width:100%; height:auto; }
.hero-shade { position:absolute; inset:0; pointer-events:none; background:linear-gradient(180deg,rgba(0,0,0,.05) 55%,rgba(0,0,0,.9) 100%); }
.hero-cta { position:absolute; left:clamp(24px,7vw,108px); bottom:clamp(24px,5vw,65px); display:flex; align-items:center; gap:30px; z-index:2; }
.hero-cta p { margin:0; max-width:390px; color:#dadbdb; font:italic 700 clamp(17px,2vw,27px)/1.1 "Barlow Condensed",sans-serif; text-transform:uppercase; letter-spacing:.14em; }
.button { display:inline-flex; align-items:center; justify-content:space-between; gap:28px; min-width:175px; border:0; padding:16px 19px; color:white; background:linear-gradient(135deg,var(--red),#a7000b); box-shadow:0 10px 28px rgba(227,6,19,.2); font:800 13px Inter,sans-serif; cursor:pointer; } .button:hover { background:linear-gradient(135deg,#ff1d27,var(--red)); }
.button span,.inline-link span,.service-grid a span { font-size:19px; }
.proof-strip { width:min(1180px,calc(100% - 48px)); margin:-1px auto 0; display:grid; grid-template-columns:repeat(4,1fr); border-left:1px solid var(--line); border-bottom:1px solid var(--line); background:#090a0a; }
.proof-strip div { padding:25px 24px; border-right:1px solid var(--line); display:grid; grid-template-columns:auto 1fr; column-gap:14px; } .proof-strip b { grid-row:1/3; color:var(--red); font:800 12px "Barlow Condensed",sans-serif; }
.proof-strip strong { font:800 22px "Barlow Condensed",sans-serif; text-transform:uppercase; } .proof-strip span { margin-top:5px; color:#777c7c; font-size:11px; }
.intro,.services,.process,.quote { padding:clamp(82px,10vw,145px) clamp(24px,9vw,136px); }
.intro { min-height:600px; display:grid; grid-template-columns:.62fr 1.38fr; gap:7vw; align-items:start; background:radial-gradient(circle at 6% 20%,rgba(227,6,19,.1),transparent 28%),var(--coal); }
.section-tag { color:var(--red); font-size:14px; font-weight:800; letter-spacing:.16em; line-height:1.4; text-transform:uppercase; }
h1,h2,h3 { margin:0; font-family:"Barlow Condensed",sans-serif; text-transform:uppercase; } .intro h1,.section-head h2,.quote h2 { font-size:clamp(55px,7vw,102px); line-height:.86; letter-spacing:-.035em; } h1 em,h2 em { color:var(--red); font-style:normal; }
.intro-copy p { max-width:690px; margin:34px 0 28px; color:#b4b7b7; font-size:16px; line-height:1.85; } .inline-link { display:inline-flex; gap:10px; align-items:center; font-size:13px; font-weight:800; } .inline-link:hover,.service-grid a:hover { color:var(--red); }
.services { background:#0b0c0c; } .section-head { display:grid; grid-template-columns:.62fr 1.38fr; gap:7vw; margin-bottom:55px; align-items:end; }
.service-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }
.service-grid article { min-height:415px; padding:27px; display:flex; flex-direction:column; border-right:1px solid var(--line); border-bottom:1px solid var(--line); background:linear-gradient(160deg,rgba(255,255,255,.025),transparent); } .service-grid article.featured { background:linear-gradient(150deg,#d10a14,#8e0009); }
.number { color:var(--red); font:800 12px "Barlow Condensed",sans-serif; } .featured .number { color:white; } .service-icon { width:54px; height:54px; margin:42px 0 auto; display:grid; place-items:center; border:1px solid #4a4d4d; color:#dadcdc; font:italic 800 17px "Barlow Condensed",sans-serif; transform:skew(-6deg); } .featured .service-icon { border-color:rgba(255,255,255,.45); }
.service-grid h3 { margin:26px 0 13px; font-size:36px; line-height:.9; } .service-grid p { min-height:70px; margin:0 0 22px; color:#9ea2a2; font-size:13px; line-height:1.7; } .featured p { color:#f1c7c9; } .service-grid a { font-size:12px; font-weight:800; } .service-grid a span { margin-left:7px; }
.process { color:#111; background:#d8d9d7; } .section-head.light { margin-bottom:46px; } .process ol { list-style:none; padding:0; margin:0; border-top:1px solid #a9acab; }
.process li { display:grid; grid-template-columns:100px 1fr 1fr; gap:34px; padding:31px 0; border-bottom:1px solid #a9acab; align-items:start; } .process li > span { color:var(--red); font:800 17px "Barlow Condensed",sans-serif; } .process h3 { font-size:30px; line-height:1; } .process li p { max-width:420px; margin:0; color:#5b6060; font-size:13px; line-height:1.7; }
.quote { display:grid; grid-template-columns:1fr .9fr; gap:10vw; background:radial-gradient(circle at 7% 40%,rgba(227,6,19,.12),transparent 30%),#060707; } .quote-copy > p { max-width:470px; margin:27px 0 18px; color:#aeb2b2; font-size:14px; line-height:1.8; } .quote-copy > a { color:#e4e5e5; font-weight:700; font-size:13px; }
.quote-form { display:grid; gap:20px; } .quote-form > label { display:grid; gap:8px; color:#d9dada; font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; } .quote-form input,.quote-form textarea { width:100%; padding:11px 0; color:white; background:transparent; border:0; border-bottom:1px solid #666a6a; outline:none; font:15px Inter,sans-serif; resize:vertical; } .quote-form input:focus,.quote-form textarea:focus { border-color:var(--red); } .quote-form input::placeholder,.quote-form textarea::placeholder { color:#6c7070; }
.website-field { display:none!important; } .text-consent { display:flex; align-items:center; gap:9px; } .quote-form .text-consent input { appearance:none; flex:0 0 16px; width:16px; height:16px; margin:0; padding:0; border:1px solid #747979; border-radius:2px; cursor:pointer; } .quote-form .text-consent input:checked { border-color:var(--red); background:var(--red) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m3.2 8.3 3 3 6.6-6.6'/%3E%3C/svg%3E") center/13px no-repeat; } .quote-form .text-consent label { color:#dfe1e1; font-size:11px; font-weight:600; } .form-note { margin:0; color:#ff7c42; font-size:12px; }
footer { min-height:105px; padding:30px clamp(24px,5vw,72px); display:grid; grid-template-columns:auto 1fr auto; gap:34px; align-items:center; color:#7f8484; border-top:1px solid #202323; background:#050606; font-size:11px; } footer p { margin:0; } footer .wordmark strong { font-size:27px; } footer .wordmark span { font-size:21px; }
@media(max-width:900px) { .hero { min-height:0; } .hero-cta { align-items:flex-start; flex-direction:column; gap:16px; } .proof-strip { grid-template-columns:repeat(2,1fr); } .intro,.section-head { grid-template-columns:1fr; gap:28px; } .service-grid { grid-template-columns:repeat(2,1fr); } .quote { grid-template-columns:1fr; gap:55px; } }
@media(max-width:680px) { .site-header { height:68px; } .wordmark strong { font-size:28px; } .wordmark span { font-size:22px; } .main-nav { display:none; position:absolute; top:68px; left:0; right:0; padding:24px; flex-direction:column; align-items:flex-start; background:#050606; border-top:1px solid var(--line); }.main-nav.open { display:flex; }.menu-button { display:block; }.hero { min-height:0; }.hero > picture > img { width:100%; max-width:none; margin:0; height:auto; object-fit:initial; }.hero-shade { background:linear-gradient(180deg,transparent 42%,rgba(0,0,0,.9) 100%); }.hero-cta { left:24px; right:24px; bottom:24px; }.hero-cta p { font-size:15px; }.proof-strip { width:100%; grid-template-columns:1fr 1fr; }.proof-strip div { padding:20px 15px; }.proof-strip strong { font-size:18px; }.intro,.services,.process,.quote { padding:75px 24px; }.service-grid { grid-template-columns:1fr; }.service-grid article { min-height:350px; }.process li { grid-template-columns:44px 1fr; gap:16px; }.process li p { grid-column:2; }.section-tag { font-size:12px; } footer { grid-template-columns:1fr; gap:13px; } }

/* Keep the hero call-to-action below the PNG so it does not cover the artwork. */
.hero { min-height:0; }
.hero-cta {
  position:relative;
  left:auto;
  bottom:auto;
  padding:22px clamp(24px,7vw,108px) 26px;
  background:#000;
}
@media(max-width:900px) {
  .hero-cta { left:auto; right:auto; bottom:auto; }
}
@media(max-width:680px) {
  .hero-cta { left:auto; right:auto; bottom:auto; padding:20px 24px 24px; }
}

/* Present the full mobile poster without cropping or obscuring its lettering. */
@media(max-width:680px) {
  .hero > picture { width:90%; margin:0 auto; line-height:0; }
  .hero-shade { display:none; }
}
/* Original TWZ artwork; the whole banner is one accessible affiliate link. */
.burnout-ad { display:flex; align-items:center; position:relative; min-height:340px; overflow:hidden; border:1px solid #414141; border-left:4px solid var(--red); background:#090909 url('burnout-hood-stack.png') center/cover no-repeat; }
.burnout-copy { padding:32px; position:relative; max-width:48%; }
.burnout-kicker { color:#d2d2d2; font-size:12px; font-weight:800; letter-spacing:.12em; }
.burnout-copy h2 { margin:16px 0 12px; font:italic 900 clamp(36px,4.4vw,62px)/.92 'Barlow Condensed',Impact,sans-serif; letter-spacing:-.015em; }
.burnout-copy h2 em { color:#ff2634; font-style:inherit; }
.burnout-copy p { font-size:14px; line-height:1.5; color:#d3d3d3; margin-bottom:20px; }
.burnout-ad:hover { border-color:#e30613; }.burnout-ad:focus-visible { outline:3px solid white; outline-offset:5px; }
@media(max-width:680px) {
  .partner-ad { padding:26px 16px; }
  .burnout-ad { display:block; min-height:0; background:#080808; }
  .burnout-ad::before { content:""; display:block; width:100%; aspect-ratio:1.8; background:url('burnout-hood-stack.png') right top/166.667% auto no-repeat; }
  .burnout-copy { max-width:100%; width:100%; padding:22px; background:#080808; }
  .burnout-copy h2 { font-size:clamp(36px,10vw,52px); }
  .burnout-kicker { display:block; font-size:12px; line-height:1.6; }
  .burnout-copy p { font-size:16px; }
  .burnout-copy .button { width:100%; min-height:48px; font-size:14px; }
  .ad-label,.ad-disclosure { font-size:12px; line-height:1.6; }
}