:root{color-scheme:dark;--ink:#080c0c;--gold:#d7bb79;--white:#f4f1e7;--muted:#acb1aa}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--white);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--gold);outline-offset:6px}.header{height:94px;padding:14px 5.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d7bb792b}.identity{display:flex;align-items:center;gap:19px}.logo-plate{display:block;background:white;padding:4px 6px}.identity img{width:66px;height:auto;display:block}.identity-type{font-size:12px;font-weight:700;letter-spacing:2.2px}.identity small{display:block;font-size:8px;font-weight:400;letter-spacing:1.5px;color:var(--muted);margin-top:8px}.header-link{font-size:9px;letter-spacing:1.7px}.header-link span{color:var(--gold);margin-left:24px;font-size:22px}.hero{position:relative;min-height:560px;height:calc(100svh - 245px);max-height:850px;isolation:isolate;display:flex;align-items:center;overflow:hidden}.photograph{position:absolute;inset:0;z-index:-1}.photograph img{width:100%;height:100%;object-fit:cover;object-position:center 56%;display:block}.photograph:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#080c0c 0%,#080c0cf5 20%,#080c0cc9 37%,#080c0c25 67%,#080c0c20 100%),linear-gradient(0deg,#080c0c 0%,#080c0c60 17%,transparent 60%,#080c0c40 100%)}.hero-content{position:relative;width:52%;padding:30px 0 65px 7%;}.eyebrow{display:flex;align-items:center;gap:16px;color:var(--gold);letter-spacing:2.8px;font-size:10px;font-weight:700;margin:0 0 48px}.eyebrow span{width:32px;height:1px;background:var(--gold)}h1{font-weight:400;margin:0 0 45px;position:relative}.road{display:block;font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(74px,8vw,116px);font-weight:700;line-height:.85;letter-spacing:14px;margin-left:9px}.dawgs{display:block;font-family:'Yellowtail','Brush Script MT',cursive;font-size:clamp(125px,14vw,205px);font-weight:400;line-height:.9;color:var(--gold);margin-top:-2px;transform:rotate(-6deg);transform-origin:left center;padding:0 0 10px 0}.statement{font-size:10px;font-weight:400;letter-spacing:2.5px;margin:0 0 29px 9px}.statement strong{font-weight:400}.primary{display:inline-flex;align-items:center;gap:48px;border-bottom:1px solid #d7bb7970;padding:0 0 13px;margin-left:9px;color:var(--white);font-size:9px;font-weight:700;letter-spacing:1.9px;transition:color .2s}.primary span{font-size:22px;color:var(--gold)}.primary:hover{color:var(--gold)}.hero-bottom{position:absolute;bottom:25px;left:7%;right:5.5%;display:flex;justify-content:space-between;gap:20px;color:#b0b5aa;font-size:7px;letter-spacing:1.8px}.hero-bottom span:first-child{color:var(--gold)}.contacts{display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px;align-items:center;border-top:1px solid #d7bb7933;padding:23px 5.5%}.contacts a{display:flex;flex-direction:column;gap:7px}.contacts a:last-child{text-align:right}.role{font-size:7px;letter-spacing:1.8px;color:var(--gold)}.contacts strong{font-size:11px;letter-spacing:1.8px;font-weight:600}.email{font-size:10px;color:#afb5ad}.contacts a:hover .email{color:var(--gold)}.contact-center{text-align:center;font-size:9px;letter-spacing:2.8px}.contact-center span{display:block;margin-top:9px;font-size:7px;color:#969d94;letter-spacing:1.3px}footer{display:flex;justify-content:space-between;gap:18px;padding:15px 5.5%;border-top:1px solid #ffffff0a;color:#92998f;font-size:7px;letter-spacing:1px}footer a:hover{color:var(--gold)}
@media(min-width:1700px){.hero-content{padding-left:10%}.photograph img{object-position:center 60%}}
@media(max-width:900px) and (min-width:651px){.hero-content{width:60%;padding-left:5%}.eyebrow{letter-spacing:1.8px;font-size:9px}.road{font-size:88px}.dawgs{font-size:138px}.statement{font-size:9px;letter-spacing:1.6px}.hero{min-height:535px}.identity-type{font-size:10px}.identity small{font-size:7px}}
@media(max-width:650px){.header{height:87px;padding:12px 6%;gap:12px}.identity{gap:14px}.identity img{width:53px}.logo-plate{padding:3px 4px}.identity-type{font-size:9px;letter-spacing:1.3px}.identity small{font-size:6px;letter-spacing:.8px;margin-top:6px}.header-link{font-size:0}.header-link span{font-size:23px;margin:0}.hero{display:block;height:auto;min-height:0;max-height:none}.photograph{height:380px;inset:0 0 auto}.photograph img{object-position:67% center}.photograph:after{background:linear-gradient(0deg,#080c0c 0%,#080c0cb3 19%,transparent 64%),linear-gradient(90deg,#080c0c20,transparent)}.hero-content{width:100%;padding:284px 8% 65px}.eyebrow{font-size:8px;letter-spacing:2px;margin:0 0 26px;gap:10px}.eyebrow span{width:20px}h1{margin:0 0 27px}.road{font-size:clamp(66px,18vw,108px);letter-spacing:10px;margin-left:5px}.dawgs{font-size:clamp(100px,30vw,175px);margin-top:1px;line-height:.95;padding-bottom:5px}.statement{font-size:8px;letter-spacing:1.6px;margin:0 0 24px 5px}.primary{margin-left:5px;font-size:8px;letter-spacing:1.5px;padding-bottom:10px;gap:35px}.hero-bottom{bottom:20px;left:8%;right:8%;font-size:5.5px;letter-spacing:.7px;gap:10px}.contacts{grid-template-columns:1fr 1fr;gap:18px;padding:24px 7%}.contacts a:last-child{text-align:left}.contact-center{display:none}.role{font-size:6px;letter-spacing:1px}.contacts strong{font-size:9px;letter-spacing:1px}.email{font-size:9px}footer{padding:14px 7%;font-size:6px;flex-wrap:wrap;line-height:1.6}footer span:last-child{width:100%}}
@media(prefers-reduced-motion:reduce){.primary{transition:none}}
@media(min-width:901px){.eyebrow{font-size:12px;letter-spacing:2.5px}.role{font-size:8px}.contacts strong{font-size:12px}.email{font-size:11px}footer{font-size:8px}}
/* Cinematic coastal artwork: retain the sunset and the full vintage coach. */
.photograph img{object-position:center 68%}
.photograph:after{background:linear-gradient(90deg,#080c0c9e 0%,#080c0c70 30%,transparent 62%),linear-gradient(0deg,#080c0ced 0%,transparent 24%,transparent 85%,#080c0c25 100%)}
@media(max-width:650px){.photograph{height:385px}.photograph img{object-position:90% center}.photograph:after{background:linear-gradient(0deg,#080c0c 0%,#080c0c80 15%,transparent 38%)}.hero-content{padding-top:300px}}
@media(max-width:650px){.photograph img{object-position:100% center}}
/* Art and original logo share one coordinate system across responsive crops. */
.photograph svg{display:block;width:100%;height:100%}
@media(max-width:650px){.photograph svg{width:auto;min-width:100%;height:100%;aspect-ratio:1672/941;position:absolute;right:0}}
/* Explicit social destinations and a more prominent team signature. */
.header-social{display:flex;align-items:center;gap:24px;font-size:9px;letter-spacing:1.4px}.header-social>span{color:var(--muted);font-size:8px}.header-social a{padding:12px 0;color:var(--gold)}.header-social a:hover,.league-link:hover{color:var(--white)}.follow-links{margin-left:9px;display:flex;align-items:center;flex-wrap:wrap;gap:0 28px}.follow-links p{width:100%;margin:0 0 17px;font-size:8px;letter-spacing:2px;color:var(--muted)}.follow-links .primary{margin:0;gap:24px}.league-link{color:var(--gold);text-decoration:underline;text-underline-offset:5px;text-decoration-color:#d7bb7960}.contact-center{font-size:18px;letter-spacing:2.6px;font-weight:600}.contact-center span{font-size:10px;letter-spacing:1.6px;color:#c0c5bb;font-weight:400}.hero-content{padding-bottom:58px}
@media(max-width:900px) and (min-width:651px){.contact-center{font-size:14px;letter-spacing:1.5px}.contact-center span{font-size:8px;letter-spacing:.8px}.header-social{gap:16px}.header-social>span{display:none}}
@media(max-width:650px){.header-social{gap:13px;font-size:8px;letter-spacing:.6px}.header-social>span{display:none}.follow-links{margin-left:5px;gap:0 25px}.follow-links p{font-size:7px;margin-bottom:13px}.follow-links .primary{gap:20px}.contact-center{display:block;grid-column:1/-1;grid-row:1;text-align:center;font-size:18px;padding-bottom:20px;margin-bottom:3px;border-bottom:1px solid #d7bb7925}.contact-center span{font-size:9px;letter-spacing:1.2px}.hero-content{padding-bottom:65px}}
@media(max-width:370px){.identity-type{font-size:8px;letter-spacing:.7px}.identity small{font-size:5.5px;letter-spacing:.2px}.identity{gap:10px}.header-social{gap:9px;font-size:7px}.contact-center{font-size:16px}}
/* Final simplified hierarchy: social destinations live only in the header. */
.logo-plate{background:transparent;padding:0}.identity img{width:78px}.contact-center{font-size:24px;letter-spacing:3px}.contact-center span{font-size:12px;letter-spacing:1.8px}.contacts{grid-template-columns:1fr 1.4fr 1fr;padding-top:27px;padding-bottom:27px}.hero-content{padding-bottom:48px}
@media(max-width:900px) and (min-width:651px){.contact-center{font-size:18px;letter-spacing:2px}.contact-center span{font-size:9px;letter-spacing:1px}}
@media(max-width:650px){.identity img{width:64px}.contacts{grid-template-columns:1fr 1fr}.contact-center{font-size:23px;letter-spacing:2px}.contact-center span{font-size:10px;letter-spacing:1.5px}.hero-content{padding-bottom:65px}}
@media(max-width:370px){.identity img{width:56px}.contact-center{font-size:20px;letter-spacing:1.5px}.contact-center span{font-size:9px;letter-spacing:1px}}
/* Final readability and touch-target pass. */
.header-social a{display:inline-flex;align-items:center;min-height:44px}.header-social a:last-child{min-width:24px;justify-content:center}.league-link{display:inline-flex;align-items:center;min-height:24px}.hero-bottom{align-items:center}.contacts a{min-height:44px}
@media(max-width:650px){.header-social{font-size:9px}.email{font-size:11px}.role{font-size:7px}.contacts strong{font-size:10px}.hero-bottom{font-size:7px;flex-wrap:wrap;row-gap:4px}.hero-content{padding-bottom:78px}}
@media(min-width:651px) and (max-width:1000px){.hero{height:560px;min-height:560px}}