ruby-home-showcase{display:block;padding-block:var(--showcase-top, 20px) var(--showcase-bottom, 28px);color:var(--pro-ink, #f2f3f1)}.ruby-home-showcase [hidden]{display:none!important}.ruby-home-showcase button{font:inherit;cursor:pointer}.ruby-home-showcase button:focus-visible,.ruby-home-showcase a:focus-visible{outline:3px solid var(--pro-focus, #f2a97a);outline-offset:4px}.ruby-home-showcase .ruby-showcase__shell{overflow:hidden;border:var(--pro-tile-border-width, 2px) solid var(--pro-ruby, #944522);border-radius:var(--pro-tile-radius, 16px);background:var(--pro-surface-raised, #26292a)}.ruby-home-showcase .ruby-showcase__top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-inline:24px;border-bottom:1px solid var(--pro-border, #4a4e4d);min-height:64px}.ruby-home-showcase .ruby-showcase__tabs{display:flex;gap:26px;min-width:0;flex-wrap:wrap}.ruby-home-showcase .ruby-showcase__tabs button{min-height:62px;padding:12px 0;border:0;border-bottom:2px solid transparent;color:var(--pro-muted, #bec1c0);background:transparent;font-size:12px;font-weight:750;letter-spacing:.045em;text-transform:uppercase}.ruby-home-showcase .ruby-showcase__tabs button[aria-selected=true]{border-bottom-color:var(--pro-amber, #944522);color:var(--pro-ink, #f2f3f1)}.ruby-home-showcase .ruby-showcase__rotation{display:flex;align-items:center;gap:4px;flex-shrink:0;color:var(--pro-muted);font-size:12px}.ruby-home-showcase .ruby-showcase__rotation button{min-width:36px;min-height:44px;padding:4px;border:0;border-radius:50%;color:var(--pro-ink);background:transparent}.ruby-home-showcase .ruby-showcase__rotation button:hover{background:#ffffff0c}.ruby-home-showcase .ruby-showcase__panel{display:grid;grid-template-columns:minmax(0,var(--showcase-copy-width, 38%)) minmax(0,1fr);min-height:var(--showcase-height, 570px)}.ruby-home-showcase .ruby-showcase__content{display:flex;align-items:flex-start;flex-direction:column;min-width:0;padding:38px 30px 30px 36px}.ruby-home-showcase .ruby-showcase__eyebrow{margin:0 0 20px;color:var(--pro-amber, #944522);font-size:11px;font-weight:750;letter-spacing:.09em;text-transform:uppercase}.ruby-home-showcase .ruby-showcase__heading{margin:0 0 21px;font-family:var(--font-heading-family),Oswald,sans-serif;font-size:clamp(38px,4.2vw,var(--showcase-heading-max, 64px));font-weight:700;letter-spacing:.01em;line-height:1.02;text-transform:uppercase;overflow-wrap:anywhere}.ruby-home-showcase .ruby-showcase__copy{max-width:36ch;margin:0 0 28px;color:var(--pro-muted);font-size:17px;line-height:1.6}.ruby-home-showcase .ruby-showcase__control-label{margin:0 0 12px;color:var(--pro-muted);font-size:11px;font-weight:750;letter-spacing:.09em;text-transform:uppercase}.ruby-home-showcase .ruby-showcase__choices{display:flex;flex-wrap:wrap;gap:10px}.ruby-home-showcase .ruby-showcase__choices button{min-height:44px;padding:10px 16px;border:1px solid var(--pro-border);border-radius:999px;background:transparent;color:var(--pro-ink);font-size:13px}.ruby-home-showcase .ruby-showcase__choices button[aria-pressed=true]{border:2px solid var(--pro-amber);padding:9px 15px;background:color-mix(in srgb,var(--pro-ruby) 20%,transparent)}.ruby-home-showcase .ruby-showcase__configuration-label{margin:13px 0 24px;color:var(--pro-amber);font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.ruby-home-showcase .ruby-showcase__actions{margin-top:4px;margin-bottom:26px}.ruby-home-showcase .button.ruby-showcase__cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;max-width:100%;min-height:44px;padding:12px 23px;white-space:normal;font-size:12px;letter-spacing:.04em;line-height:1.4;text-align:center}.ruby-home-showcase .ruby-showcase__thumbnails{display:flex;gap:12px;margin-top:auto}.ruby-home-showcase .ruby-showcase__thumbnails button{width:132px;max-width:calc(50% - 6px);overflow:hidden;padding:4px;border:1px solid var(--pro-border);border-radius:9px;background:var(--pro-surface);color:var(--pro-muted);font-size:11px;text-align:left}.ruby-home-showcase .ruby-showcase__thumbnails button[aria-pressed=true]{border-color:var(--pro-amber)}.ruby-home-showcase .ruby-showcase__thumbnails button>span:last-child{display:block;padding:6px 4px 3px}.ruby-home-showcase .ruby-showcase__thumb-media{display:block;overflow:hidden;height:59px;border-radius:5px;background:#202324}.ruby-home-showcase .ruby-showcase__thumb-media img{display:block;width:100%;height:100%;object-fit:cover}.ruby-home-showcase .ruby-showcase__stage{position:relative;min-width:0;min-height:var(--showcase-height, 570px);isolation:isolate;background:#1c1e1f}.ruby-home-showcase .ruby-showcase__photo{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;overflow:hidden;z-index:-2}.ruby-home-showcase .ruby-showcase__photo img{display:block;width:100%;height:100%;object-fit:var(--showcase-image-fit, cover);object-position:62% center}.ruby-home-showcase .ruby-showcase__photo[data-view-scene=studio] img{object-position:center}.ruby-home-showcase .ruby-showcase__stage:after{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;content:"";pointer-events:none;background:linear-gradient(0deg,#0d1011d9,transparent 34%,transparent 77%,#0d10114d)}.ruby-home-showcase .ruby-showcase__stage-top{position:absolute;inset:20px 22px auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.ruby-home-showcase .ruby-showcase__scene-tabs{display:flex;gap:4px;padding:4px;border:1px solid #ffffff5c;border-radius:999px;background:#1c1e1fd9}.ruby-home-showcase .ruby-showcase__scene-tabs button{min-height:36px;padding:6px 12px;border:0;border-radius:999px;background:transparent;color:#e0e2df;font-size:11px}.ruby-home-showcase .ruby-showcase__scene-tabs button[aria-pressed=true]{background:#4a4e4d;color:#fff}.ruby-home-showcase .ruby-showcase__view-label{padding:8px 11px;border:1px solid #ffffff38;border-radius:999px;background:#1c1e1fe8;color:#f2f3f1;font-size:10px;letter-spacing:.06em;text-transform:uppercase}.ruby-home-showcase .ruby-showcase__stage-bottom{position:absolute;inset:auto 22px 22px;display:flex;align-items:end;justify-content:space-between;gap:16px}.ruby-home-showcase .ruby-showcase__stage-bottom p{max-width:30ch;margin:0;color:#fff;font-family:var(--font-heading-family),sans-serif;font-size:22px;font-weight:700;line-height:1.15;text-transform:uppercase}.ruby-home-showcase .ruby-showcase__open-photo{flex-shrink:0;min-height:44px;padding:9px 15px;border:1px solid #ffffff80;border-radius:999px;background:#1c1e1fdd;color:#fff;font-size:12px}.ruby-home-showcase .ruby-showcase__footer{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:52px;padding:15px 25px;border-top:1px solid var(--pro-border);color:var(--pro-muted);font-size:11px}.ruby-home-showcase .ruby-showcase__footer>span:first-child{color:var(--pro-amber);font-size:10px;letter-spacing:.07em;text-transform:uppercase}.ruby-home-showcase .ruby-showcase__footer-brand{font-size:10px;letter-spacing:.04em;text-transform:uppercase}.ruby-home-showcase .ruby-showcase__lightbox{position:fixed;max-width:min(94vw,1500px);max-height:94dvh;margin:auto;padding:15px;border:1px solid var(--pro-border);border-radius:16px;background:#1c1e1f;color:var(--pro-ink);overflow:auto}.ruby-home-showcase .ruby-showcase__lightbox:not([open]){display:none}.ruby-home-showcase .ruby-showcase__lightbox::backdrop{background:#000d}.ruby-home-showcase .ruby-showcase__lightbox button{display:block;margin-left:auto;min-height:44px;padding:8px 16px;border:1px solid var(--pro-border);border-radius:999px;background:transparent;color:#fff}.ruby-home-showcase .ruby-showcase__lightbox img{display:block;width:auto;max-width:100%;height:auto;max-height:73dvh;object-fit:contain;margin:12px auto}.ruby-home-showcase .ruby-showcase__lightbox p{font-size:13px;text-align:center;color:var(--pro-muted)}.ruby-home-vehicles{padding-block:40px;background:var(--pro-surface)}.ruby-home-vehicles__eyebrow,.ruby-home-picks__eyebrow{color:var(--pro-amber);font-size:11px;font-weight:750;letter-spacing:.1em;text-transform:uppercase;margin:0 0 18px}.ruby-home-vehicles__heading,.ruby-home-picks__heading{margin:0 0 30px;font-size:clamp(32px,4vw,56px);max-width:26ch;line-height:1.02}.ruby-home-vehicles__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ruby-home-vehicles__tile{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,.62fr);align-items:center;gap:14px;min-height:190px;padding:22px 20px;border:2px solid var(--vehicle-tone);border-radius:var(--pro-tile-radius);background:var(--pro-surface-raised);text-decoration:none}.ruby-home-vehicles__tile h3{margin:6px 0 9px;font-size:25px}.ruby-home-vehicles__tile p{font-size:15px;line-height:1.45;margin:0 0 14px}.ruby-home-vehicles__tile .ruby-home-vehicles__years{margin:0;color:var(--pro-amber);font-size:11px;letter-spacing:.07em;font-weight:700}.ruby-home-vehicles__tile span{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.ruby-home-vehicles__tile img{display:block;width:100%;height:auto;max-height:160px;object-fit:contain}.ruby-home-vehicles__tile:hover{background:#2d3031}.ruby-home-picks{padding-block:28px 44px;background:var(--pro-surface)}.ruby-home-picks__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:0;margin:0;list-style:none}.ruby-home-picks__card{display:flex;flex-direction:column;height:100%;overflow:hidden;padding:10px;border:2px solid var(--pick-tone, #747b7a);border-radius:var(--pro-tile-radius);background:#292d2d;color:var(--pro-ink);text-decoration:none}.ruby-home-picks__image{display:block;aspect-ratio:1.65;overflow:hidden;border-radius:10px;background:#1d2020}.ruby-home-picks__image img{display:block;width:100%;height:100%;object-fit:cover}.ruby-home-picks__body{display:flex;flex:1;flex-direction:column;padding:16px 5px 5px}.ruby-home-picks__vendor{margin:0 0 5px;color:var(--pro-amber);font-size:11px;letter-spacing:.04em;text-transform:uppercase}.pro-garage .ruby-home-picks__title{margin:0 0 18px;color:var(--pro-ink);font-family:var(--font-body-family),sans-serif;font-size:20px;font-weight:650;line-height:1.2;text-transform:none}.ruby-home-picks__system{margin:0 0 16px;color:var(--pick-tone);font-size:10px;font-weight:750;letter-spacing:.05em;text-transform:uppercase}.ruby-home-picks__bottom{display:grid;gap:14px;margin-top:auto;padding-top:12px;border-top:1px solid var(--pro-border)}.ruby-home-picks__price{color:var(--pro-ink);font-family:var(--font-heading-family);font-size:25px;font-weight:700;line-height:1.2}.ruby-home-picks__action{display:flex;min-height:44px;align-items:center;justify-content:center;padding:9px;border:2px solid var(--pick-tone);border-radius:10px;color:var(--pro-ink);font-size:12px;font-weight:750;text-transform:uppercase;text-align:center}.ruby-home-picks__card:hover .ruby-home-picks__action{background:var(--pick-tone);color:#1c1e1f}.ruby-home-picks__empty{color:var(--pro-muted);font-size:16px}@media(min-width:1600px){.ruby-home-showcase .ruby-showcase__panel,.ruby-home-showcase .ruby-showcase__stage{min-height:620px}}@media(max-width:989px){.ruby-home-showcase .ruby-showcase__panel{grid-template-columns:minmax(0,.43fr) minmax(0,.57fr)}.ruby-home-showcase .ruby-showcase__content{padding:28px 22px}.ruby-home-showcase .ruby-showcase__copy{font-size:15px}.ruby-home-showcase .ruby-showcase__stage{min-height:540px}.ruby-home-showcase .ruby-showcase__heading{font-size:43px}.ruby-home-showcase .ruby-showcase__top{padding-inline:18px;gap:12px}.ruby-home-showcase .ruby-showcase__tabs{gap:17px}.ruby-home-showcase .ruby-showcase__tabs button{font-size:11px}.ruby-home-showcase .ruby-showcase__rotation{gap:0}.ruby-home-vehicles__tile{grid-template-columns:1fr 140px;padding:18px}.ruby-home-vehicles__tile h3{font-size:22px}.ruby-home-vehicles__tile p{font-size:13px}.pro-garage .ruby-home-picks__title{font-size:17px}}@media(max-width:749px){ruby-home-showcase{padding-block:16px 22px}.ruby-home-showcase .ruby-showcase__top{display:block;padding:0 14px}.ruby-home-showcase .ruby-showcase__tabs{justify-content:space-between;gap:10px}.ruby-home-showcase .ruby-showcase__tabs button{min-height:48px;font-size:10px;letter-spacing:.01em}.ruby-home-showcase .ruby-showcase__rotation{justify-content:flex-end;border-top:1px solid var(--pro-border)}.ruby-home-showcase .ruby-showcase__rotation button{min-width:44px}.ruby-home-showcase .ruby-showcase__panel{display:flex;flex-direction:column;min-height:0}.ruby-home-showcase .ruby-showcase__stage{order:-1;min-height:0;height:clamp(300px,86vw,430px)}.ruby-home-showcase .ruby-showcase__photo img{object-position:62% center}.ruby-home-showcase .ruby-showcase__stage-top{inset:14px 14px auto;gap:8px}.ruby-home-showcase .ruby-showcase__scene-tabs button{min-height:36px}.ruby-home-showcase .ruby-showcase__view-label{font-size:9px;padding:7px 9px}.ruby-home-showcase .ruby-showcase__content{padding:26px 22px}.ruby-home-showcase .ruby-showcase__heading{font-size:43px;line-height:1.01}.ruby-home-showcase .ruby-showcase__copy{max-width:38ch;margin-bottom:23px;font-size:16px}.ruby-home-showcase .ruby-showcase__eyebrow{font-size:10px;margin-bottom:16px}.ruby-home-showcase .ruby-showcase__stage-bottom{inset:auto 14px 14px;gap:10px}.ruby-home-showcase .ruby-showcase__stage-bottom p{font-size:18px;max-width:20ch}.ruby-home-showcase .ruby-showcase__open-photo{font-size:11px;padding:8px 11px}.ruby-home-showcase .ruby-showcase__thumbnails{margin-top:0}.ruby-home-showcase .ruby-showcase__footer{flex-wrap:wrap;gap:7px 20px;padding:15px 20px;line-height:1.5}.ruby-home-showcase .ruby-showcase__footer-brand{display:none}.ruby-home-vehicles{padding-block:30px}.ruby-home-vehicles__heading,.ruby-home-picks__heading{font-size:36px;margin-bottom:24px}.ruby-home-vehicles__grid{grid-template-columns:1fr}.ruby-home-vehicles__tile{grid-template-columns:minmax(0,1fr) 125px;min-height:175px;padding:18px 15px;gap:10px}.ruby-home-vehicles__tile p{font-size:14px}.ruby-home-vehicles__tile h3{font-size:23px}.ruby-home-picks__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ruby-home-picks__card{padding:7px}.ruby-home-picks__body{padding:13px 3px 3px}.ruby-home-picks__image{aspect-ratio:1.15}.pro-garage .ruby-home-picks__title{font-size:17px}.ruby-home-picks__price{font-size:22px}.ruby-home-picks__action{font-size:11px}}@media(max-width:479px){.ruby-home-picks__grid{grid-template-columns:1fr}.ruby-home-picks__image{aspect-ratio:1.65}.ruby-home-showcase .ruby-showcase__tabs button{font-size:9px}.ruby-home-showcase .ruby-showcase__tabs{gap:8px}.ruby-home-showcase .ruby-showcase__heading{font-size:40px}.ruby-home-showcase .ruby-showcase__view-label{max-width:140px;overflow-wrap:anywhere}.ruby-home-vehicles__tile{grid-template-columns:minmax(0,1fr) 110px}.ruby-home-showcase .ruby-showcase__footer{font-size:10px}}@media(prefers-reduced-motion:reduce){.ruby-home-showcase *{scroll-behavior:auto!important;transition:none!important}}.pro-garage .ruby-home-vehicles__eyebrow,.pro-garage .ruby-home-picks__eyebrow,.pro-garage .ruby-home-picks__vendor{color:var(--pro-amber)}.pro-garage .ruby-home-picks__system{color:var(--pick-tone)}body.template-index .announcement-bar-section{display:none}.pro-garage .ruby-home-picks__system{color:color-mix(in srgb,var(--pick-tone) 80%,#fff)}.ruby-home-showcase[data-show-tabs=false] .ruby-showcase__tabs,.ruby-home-showcase[data-show-views=false] :is(.ruby-showcase__thumbnails,.ruby-showcase__scene-tabs),.ruby-home-showcase[data-show-compare=false] .pro-bezel-compare,.ruby-home-showcase[data-show-footer=false] .ruby-showcase__footer{display:none!important}.ruby-home-showcase[data-custom-palette=true] .ruby-showcase__cta{background:var(--showcase-button-bg);color:var(--showcase-button-ink)}.ruby-home-showcase .ruby-showcase__story-stage{position:relative;display:flex;align-items:center;min-height:var(--showcase-height, 570px);padding:44px;background:#1c1e1f;isolation:isolate;overflow:hidden;border-left:1px solid var(--pro-border, #4a4e4d)}.ruby-showcase__story-stage>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:.27}.ruby-showcase__story-stage:has(>img):after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";z-index:-1;background:linear-gradient(90deg,#1c1e1fe8,#1c1e1f50)}.ruby-showcase__story-body{max-width:42ch}.ruby-home-showcase .ruby-showcase__story-heading{font-family:var(--font-heading-family),sans-serif;font-size:clamp(34px,4vw,60px);color:var(--pro-ink, #f2f3f1);line-height:1.08;margin:0 0 30px;text-transform:uppercase}.ruby-showcase__story-body ol{list-style:none;counter-reset:story;padding:0;margin:0 0 28px}.ruby-showcase__story-body li{counter-increment:story;padding:14px 0;border-top:1px solid var(--pro-border, #4a4e4d);font-size:15px}.ruby-showcase__story-body li:before{content:counter(story,decimal-leading-zero);margin-right:20px;color:var(--pro-amber, #944522);font-size:12px}.ruby-showcase__story-body>p:last-child{color:var(--pro-muted, #bec1c0);font-size:14px;line-height:1.6}@media(max-width:749px){.ruby-home-showcase .ruby-showcase__story-stage{min-height:0;padding:28px 22px;border-left:0;border-top:1px solid var(--pro-border, #4a4e4d)}.ruby-home-showcase .ruby-showcase__story-heading{font-size:36px}.ruby-home-showcase .ruby-showcase__tabs{justify-content:flex-start;column-gap:20px}.ruby-home-showcase .ruby-showcase__tabs button{font-size:10px}}
/*# sourceMappingURL=/cdn/shop/t/51/assets/pro-home-showcase.css.map */
