body.template-index{--home-gutter: clamp(20px, 4.6vw, 72px);--pro-surface: #fff;--pro-surface-raised: #fff;--pro-ink: #171c1d;--pro-muted: #525a5b;--pro-border: #d9ddde;--pro-focus: #346cd0;background:#fff}body.template-index .ruby-home-showcase{padding-block:var(--showcase-top, 0px) var(--showcase-bottom, 0px);color:var(--pro-ink);background:#fff}body.template-index .ruby-home-showcase>.page-width{max-width:1920px;padding-inline:0}body.template-index .ruby-home-showcase .ruby-showcase__shell{border:0;border-radius:0;background:var(--pro-surface-raised);overflow:visible}body.template-index .ruby-home-showcase .ruby-showcase__top{min-height:60px;padding-inline:var(--home-gutter);margin:0;gap:16px;border-bottom:1px solid var(--pro-border);background:var(--pro-surface-raised)}body.template-index .ruby-home-showcase .ruby-showcase__tabs{flex-wrap:nowrap;gap:clamp(20px,3vw,40px);align-self:stretch}body.template-index .ruby-home-showcase .ruby-showcase__tabs button{min-height:60px;padding:12px 0 10px;border-bottom:3px solid transparent;color:var(--pro-ink);font-size:14px;font-weight:600;letter-spacing:0;text-transform:none;white-space:nowrap}body.template-index .ruby-home-showcase .ruby-showcase__tabs button[aria-selected=true]{color:var(--pro-ink);border-bottom-color:var(--ruby-clay, #944522)}body.template-index .ruby-home-showcase .ruby-showcase__rotation{gap:2px;color:var(--pro-ink)}body.template-index .ruby-home-showcase .ruby-showcase__rotation button{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:44px;border-radius:3px;color:var(--pro-ink)}body.template-index .ruby-home-showcase .ruby-showcase__rotation button:hover{background:transparent;outline:1px solid var(--pro-border)}body.template-index .ruby-home-showcase .ruby-showcase__rotation [data-rotation-toggle]{margin-left:6px;border-left:1px solid var(--pro-border);border-radius:0}body.template-index .ruby-home-showcase .ruby-showcase__panel{grid-template-columns:minmax(0,var(--showcase-copy-width, 41%)) minmax(0,1fr);gap:0;min-height:0;align-items:stretch;border-bottom:1px solid var(--pro-border)}body.template-index .ruby-home-showcase .ruby-showcase__content{min-width:0;justify-content:center;padding:clamp(28px,4vw,60px) 30px clamp(28px,4vw,60px) var(--home-gutter);background:var(--pro-surface-raised)}body.template-index .ruby-home-showcase .ruby-showcase__content:before{content:none}body.template-index .ruby-home-showcase .ruby-showcase__eyebrow{margin:0 0 18px;color:var(--pro-ink);font-family:var(--font-heading-family),Oswald,sans-serif;font-size:12px;font-weight:500;letter-spacing:.17em;line-height:1.5;text-transform:uppercase}body.template-index .ruby-home-showcase .ruby-showcase__heading{max-width:100%;margin:0 0 16px;color:var(--pro-ink);font-family:var(--font-heading-family),Oswald,sans-serif;font-size:clamp(38px,5.05vw,var(--showcase-heading-max, 72px));font-weight:var(--font-heading-weight);letter-spacing:-.025em;line-height:1.04;text-transform:uppercase;overflow-wrap:anywhere}body.template-index .ruby-home-showcase .ruby-showcase__copy{max-width:39ch;margin:0 0 24px;color:var(--pro-muted);font-size:17px;line-height:1.55}body.template-index .ruby-home-showcase .ruby-showcase__configuration{width:100%;max-width:400px;margin:0 0 20px}body.template-index .ruby-home-showcase .ruby-showcase__control-label{margin:0 0 8px;color:var(--pro-ink);font-size:14px;font-weight:400;letter-spacing:0;text-transform:none}body.template-index .ruby-home-showcase .ruby-showcase__choices{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--pro-border);border-radius:3px;overflow:hidden}body.template-index .ruby-home-showcase .ruby-showcase__choices button{min-width:0;min-height:48px;padding:10px 12px;border:0;border-bottom:4px solid transparent;border-radius:0;background:var(--pro-surface-raised);color:var(--pro-ink);font-size:14px;font-weight:600}body.template-index .ruby-home-showcase .ruby-showcase__choices button+button{border-left:1px solid var(--pro-border)}body.template-index .ruby-home-showcase .ruby-showcase__choices button[aria-pressed=true]{padding:10px 12px;border-bottom-color:var(--pro-amber, var(--ruby-clay, #944522));background:var(--pro-surface-raised);color:var(--pro-ink)}body.template-index .ruby-home-showcase:not([data-custom-palette=true]) .ruby-showcase__choices button[aria-pressed=true]{border-bottom-color:var(--ruby-clay, #944522)}body.template-index .ruby-home-showcase .pro-bezel-option{margin-top:16px;color:var(--pro-ink)}body.template-index .ruby-home-showcase .pro-bezel-option[hidden],body.template-index .ruby-home-showcase .pro-bezel-option:not(:has(*)){display:none}body.template-index .ruby-home-showcase .pro-bezel-option__price{color:var(--pro-ink)}body.template-index .ruby-home-showcase .pro-bezel-option__price span,body.template-index .ruby-home-showcase .pro-bezel-option__lead{color:var(--pro-muted)}body.template-index .ruby-home-showcase .ruby-showcase__actions{margin:0}body.template-index .ruby-home-showcase .ruby-showcase__cta{min-height:50px;min-width:0;display:inline-flex;justify-content:center;gap:18px;padding:12px 25px;border:0;border-radius:3px;background:var(--showcase-button-bg, var(--ruby-clay, #944522));color:var(--showcase-button-ink, #fff);font-size:17px;font-weight:500;letter-spacing:0;text-transform:none}body.template-index .ruby-home-showcase .ruby-showcase__cta:before,body.template-index .ruby-home-showcase .ruby-showcase__cta:after{box-shadow:none}body.template-index .ruby-home-showcase .ruby-showcase__stage{position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:0;min-height:0;height:var(--showcase-height, 540px);padding:0;border:0;border-radius:0;background:var(--pro-surface-raised)}body.template-index .ruby-home-showcase .ruby-showcase__stage:after{content:none}body.template-index .ruby-home-showcase .ruby-showcase__stage-top{position:absolute;inset:16px 24px auto auto;z-index:2;padding:0}body.template-index .ruby-home-showcase .ruby-showcase__photo{position:relative;grid-row:1;grid-column:1;inset:auto;z-index:auto;min-height:0;margin:0}body.template-index .ruby-home-showcase .ruby-showcase__photo img{display:block;width:100%;height:100%;object-fit:var(--showcase-image-fit, cover);object-position:var(--showcase-image-position, center 40%)}body.template-index .ruby-home-showcase .ruby-showcase__scene-tabs{display:inline-flex;padding:0;gap:0;background:#171c1d;border:1px solid #171c1d;border-radius:3px;overflow:hidden}body.template-index .ruby-home-showcase .ruby-showcase__scene-tabs button{min-height:40px;padding:8px 15px;border:0;border-radius:0;color:#fff;font-size:12px;text-transform:none}body.template-index .ruby-home-showcase .ruby-showcase__scene-tabs button[aria-pressed=true]{background:var(--ruby-clay, #944522);color:#fff;box-shadow:none}body.template-index .ruby-home-showcase .ruby-showcase__stage-bottom{position:static;grid-row:2;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 24px 12px 18px;border-top:1px solid var(--pro-border);background:var(--pro-surface-raised)}body.template-index .ruby-home-showcase .ruby-showcase__stage-bottom p{max-width:none;margin:0;padding:0;color:var(--pro-muted);font:400 11px/1.4 var(--font-body-family),Figtree,sans-serif;text-transform:none;background:transparent}body.template-index .ruby-home-showcase .ruby-showcase__open-photo{display:inline-flex;align-items:center;justify-content:center;min-height:44px;gap:8px;padding:8px 11px;border:1px solid var(--pro-border);border-radius:3px;background:var(--pro-surface-raised);color:var(--pro-ink);white-space:nowrap;font-size:12px}body.template-index .ruby-home-showcase .ruby-showcase__story-stage{min-height:var(--showcase-height, 540px);padding:clamp(28px,4vw,56px);border-left:1px solid var(--pro-border);border-radius:0;background:var(--pro-surface-raised)}body.template-index .ruby-home-showcase .ruby-showcase__story-stage>img{display:block;width:100%;height:auto;max-height:300px;object-fit:contain;margin-bottom:24px}body.template-index .ruby-home-showcase .ruby-showcase__story-body{padding:0;color:var(--pro-muted)}body.template-index .ruby-home-showcase .ruby-showcase__story-heading{color:var(--pro-ink);font-family:var(--font-heading-family),Oswald,sans-serif;font-size:clamp(28px,3vw,42px);font-weight:600;line-height:1.15;letter-spacing:-.02em;text-transform:none}body.template-index .ruby-home-showcase .ruby-showcase__story-body ol{margin-block:26px}body.template-index .ruby-home-showcase .ruby-showcase__story-body li{color:var(--pro-ink)}body.template-index .ruby-home-showcase .ruby-showcase__footer{background:var(--pro-surface-raised);color:var(--pro-muted);border-color:var(--pro-border)}body.template-index .ruby-home-showcase .ruby-showcase__lightbox{border-radius:4px;background:#fff;color:#171c1d}body.template-index .ruby-home-showcase .ruby-showcase__lightbox button{border-radius:3px;background:#fff;border-color:#d9ddde;color:#171c1d}body.template-index .ruby-home-vehicles,body.template-index .ruby-home-picks{padding-block:var(--home-section-top, 32px) var(--home-section-bottom, 32px);border-bottom:1px solid var(--pro-border);background:#fff;color:var(--pro-ink)}body.template-index .ruby-home-section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;max-width:none;margin:0 0 18px}body.template-index :is(.ruby-home-vehicles__eyebrow,.ruby-home-picks__eyebrow){margin:0 0 8px;color:var(--pro-ink);font:500 12px/1.5 var(--font-heading-family),Oswald,sans-serif;letter-spacing:.16em;text-transform:uppercase}body.template-index :is(.ruby-home-vehicles__heading,.ruby-home-picks__heading){margin:0;max-width:none;color:var(--pro-ink);font-family:var(--font-heading-family),Oswald,sans-serif;font-size:clamp(28px,3vw,42px);font-weight:600;letter-spacing:-.02em;line-height:1.15;text-transform:none}body.template-index .ruby-home-section-link{color:var(--pro-ink);font-size:14px;text-decoration-color:var(--ruby-clay, #944522);text-underline-offset:7px}body.template-index .ruby-home-vehicles__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}body.template-index .ruby-home-vehicles__tile{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;min-height:230px;gap:12px;padding:24px;border:1px solid var(--pro-border);border-radius:4px;background:#fff;color:var(--pro-ink);box-shadow:none;text-decoration:none}body.template-index .ruby-home-vehicles__tile>div:before{display:block;width:38px;height:5px;margin-bottom:16px;background:var(--vehicle-tone);content:""}body.template-index .ruby-home-vehicles__tile h3{margin:0 0 8px;color:var(--pro-ink);font-family:var(--font-heading-family),Oswald,sans-serif;font-size:clamp(23px,2.1vw,30px);font-weight:600;letter-spacing:0;line-height:1.2;text-transform:none}body.template-index .ruby-home-vehicles__tile p{margin:0 0 10px;color:var(--pro-muted);font-size:14px;line-height:1.5}body.template-index .ruby-home-vehicles__tile .ruby-home-vehicles__years{margin-bottom:5px;color:var(--pro-ink);font-size:12px;letter-spacing:.1em}body.template-index .ruby-home-vehicles__tile .ruby-home-vehicles__link{display:inline;color:var(--pro-ink);font-size:14px;font-weight:600;letter-spacing:0;text-transform:none;border-bottom:2px solid var(--ruby-clay, #944522);padding-bottom:4px}body.template-index .ruby-home-vehicles__tile .ruby-home-vehicles__link span{color:inherit;font-size:inherit}body.template-index .ruby-home-vehicles__tile img{position:static;width:100%;max-width:100%;height:auto;max-height:210px;object-fit:contain;filter:none}body.template-index .ruby-home-vehicles__tile:hover{background:#fff;border-color:var(--vehicle-tone)}body.template-index .ruby-home-picks__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:0;margin:0;list-style:none}body.template-index .ruby-home-picks__grid>li{display:flex;min-width:0}body.template-index .ruby-home-picks__card{display:flex;flex-direction:column;width:100%;min-height:0;border:2px solid var(--pick-tone);border-radius:14px;overflow:hidden;padding:4px;background:#fff;color:var(--pro-ink);text-decoration:none;box-shadow:none}body.template-index .ruby-home-picks__image{position:relative;height:auto;aspect-ratio:3 / 2;flex:none;overflow:hidden;border-radius:9px 9px 0 0;background:#fff}body.template-index .ruby-home-picks__image img{width:100%;height:100%;object-fit:cover;object-position:center;filter:none}body.template-index .ruby-home-picks__image-empty{display:grid;place-items:center;height:100%;padding:24px;color:var(--pro-muted);font-size:14px;text-align:center}body.template-index .ruby-home-picks__body{display:flex;flex:1;flex-direction:column;gap:0;padding:12px 8px 7px;background:#fff}body.template-index .ruby-home-picks__vendor{margin:0 0 7px;color:var(--pro-muted);font-size:13px;font-weight:400;letter-spacing:0;text-transform:none}body.template-index .ruby-home-picks__title{margin:0 0 12px;min-height:2.5em;color:var(--pro-ink);font-family:var(--font-heading-family),Oswald,sans-serif;font-size:clamp(21px,1.8vw,26px);font-weight:600;letter-spacing:0;line-height:1.25;text-transform:none}body.template-index .ruby-home-picks__system{display:flex;align-items:center;gap:10px;margin:auto 0 12px;color:var(--pro-muted);font-size:14px;font-weight:400;letter-spacing:0;text-transform:none}body.template-index .ruby-home-picks__category-dot{display:inline-block;flex:0 0 15px;width:15px;height:15px;background:var(--pick-tone);border-radius:3px}body.template-index .ruby-home-picks__bottom{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin:0}body.template-index .ruby-home-picks__price{color:var(--pro-ink);font-size:22px;font-weight:500;line-height:1.2}body.template-index .ruby-home-picks__action{position:relative;display:flex;align-items:center;justify-content:center;gap:20px;min-height:46px;padding:9px 42px;border:1px solid var(--pick-tone);border-radius:4px;color:var(--pro-ink);background:#fff;font-size:14px;font-weight:600;letter-spacing:0;text-transform:none}body.template-index .ruby-home-picks__action>span{position:absolute;right:16px;color:var(--pick-tone);font-size:23px;line-height:1}body.template-index .ruby-home-picks__card:hover{transform:none;box-shadow:0 4px 18px #171c1d12}body.template-index .ruby-home-picks__card:hover .ruby-home-picks__action{color:var(--pro-ink);background:#fff;text-decoration:underline;text-underline-offset:3px}body.template-index .ruby-home-picks__empty{padding:18px;color:var(--pro-muted);border:1px dashed var(--pro-border)}body.template-index .pro-home-workshop,body.template-index .pro-home-signup{padding-block:32px;background:#fff;color:var(--pro-ink)}body.template-index .pro-home-workshop h2,body.template-index .pro-home-signup h2{color:var(--pro-ink);font-family:var(--font-heading-family),Oswald,sans-serif}body.template-index .pro-home-workshop article,body.template-index .pro-home-signup input{background:#fff;color:var(--pro-ink);border-color:var(--pro-border)}body.template-index .pro-home-workshop a{color:inherit}body.template-index .ruby-home-showcase :is(button,a):focus-visible,body.template-index .ruby-home-vehicles__tile:focus-visible,body.template-index .ruby-home-picks__card:focus-visible{outline:3px solid var(--pro-focus, #346cd0);outline-offset:4px}body.template-index .ruby-home-showcase .ruby-showcase__choices button:focus-visible{outline-offset:-5px}body.template-index .ruby-home-showcase [hidden]{display:none!important}body.template-index .ruby-home-showcase[data-show-tabs=false] .ruby-showcase__top,body.template-index .ruby-home-showcase[data-show-views=false] .ruby-showcase__stage-top,body.template-index .ruby-home-showcase[data-show-footer=false] .ruby-showcase__footer{display:none}@media(min-width:1920px){body.template-index .ruby-home-showcase .ruby-showcase__content{padding-left:72px}}@media(max-width:989px){body.template-index .ruby-home-showcase .ruby-showcase__top{gap:8px;padding-inline:24px}body.template-index .ruby-home-showcase .ruby-showcase__tabs{gap:22px}body.template-index .ruby-home-showcase .ruby-showcase__tabs button{font-size:12px}body.template-index .ruby-home-showcase .ruby-showcase__rotation button{min-width:30px}body.template-index .ruby-home-showcase .ruby-showcase__content{padding:28px 22px 28px 24px}body.template-index .ruby-home-showcase .ruby-showcase__stage{height:470px}body.template-index .ruby-home-showcase .ruby-showcase__copy{font-size:15px}body.template-index .ruby-home-showcase .ruby-showcase__stage-bottom{padding:10px 14px}body.template-index .ruby-home-vehicles__tile{min-height:220px;padding:20px}body.template-index .ruby-home-picks__grid{gap:16px}body.template-index .ruby-home-picks__title{font-size:21px}body.template-index .ruby-home-picks__price{font-size:19px}body.template-index .ruby-home-picks__action{padding-inline:12px}body.template-index .ruby-home-picks__action>span{position:static}}@media(max-width:749px){body.template-index .ruby-home-showcase .ruby-showcase__top{flex-wrap:wrap;padding-inline:20px;gap:0}body.template-index .ruby-home-showcase .ruby-showcase__tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));flex:1 1 100%;gap:0 18px}body.template-index .ruby-home-showcase .ruby-showcase__tabs button{width:100%;min-height:46px;font-size:13px;white-space:normal;text-align:left}body.template-index .ruby-home-showcase .ruby-showcase__rotation{margin-left:auto;min-height:44px}body.template-index .ruby-home-showcase .ruby-showcase__panel{grid-template-columns:minmax(0,1fr)}body.template-index .ruby-home-showcase .ruby-showcase__content{padding:28px 20px}body.template-index .ruby-home-showcase .ruby-showcase__heading{max-width:none;font-size:clamp(38px,9.5vw,60px)}body.template-index .ruby-home-showcase .ruby-showcase__eyebrow{font-size:11px;margin-bottom:13px}body.template-index .ruby-home-showcase .ruby-showcase__copy{max-width:45ch;margin-bottom:22px;font-size:16px}body.template-index .ruby-home-showcase .ruby-showcase__configuration{max-width:none}body.template-index .ruby-home-showcase .ruby-showcase__cta{width:100%}body.template-index .ruby-home-showcase .ruby-showcase__stage{height:clamp(310px,85vw,510px)}body.template-index .ruby-home-showcase .ruby-showcase__stage-top{inset:12px 14px auto auto}body.template-index .ruby-home-showcase .ruby-showcase__stage-bottom{padding:10px 16px}body.template-index .ruby-home-showcase .ruby-showcase__stage-bottom p{font-size:11px}body.template-index .ruby-home-showcase .ruby-showcase__scene-tabs button{min-height:44px}body.template-index .ruby-home-showcase .ruby-showcase__story-stage{min-height:0;padding:28px 20px;border-top:1px solid var(--pro-border);border-left:0}body.template-index .ruby-home-showcase .ruby-showcase__footer{align-items:start;flex-direction:column;gap:8px}body.template-index .ruby-home-section-head{align-items:start;flex-direction:column;gap:16px}body.template-index .ruby-home-vehicles__grid{grid-template-columns:minmax(0,1fr);gap:16px}body.template-index .ruby-home-vehicles__tile{min-height:210px;padding:20px}body.template-index .ruby-home-vehicles__tile h3{font-size:25px}body.template-index .ruby-home-vehicles__tile img{max-height:170px}body.template-index .ruby-home-picks__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}body.template-index .ruby-home-picks__title{font-size:21px}body.template-index .ruby-home-picks__system{font-size:13px}body.template-index .ruby-home-picks__action{gap:10px;font-size:13px}}@media(max-width:479px){body.template-index .ruby-home-picks__grid{grid-template-columns:minmax(0,1fr)}body.template-index .ruby-home-picks__title{min-height:0;font-size:24px}body.template-index .ruby-home-picks__price{font-size:22px}body.template-index .ruby-home-picks__action{font-size:14px}body.template-index .ruby-home-showcase .ruby-showcase__stage-bottom{grid-template-columns:minmax(0,1fr);gap:8px}body.template-index .ruby-home-showcase .ruby-showcase__open-photo{justify-self:end}}@media(prefers-reduced-motion:reduce){body.template-index .ruby-home-showcase *,body.template-index .ruby-home-vehicles__tile,body.template-index .ruby-home-picks__card{scroll-behavior:auto;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/51/assets/ruby-home-redesign.css.map */
