.proposal{--ink: #20201e; --red: #d72626; --paper: #f1f0ec; --line: #d7d6d1; --quiet: #62625e; --display: 'Barlow Condensed',Impact,sans-serif; --body: Inter,Arial,sans-serif;}
.proposal *{box-sizing: border-box;}

.proposal{margin: 0px; color: var(--ink); font: 14px/1.55 var(--body); background: rgb(255, 255, 255);}
.proposal a{color: inherit; text-decoration: none;}
.proposal button,.proposal input{font: inherit;}
.proposal button,.proposal a,.proposal input{-webkit-tap-highlight-color: transparent;}
.proposal a:focus-visible,.proposal button:focus-visible,.proposal input:focus-visible{outline: rgb(186, 40, 40) solid 3px; outline-offset: 5px;}
.proposal img{display: block; max-width: 100%;}
.proposal button{cursor: pointer;}
.proposal h1,.proposal h2,.proposal h3,.proposal p{margin: 0px;}
.proposal h1,.proposal h2,.proposal h3{font-family: var(--display); line-height: 1.02; font-weight: 600;}
.proposal a:hover{text-decoration: underline; text-underline-offset: 5px;}
.proposal .wrap{width: min(1296px, 100% - 112px); margin: auto;}
.proposal .eyebrow{font-size: 11px; letter-spacing: 0.13em; text-transform: uppercase; font-weight: 600;}
.proposal .arrow{font: 24px / 1 Arial, sans-serif; display: inline-block;}
.proposal .text-link{display: inline-flex; align-items: center; gap: 22px; font-weight: 600; min-height: 44px;}
.proposal .action{display: inline-flex; justify-content: space-between; align-items: center; gap: 40px; background: var(--red); color: rgb(255, 255, 255); padding: 17px 22px; font-size: 13px; font-weight: 600; min-height: 54px;}
.proposal .action:hover{background: rgb(182, 30, 30); text-decoration: none;}
.proposal .small{font-size: 12px; color: var(--quiet);}
.proposal .utility{background: var(--ink); color: rgb(247, 247, 243); font-size: 11px;}
.proposal .utility .wrap{display: flex; justify-content: space-between; padding: 8px 0px;}
.proposal .utility-right{display: flex; gap: 26px;}
.proposal .masthead{height: 102px; display: flex; align-items: center; gap: 72px;}
.proposal .brand{width: 191px; flex-shrink: 0;}
.proposal .brand img{width: 191px;}
.proposal .brand span{display: block; text-align: center; font-size: 9px; letter-spacing: 0.35em; margin-top: 7px;}
.proposal .search{margin-left: 50px; display: flex; flex: 1 1 0%; max-width: 446px; align-items: center; border-bottom: 1px solid rgb(170, 170, 170); padding: 8px 0px;}
.proposal .search input{background: none; border: 0px; min-width: 0px; flex: 1 1 0%; padding: 6px 0px; font-size: 13px; outline-offset: 0px;}
.proposal .icon{width: 20px; height: 20px; stroke: currentcolor; fill: none; stroke-width: 1.5; flex-shrink: 0;}
.proposal .search button{border: 0px; background: none; padding: 8px;}
.proposal .account{display: flex; align-items: center; gap: 24px; margin-left: auto; font-size: 12px;}
.proposal .cart{display: flex; gap: 8px; align-items: center;}
.proposal .mobile-toggle{display: none;}
.proposal .navigation{border-top: 1px solid rgb(237, 237, 235); border-bottom: 1px solid var(--line);}
.proposal .nav-inner{display: flex; justify-content: space-between; align-items: center; min-height: 52px; gap: 20px; font-size: 12px; font-weight: 600;}
.proposal .nav-inner a{padding: 16px 0px;}
.proposal .nav-inner .workshop-nav{margin-left: 34px; color: var(--quiet);}
.proposal .hero{background: var(--paper);}
.proposal .hero-inner{position: relative; display: grid; grid-template-columns: 40% 60%; min-height: 634px; align-items: center; padding-top: 30px; padding-bottom: 28px;}
.proposal .hero-copy{padding: 12px 0px 26px; position: relative; z-index: 1;}
.proposal .hero .eyebrow{color: rgb(168, 36, 36); margin-bottom: 25px;}
.proposal .hero h1{font-size: 116px; letter-spacing: -0.025em; text-transform: uppercase; line-height: 0.86;}
.proposal .hero h1 span{display: block; color: var(--red);}
.proposal .hero-description{margin-top: 28px; max-width: 310px; font-size: 15px; line-height: 1.6;}
.proposal .hero-price{margin-top: 26px; display: flex; align-items: baseline; gap: 11px;}
.proposal .hero-price strong{font-size: 26px; letter-spacing: -1px; font-weight: 600;}
.proposal .hero-price span{font-size: 12px;}
.proposal .price-note{margin-top: 2px; font-size: 11px; color: var(--quiet);}
.proposal .hero .action{margin-top: 24px; min-width: 226px;}
.proposal .hero-media{align-self: stretch; position: relative; display: flex; align-items: center; justify-content: center; min-width: 0px;}
.proposal .hero-media img{width: 96%; height: 540px; object-fit: cover; mix-blend-mode: multiply; object-position: center 35%;}
.proposal .hero-caption{position: absolute; bottom: 7px; left: 48px; right: 0px; display: flex; justify-content: space-between; align-items: center; padding-top: 14px; border-top: 1px solid rgb(206, 205, 199); font-size: 11px;}
.proposal .hero-caption span{letter-spacing: 0.09em;}
.proposal .hero-caption a{font-weight: 600;}
.proposal .service-line{display: flex; justify-content: space-between; gap: 24px; padding: 21px 0px; border-bottom: 1px solid var(--line); font-size: 12px;}
.proposal .service-line b{font-weight: 600;}
.proposal .service-line span{color: var(--quiet);}
.proposal .disciplines{padding-top: 73px;}
.proposal .section-heading{display: flex; justify-content: space-between; align-items: flex-end; gap: 30px; margin-bottom: 29px;}
.proposal .section-heading h2{font-size: 54px; letter-spacing: -0.015em;}
.proposal .section-heading .eyebrow{margin-bottom: 12px; color: var(--quiet);}
.proposal .discipline-grid{display: grid; grid-template-columns: 1.7fr 1fr 1fr; gap: 20px;}
.proposal .discipline-link{display: block;}
.proposal .discipline-link:hover{text-decoration: none;}
.proposal .discipline-photo{height: 330px; overflow: hidden; background: var(--paper);}
.proposal .discipline-photo img{width: 100%; height: 100%; object-fit: cover; object-position: center top; transition: transform 0.3s;}
.proposal .discipline-link:hover img{transform: scale(1.025);}
.proposal .discipline-photo.race img{object-fit: contain; mix-blend-mode: multiply; padding: 5px;}
.proposal .discipline-photo.dirt img{object-position: 35% center;}
.proposal .discipline-caption{display: flex; justify-content: space-between; align-items: center; margin-top: 17px;}
.proposal .discipline-caption h3{font-size: 32px;}
.proposal .discipline-caption p{color: var(--quiet); font-size: 12px; margin-top: 7px;}
.proposal .discipline-caption .arrow{font-size: 25px;}
.proposal .category-links{display: flex; justify-content: space-between; align-items: center; gap: 20px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); padding: 15px 0px; margin-top: 35px;}
.proposal .category-links .eyebrow{color: var(--quiet); font-size: 10px;}
.proposal .category-links a{font-size: 12px; padding: 8px 0px;}
.proposal .selection{padding: 73px 0px 80px;}
.proposal .product-grid{display: grid; grid-template-columns: repeat(4, 1fr); gap: 21px;}
.proposal .product-image{background: rgb(245, 245, 242); height: 258px; display: flex; align-items: center; justify-content: center; overflow: hidden;}
.proposal .product-image img{width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; padding: 18px; transition: transform 0.3s;}
.proposal .product:hover img{transform: scale(1.035);}
.proposal .product:hover{text-decoration: none;}
.proposal .product-type{font-size: 10px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--quiet); margin-top: 17px;}
.proposal .product h3{font-family: var(--body); font-size: 15px; line-height: 1.4; font-weight: 600; margin-top: 5px;}
.proposal .product .product-price{font-size: 15px; margin-top: 12px; font-weight: 600;}
.proposal .product .product-price small{font-size: 11px; font-weight: 400;}
.proposal .product .product-detail{margin-top: 5px; color: var(--quiet); font-size: 11px;}
.proposal .product-price .arrow{float: right; font-size: 18px;}
.proposal .team{background: rgb(34, 35, 31); color: rgb(255, 255, 255);}
.proposal .team-inner{display: grid; grid-template-columns: 1.2fr 1fr; min-height: 485px;}
.proposal .team-photo{height: 485px; width: 100%; object-fit: cover; object-position: center center;}
.proposal .team-copy{padding: 62px 0px 50px 78px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center;}
.proposal .team-copy .eyebrow{color: rgb(185, 188, 178); margin-bottom: 24px;}
.proposal .team-copy h2{font-size: 76px; line-height: 0.96; text-transform: uppercase;}
.proposal .team-copy h2 span{display: block;}
.proposal .team-copy p{max-width: 310px; color: rgb(212, 213, 207); margin-top: 23px; font-size: 14px;}
.proposal .team-copy .text-link{margin-top: 26px; border-bottom: 1px solid rgb(163, 165, 157);}
.proposal .store{padding-top: 78px; padding-bottom: 68px; display: grid; grid-template-columns: 1.15fr 0.85fr; gap: 90px;}
.proposal .store h2{font-size: 61px; letter-spacing: -0.015em; margin-top: 16px; max-width: 550px;}
.proposal .store .address{margin-top: 20px; color: var(--quiet);}
.proposal .store-actions{display: flex; gap: 35px; align-items: center; margin-top: 22px;}
.proposal .store-actions .action{background: var(--ink); font-size: 12px; gap: 32px;}
.proposal .store-detail{padding-left: 55px; border-left: 1px solid var(--line);}
.proposal .store-detail h3{font-family: var(--body); font-size: 15px; font-weight: 600; margin-bottom: 14px;}
.proposal .store-detail p{font-size: 13px; color: var(--quiet); max-width: 350px;}
.proposal .store-detail .text-link{font-size: 13px; margin-top: 9px;}
.proposal .hours{margin-top: 26px; padding-top: 22px; border-top: 1px solid var(--line); font-size: 12px;}
.proposal .hours div{display: flex; justify-content: space-between; gap: 25px; margin-top: 6px;}
.proposal .hours strong{font-weight: 500;}
.proposal .hours .summer{color: var(--quiet); font-size: 11px; margin-top: 9px;}
.proposal .finance{background: var(--paper); padding: 27px 0px;}
.proposal .finance-inner{display: grid; grid-template-columns: 1.15fr 1fr; gap: 70px; align-items: center;}
.proposal .finance h2{font-family: var(--body); font-size: 18px; font-weight: 500;}
.proposal .finance p{font-size: 11px; color: var(--quiet); margin-top: 7px;}
.proposal .finance-options{display: flex; gap: 32px; align-items: center; justify-content: flex-end;}
.proposal .finance-options span{font-size: 16px; font-weight: 600;}
.proposal .finance-options .text-link{font-size: 12px; gap: 18px;}
.proposal footer{background: rgb(23, 24, 21); color: rgb(255, 255, 255); padding: 54px 0px 22px;}
.proposal .footer-top{display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 60px;}
.proposal .footer-brand{font-family: var(--display); font-size: 40px; font-weight: 600; line-height: 1;}
.proposal .footer-brand span{color: rgb(237, 55, 55);}
.proposal .footer-top p{font-size: 12px; color: rgb(185, 186, 180); margin-top: 15px;}
.proposal .footer-top h3{font-family: var(--body); font-size: 11px; font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; color: rgb(185, 186, 180); margin-bottom: 14px;}
.proposal .footer-top ul{list-style: none; padding: 0px; margin: 0px; display: grid; gap: 7px; font-size: 12px;}
.proposal .footer-bottom{border-top: 1px solid rgb(57, 58, 54); display: flex; justify-content: space-between; gap: 25px; margin-top: 44px; padding-top: 20px; font-size: 10px; color: rgb(185, 186, 180);}
.proposal .footer-bottom nav{display: flex; gap: 25px;}
@media (min-width: 1600px) {.proposal .hero-media img{height: 560px;}}
@media (max-width: 1100px) {.proposal .wrap{width: calc(100% - 64px);}
.proposal .masthead{gap: 35px;}
.proposal .search{margin-left: 0px;}
.proposal .account > a:not(.cart){display: none;}
.proposal .nav-inner{font-size: 10px; gap: 14px;}
.proposal .nav-inner .workshop-nav{margin-left: 0px;}
.proposal .hero h1{font-size: 94px;}
.proposal .hero-inner{min-height: 590px;}
.proposal .hero-media img{height: 460px;}
.proposal .hero-caption{left: 20px;}
.proposal .discipline-photo{height: 275px;}
.proposal .product-image{height: 210px;}
.proposal .team-copy{padding-left: 48px;}
.proposal .team-copy h2{font-size: 65px;}
.proposal .store{gap: 50px;}
.proposal .store-detail{padding-left: 36px;}
.proposal .finance-inner{gap: 25px;}
.proposal .finance-options{gap: 20px;}}
@media (max-width: 760px) {.proposal .wrap{width: calc(100% - 40px);}
.proposal .utility .wrap{justify-content: center; padding: 7px 0px; font-size: 10px;}
.proposal .utility-right{display: none;}
.proposal .masthead{height: auto; min-height: 79px; gap: 15px 20px; flex-wrap: wrap; padding: 19px 0px 12px;}
.proposal .brand,.proposal .brand img{width: 139px;}
.proposal .brand span{font-size: 7px; letter-spacing: 0.29em; margin-top: 5px;}
.proposal .search{display: flex; order: 3; flex-basis: 100%; max-width: none; padding: 0px;}
.proposal .search input{font-size: 12px;}
.proposal .account{gap: 12px;}
.proposal .cart{font-size: 11px;}
.proposal .mobile-toggle{display: flex; align-items: center; border: 0px; background: none; padding: 10px; color: var(--ink);}
.proposal .mobile-toggle .icon{width: 23px; height: 23px;}
.proposal .navigation{display: none;}
.proposal .navigation.is-open{display: block;}
.proposal .nav-inner{display: grid; grid-template-columns: 1fr 1fr; font-size: 11px; gap: 0px 20px; padding: 10px 0px;}
.proposal .nav-inner a{padding: 12px 0px;}
.proposal .nav-inner .workshop-nav{display: none;}
.proposal .hero-inner{display: flex; flex-direction: column; min-height: 0px; padding-top: 31px; padding-bottom: 14px; align-items: stretch;}
.proposal .hero-copy{padding: 0px;}
.proposal .hero .eyebrow{margin-bottom: 18px; font-size: 10px;}
.proposal .hero h1{font-size: clamp(64px, 21vw, 86px); line-height: 0.86; letter-spacing: -0.015em;}
.proposal .hero h1 span{display: inline; margin-left: 12px;}
.proposal .hero-description{font-size: 13px; max-width: 280px; margin-top: 18px;}
.proposal .hero-price{margin-top: 20px;}
.proposal .hero-price strong{font-size: 24px;}
.proposal .hero .action{margin-top: 17px; padding: 13px 18px; min-height: 48px; min-width: 209px;}
.proposal .hero-media{min-height: 284px; margin: 0px -10px;}
.proposal .hero-media img{width: 100%; height: 290px; object-fit: cover; object-position: center 35%; max-width: 100%;}
.proposal .hero-caption{position: static; display: none;}
.proposal .service-line{justify-content: space-between; padding: 16px 0px; font-size: 10px; gap: 20px; align-items: center;}
.proposal .service-line span{display: none;}
.proposal .service-line > div:last-child{display: none;}
.proposal .disciplines{padding-top: 43px;}
.proposal .section-heading{gap: 15px; margin-bottom: 22px;}
.proposal .section-heading h2{font-size: 38px;}
.proposal .section-heading .eyebrow{font-size: 9px; margin-bottom: 10px;}
.proposal .section-heading > .text-link{font-size: 10px; gap: 12px; text-align: right;}
.proposal .section-heading .text-link .arrow{font-size: 19px;}
.proposal .discipline-grid{grid-template-columns: 1fr 1fr; gap: 25px 15px;}
.proposal .discipline-link:first-child{grid-column: 1 / -1;}
.proposal .discipline-photo{height: 210px;}
.proposal .discipline-link:first-child .discipline-photo{height: 250px;}
.proposal .discipline-photo.race img{padding: 0px;}
.proposal .discipline-caption{margin-top: 12px;}
.proposal .discipline-caption h3{font-size: 28px;}
.proposal .discipline-caption p{font-size: 10px; line-height: 1.5; margin-top: 5px; max-width: 135px;}
.proposal .discipline-link:first-child .discipline-caption p{max-width: none;}
.proposal .discipline-caption .arrow{font-size: 21px;}
.proposal .category-links{display: grid; grid-template-columns: 1fr 1fr; gap: 0px 20px; margin-top: 27px; padding: 13px 0px;}
.proposal .category-links .eyebrow{grid-column: 1 / -1; font-size: 9px; margin-bottom: 5px;}
.proposal .category-links a{font-size: 11px; min-height: 40px;}
.proposal .selection{padding: 43px 0px 44px;}
.proposal .product-grid{grid-template-columns: 1fr 1fr; gap: 30px 15px;}
.proposal .product-image{height: 174px;}
.proposal .product-image img{padding: 5px;}
.proposal .product-type{font-size: 8px; margin-top: 12px;}
.proposal .product h3{font-size: 12px; margin-top: 4px;}
.proposal .product .product-price{font-size: 13px; margin-top: 9px;}
.proposal .product .product-price small{font-size: 9px;}
.proposal .product .product-detail{font-size: 9px;}
.proposal .team-inner{display: flex; flex-direction: column; width: 100%;}
.proposal .team-photo{height: 278px;}
.proposal .team-copy{padding: 33px 25px 36px;}
.proposal .team-copy .eyebrow{font-size: 9px; margin-bottom: 16px;}
.proposal .team-copy h2{font-size: 55px;}
.proposal .team-copy h2 span{display: block; margin-right: 0px;}
.proposal .team-copy p{margin-top: 15px; max-width: 300px; font-size: 12px;}
.proposal .team-copy .text-link{font-size: 12px; margin-top: 14px;}
.proposal .store{padding-top: 44px; padding-bottom: 38px; display: block;}
.proposal .store .eyebrow{font-size: 9px;}
.proposal .store h2{font-size: 46px; margin-top: 14px;}
.proposal .store .address{font-size: 12px; margin-top: 16px;}
.proposal .store-actions{gap: 22px; margin-top: 18px;}
.proposal .store-actions .action{padding: 13px 16px; font-size: 11px; gap: 22px; min-height: 47px;}
.proposal .store-actions .text-link{font-size: 12px;}
.proposal .store-detail{border-left: 0px; border-top: 1px solid var(--line); padding-left: 0px; padding-top: 28px; margin-top: 34px;}
.proposal .store-detail p{font-size: 12px;}
.proposal .hours{font-size: 11px;}
.proposal .finance{padding: 26px 0px;}
.proposal .finance-inner{display: block;}
.proposal .finance h2{font-size: 17px;}
.proposal .finance p{font-size: 10px;}
.proposal .finance-options{justify-content: space-between; gap: 14px; margin-top: 18px; flex-wrap: wrap;}
.proposal .finance-options span{font-size: 14px;}
.proposal .finance-options .text-link{font-size: 11px;}
.proposal footer{padding-top: 35px;}
.proposal .footer-top{grid-template-columns: 1fr 1fr; gap: 30px 25px;}
.proposal .footer-top > div:first-child{grid-column: 1 / -1;}
.proposal .footer-brand{font-size: 35px;}
.proposal .footer-top h3{font-size: 10px;}
.proposal .footer-top ul{font-size: 11px; gap: 10px;}
.proposal .footer-top p{font-size: 11px; margin-top: 12px;}
.proposal .footer-bottom{flex-direction: column; gap: 16px; font-size: 9px; margin-top: 30px;}
.proposal .footer-bottom nav{flex-wrap: wrap; gap: 13px 20px;}}
@media (max-width: 370px) {.proposal .hero h1{font-size: 66px;}
.proposal .hero h1 span{margin-left: 8px;}
.proposal .section-heading h2{font-size: 34px;}
.proposal .section-heading > .text-link{font-size: 9px;}
.proposal .discipline-photo{height: 174px;}
.proposal .product-image{height: 147px;}
.proposal .team-copy h2{font-size: 49px;}
.proposal .store-actions{gap: 17px;}
.proposal .store-actions .action{gap: 17px;}}
@media (prefers-reduced-motion: reduce) {
.proposal *{transition: none !important;}}