/* Locally hosted open-license display fonts keep the illustrated title editable. */
@font-face { font-family: 'TJ Display'; src: url('../fonts/Anton-Regular.ttf') format('truetype'); font-style: normal; font-weight: 400; font-display: swap; }
@font-face { font-family: 'TJ Brush'; src: url('../fonts/RoadRage-Regular.ttf') format('truetype'); font-style: normal; font-weight: 400; font-display: swap; }

.driver-hero-copy { top: 5%; left: 3%; width: 45%; }
.driver-hero-mobile-art { display: none; }
.driver-hero-copy h1 .tjr-title-readable { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; transform: none; background: none; -webkit-text-fill-color: currentColor; }
.tjr-title-art { display: block; width: 39cqw; height: auto; overflow: visible; }
.driver-hero-copy h1 img.tjr-title-art { aspect-ratio: 2.75 / 1; object-fit: contain; object-position: left center; }
.driver-hero-copy h1:has(> em) > span { font-size: 6cqw; transform: skew(-12deg); }
.driver-hero-copy h1:has(> em) > em { font-size: 6.5cqw; line-height: .95; transform: skew(-8deg); overflow-wrap: anywhere; }
.driver-hero-copy h1 { margin: 9px 0 5px; overflow-wrap: normal; text-transform: uppercase; line-height: .9; }
.driver-hero-copy h1 span { font: 400 8.1cqw/.93 'TJ Display', Impact, sans-serif; letter-spacing: -.02em; transform: skew(-12deg) scaleX(1.12); transform-origin: left center; background: linear-gradient(#fff 30%, #e5e6e6 62%, #9a9fa3); background-clip: text; -webkit-text-fill-color: transparent; }
.driver-hero-tj-siewers .driver-hero-copy h1 span { transform: skew(-12deg) scaleX(2.6); }
.driver-hero-copy h1 em { font: 400 9.5cqw/.65 'TJ Brush', 'Knewave', cursive; color: #ff061c; letter-spacing: -.04em; transform: skew(-8deg) scaleX(1.8); transform-origin: left center; margin-left: -.02em; text-shadow: 2px 3px #63081455; }
.driver-hero-copy .driver-hero-division { font-size: 2.65cqw; letter-spacing: .035em; margin-top: .7cqw; }
.driver-hero-bryan-mccormick .driver-hero-copy { top: 11%; width: 44%; }
.driver-hero-bryan-mccormick .driver-hero-copy h1 { font-size: inherit; }
.driver-hero-bryan-mccormick .driver-hero-copy h1 span { font-size: 7.7cqw; transform: skew(-12deg) scaleX(1.6); }
.driver-hero-bryan-mccormick .driver-hero-copy h1 em { font-size: 8.9cqw; transform: skew(-8deg) scaleX(1.55); }
.driver-hero-intro { background: linear-gradient(100deg, #080f17, #070b11); border-top-color: #ffffff16; }
.driver-hero-bryan-mccormick .driver-hero-intro { position: absolute; left: 3%; bottom: 8%; width: 38%; padding: 0; border: 0; background: none; font-size: clamp(16px, 1.3cqw, 21px); line-height: 1.4; text-shadow: 0 2px 4px #000; }
@media (min-width: 1101px) {
  .driver-hero-tj-siewers .driver-hero-copy { top: 3%; }
  .driver-hero-tj-siewers .driver-hero-copy h1 { margin-top: 7px; margin-bottom: 3px; }
  .driver-hero-tj-siewers .driver-hero-division { margin-top: -.2cqw; font-size: 2.4cqw; }
}

.editable-driver-profile:has(.driver-hero-bryan-mccormick) { --profile-accent: #ff1f33; --profile-line: #255466; }
.editable-profile-body { font-size: clamp(16px, 1.25vw, 18px); line-height: 1.5; }
.editable-profile-body .tjr-story { position: relative; isolation: isolate; display: block; padding: 30px 2%; overflow: hidden; background: #070d13; }
.tjr-panel-texture { position: absolute; z-index: -2; inset: 0; opacity: .65; pointer-events: none; }
.tjr-panel-texture > svg { width: 100%; height: 100%; }
.editable-profile-body .tjr-story::after { content: ''; position: absolute; inset: 0; z-index: 0; pointer-events: none; background: linear-gradient(90deg, #060a10bb, #060a1099 45%, transparent 58%); }
.editable-profile-body .tjr-story .tjr-copy { position: relative; z-index: 1; width: 43%; }
.editable-profile-body .tjr-story .tjr-copy > p,
.editable-profile-body .tjr-story .tjr-copy > .wp-block-group__inner-container > p { margin-top: 14px; color: #e6e7eb; text-shadow: 0 1px 3px #000; }
.editable-profile-body .tjr-story .tjr-scene { position: absolute; inset: 0; z-index: -1; width: 100%; max-width: none; margin: 0; display: flex; align-items: center; overflow: hidden; }
.editable-profile-body .tjr-story .tjr-scene > svg { flex: none; width: 100%; height: auto; mask-image: linear-gradient(transparent, #000 12%, #000 88%, transparent); }
.tjr-mobile-scene { display: none; }
.editable-profile-body .tjr-quote { position: absolute; z-index: 2; top: 50%; right: 2%; transform: translateY(-50%); width: 13%; max-width: none; margin: 0; padding: 0; background: none; text-align: center; color: #dce6eb; font: 400 clamp(25px, 2.3vw, 36px)/1.05 'TJ Display', Impact, sans-serif; text-shadow: 0 2px 4px #000, 2px 2px 12px #000; }
.editable-profile-body .tjr-quote p { transform: rotate(-6deg); transform-origin: center; }
.editable-profile-body .tjr-scene-tj-siewers-experience .tjr-copy { width: 38%; }
.editable-profile-body .tjr-scene-tj-siewers-experience .tjr-scene { display: flex; }
.editable-profile-body .tjr-experience h3 + ul { columns: 2; }
.editable-profile-body .tjr-community { min-height: 270px; }
.editable-profile-body .tjr-community .tjr-copy { width: 39%; margin-left: auto; }
.editable-profile-body .tjr-community::after { background: linear-gradient(90deg, transparent 50%, #060a1080 64%, #060a10bb); }
.editable-profile-body .tjr-community .wp-block-heading { font-size: clamp(30px, 3vw, 44px); }
.editable-profile-body .tjr-community .tjr-scene > svg { mask-image: linear-gradient(transparent,#000 8%,#000 92%,transparent); }
.editable-profile-body .tjr-scene-bryan-mccormick-experience .tjr-copy { width: 100%; }
.editable-profile-body .tjr-scene-bryan-mccormick-experience ul { columns: 2; }
.editable-profile-body .tjr-career { background: linear-gradient(#050b10dd,#050b10d9), url('../media/home/dust.jpg') center/cover; }
.editable-profile-body .tjr-career-card { background: #070d12a6; }
.editable-profile-body .tjr-career-tj-siewers .tjr-career-grid { grid-template-columns: 1fr 1.25fr 1.15fr 2.1fr 1.55fr 1.4fr 1.3fr; }
.editable-profile-body .tjr-program { min-height: 230px; padding-block: 28px; }
.editable-profile-body .tjr-program .tjr-copy { width: 32%; margin-left: 15%; }
.editable-profile-body .tjr-program .wp-block-heading { font-size: clamp(28px, 3.1vw, 46px); }
.editable-profile-body .tjr-program .tjr-scene { display: flex; }
.editable-profile-body .tjr-program::after { background: linear-gradient(90deg, transparent 10%, #03080d88 20%, #03080d88 44%, transparent 62%); }
.editable-profile-body .tjr-scene-tj-siewers-program .tjr-copy { position: static; }
.editable-profile-body .tjr-scene-tj-siewers-program .tjr-copy h2,
.editable-profile-body .tjr-scene-tj-siewers-program .tjr-copy p { position: relative; z-index: 1; }
.editable-profile-body .tjr-scene-tj-siewers-program ul { position: absolute; right: 2%; top: 50%; transform: translateY(-50%); width: 18%; margin: 0; font-size: 16px; text-shadow: 0 1px 3px #000; z-index: 1; }
.editable-profile-body .tjr-scene-tj-siewers-program::after { background: linear-gradient(90deg,transparent 76%,#03080dd9 83%),linear-gradient(90deg,transparent 10%,#03080d88 20%,#03080d88 44%,transparent 62%); }
.editable-profile-body .tjr-scene-bryan-mccormick-program { min-height: 280px; }
.editable-profile-body .tjr-scene-bryan-mccormick-program .tjr-copy { width: 30%; margin-left: 23%; }
.editable-profile-body:has(.tjr-stats-bryan-mccormick) { display: grid; grid-template-columns: 1fr 1fr; }
.editable-profile-body:has(.tjr-stats-bryan-mccormick) > * { grid-column: 1 / -1; }
.editable-profile-body:has(.tjr-stats-bryan-mccormick) > .tjr-scene-bryan-mccormick-experience { grid-column: 1; }
.editable-profile-body:has(.tjr-stats-bryan-mccormick) > .tjr-scene-bryan-mccormick-partners { grid-column: 2; border-left: 1px solid var(--profile-line); padding: 30px 4%; background: #080f16; }
.editable-profile-body .tjr-scene-bryan-mccormick-experience ul { columns: auto; }
.editable-profile-body .tjr-scene-bryan-mccormick-experience .wp-block-heading,
.editable-profile-body .tjr-scene-bryan-mccormick-partners .wp-block-heading { font-size: clamp(28px,2.6vw,38px); }
.editable-profile-body:has(.tjr-stats-bryan-mccormick) > .tjr-media { grid-column: 1; }
.editable-profile-body:has(.tjr-stats-bryan-mccormick) > .tjr-scene-bryan-mccormick-family { grid-column: 2; }
.editable-profile-body .tjr-media { padding: 28px 4%; }
.editable-profile-body .tjr-media .tjr-copy { width: 56%; margin-left: auto; }
.editable-profile-body .tjr-media .wp-block-heading,
.editable-profile-body .tjr-scene-bryan-mccormick-family .wp-block-heading { font-size: clamp(28px, 2.6vw, 38px); }
.editable-profile-body .tjr-media::after { background: linear-gradient(90deg, transparent 20%, #060a10f2 46%, #060a10e0); }
.editable-profile-body .tjr-scene-bryan-mccormick-family { border-left: 1px solid var(--profile-line); padding: 28px 4%; }
.editable-profile-body .tjr-scene-bryan-mccormick-family .tjr-copy { width: 56%; }

@media (max-width: 1100px) and (min-width: 761px) {
  .editable-profile-body .tjr-career-tj-siewers .tjr-career-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .editable-profile-body .tjr-career-tj-siewers .tjr-career-card { align-self: start; }
  .tjr-title-art { width: min(52cqw, 560px); }
  .driver-hero-copy, .driver-hero-bryan-mccormick .driver-hero-copy { position: static; width: auto; padding: 22px 4% 26px; background: #081018; }
  .driver-hero-copy h1 { margin: 10px 0 14px; }
  .driver-hero-copy h1 span, .driver-hero-bryan-mccormick .driver-hero-copy h1 span { font-size: clamp(52px,8vw,80px); }
  .driver-hero-copy h1 em, .driver-hero-bryan-mccormick .driver-hero-copy h1 em { font-size: clamp(72px,11vw,112px); }
  .driver-hero-copy .driver-hero-division { font-size: 26px; margin-top: 18px; }
  .driver-hero-bryan-mccormick .driver-hero-intro { position: static; width: auto; padding: 18px 20px; background: #080f17; font-size: 17px; line-height: 1.5; border-top: 1px solid #ffffff16; }
  .driver-hero-tj-siewers .driver-hero-stage > .artwork-layer { clip-path: inset(0 0 21% 0); margin-bottom: -5.32cqw; }
  .driver-hero-fact { display: none; }
  .editable-profile-body .tjr-story .tjr-copy { width: 47%; }
  .editable-profile-body .tjr-scene-tj-siewers-experience .tjr-copy { width: 40%; }
  .editable-profile-body .tjr-community .tjr-copy { width: 40%; }
  .editable-profile-body .tjr-program .tjr-copy { width: 33%; }
  .editable-profile-body .tjr-media .tjr-copy { width: 58%; }
  .editable-profile-body .tjr-scene-bryan-mccormick-family .tjr-copy { width: 60%; }
}
@media (max-width: 760px) {
  .driver-hero-copy h1:has(> em) > span { font-size: 12cqw; }
  .driver-hero-copy h1:has(> em) > em { font-size: 20cqw; }
  .editable-profile-body .tjr-career-tj-siewers .tjr-career-grid { grid-template-columns: 1fr; }
  .tjr-title-art { width: 100%; max-width: 90cqw; }
  .driver-hero-stage { min-height: clamp(350px, 106cqw, 480px); }
  .driver-hero-stage > .artwork-layer { display: none; }
  .driver-hero-mobile-art { display: block; position: absolute; inset: 0; }
  .driver-hero-mobile-art > svg { width: 100%; height: 100%; }
  .driver-hero-stage::after { content: ''; position: absolute; inset: 0; background: linear-gradient(transparent 32%,#060c1644 46%,#060c16f5 87%); pointer-events: none; }
  .driver-hero-copy, .driver-hero-bryan-mccormick .driver-hero-copy { position: absolute; z-index: 1; top: auto; bottom: 0; left: 0; width: 100%; padding: 20px 5% 25px; background: none; }
  .driver-hero-copy h1, .driver-hero-bryan-mccormick .driver-hero-copy h1 { margin: 8px 0 14px; }
  .driver-hero-copy h1 span, .driver-hero-copy h1 em { display: block; }
  .driver-hero-copy h1 span { font-size: 16cqw; }
  .driver-hero-copy h1 em::before { content: none; }
  .driver-hero-copy h1 em { font-size: 23cqw; transform: skew(-8deg) scaleX(1.45); }
  .driver-hero-bryan-mccormick .driver-hero-copy h1 span { font-size: 14cqw; }
  .driver-hero-bryan-mccormick .driver-hero-copy h1 em { font-size: 20cqw; transform: skew(-8deg) scaleX(1.3); }
  .driver-hero-copy .driver-hero-division { font-size: 6cqw; margin-top: 4cqw; }
  .driver-hero-bryan-mccormick .driver-hero-intro { position: static; width: auto; padding: 18px 14px; background: #080f17; font-size: 16px; line-height: 1.5; border-top: 1px solid #ffffff16; }
  .editable-profile-body:has(.tjr-stats-bryan-mccormick) { display: block; }
  .editable-profile-body .tjr-story { padding: 26px 14px 0; }
  .editable-profile-body .tjr-story .tjr-copy,
  .editable-profile-body .tjr-program .tjr-copy { width: auto; margin-left: 0; }
  .editable-profile-body .tjr-story::after { display: none; }
  .editable-profile-body .tjr-story .tjr-scene { position: relative; inset: auto; width: calc(100% + 28px); margin: 0 -14px; padding-top: 12px; min-height: 80px; }
  .editable-profile-body .tjr-story .tjr-scene > svg { mask-image: linear-gradient(transparent,#000 16%); }
  .editable-profile-body .tjr-story .tjr-scene:has(.tjr-mobile-scene) > svg { display: none; }
  .tjr-mobile-scene { display: block; width: 100%; }
  .tjr-mobile-scene svg { mask-image: linear-gradient(transparent,#000 16%); }
  .editable-profile-body .tjr-scene-tj-siewers-biography,
  .editable-profile-body .tjr-scene-bryan-mccormick-biography { display: flex; flex-direction: column; }
  .editable-profile-body .tjr-scene-tj-siewers-biography .tjr-copy,
  .editable-profile-body .tjr-scene-bryan-mccormick-biography .tjr-copy { order: 1; }
  .editable-profile-body .tjr-scene-biography { order: 2; }
  .editable-profile-body .tjr-quote { position: relative; top: auto; right: auto; bottom: auto; transform: none; order: 3; width: 100%; padding: 30px 14px 36px; font-size: 30px; line-height: 1.05; }
  .editable-profile-body .tjr-experience h3 + ul { columns: auto; }
  .editable-profile-body .tjr-community { min-height: 0; }
  .editable-profile-body .tjr-community .wp-block-heading { font-size: 34px; }
  .editable-profile-body .tjr-scene-bryan-mccormick-experience { padding-bottom: 26px; }
  .editable-profile-body .tjr-scene-bryan-mccormick-experience ul { columns: auto; }
  .editable-profile-body .tjr-program { min-height: 0; }
  .editable-profile-body .tjr-scene-tj-siewers-program .tjr-copy { position: relative; }
  .editable-profile-body .tjr-scene-tj-siewers-program ul { position: static; transform: none; width: auto; margin-top: 16px; }
  .editable-profile-body .tjr-scene-bryan-mccormick-family { border-left: 0; }
  .editable-profile-body:has(.tjr-stats-bryan-mccormick) > .tjr-scene-bryan-mccormick-partners { border-left: 0; padding: 26px 14px; }
  .editable-profile-body .tjr-media .tjr-scene > svg { width: 100%; }
  .editable-profile-body .tjr-media .tjr-copy { padding-left: 0; }
}