.showcase .feature-slide{min-height:clamp(410px,38vw,610px)}.showcase .feature-photo{left:0;width:100%;opacity:1}.showcase .feature-slide:after{background:linear-gradient(90deg,#10191ff5,#10191fc2 35%,#10191f10 90%)}.showcase .feature-content{padding-block:56px 78px}.showcase .feature-content h1{font-size:clamp(40px,5.5vw,84px);line-height:.99}.photo-switch{position:absolute;bottom:16px;right:4%;display:flex;align-items:center;gap:6px;background:#182025ed;color:white;padding:5px 7px 5px 15px;font-size:12px}.photo-switch button{background:#303b42;color:white;font-size:22px;border:none;width:40px;height:40px;cursor:pointer}.cx-range{background:#f2f3f1;color:#20272a;padding:clamp(36px,5vw,76px) 0;scroll-margin-top:110px}.cx-intro,.range-grid span,.cx-tools{display:flex;align-items:center;justify-content:space-between;gap:12px}.cx-intro{margin-bottom:22px}.cx-intro small{color:#964002;letter-spacing:.16em;font-weight:bold}.cx-intro h2{color:#20272a;font-size:clamp(32px,3.7vw,58px);letter-spacing:-.055em;margin:6px 0}.cx-intro a,.cx-tools a{color:inherit;text-decoration:underline;text-underline-offset:4px}.range-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.range-grid>a,.range-grid>button{display:flex;flex-direction:column;background:white;color:#20272a;padding:0;border:1px solid #d6d9d6;text-decoration:none;text-align:left;cursor:pointer;font:inherit}.range-grid img{width:100%;height:clamp(120px,12vw,200px);object-fit:cover}.range-grid span{width:100%;padding:16px;font-weight:bold}.range-grid b{color:#a84908}.range-grid :is(a,button):hover{border-color:#bd570e}.cx-tools{padding-block:24px;flex-wrap:wrap;border-bottom:1px solid #777}.cx-tools strong{border-left:4px solid #ff8229;padding-left:10px}@media(max-width:760px){.range-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.range-grid span{padding:11px;font-size:14px}.cx-intro{align-items:flex-start;flex-direction:column}.cx-tools{display:grid}.showcase .feature-slide:after{background:linear-gradient(90deg,#10191fe0,#10191f87)}}

.header .nav .supply-nav{flex:none;white-space:nowrap;border-bottom:2px solid #ff8229;padding-block:5px}
@media(max-width:820px){.header .nav nav{justify-content:flex-start}.showcase .hero-cta{row-gap:12px}}
