:root{--rf-white:#fff;--rf-cream:#f6f3ec;--rf-paper:#fbf9f4;--rf-grey:#a9a9a9;--rf-slate:#6f6a5e;--rf-ink:#393B44;--rf-cobalt:#393B44;--rf-club:#393B44;--rf-green:#393B44;--rf-red:#c00;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s6:24px;--s8:32px;--s12:48px;--s16:64px;--s24:96px;--radius:0;--rule:1px solid var(--rf-grey);--maxw:1200px;--gutter:32px;--font-display:"Anybody","Arial Narrow",system-ui,sans-serif;--font-ui:"Geist",ui-sans-serif,system-ui,-apple-system,sans-serif}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--rf-cream);color:var(--rf-ink);font-family:var(--font-ui);font-size:17px;line-height:1.8;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,svg,video{display:block;max-width:100%}a{color:var(--rf-club);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}figure,h1,h2,h3,ol,p,ul{margin:0}ol,ul{padding:0;list-style:none}button{font:inherit;color:inherit;cursor:pointer}.data,.dom,.fp,.n,.p,.pn,.price,.time,.tnum{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}:where(a,button,input,textarea,select,[tabindex]):focus-visible{outline:2px solid var(--rf-club);outline-offset:2px}.display,h1,h2{font-family:var(--font-display);font-weight:700}.display{font-size:clamp(40px,6vw,64px);line-height:1.02}.display,h1{letter-spacing:-.03em}h1{font-size:clamp(34px,5vw,44px);line-height:1.05}h2{font-size:clamp(24px,3.4vw,30px);line-height:1.1;letter-spacing:-.02em}h3{font-family:var(--font-ui);font-weight:700;font-size:15px;line-height:1.4;letter-spacing:.02em}.lead{font-size:19px;max-width:62ch}.lead,.small{line-height:1.7}.small{font-size:14px}.kick,.label,.lede,.navh{font-weight:700;font-size:11px;line-height:1.4;letter-spacing:.18em;text-transform:uppercase;color:var(--rf-slate)}em{font-style:italic}.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter)}section{padding:var(--s24) 0}.rule{border:0;border-top:var(--rule);margin:var(--s12) 0}.hd .kick{margin-bottom:var(--s3);display:block}.aside{color:var(--rf-slate);max-width:40ch}.aside,.btn{font-size:15px}.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-ui);font-weight:700;letter-spacing:.01em;padding:12px 22px;border-radius:0;border:1px solid transparent;min-height:44px;transition:background .15s ease,color .15s ease,border-color .15s ease}.btn,.btn:hover{text-decoration:none}.btn.lg{padding:16px 30px;font-size:16px}.btn.sm{padding:8px 16px;min-height:36px;font-size:14px}.btn.navy,.btn.primary{background:var(--rf-dark,#1F2956);color:#fff}.btn.navy:hover,.btn.primary:hover{background:#23252d}.btn.accent{background:var(--rf-club);color:#fff}.btn.accent:hover{background:#006ED4}.btn.ghost,.btn.secondary{background:#fff;color:var(--rf-ink);border-color:var(--rf-grey)}.btn.ghost:hover,.btn.secondary:hover{border-color:var(--rf-ink)}.btn.white{background:#fff;color:var(--rf-cobalt)}.btn.line{background:transparent;color:#fff;border-color:hsla(0,0%,100%,.6)}.btn.line:hover{border-color:#fff}.btn.destructive{background:var(--rf-red);color:#fff}.btn.disabled,.btn[disabled]{background:var(--rf-grey);color:#fff;pointer-events:none}.btn .ic{width:20px;height:20px}.ic{width:24px;height:24px;color:var(--rf-ink);flex:none}.ic.sm{width:16px;height:16px}.badges{display:flex;gap:var(--s2);flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-ui);text-transform:uppercase;border-radius:0;line-height:1;font-size:10.5px;font-weight:700;letter-spacing:.12em;padding:6px 9px}.badge.arrived{background:var(--rf-cobalt);color:#fff}.badge.pts{background:var(--rf-club);color:#fff}.badge.pedals{background:#fff;color:var(--rf-green);border:1px solid var(--rf-green)}.badge.provenance{background:var(--rf-green);color:#fff}.badge.sold{background:var(--rf-red);color:#fff}.topbar{position:sticky;top:0;z-index:40;background:var(--rf-white);color:var(--rf-cobalt);border-bottom:var(--rule)}.topbar .wrap{display:flex;align-items:center;justify-content:space-between;max-width:none;padding:0 clamp(22px,3.4vw,54px);min-height:96px}.topbar .logo{display:inline-flex;align-items:center}.topbar .logo:hover{text-decoration:none}.topbar .logo img{height:40px;width:auto}.nav{display:flex;align-items:center;gap:4px}.nav a{display:inline-flex;align-items:center;gap:7px;color:var(--rf-cobalt);white-space:nowrap;border-radius:0;font-size:15px;padding:12px 18px;letter-spacing:.02em;font-weight:600}.nav a:hover{text-decoration:none;background:rgba(31,41,86,.06)}.nav a[aria-current=page],.nav a[aria-current=page] .ic{color:var(--rf-club)}.nav .ic{color:var(--rf-cobalt);width:18px;height:18px}.nav .lbl{display:inline}.tools{display:inline-flex;gap:6px}.iconbtn{display:inline-flex;align-items:center;justify-content:center;border-radius:0;background:transparent;color:var(--rf-cobalt);border:0;width:46px;height:46px}.iconbtn:hover{background:rgba(31,41,86,.06)}.iconbtn .ic{color:var(--rf-cobalt);width:22px;height:22px}.hero{position:relative;min-height:92vh;display:flex;align-items:flex-end;background:var(--rf-cobalt);color:#fff;overflow:hidden}.hero-img,.hero-video{position:absolute;inset:0}.hero-video{width:100%;height:100%;object-fit:cover}.hero .scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,15,36,.28) 0,rgba(11,15,36,.12) 40%,rgba(11,15,36,.72))}.hero .wrap{position:relative;padding:0 var(--gutter) clamp(44px,6vw,84px);width:100%}.hero .kick{color:hsla(0,0%,100%,.85);margin-bottom:var(--s4)}.hero h1{font-family:var(--font-display);font-weight:700;font-size:clamp(44px,7.5vw,84px);line-height:.98;letter-spacing:-.03em;max-width:15ch}.hero h1 em{color:hsla(0,0%,100%,.68)}.on-dark{color:hsla(0,0%,100%,.75)}.hero .cta{display:flex;gap:var(--s3);margin-top:var(--s6);flex-wrap:wrap}.hero-feat a{color:#fff}.hero-feat .fn{display:block;font-weight:700;font-size:15px}.hero-feat .fp{margin-left:auto;font-family:var(--font-display);font-weight:700;font-size:26px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.hero-ctl{position:absolute;top:clamp(104px,12vh,132px);right:clamp(16px,3vw,30px);z-index:4;display:flex;gap:10px}.hctl:hover{background:rgba(11,15,36,.6);border-color:#fff;transform:translateY(-1px)}.hctl .i-play,.hctl .i-sound{display:none}.hctl.paused .i-play{display:block}.hctl.muted .i-muted{display:block}.hctl:not(.muted) .i-sound{display:block}.social{padding-top:var(--s16);padding-bottom:var(--s16)}.ig-hd{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--s6);flex-wrap:wrap;margin-bottom:var(--s8);padding:0 clamp(16px,3vw,40px)}.ig-hd-l .kick{display:block;margin-bottom:var(--s3);color:var(--rf-club)}.ig-hd-l h2{font-size:clamp(26px,3.6vw,40px);letter-spacing:-.02em}.ig-hd-r{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.ig-handle{font-weight:700;font-size:15px;color:var(--rf-ink);letter-spacing:.01em}.ig-handle:hover{color:var(--rf-club);text-decoration:none}.ig-follow{display:inline-flex;align-items:center;gap:8px;background:var(--rf-club);color:#fff;font-weight:700;font-size:14px;letter-spacing:.02em;padding:11px 22px;border-radius:0;min-height:44px}.ig-follow:hover{background:#006ED4;text-decoration:none}.ig-follow svg{width:18px;height:18px}.igwrap{position:relative}.igfeed{display:flex;gap:3px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.igfeed::-webkit-scrollbar{display:none}.igtile:hover{text-decoration:none}.igph{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.igtile:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,15,36,0) 45%,rgba(11,15,36,.72));transition:background .3s ease}.igplay{position:absolute;top:12px;right:12px;z-index:2;width:28px;height:28px;filter:drop-shadow(0 1px 5px rgba(0,0,0,.5))}.igplay svg{width:100%;height:100%;display:block}.igwatch{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);z-index:3;width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .25s ease,transform .25s ease}.igwatch svg{width:22px;height:22px;color:#fff;margin-left:2px}.igcap{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:16px 14px 14px;color:#fff;font-family:var(--font-ui);font-weight:600;font-size:14px;line-height:1.3;letter-spacing:.01em;max-width:72%}.igarrow:hover{background:var(--rf-cobalt);color:#fff;border-color:var(--rf-cobalt)}.igarrow.next{right:10px}@media (max-width:768px){.igarrow{display:none}.igwatch{opacity:1;transform:translate(-50%,-50%) scale(1);width:54px;height:54px}}.card{background:#fff;border:var(--rule);border-radius:0;display:flex;flex-direction:column}.card a{color:inherit}.card a:hover{text-decoration:none}.imgwrap{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--rf-cobalt)}.imgwrap .ph{width:100%;height:100%;object-fit:cover}.imgwrap .badges{position:absolute;top:10px;left:10px;right:100px;pointer-events:none}.plate{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.plate .wm{font-family:var(--font-display);font-weight:700;font-size:46px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.02em;opacity:.3}.plate.on-light .wm{color:var(--rf-ink)}.plate.on-dark .wm{color:#fff}.card .body{display:flex;flex-direction:column;flex:1 1;padding:0 16px 16px}.card .stock{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.card h3{font-size:20px;line-height:1.1}.card h3 a:hover{text-decoration:none}.card .foot{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s3);margin-top:auto;padding-top:10px}.card .specs{text-transform:uppercase;letter-spacing:.09em;font-weight:700;color:#7a7f8b;font-size:12px}.card .price{font-family:"Anybody";font-weight:800;font-size:clamp(18px,1.35vw,22px);letter-spacing:-.01em}.cardhover{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:20px 16px 16px;display:flex;flex-direction:column;gap:2px;background:linear-gradient(180deg,rgba(11,15,36,0),rgba(11,15,36,.82));color:#fff;opacity:0;transform:translateY(8px);transition:opacity .28s ease,transform .28s ease;pointer-events:none}.imgwrap:hover .cardhover{opacity:1;transform:none}.cardhover .chn{font-family:var(--font-display);font-weight:700;font-size:16px;line-height:1.15}.cardhover .chp{font-weight:700;font-size:14px;color:hsla(0,0%,100%,.85)}@media (hover:none){.cardhover{display:none}}.cardacts{position:absolute;top:10px;right:10px;z-index:3;display:flex;gap:6px}.cact{width:38px;height:38px;border-radius:50%;border:0;background:rgba(6,9,20,.5);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;position:relative;transition:background .15s ease,transform .15s ease}.cact svg{width:18px;height:18px;fill:none;stroke:#fff;stroke-width:1.7}.cact.save.on svg{fill:#fff}.cact:hover{background:rgba(6,9,20,.78);transform:translateY(-1px)}.cact.share.copied:after{content:"Copied";position:absolute;top:-30px;right:0;background:var(--rf-dark,#1F2956);color:#fff;font-size:11px;font-weight:700;padding:4px 8px;border-radius:0;white-space:nowrap}.card .cbadges:empty{display:none}.card .cbadges .badge{background:none;border:0;padding:0;color:var(--rf-ink);font-size:10.5px;letter-spacing:.14em}.card .imgwrap .ph{height:100%;object-position:center}.titlerow{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0}.card .titlerow h3{flex:1 1 auto;min-width:0;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.spi{width:14px;height:14px;opacity:.7;flex:0 0 auto}.sp-dot{opacity:.45;margin:0 6px}.seeall{font-weight:700;color:var(--rf-club);white-space:nowrap;font-size:15px}.seeall:hover{text-decoration:none;color:#006ED4}.fleetgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:0 3px}.fleetgrid .card{border:0;border-radius:0;background:#1F2956}.fleetgrid .card .body{background:#fff}.fleetgrid .imgwrap{aspect-ratio:3/2}.fleetgrid .imgwrap .badges{top:10px;left:10px}.fleetempty{grid-column:1/-1;padding:64px 0;text-align:center;color:var(--rf-slate)}.tint{background:#f4f5f7}.tint.cobalt{background:var(--rf-cobalt);color:#fff}.tint.cobalt .aside,.tint.cobalt .kick,.tint.cobalt .lede{color:hsla(0,0%,100%,.75)}.sold-teaser .lead{color:var(--rf-slate);margin-top:var(--s6)}footer{background:var(--rf-cobalt);color:#fff;margin-top:var(--s24)}footer .wrap{padding:var(--s16) var(--gutter) var(--s8)}.fgrid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--s8)}footer .flogo{font-family:var(--font-display);font-weight:700;font-size:22px;margin-bottom:var(--s4)}footer p{color:hsla(0,0%,100%,.72);font-size:14px;line-height:1.7}footer h4{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:hsla(0,0%,100%,.6);margin:0 0 var(--s4);font-weight:700}footer ul{display:flex;flex-direction:column;gap:10px}footer ul a{color:#fff;font-size:14px}footer a{color:#fff}.fbot{display:flex;justify-content:space-between;gap:var(--s6);margin-top:var(--s12);padding-top:var(--s6);border-top:1px solid hsla(0,0%,100%,.2);color:hsla(0,0%,100%,.6);font-size:13px;flex-wrap:wrap}@media (max-width:1200px) and (min-width:769px){.nav .lbl{display:none}}@media (max-width:1024px){.fgrid{grid-template-columns:1fr 1fr}}@media (max-width:900px){.fleetgrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){:root{--gutter:20px}.nav{display:none}.fgrid{grid-template-columns:1fr;gap:var(--s6)}.hero-feat .fp{margin-left:0}}@media (max-width:560px){.fleetgrid{grid-template-columns:1fr}}.menudrawer{border-top:var(--rule);background:var(--rf-white)}.menudrawer a{display:flex;align-items:center;gap:12px;padding:16px clamp(22px,3.4vw,54px);color:var(--rf-cobalt);font-weight:600;font-size:16px;border-bottom:var(--rule)}.menudrawer a:hover{text-decoration:none;background:rgba(31,41,86,.06)}.menudrawer .ic{width:20px;height:20px;color:var(--rf-cobalt)}.pdp-stage.has-reel .pdp-main{flex:1;min-height:0;aspect-ratio:auto}.pdp-stage.has-reel .pdp-rail{flex:none}.reel-col .reel-vid{width:100%;height:100%;object-fit:cover;display:block}.reel-col .reel-sound svg{width:18px;height:18px}.pdp-gal{margin-top:12px;background:#1F2956}.pdp-main{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden}.pdp-main img{width:100%;height:100%;object-fit:cover;object-position:center top}.pnav{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;border:0;background:rgba(6,9,20,.4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:26px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease;z-index:2}.pnav:hover{background:rgba(6,9,20,.72)}.pnav.prev{left:16px}.pnav.next{right:16px}.pdp-rail{display:flex;gap:6px;overflow-x:auto;padding:6px clamp(10px,2vw,20px) 10px;background:#1F2956}.pdp-rail::-webkit-scrollbar{height:0}.pth{flex:0 0 clamp(84px,9vw,116px);aspect-ratio:3/2;border:0;background-size:cover;background-position:center;cursor:pointer;opacity:.45;transition:opacity .2s ease;outline:2px solid transparent;outline-offset:-2px}.pth:hover{opacity:.8}.pth.on{opacity:1;outline-color:#fff}.pdp-body{display:grid;grid-template-columns:1fr 360px;gap:clamp(30px,5vw,72px);align-items:start;padding-top:clamp(30px,4vw,56px);padding-bottom:var(--s16)}.pdp-head .kick{color:var(--rf-club);margin-bottom:12px;display:block}.badges{display:flex;gap:8px;flex-wrap:wrap}.sp2 .k{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--rf-slate);font-weight:700}.sp2 .v{font-family:var(--font-display);font-weight:700;font-size:18px;color:var(--rf-ink);display:flex;align-items:center;gap:0}.pdp-left .blk{margin-top:var(--s8)}.pdp-left .blk h2{font-size:20px;margin-bottom:12px}.pdp-left .blk p{color:var(--rf-slate);line-height:1.7;margin-bottom:14px}.hl-grid{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:10px 24px;margin:0;padding:0}.hl-grid li{display:flex;gap:10px;align-items:flex-start;color:var(--rf-ink);font-size:15px;line-height:1.45}.hl-grid li svg{width:18px;height:18px;color:var(--rf-club);flex:none;margin-top:2px}.pdp-docs .docsub{color:var(--rf-slate);margin-bottom:16px}.doc-row{display:flex;flex-wrap:wrap;gap:10px}.doc-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--rf-grey);padding:10px 14px;font-weight:700;font-size:14px;color:var(--rf-ink)}.doc-chip svg{width:18px;height:18px}.doc-chip:hover{border-color:var(--rf-ink);text-decoration:none}.pdp-aside{position:-webkit-sticky;position:sticky;top:92px}.pdp-buy{border:var(--rule);padding:var(--s8);background:#fff}.pdp-buy .price{font-family:var(--font-display);font-weight:700;font-size:34px;font-variant-numeric:tabular-nums}.pdp-buy .pn{color:var(--rf-slate);font-size:13px;margin-bottom:var(--s6)}.pdp-buy .btn{width:100%;justify-content:center;margin-bottom:10px}.pdp-save{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:transparent;border:1px solid var(--rf-grey);padding:11px;font-weight:700;color:var(--rf-ink);cursor:pointer;min-height:44px}.pdp-save svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}.pdp-save.on{border-color:#c9a227;color:var(--rf-ink)}.pdp-save.on svg{fill:#c9a227;stroke:#c9a227}.pdp-dealer{margin-top:var(--s6);padding-top:var(--s6);border-top:var(--rule);font-size:13px;color:var(--rf-slate);line-height:1.6}.pdp-dealer .dk{font-weight:700;color:var(--rf-ink);margin-bottom:4px}.pdp-dealer a{font-weight:700}.pid{display:flex;align-items:center;justify-content:space-between;gap:12px}.pk{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--rf-slate);font-weight:700}.copyb span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copyb.copied{color:var(--rf-club)}.pmore-hd{margin-bottom:var(--s6)}.pmore-hd .kick{color:var(--rf-club);display:block;margin-bottom:8px}.pmore-hd h2{font-size:clamp(26px,3.4vw,40px);letter-spacing:-.02em}@media (max-width:900px){.pdp-body{grid-template-columns:1fr}.pdp-aside{position:static}.pnav{width:44px;height:44px}}.rec-hero{background:#1F2956;color:#fff;padding:clamp(56px,7vw,110px) 0 clamp(44px,5vw,78px)}.rec-hero .kick{color:#8ec5ff;letter-spacing:.28em;font-size:10.5px;font-weight:700;text-transform:uppercase;margin:0 0 14px}.rec-hero h1{font-family:var(--font-display);font-size:clamp(34px,4.6vw,72px);font-weight:600;line-height:1.02;letter-spacing:-.026em;margin:0 0 18px;color:#fff}.rec-lede{color:rgba(255,255,255,.72);font-size:clamp(15px,1.2vw,18px);line-height:1.6;max-width:52ch;margin:0}.rec-wrap{padding-top:clamp(26px,2.6vw,40px);padding-bottom:clamp(48px,5vw,90px)}.rec-tabs{display:flex;gap:8px;flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;margin-bottom:clamp(20px,2vw,30px);scrollbar-width:none;-webkit-overflow-scrolling:touch}.rec-tabs::-webkit-scrollbar{display:none}.rec-tab{flex:0 0 auto;height:38px;padding:0 16px;border-radius:0;border:1px solid #e0e5ec;background:#fff;cursor:pointer;font-family:inherit;font-size:13.5px;font-weight:600;color:#4a5163;white-space:nowrap;transition:background .18s,color .18s,border-color .18s}.rec-tab:hover{border-color:#c3ccda}.rec-tab.on{background:#1F2956;border-color:#1F2956;color:#fff}.recgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:clamp(18px,1.8vw,32px)}.rc{display:flex;flex-direction:column;width:100%;background:transparent;border:0;padding:0;margin:0;text-align:left;text-decoration:none;color:inherit;cursor:pointer;font-family:inherit}.rc-media{position:relative;display:block;width:100%;aspect-ratio:16/10;overflow:hidden;background:#eef0f4}.rc-ph{position:absolute;inset:0;display:block;background-size:cover;background-position:center;background-repeat:no-repeat;transition:transform .6s cubic-bezier(.2,.7,.3,1)}.rc:hover .rc-ph{transform:scale(1.05)}.rc-ph-empty{background:linear-gradient(135deg,#e9edf3,#dfe5ee)}.rc-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.94);color:#1F2956;display:grid;place-items:center;box-shadow:0 10px 28px rgba(6,9,18,.34);transition:transform .25s}.rc-play svg{width:22px;height:22px;margin-left:3px}.rc:hover .rc-play{transform:translate(-50%,-50%) scale(1.08)}.rc-kind{position:absolute;top:12px;left:12px;background:rgba(11,14,23,.82);color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:9.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;padding:6px 10px}.rc-body{display:block;padding:14px 2px 0}.rc-title{display:block;font-size:17px;font-weight:600;line-height:1.25;letter-spacing:-.008em;color:#1F2956}.rc-dek{display:block;margin-top:6px;font-size:14px;line-height:1.5;color:#5a6172}.rc-meta{display:block;margin-top:9px;font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#9aa0ab}.rec-empty{grid-column:1/-1;color:#8a8f9b;font-size:15px;padding:30px 0}.ytmodal{position:fixed;inset:0;z-index:60;background:rgba(6,9,18,.86);display:flex;align-items:center;justify-content:center;padding:20px}.ytbox{position:relative;width:min(960px,100%);aspect-ratio:16/9;background:#000}.ytbox iframe{width:100%;height:100%;border:0}.ytclose{position:absolute;top:-42px;right:0;background:transparent;border:0;color:#fff;font-size:30px;cursor:pointer;line-height:1}@media (max-width:768px){.recgrid{grid-template-columns:1fr;gap:22px}.rec-hero{padding:38px 0 30px}.rec-hero h1{font-size:30px}.rec-lede{font-size:14.5px}.ytclose{top:-38px}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.spinbtn{position:absolute;top:14px;left:14px;z-index:4;display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 14px;border:0;border-radius:0;background:rgba(6,9,20,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-family:var(--font-ui);font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background .15s ease}.spinbtn:hover{background:rgba(6,9,20,.82)}.spinbtn.on{background:#fff;color:var(--rf-ink)}.spinbtn svg{width:16px;height:16px}.spinstage{position:absolute;inset:0;background:#1F2956;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none}.spinstage.grabbing{cursor:grabbing}.spinstage img{width:100%;height:100%;object-fit:cover;object-position:center top;pointer-events:none}.spin-badge{position:absolute;top:14px;right:14px;z-index:3;display:inline-flex;align-items:center;gap:8px;background:rgba(6,9,20,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:7px 11px}.spin-badge i{width:7px;height:7px;border-radius:50%;background:#8ec5ff;box-shadow:0 0 0 4px rgba(142,197,255,.22)}.spin-hint{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);z-index:3;background:rgba(6,9,20,.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-size:12px;font-weight:600;letter-spacing:.06em;padding:8px 14px;transition:opacity .5s ease;pointer-events:none}.spin-hint.gone{opacity:0}.sell-hero2{background:#fff;border-bottom:1px solid #eef1f5}.sh2-inner{max-width:1320px;margin:0 auto;width:100%;display:grid;grid-template-columns:.86fr 1.14fr;gap:clamp(34px,4vw,64px);align-items:start;padding:clamp(46px,4.6vw,86px) clamp(22px,4vw,64px)}.sh2-copy{position:-webkit-sticky;position:sticky;top:96px}.sh2-copy .kick{color:var(--rf-club);letter-spacing:.28em;display:block;margin-bottom:14px}.sh2-copy h1{font-family:var(--font-display);font-weight:600;color:#1F2956;font-size:clamp(32px,3.4vw,58px);line-height:1.04;letter-spacing:-.022em;max-width:14ch;margin:0}.sh2-sub{color:#4a5163;font-size:clamp(15px,1.1vw,18px);line-height:1.6;max-width:46ch;margin-top:16px}.sh2-proof{display:flex;flex-wrap:wrap;gap:clamp(22px,2.4vw,48px);border-top:1px solid #eef1f5;padding-top:22px;margin-top:30px}.sh2-proof span{color:#5a6172;font-size:12.5px;line-height:1.35;display:flex;flex-direction:column}.sh2-proof b{color:#1F2956;font-weight:700;font-family:var(--font-display);font-size:clamp(22px,1.9vw,30px);letter-spacing:-.02em;margin-bottom:2px}.sh2-alt{margin:24px 0 0;padding-top:16px;border-top:1px solid #e4e8ef;font-size:14px;line-height:1.6;color:#5a6172;max-width:40em}.sh2-alt b{color:#1F2956;font-weight:700}.sh2-alt a{color:var(--rf-club);font-weight:600;border-bottom:1px solid rgba(20,24,31,.25)}.sell-card{background:#fff;border:1px solid rgba(10,13,22,.09);box-shadow:0 24px 60px rgba(10,13,22,.10),0 2px 8px rgba(10,13,22,.04);padding:clamp(24px,2vw,34px)}.sell-card .sf-ey{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--rf-club);font-weight:700;margin:0}.sell-card .sf-h{font-family:var(--font-display);font-weight:600;color:#1F2956;font-size:clamp(19px,1.5vw,24px);letter-spacing:-.01em;margin:2px 0 18px}.sell-card label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#5b6472;margin-top:14px}.sell-card .opt{color:#aeb4c2;font-weight:500;text-transform:none;letter-spacing:0}.sell-card input,.sell-card select,.sell-card textarea{width:100%;box-sizing:border-box;font:inherit;font-size:16px;font-weight:400;text-transform:none;letter-spacing:0;color:#1F2956;border:1px solid #e2e6ec;border-radius:0;padding:12px 13px;background:#fff}.sell-card textarea{min-height:92px;resize:vertical}.sell-card select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235b6472' stroke-width='2.6'><path d='M6 9l6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 12px center;padding-right:34px}.sell-card input:focus,.sell-card select:focus,.sell-card textarea:focus{outline:none;border-color:var(--rf-ink);box-shadow:0 0 0 3px rgba(0,117,225,.14)}.sell-card .row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.sell-card .cobalt-btn{background:var(--rf-dark,#1F2956);color:#fff;border:none;padding:15px;font-weight:700;font-size:15px;cursor:pointer;margin-top:18px;width:100%}.sell-card .cobalt-btn:hover{background:#23252d}.sell-card .cobalt-btn:disabled{background:var(--rf-grey);cursor:default}.sell-card .sf-foot{color:#8a8f9b;font-size:12px;text-align:center;margin:12px 0 0;font-weight:400;text-transform:none;letter-spacing:0}.sell-card .sf-err{color:var(--rf-red);font-size:13px;margin:12px 0 0}.sell-ok{text-align:center;padding:30px 8px}.sell-ok h3{font-family:var(--font-display);font-size:24px;color:#1F2956;margin:0 0 10px}.sell-ok p{color:#5a6172;font-size:15px;line-height:1.6;margin:0}.sell-why,.sell-how{background:#fff;padding:clamp(56px,5.6vw,104px) 0}.sell-paths{background:#f6f7fa;padding:clamp(56px,5.6vw,104px) 0}.sell-proof{background:#fff;padding:clamp(56px,5.6vw,104px) 0;border-top:1px solid #eef1f5}.sw-head{max-width:1320px;margin:0 auto clamp(28px,3vw,52px);padding:0 clamp(22px,4vw,64px)}.sw-head .kick{color:var(--rf-club);display:block;margin-bottom:10px}.sw-head h2{font-family:var(--font-display);font-weight:600;color:#1F2956;font-size:clamp(28px,2.9vw,46px);line-height:1.06;letter-spacing:-.02em;max-width:18ch;margin:0}.sw-grid{max-width:1320px;margin:0 auto;padding:0 clamp(22px,4vw,64px);display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(32px,4vw,76px);align-items:start}.sw-item{padding:22px 0;border-top:1px solid #eceef2}.sw-item:first-child{border-top:none;padding-top:0}.sw-item h3{font-family:var(--font-display);font-weight:700;font-size:clamp(18px,1.5vw,23px);color:#1F2956;margin:0 0 8px;letter-spacing:-.01em}.sw-item p{color:#5a6172;font-size:15px;line-height:1.62;margin:0;max-width:52ch}.sw-img{align-self:stretch;min-height:clamp(340px,32vw,520px);background:center/cover no-repeat;box-shadow:0 30px 70px -28px rgba(11,14,23,.34);position:-webkit-sticky;position:sticky;top:96px}.paths2{max-width:1320px;margin:0 auto;padding:0 clamp(22px,4vw,64px);display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,2vw,30px);align-items:stretch}.pathcard.alt{background:#1F2956;border-color:#1F2956}.pathcard.alt .pc-ey{color:#8ec5ff}.pathcard.alt h3{color:#fff}.pathcard.alt p{color:rgba(255,255,255,.76)}.sell-band{position:relative;min-height:clamp(320px,34vw,520px);display:flex;align-items:flex-end;overflow:hidden;background:#1F2956}.sell-band .sb-media{position:absolute;inset:0;background:url('/media/sell/lot.jpg') center 55%/cover no-repeat}.sell-band:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,11,20,.16) 0%,rgba(8,11,20,.3) 46%,rgba(8,11,20,.88) 100%)}.sb-quote{position:relative;z-index:2;width:100%;max-width:1320px;margin:0 auto;padding:0 clamp(22px,4vw,64px) clamp(32px,3.4vw,60px)}.sb-q{font-family:var(--font-display);font-size:clamp(28px,3.4vw,58px);font-weight:600;letter-spacing:-.024em;color:#fff;margin:0 0 10px;line-height:1.04;max-width:20ch}.sb-a{margin:0;color:rgba(255,255,255,.72);font-size:13px;letter-spacing:.09em;text-transform:uppercase;font-weight:600}.how-steps{list-style:none;margin:0 auto;padding:0 clamp(22px,4vw,64px);max-width:1320px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2.4vw,44px)}.how-step{position:relative;padding-top:22px;border-top:2px solid #1F2956;min-width:0}.how-n{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#1F2956;color:#fff;font-size:13px;font-weight:700;margin-bottom:14px}.how-step h3{font-family:var(--font-display);font-size:clamp(18px,1.5vw,23px);font-weight:700;margin:0 0 9px;letter-spacing:-.012em;color:#1F2956}.how-step p{margin:0;font-size:15px;line-height:1.62;color:#5a6172}.how-cta{max-width:1320px;margin:clamp(30px,3vw,52px) auto 0;padding:0 clamp(22px,4vw,64px)}.sell-proof-grid{max-width:1320px;margin:0 auto;padding:0 clamp(22px,4vw,64px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,1.6vw,28px)}.sell-closer,.ab-closer{position:relative;overflow:hidden;padding:clamp(70px,10vw,150px) 0;text-align:center;background:#1F2956;color:#fff}.sell-closer .wrap,.ab-closer .wrap{position:relative;z-index:2;max-width:900px;margin:0 auto;padding:0 24px}.sell-closer h2,.ab-closer h2{font-family:var(--font-display);font-weight:800;color:#fff;font-size:clamp(34px,4.6vw,64px);line-height:1.03;letter-spacing:-.02em;margin:0 0 16px}.sell-closer .sc-sub{color:rgba(255,255,255,.8);font-size:18px;margin:0 0 34px}.sell-closer .cta,.ab-closer .cta{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.ab-closer:before{content:'';position:absolute;inset:0;background:radial-gradient(120% 100% at 50% 0%,rgba(255,255,255,.14),transparent 60%)}.ab-closer .ab-places{color:rgba(255,255,255,.82);letter-spacing:.16em;font-size:13px;text-transform:uppercase;margin-bottom:38px}.ab-hero:before{content:'';position:absolute;inset:0;background:none}.ab-hero .wrap{position:relative;z-index:2;max-width:1240px;margin:0 auto;width:100%;padding:0 clamp(22px,5vw,80px) clamp(52px,7vw,120px)}.ab-hero h1{font-family:var(--font-display);color:#fff;font-weight:800;font-size:clamp(52px,8.4vw,120px);line-height:.92;letter-spacing:-.025em;margin:0 0 .3em}.ab-ch{display:grid;grid-template-columns:1.05fr .95fr;min-height:78vh;background:#fff;border-top:1px solid #eef0f4}.ab-ch-img{position:relative;overflow:hidden;min-height:56vh}.ab-ch.rev .ab-ch-img{order:2}.ab-ch-ph{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.03);transition:transform 1.4s cubic-bezier(.16,.84,.44,1)}.ab-ch:hover .ab-ch-ph{transform:scale(1.08)}.ab-ch-txt{display:flex;flex-direction:column;justify-content:center;padding:clamp(40px,6vw,110px)}.ab-ch-txt .ab-num{font-family:var(--font-display);font-size:12px;font-weight:700;letter-spacing:.34em;color:#aeb4c2;margin-bottom:18px}.ab-ch-txt .kick{color:var(--rf-club);margin-bottom:14px;display:block}.ab-ch-txt h2{font-family:var(--font-display);font-weight:800;color:#1F2956;font-size:clamp(30px,3.4vw,50px);line-height:1.03;letter-spacing:-.02em;margin:0 0 22px;max-width:15ch}.ab-ch-txt .ab-p{color:#4a4f5c;font-size:clamp(15px,1.15vw,18px);line-height:1.72;max-width:52ch}.shop-hero .kick{color:#8ec5ff;display:block;margin-bottom:12px}.shop-hero .shop-sub{color:rgba(255,255,255,.72);max-width:46ch;margin:0 auto;font-size:clamp(15px,1.2vw,19px)}.shop-wrap{max-width:1320px;margin:0 auto;padding:clamp(40px,5vw,72px) clamp(22px,4vw,64px) clamp(50px,6vw,90px)}.merchgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,2vw,38px)}.mcard{background:#fff;border:1px solid #e8eaef;display:flex;flex-direction:column}.mc-img{aspect-ratio:1/1;background:#f2f3f6 center/cover no-repeat}.mc-body{padding:16px 16px 18px;display:flex;flex-direction:column;gap:5px}.mc-cat{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--rf-slate);font-weight:700}.mc-name{font-family:var(--font-display);font-weight:700;font-size:17px;color:#1F2956;line-height:1.15}.mc-foot{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-top:4px}.mc-price{font-family:var(--font-display);font-weight:700;font-size:17px;color:#1F2956}.mc-sizes{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--rf-slate)}.shop-note .kick{color:var(--rf-club);display:block;margin-bottom:10px}.shop-note .sn-p{color:#5a5f6b;max-width:52ch;margin:0 auto;font-size:16px;line-height:1.7}@media (max-width:900px){.sh2-inner{grid-template-columns:1fr;gap:26px}.sh2-copy,.sw-img{position:static}.sw-grid{grid-template-columns:1fr}.sw-img{min-height:260px;order:-1}.paths2{grid-template-columns:1fr}.how-steps{grid-template-columns:1fr;gap:26px}.sell-proof-grid{grid-template-columns:1fr}.sell-band{min-height:260px}.sb-q{font-size:26px}.ab-ch{grid-template-columns:1fr;min-height:0}.ab-ch-img,.ab-ch.rev .ab-ch-img{order:0;min-height:64vw}.ab-ch-txt{padding:38px 24px 52px}}@media (max-width:820px){.merchgrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.merchgrid{grid-template-columns:repeat(2,1fr);gap:12px}.sell-card .row2{grid-template-columns:1fr}} body.feed .topbar{position:absolute!important;border-bottom-color:transparent!important} body.feed .bottomnav{display:none!important} body.feed #main{padding:0!important;margin:0!important} body.feed #dyn{padding:0!important;margin:0!important} body.feed{overflow:hidden} .rf-feed{height:100dvh;overflow-y:scroll;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;background:#07090e} .rf-feed::-webkit-scrollbar{display:none} .rfm{position:relative;height:100dvh;scroll-snap-align:start;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end} .rfm-media{position:absolute;inset:-5% 0;z-index:0;will-change:transform} .rfm-media video{width:100%;height:100%;object-fit:cover;display:block} .rfm-scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.30),rgba(0,0,0,0) 22%,rgba(0,0,0,0) 46%,rgba(0,0,0,.78))} .rfm-reel{position:absolute;top:86px;left:clamp(16px,4vw,34px);z-index:12;font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:#fff;background:rgba(0,0,0,.34);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:7px 12px;border:1px solid rgba(255,255,255,.22)} .rfm-cap{position:relative;z-index:10;display:block;color:#fff;text-decoration:none;padding:0 clamp(16px,4vw,34px) clamp(36px,8vh,80px);opacity:0;transform:translateY(26px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.8,.25,1)} .rfm.in .rfm-cap,.rfm.in .rfm-story-in,.rfm.in .rfm-cream-in{opacity:1;transform:none} .rfm-k{display:inline-block;font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:#fff;margin-bottom:15px;border:1px solid rgba(255,255,255,.55);padding:6px 11px} .rfm-n{display:block;font-family:var(--font-display,'Anybody',sans-serif);font-weight:800;letter-spacing:-.02em;line-height:.98;font-size:clamp(30px,7vw,56px)} .rfm-s{display:block;margin-top:13px;font-size:13px;letter-spacing:.05em;text-transform:uppercase;color:rgba(255,255,255,.86);font-weight:600} .rfm-p{display:block;margin-top:5px;font-size:15px;color:rgba(255,255,255,.66);font-weight:500;font-variant-numeric:tabular-nums} .rfm-cta{display:inline-flex;align-items:center;gap:9px;margin-top:20px;background:rgba(255,255,255,.1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.34);color:#fff;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;padding:12px 19px} .rfl-rail{position:absolute;right:clamp(10px,3vw,22px);bottom:clamp(36px,8vh,86px);z-index:12;display:flex;flex-direction:column;gap:16px;opacity:0;transform:translateY(20px);transition:opacity .6s ease .1s,transform .6s cubic-bezier(.2,.8,.25,1) .1s} .rfm.in .rfl-rail{opacity:1;transform:none} .rf-feed .rfl-rail .cact{border-radius:50%;background:rgba(20,24,33,.42);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.22);display:grid!important;place-items:center;color:#fff;cursor:pointer;padding:0} .rf-feed .rfl-rail .cact.save.on svg{fill:#e0b15a;stroke:#e0b15a} .rfm-story{justify-content:center} .rfm-story .rfm-img{opacity:.5} .rfm-story .rfm-scrim{background:linear-gradient(120deg,rgba(6,8,12,.9),rgba(6,8,12,.4))} .rfm-story-in{position:relative;z-index:10;color:#fff;padding:0 clamp(20px,7vw,110px);max-width:960px;opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.25,1)} .rfm-over{font-size:12px;letter-spacing:.22em;text-transform:uppercase;font-weight:700;color:#8ab0ff} .rfm-story-in h2{font-family:var(--font-display,'Anybody',sans-serif);font-weight:800;font-size:clamp(30px,5.6vw,64px);line-height:1.04;letter-spacing:-.02em;margin-top:18px} .rfm-story-in p{font-size:clamp(15px,1.3vw,18px);line-height:1.6;color:rgba(255,255,255,.74);max-width:52ch;margin-top:20px} .rfm-sig{display:block;margin-top:22px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.6);font-weight:700} .rfm-cream{background:#f4efe6;color:#1F2956;justify-content:center} .rfm-cream-in{position:relative;z-index:10;padding:0 clamp(20px,7vw,110px);max-width:1000px;opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.25,1)} .rfm-ck{font-size:12px;letter-spacing:.24em;text-transform:uppercase;font-weight:700;color:#7a2f22} .rfm-cream-in h2{font-family:var(--font-display,'Anybody',sans-serif);font-weight:800;font-size:clamp(28px,5vw,58px);line-height:1.06;margin-top:16px;color:#1F2956} .rf-feed .rfm-media{background:#07090e} .rfm-bg{position:absolute;inset:-9%;z-index:0;background-size:cover;background-position:center;filter:blur(36px) brightness(.5) saturate(1.1);transform:scale(1.14)} .rfm-fg{position:absolute;inset:0;z-index:1;background-size:contain;background-position:center;background-repeat:no-repeat} .rf-feed .rfm-media-v video{position:relative;z-index:1;object-fit:cover} @media(min-width:820px){ .rf-feed .rfm-media-v video{object-fit:contain} } body.feed .topbar .logo img,body.feed .topbar .nav a,body.feed .topbar .nav .ic,body.feed .topbar .tb-ic,body.feed .topbar .tb-ic span,body.feed .topbar .menu-btn svg,body.feed .topbar .tools .iconbtn svg{transition:filter .45s ease,color .45s ease!important} .rfm-cap{max-width:min(680px,84%)} .rfm-n{color:#fff;text-decoration:none} .rfm-n:hover{text-decoration:none} .rfm-foot{display:flex;align-items:center;gap:20px;margin-top:18px;flex-wrap:wrap} .rfm-foot .rfm-p{margin-top:0} .rfm-foot .rfm-cta{margin-top:0} .rfm-cta{border-radius:0} .rfm-film{justify-content:center} .rfm-film .rfm-media-v video{object-fit:cover!important} .rfm-film .rfm-scrim{background:linear-gradient(120deg,rgba(6,8,12,.86),rgba(6,8,12,.42))} .rfm-why{display:flex;gap:clamp(20px,4vw,54px);margin-top:34px;flex-wrap:wrap} .rfm-why .w{max-width:232px} .rfm-why .w b{font-family:var(--font-display,'Anybody',sans-serif);font-weight:800;font-size:21px;display:block;color:#1F2956} .rfm-why .w span{font-size:13.5px;color:#5a544a;line-height:1.5;display:block;margin-top:7px} .rfm-over.sold{color:#e0b15a} .rf-feed .rfm:has(.rfm-fg) .rfm-cap{padding-bottom:clamp(30px,7vh,62px)} @media(min-width:820px){ } body.feed .topbar{background:linear-gradient(180deg,rgba(6,8,12,.55) 0%,rgba(6,8,12,.18) 55%,transparent 100%)!important;border-bottom:0!important;padding-bottom:26px!important} body.feed.feed-light .topbar{background:linear-gradient(180deg,rgba(244,239,230,.65) 0%,transparent 100%)!important} @media(min-width:820px){ } .rf-feed .rfm-k{border:0!important;padding:0!important;margin-bottom:12px!important;color:#fff!important;opacity:.94;font-size:11.5px!important;letter-spacing:.2em!important} .rf-feed .rfm-n{font-size:clamp(32px,7.6vw,60px)!important;line-height:.96!important} .rf-feed .rfm-s{margin-top:12px!important} .rf-feed .rfm-foot{margin-top:20px!important;gap:18px!important} .rf-feed .rfm-cta{padding:13px 22px!important;background:rgba(255,255,255,.14)!important} body.feed:not(.home):not(.vdp) .topbar .logo img{filter:brightness(0) invert(1)!important} body.feed:not(.home):not(.vdp) .topbar .nav a, body.feed:not(.home):not(.vdp) .topbar .nav a .ic, body.feed:not(.home):not(.vdp) .topbar .tb-ic, body.feed:not(.home):not(.vdp) .topbar .tb-ic svg, body.feed:not(.home):not(.vdp) .topbar .tb-ic span, body.feed:not(.home):not(.vdp) .topbar .menu-btn, body.feed:not(.home):not(.vdp) .topbar .menu-btn svg, body.feed:not(.home):not(.vdp) .topbar .menu-btn.mb-to, body.feed:not(.home):not(.vdp) .topbar .menu-btn.mb-to svg, body.feed:not(.home):not(.vdp) .topbar .tools .iconbtn, body.feed:not(.home):not(.vdp) .topbar .tools .iconbtn .ic, body.feed:not(.home):not(.vdp) .topbar .tools .iconbtn svg{color:#fff!important} body.feed.feed-light:not(.home):not(.vdp) .topbar .logo img{filter:brightness(0)!important} body.feed.feed-light:not(.home):not(.vdp) .topbar .nav a, body.feed.feed-light:not(.home):not(.vdp) .topbar .nav a .ic, body.feed.feed-light:not(.home):not(.vdp) .topbar .tb-ic, body.feed.feed-light:not(.home):not(.vdp) .topbar .tb-ic svg, body.feed.feed-light:not(.home):not(.vdp) .topbar .tb-ic span, body.feed.feed-light:not(.home):not(.vdp) .topbar .menu-btn, body.feed.feed-light:not(.home):not(.vdp) .topbar .menu-btn svg, body.feed.feed-light:not(.home):not(.vdp) .topbar .tools .iconbtn, body.feed.feed-light:not(.home):not(.vdp) .topbar .tools .iconbtn svg{color:#1F2956!important} .rf-feed .rfm-reel{display:none!important} @media(max-width:600px){.rf-feed .rfl-rail{bottom:132px!important;right:14px!important}} .rf-feed .rfm-cap .rfm-k,.rf-feed .rfm-cap .rfm-n,.rf-feed .rfm-cap .rfm-s,.rf-feed .rfm-cap .rfm-p{text-shadow:0 2px 20px rgba(0,0,0,.55),0 1px 3px rgba(0,0,0,.5)} .rf-feed .rfm-cap .rfm-n,.rf-feed .rfm-cap .rfm-s,.rf-feed .rfm-cap .rfm-k,.rf-feed .rfm-cap .rfm-foot{text-align:left!important} .rf-feed .rfl-rail{top:clamp(90px,12vh,116px)!important;right:14px!important;bottom:auto!important;left:auto!important;flex-direction:row!important;gap:10px!important;transform:none!important;opacity:1!important} .rf-feed .rfl-rail .cact{width:44px!important;height:44px!important} .rf-feed .rfl-rail .cact svg{width:21px!important;height:21px!important} .rf-feed .rfm:has(.rfm-fg) .rfm-media{background:#1F2956!important;inset:0!important;transform:none!important} .rf-feed .rfm:has(.rfm-fg) .rfm-bg{display:none!important} .rf-feed .rfm:has(.rfm-fg) .rfm-fg{top:3%!important;left:0!important;right:0!important;bottom:36%!important;background-size:contain!important;background-position:center 44%!important;background-repeat:no-repeat!important} .rf-feed .rfm:has(.rfm-fg) .rfm-scrim{background:linear-gradient(180deg,rgba(10,13,22,0) 0%,rgba(10,13,22,0) 52%,rgba(10,13,22,.55) 64%,rgba(10,13,22,.94) 74%,#1F2956 84%,#1F2956 100%)!important} @media(min-width:820px){ .rf-feed .rfm:has(.rfm-fg) .rfm-fg{top:8%!important;bottom:30%!important;background-position:center 46%!important} .rf-feed .rfm:has(.rfm-fg) .rfm-scrim{background:linear-gradient(180deg,rgba(10,13,22,0) 0%,rgba(10,13,22,0) 56%,rgba(10,13,22,.5) 68%,rgba(10,13,22,.92) 80%,#1F2956 92%,#1F2956 100%)!important} } .rf-feed .rfm-cap .rfm-k,.rf-feed .rfm-cap .rfm-n,.rf-feed .rfm-cap .rfm-s,.rf-feed .rfm-cap .rfm-p,.rf-feed .rfm-cap .rfm-foot{text-align:left!important} .rf-feed .rfm:has(.rfm-fg) .rfm-cap .rfm-k,.rf-feed .rfm:has(.rfm-fg) .rfm-cap .rfm-n,.rf-feed .rfm:has(.rfm-fg) .rfm-cap .rfm-s,.rf-feed .rfm:has(.rfm-fg) .rfm-cap .rfm-p{text-shadow:none!important} .rf-feed .rfm-scrim{position:absolute!important;inset:0!important;left:0!important;right:0!important;width:100%!important;z-index:1!important;background:linear-gradient(180deg,rgba(6,8,12,.34) 0%,rgba(6,8,12,0) 16%,rgba(6,8,12,0) 40%,rgba(6,8,12,.55) 60%,rgba(6,8,12,.85) 80%,rgba(6,8,12,.97) 100%)!important} .rf-feed .rfm:has(.rfm-img) .rfm-scrim{background:linear-gradient(180deg,rgba(6,8,12,.3) 0%,rgba(6,8,12,0) 18%,rgba(6,8,12,0) 40%,rgba(6,8,12,.6) 60%,rgba(6,8,12,.9) 80%,#06080c 100%)!important} .rf-feed .rfm-media video::-webkit-media-controls{display:none!important;-webkit-appearance:none!important} .rf-feed .rfm-media video::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none!important} .rf-feed .rfm-media video::-webkit-media-controls-play-button{display:none!important;-webkit-appearance:none!important} .rf-feed .rfm-media video::-webkit-media-controls-panel{display:none!important;-webkit-appearance:none!important} .rf-feed .rfm{justify-content:flex-end!important} .rf-feed .rfm-cap{position:relative!important;padding:0!important;padding-left:clamp(16px,4.5vw,30px)!important;padding-right:16px!important;margin:0!important;max-width:min(560px,92%)!important;text-align:left!important;align-self:flex-start!important} .rf-feed .rfm-cap .rfm-k{margin-bottom:10px!important} .rf-feed .rfm-cap .rfm-s{margin-top:10px!important} .rf-feed .rfm-cap .rfm-foot{margin-top:16px!important} .rf-feed .rfm{padding:0!important} .rf-feed .rfm-cap{padding-bottom:clamp(22px,4vh,38px)!important} body.feed #main,body.feed #dyn,body.feed .wrap,body.feed .container,body.feed main{padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important;max-width:none!important} .rf-feed{width:100vw!important;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important} .rf-feed .rfm{width:100vw!important;left:0!important;right:0!important} .rf-feed .rfm-media,.rf-feed .rfm-scrim{left:0!important;right:0!important;width:100vw!important} .rf-feed .rfm-fg{background-size:cover!important;background-position:center} .rf-feed .rfm-media video{object-fit:cover!important} .rf-feed .rfm-bg{opacity:.4} .rf-feed .rfm-scrim{background:linear-gradient(180deg,rgba(8,10,16,.22) 0%,rgba(8,10,16,0) 15%,rgba(8,10,16,0) 42%,rgba(8,10,16,.5) 74%,rgba(8,10,16,.9) 100%)} .rf-feed .rfm-cap{padding:0 clamp(14px,4vw,30px) clamp(22px,5vh,44px);max-width:80%} .rf-feed .rfm-k{font-size:10.5px;letter-spacing:.16em;opacity:.9} .rf-feed .rfm-n{font-size:clamp(21px,5.2vw,32px);line-height:1.04;letter-spacing:-.01em;margin-top:8px} .rf-feed .rfm-s{font-size:12px;margin-top:8px;opacity:.82} .rf-feed .rfm-foot{gap:12px;margin-top:14px} .rf-feed .rfm-p{font-size:16px;font-weight:700;margin-top:0} .rf-feed .rfm-cta{margin-top:0;gap:6px;padding:9px 15px;font-size:10.5px;letter-spacing:.12em;border-radius:999px;background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.42)} .rf-feed .rfl-rail{gap:18px;bottom:clamp(30px,7vh,84px);right:clamp(10px,3.5vw,20px)} .rf-feed .rfl-rail .cact{width:46px;height:46px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:rgba(18,22,30,.42);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.22);color:#fff} .rf-feed .rfl-rail .cact svg{width:23px;height:23px} .rf-feed .rfl-rail .cact.save.on{background:var(--rf-red,#c00);border-color:var(--rf-red,#c00)} .rf-feed .rfm-story-in h2,.rf-feed .rfm-cream-in h2{font-size:clamp(24px,6vw,40px)} .rf-feed .rfm-brand{display:flex;align-items:center;gap:9px;margin-bottom:13px} .rf-feed .rfm-av{width:30px;height:30px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:#fff;color:var(--rf-ink,#393B44);font-family:var(--font-display,'Anybody',sans-serif);font-weight:800;font-size:11.5px;letter-spacing:-.02em;flex:0 0 auto;box-shadow:0 1px 7px rgba(0,0,0,.32)} .rf-feed .rfm-handle{font-size:13px;font-weight:600;color:#fff;letter-spacing:.01em;text-shadow:0 1px 8px rgba(0,0,0,.45)} .rf-feed .rfm-k,.rf-feed .rfm-s{display:none!important} .rf-feed .rfm-n{font-size:clamp(19px,4.6vw,27px)!important;line-height:1.06;margin-top:4px} .rf-feed .rfm-cap{max-width:84%} .rf-feed .rfm-foot{margin-top:12px} .rf-feed .rfm-cta{background:transparent!important;border:0!important;padding:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;color:rgba(255,255,255,.62)!important;font-size:11px;letter-spacing:.12em} .rf-feed .rfm-cta:hover{color:#fff!important} .rf-feed .rfm-scrim{background:linear-gradient(to top,rgba(6,8,12,.92) 0%,rgba(6,8,12,.62) 12%,rgba(6,8,12,.24) 30%,rgba(6,8,12,0) 50%,rgba(6,8,12,0) 88%,rgba(6,8,12,.2) 100%)} .rf-feed .rfm{content-visibility:auto;contain-intrinsic-size:100dvh} .rf-ask{position:fixed;right:16px;bottom:20px;z-index:60;width:60px;height:60px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--rf-dark,#1F2956);color:#fff;border:1px solid rgba(255,255,255,.16);box-shadow:0 12px 30px rgba(0,0,0,.4);cursor:pointer;animation:rf-float 4.5s ease-in-out infinite} .rf-ask svg{width:38px;height:22px;position:relative;z-index:1} .rf-ask::after{content:"";position:absolute;inset:0;border-radius:999px;animation:rf-pulse 2.6s ease-out infinite} .rf-ask:hover{background:#1c222c} @keyframes rf-pulse{0%{box-shadow:0 0 0 0 rgba(204,0,0,.5)}70%{box-shadow:0 0 0 18px rgba(204,0,0,0)}100%{box-shadow:0 0 0 0 rgba(204,0,0,0)}} @keyframes rf-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}} @media (prefers-reduced-motion: reduce){.rf-ask{animation:none}.rf-ask::after{animation:none}} .rf-feed{background:#000!important} .rf-feed .rfm-bg{display:none!important} .rf-feed .rfm-scrim{background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.55) 12%,rgba(0,0,0,.12) 30%,rgba(0,0,0,0) 48%)!important} .rf-feed .rfm-n{display:flex!important;flex-direction:column;gap:1px;line-height:1.04;font-size:inherit!important;margin-top:2px} .rf-feed .rfm-yr{font-size:12.5px;font-weight:600;letter-spacing:.03em;opacity:.9} .rf-feed .rfm-mo{font-size:clamp(20px,5.4vw,30px);font-weight:800;letter-spacing:-.01em} .rf-feed .rfm-cap{padding-bottom:clamp(30px,7vh,60px)} .topbar .wrap{min-height:62px!important} .topbar .tools{gap:2px} body:not(.feed) .topbar{background:transparent!important;border-bottom-color:transparent!important;transition:background .3s ease,backdrop-filter .3s ease,border-color .3s ease} body:not(.feed):not(.inv-hero) .topbar:not(.scrolled){background:linear-gradient(180deg,rgba(6,8,12,.5) 0%,rgba(6,8,12,.12) 60%,transparent 100%)!important} body:not(.feed):not(.inv-hero) .topbar:not(.scrolled) .logo img{filter:brightness(0) invert(1)} body:not(.feed):not(.inv-hero) .topbar:not(.scrolled) .iconbtn, body:not(.feed):not(.inv-hero) .topbar:not(.scrolled) .iconbtn .ic, body:not(.feed):not(.inv-hero) .topbar:not(.scrolled) .nav a, body:not(.feed):not(.inv-hero) .topbar:not(.scrolled) .nav a .ic{color:#fff!important} body:not(.feed) .topbar.scrolled{background:rgba(255,255,255,.95)!important;backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);border-bottom-color:rgba(0,0,0,.06)!important} .rf-tab{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(env(safe-area-inset-bottom,0px) + 12px);z-index:55;display:flex;gap:2px;padding:6px;border-radius:26px;background:rgba(18,22,30,.42);backdrop-filter:blur(22px) saturate(1.5);-webkit-backdrop-filter:blur(22px) saturate(1.5);border:1px solid rgba(255,255,255,.16);box-shadow:0 14px 40px rgba(0,0,0,.34)} .rf-tab a{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:58px;padding:7px 11px;border-radius:20px;color:rgba(255,255,255,.72);font-size:10px;font-weight:600;letter-spacing:.03em;text-transform:uppercase} .rf-tab a svg{width:22px;height:22px;stroke:currentColor;fill:none} .rf-tab a.on{color:#fff;background:rgba(255,255,255,.15)} .rf-tab a:hover{color:#fff} @media(min-width:900px){.rf-tab{display:none}} body.feed .rf-tab{display:none!important} .rf-ask{bottom:calc(env(safe-area-inset-bottom,0px) + 90px)!important} body.feed .rf-ask{bottom:calc(env(safe-area-inset-bottom,0px) + 22px)!important} body.feed .topbar{position:sticky!important;top:0!important;left:0!important;right:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box} body.feed .topbar .wrap{width:100%;box-sizing:border-box} .topbar{transition:opacity .3s ease} .topbar.vdp,body.feed-video .topbar{opacity:0!important;transition:opacity .25s ease} .topbar .logo{display:inline-flex;align-items:center;height:100%} .topbar .logo img{display:block} .rf-feed .rfm-s{display:block!important} .rf-ask{width:68px;height:68px} .rf-ask svg{width:44px;height:auto} body.feed .rf-ask{top:calc(50% - 34px)!important;bottom:auto!important;right:16px!important} .rf-feed .rfl-rail{top:auto!important;bottom:clamp(150px,26vh,230px)!important;right:14px!important;flex-direction:column!important;gap:14px!important} .topbar{transition:opacity .3s ease} .topbar.vdp,body.feed-video .topbar{opacity:0!important;pointer-events:none} .topbar .logo{display:inline-flex;align-items:center;height:100%} .topbar .logo img{display:block;max-width:100%;height:auto} .rf-feed .rfm-s{display:block!important} .rf-ask{width:68px;height:68px} .rf-ask svg{width:44px;height:auto} body.feed .rf-ask{top:calc(50% - 34px)!important;bottom:auto!important;right:16px!important} .rf-feed .rfl-rail{top:auto!important;bottom:clamp(150px,26vh,230px)!important;right:14px!important;flex-direction:column!important;gap:14px!important} body.feed .topbar{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important} .topbar.vdp{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important} .rfm-cap{padding-bottom:calc(env(safe-area-inset-bottom,0px) + clamp(30px,6vh,54px))!important} .rf-feed .rfm-s{margin-top:10px!important} body.feed .rf-ask{top:38dvh!important;bottom:auto!important;right:16px!important} .rf-feed .rfl-rail{top:auto!important;bottom:calc(env(safe-area-inset-bottom,0px) + 20px)!important;right:14px!important;flex-direction:column!important;gap:14px!important} .rf-feed .rfm-n{gap:4px!important} .rf-feed .rfm-n{line-height:1.12!important;gap:7px!important} .rf-feed .rfm-yr,.rf-feed .rfm-mo{line-height:1.12!important} body.feed .topbar .wrap{padding-left:max(env(safe-area-inset-left,0px),20px)!important;padding-right:max(env(safe-area-inset-right,0px),20px)!important} body.feed-video .topbar{opacity:1!important;pointer-events:auto!important} .inv-layout{display:grid;grid-template-columns:260px 1fr;gap:40px;align-items:start} .inv-main{min-width:0} .inv-topbar{display:flex;align-items:center;gap:16px;margin-bottom:24px;flex-wrap:wrap} .inv-result-count{color:var(--rf-slate);font-size:14px;font-weight:600} .inv-filter-btn{display:none;height:42px;padding:0 18px;border:1px solid var(--rf-grey);background:#fff;color:var(--rf-ink);font-family:var(--font-ui);font-weight:700;font-size:14px;cursor:pointer} .inv-sort-wrap{display:flex;align-items:center;gap:8px;margin-left:auto} .inv-sort-label{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--rf-slate)} .inv-sort{height:42px;padding:0 12px;border:1px solid var(--rf-grey);background:#fff;font-family:var(--font-ui);font-size:14px;color:var(--rf-ink);cursor:pointer} .inv-filters-hd{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;font-weight:700;font-size:15px;color:var(--rf-ink)} .inv-clear{background:none;border:0;padding:0;color:var(--rf-club);font-weight:700;font-size:13px;cursor:pointer;text-decoration:underline} .inv-fgroup{padding:16px 0;border-top:var(--rule)} .inv-fgroup h4{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--rf-slate);margin:0 0 12px} .inv-range{display:flex;align-items:center;gap:8px} .inv-range input{width:100%;min-width:0;height:40px;border:1px solid var(--rf-grey);background:#fff;padding:0 10px;font-size:14px;color:var(--rf-ink);font-family:var(--font-ui)} .inv-range span{color:var(--rf-slate)} .inv-main .fleetgrid{grid-template-columns:repeat(3,1fr);gap:28px 24px;padding:0} .inv-main .fleetgrid .card{border:var(--rule);background:#fff} .inv-main .fleetgrid .imgwrap{aspect-ratio:4/3} .inv-main .fleetempty{grid-column:1/-1;padding:80px 24px;text-align:center;color:var(--rf-slate);border:var(--rule)} .inv-main .fleetempty .inv-clear{margin-left:6px} .inv-sheet-scrim{position:fixed;inset:0;z-index:90;background:rgba(6,8,12,.5);display:flex;align-items:flex-end} .inv-sheet{width:100%;max-height:82dvh;background:#fff;border-radius:18px 18px 0 0;display:flex;flex-direction:column;overflow:hidden} .inv-sheet-hd{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:var(--rule);font-weight:700;font-size:15px} .inv-sheet-close{background:none;border:0;font-size:26px;line-height:1;color:var(--rf-slate);padding:0;cursor:pointer} .inv-sheet-body{overflow-y:auto;padding:0 20px;flex:1} .inv-sheet-foot{padding:14px 20px calc(env(safe-area-inset-bottom,0px) + 14px);border-top:var(--rule)} @media (max-width:900px){ .inv-layout{grid-template-columns:1fr} .inv-filter-btn{display:inline-flex;align-items:center} .inv-main .fleetgrid{grid-template-columns:repeat(2,1fr);gap:16px} } @media (max-width:560px){ .inv-main .fleetgrid{grid-template-columns:1fr} .inv-topbar{gap:10px} .inv-sort-wrap{margin-left:0} } body:not(.feed):not(.inv-hero) .topbar:not(.scrolled){background:rgba(255,255,255,.97)!important;border-bottom-color:rgba(0,0,0,.06)!important} body:not(.feed):not(.inv-hero) .topbar:not(.scrolled) .logo img{filter:none!important} body:not(.feed):not(.inv-hero) .topbar:not(.scrolled) .iconbtn, body:not(.feed):not(.inv-hero) .topbar:not(.scrolled) .iconbtn .ic, body:not(.feed):not(.inv-hero) .topbar:not(.scrolled) .nav a, body:not(.feed):not(.inv-hero) .topbar:not(.scrolled) .nav a .ic{color:var(--rf-cobalt)!important} .rf-tab{width:min(94vw,480px);justify-content:space-between} .rf-tab a{flex:1;min-width:0;padding:9px 6px} .inv-main .fleetgrid .imgwrap{aspect-ratio:3/2} .inv-chips{display:flex;flex-wrap:wrap;gap:8px} .inv-chip{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 14px;border:1px solid var(--rf-grey);background:#fff;color:var(--rf-ink);font-family:var(--font-ui);font-size:13px;font-weight:600;cursor:pointer;border-radius:999px;white-space:nowrap;transition:background .15s ease,border-color .15s ease,color .15s ease} .inv-chip:hover{border-color:var(--rf-ink)} .inv-chip .inv-chip-n{color:var(--rf-slate);font-size:11px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums} .inv-chip.on{background:var(--rf-dark,#1F2956);border-color:var(--rf-ink);color:#fff} .inv-chip.on .inv-chip-n{color:hsla(0,0%,100%,.7)} .inv-filter-btn{gap:8px} .inv-filter-btn svg{width:17px;height:17px} .inv-layout{grid-template-columns:260px minmax(0,1fr)!important} .inv-main .fleetgrid{grid-template-columns:repeat(3,minmax(0,1fr))!important} .inv-main .fleetgrid .card{min-width:0} @media (max-width:900px){ .inv-layout{grid-template-columns:minmax(0,1fr)!important} .inv-main .fleetgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important} } @media (max-width:560px){ .inv-main .fleetgrid{grid-template-columns:minmax(0,1fr)!important} } .rf-tab a{padding:6px 6px!important} .card .body{padding:14px 16px 16px} .fleetgrid .imgwrap .badges{display:flex;gap:6px;flex-wrap:wrap;max-width:calc(100% - 20px)} .sp2 .v{font-family:var(--font-ui)!important} .pdash.on{background:#fff} .pdp-rail{padding-top:8px} :root{--rf-cobalt:#1F2956;--rf-club:#6b2036;--rf-green:#123524} .cardgal{position:absolute;inset:0;touch-action:pan-y} .card-dashes{position:absolute;left:8px;right:8px;bottom:8px;display:flex;gap:3px;z-index:1} .cdash{flex:1 1 0;min-width:2px;max-width:20px;height:2px;background:hsla(0,0%,100%,.42);transition:background .2s ease} .cdash.on{background:#fff} .badge{background:#fff;border:1px solid currentColor;font-weight:600;letter-spacing:.05em;padding:6px 10px} .badge.pts{background:#fff;color:var(--rf-cobalt);border-color:var(--rf-cobalt)} .badge.pedals{background:#fff;color:var(--rf-green);border-color:var(--rf-green)} .badge.provenance{background:#fff;color:var(--rf-club);border-color:var(--rf-club)} .badge.arrived{background:#fff;color:var(--rf-cobalt);border-color:var(--rf-cobalt)} .badge.sold{background:var(--rf-red);color:#fff;border-color:var(--rf-red)} .card .specs{letter-spacing:.03em;font-weight:600} .card .price{font-weight:700} @media (max-width:560px){ .inv-topbar{display:grid;grid-template-columns:1fr auto;column-gap:10px;row-gap:10px} .inv-filter-btn{grid-column:1;grid-row:1} .inv-result-count{grid-column:2;grid-row:1;text-align:right} .inv-sort-wrap{grid-column:1/-1;grid-row:2;width:100%;margin-left:0} .inv-sort-wrap .inv-sort{flex:1;width:100%} } .card .imgwrap .ph{object-fit:contain} .card-dashes{justify-content:center} .card .price{font-family:var(--font-ui);font-weight:500;color:var(--rf-slate);letter-spacing:0} .inv-sort{ appearance:none;-webkit-appearance:none;-moz-appearance:none; border-radius:0; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2314181f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 12px center; background-size:15px; padding-right:34px; } .inv-chip{border-radius:0} .inv-sheet{border-radius:0} .cact{border-radius:0} .rf-tab{border-radius:0} .rf-tab a{border-radius:0} @media (max-width:560px){ .inv-topbar{ display:grid; grid-template-columns:1fr 1fr; grid-template-areas:"count count" "filter sort"; row-gap:10px; column-gap:10px; } .inv-result-count{grid-area:count;text-align:left} .inv-filter-btn{grid-area:filter;width:100%;justify-content:center} .inv-sort-wrap{grid-area:sort;width:100%;margin-left:0} .inv-sort-wrap .inv-sort{flex:1;width:100%} } .inv-filters-hd-sheet{justify-content:flex-end} .inv-sheet-body{padding-top:16px} .inv-hero{position:relative;min-height:clamp(280px,38vh,420px);display:flex;align-items:flex-end;overflow:hidden;background:var(--rf-cobalt);color:#fff} .inv-hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} .inv-hero-wrap{position:relative;width:100%;max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter) clamp(28px,4vw,48px);box-sizing:border-box} .inv-hero-wrap h2{font-family:var(--font-display);font-weight:700;font-size:clamp(34px,6vw,64px);line-height:.98;letter-spacing:-.02em;margin:0 0 22px;color:#fff} .inv-search{position:relative;display:flex;align-items:center;gap:10px;width:100%;max-width:560px;background:hsla(0,0%,100%,.16);border:1px solid hsla(0,0%,100%,.4);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:0 16px;height:52px;box-sizing:border-box} .inv-search svg{width:19px;height:19px;flex:none;color:hsla(0,0%,100%,.85)} .inv-search input{flex:1;min-width:0;background:none;border:0;outline:0;color:#fff;font-family:var(--font-ui);font-size:15px} .inv-search input::placeholder{color:hsla(0,0%,100%,.7)} .inv-search input::-webkit-search-cancel-button{filter:invert(1);opacity:.7} .topbar{transition:background .3s ease,border-color .3s ease} .topbar .logo img{transition:filter .3s ease} .topbar .iconbtn,.topbar .iconbtn .ic,.topbar .nav a,.topbar .nav a .ic{transition:color .3s ease} body.inv-hero .topbar:not(.scrolled){background:linear-gradient(180deg,rgba(6,8,12,.55) 0%,rgba(6,8,12,.15) 60%,transparent 100%)!important;border-bottom-color:transparent!important} body.inv-hero .topbar:not(.scrolled) .logo img{filter:brightness(0) invert(1)!important} body.inv-hero .topbar:not(.scrolled) .iconbtn, body.inv-hero .topbar:not(.scrolled) .iconbtn .ic, body.inv-hero .topbar:not(.scrolled) .nav a, body.inv-hero .topbar:not(.scrolled) .nav a .ic{color:#fff!important} .inv-smart-row{display:flex;gap:10px;overflow-x:auto;padding:20px 0 4px;margin-bottom:8px;scrollbar-width:none;-webkit-overflow-scrolling:touch} .inv-smart-row::-webkit-scrollbar{display:none} .inv-smart-chip{display:inline-flex;align-items:center;gap:8px;flex:none;height:44px;padding:0 16px;border:1px solid var(--rf-grey);background:#fff;color:var(--rf-ink);font-family:var(--font-ui);font-size:14px;font-weight:600;white-space:nowrap;cursor:pointer} .inv-smart-chip:hover{border-color:var(--rf-ink)} .inv-smart-chip.on{border:2px solid var(--rf-ink);padding:0 15px} .inv-smart-chip .inv-chip-n{color:var(--rf-slate);font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums} .inv-smart-chip.on .inv-chip-n{color:var(--rf-ink)} .inv-topbar{display:flex;align-items:center;gap:16px;margin-bottom:0} .inv-sort-wrap{margin-left:auto} .inv-result-count{display:block;color:var(--rf-slate);font-size:13px;font-weight:600;margin:14px 0 18px} @media (max-width:560px){ .inv-topbar{display:flex;gap:10px} .inv-filter-btn{flex:1;justify-content:center} .inv-sort-wrap{flex:1;margin-left:0} .inv-sort-wrap .inv-sort{flex:1;width:100%} } .foot > .sp-x{color:#7a7f8b;font-weight:600;font-size:12px;letter-spacing:.03em;text-transform:uppercase} .card .imgwrap{background:#fff} @media (min-width:900px){ .inv-hero{min-height:clamp(320px,36vh,440px)} } @media (min-width:1400px){ .inv-hero{min-height:380px} .inv-hero-wrap{padding-bottom:56px} } html,body{overflow-x:hidden;overflow-x:clip} .inv-smart-row,.igfeed,.pdp-rail,.rec-tabs{overscroll-behavior-x:contain} body.inv-hero{display:block!important;position:static!important;overflow-y:visible!important;background:var(--rf-cream)!important;min-height:0!important;color:var(--rf-ink)!important} .inv-sheet-body .inv-fgroup:first-child{border-top:0} @media (min-width:1400px){ .inv-shell .wrap{max-width:none;padding-left:clamp(32px,4vw,96px);padding-right:clamp(32px,4vw,96px)} } .imgwrap .badges .badge{pointer-events:auto} @media (max-width:560px){ .imgwrap .badges{right:90px} } body.inv-hero .topbar:not(.scrolled){position:absolute!important;top:0!important;left:0!important;right:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box} .rf-tab{border-radius:28px!important} .rf-tab a{border-radius:20px!important} body.inv-hero .topbar:not(.scrolled){position:sticky!important;top:0!important} body.inv-hero .inv-hero{margin-top:-63px!important;padding-top:63px!important} body.inv-hero .topbar:not(.scrolled){position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box} body.inv-hero .inv-hero{margin-top:0!important;padding-top:0!important} body.inv-hero .topbar{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box} .topbar.vdp.scrolled{opacity:1!important;pointer-events:auto!important;background:rgba(255,255,255,.95)!important;backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);border-bottom-color:rgba(0,0,0,.06)!important} .pdp-collage{column-count:3;column-gap:8px;padding:10px clamp(10px,2vw,20px);max-width:1600px;margin:0 auto;background:#1F2956} .pdp-collage.empty{display:block;position:relative;min-height:320px} @media (max-width:900px){.pdp-collage{column-count:2}} @media (max-width:520px){.pdp-collage{column-count:2;column-gap:6px;padding:6px}} .collage-tile{display:block;width:100%;margin:0 0 8px;break-inside:avoid;position:relative;border:0;padding:0;background:#12151f;border-radius:10px;overflow:hidden;cursor:pointer;box-shadow:0 0 0 0 rgba(204,0,0,0);transition:box-shadow .3s ease,transform .3s ease} .collage-tile:hover{box-shadow:0 10px 30px rgba(0,0,0,.4),0 0 0 1px rgba(204,0,0,.4);transform:translateY(-2px)} .collage-tile:focus-visible{outline:2px solid var(--rf-red,#c00);outline-offset:2px} .collage-photo img{display:block;width:100%;height:auto;transition:transform .5s cubic-bezier(.2,.8,.2,1)} .collage-photo:hover img{transform:scale(1.05)} .collage-expand{position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:50%;background:rgba(0,0,0,.45);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transform:translateY(-4px);transition:opacity .25s ease,transform .25s ease;pointer-events:none} .collage-expand svg{width:15px;height:15px} .collage-tile:hover .collage-expand{opacity:1;transform:translateY(0)} .collage-reel{aspect-ratio:9/14;background:#000} .collage-reel-vid{width:100%;height:100%;object-fit:cover;display:block} .collage-reel-sound{position:absolute;bottom:10px;right:10px;width:34px;height:34px;border-radius:50%;background:rgba(0,0,0,.5);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#fff;display:flex;align-items:center;justify-content:center;border:0;z-index:2} .collage-reel-sound svg{width:16px;height:16px} .collage-reel-sound.on{background:rgba(204,0,0,.88)} .pdp-lightbox{position:fixed;inset:0;z-index:80;background:rgba(6,8,12,.94);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:clamp(12px,4vw,32px);animation:pdplbIn .18s ease} @keyframes pdplbIn{from{opacity:0}to{opacity:1}} .lightbox-inner{width:100%;max-width:980px;max-height:calc(100dvh - 48px)} .lightbox-inner .pdp-gal{margin-top:0} .lightbox-close{position:absolute;top:18px;right:22px;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:26px;line-height:1;border:0;display:flex;align-items:center;justify-content:center;z-index:2;cursor:pointer} .lightbox-close:hover{background:rgba(255,255,255,.22)} .inv-layout-flat{grid-template-columns:minmax(0,1fr)!important} .inv-topfilters{display:none} @media (min-width:901px){ .inv-topfilters{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:20px 0 28px;position:relative} .inv-main .fleetgrid.fleetgrid-flat{gap:32px 28px} } .inv-tf-group{position:relative} .inv-tf-btn{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 16px;border:1px solid var(--rf-grey);background:#fff;color:var(--rf-ink);font-family:var(--font-ui);font-weight:700;font-size:13px;letter-spacing:.02em;cursor:pointer} .inv-tf-btn:hover{border-color:var(--rf-ink)} .inv-tf-btn.on{background:var(--rf-dark,#1F2956);border-color:var(--rf-ink);color:#fff} .inv-caret{width:13px;height:13px;transition:transform .2s ease;flex:none} .inv-tf-btn.open .inv-caret{transform:rotate(180deg)} .inv-tf-pop{position:absolute;top:calc(100% + 8px);left:0;z-index:30;min-width:260px;max-width:340px;padding:16px;background:#fff;border:1px solid var(--rf-grey);box-shadow:0 16px 40px rgba(0,0,0,.14)} .inv-tf-pop .inv-range{margin:0} .inv-tf-backdrop{position:fixed;inset:0;z-index:20;background:transparent} .inv-tf-clear{margin-left:4px} body:not(.feed):not(.inv-hero) .topbar.vdp.scrolled{opacity:1!important;pointer-events:auto!important;background:rgba(255,255,255,.95)!important;backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);border-bottom-color:rgba(0,0,0,.06)!important} :root{ --rf-red:#006ED4; --rf-accent:#006ED4; --rf-danger:#c00; --v-gap:8px; --v-pad:12px; --v-hdr:96px; --stk-x:22px; --stk-y:18px; --stk-rule:1px solid rgba(20,24,36,.13); --stk-ink:#3d4350; } @media (max-width:900px){:root{--v-gap:6px;--v-pad:8px;--v-hdr:76px;--stk-x:18px;--stk-y:16px}} @media (max-width:520px){:root{--v-hdr:68px;--stk-x:16px}} .topbar .logo{display:inline-flex;align-items:center;flex:none} .topbar .logo img{ height:40px;width:auto;aspect-ratio:4.4/1; object-fit:contain;object-position:left center;display:block; } @media (min-width:1200px){body:not(.feed) .topbar .logo img{height:46px}} @media (min-width:1700px){body:not(.feed) .topbar .logo img{height:50px}} @media (min-width:1200px){ .topbar .menu-btn{display:none} .topbar .nav a .lbl{display:inline} } @media (max-width:1199px){ .topbar .nav{display:none} .topbar .menu-btn{display:inline-flex} } body:not(.feed):not(.inv-hero) .topbar.vdp, body:not(.feed):not(.inv-hero) .topbar.vdp:not(.scrolled){ opacity:1 !important; pointer-events:auto !important; background:rgba(255,255,255,.90); backdrop-filter:blur(16px) saturate(1.35); -webkit-backdrop-filter:blur(16px) saturate(1.35); border-bottom:0; box-shadow:none; } body:not(.feed):not(.inv-hero) .topbar.vdp:not(.scrolled) .nav a, body:not(.feed):not(.inv-hero) .topbar.vdp:not(.scrolled) .nav a .ic, body:not(.feed):not(.inv-hero) .topbar.vdp:not(.scrolled) .iconbtn, body:not(.feed):not(.inv-hero) .topbar.vdp:not(.scrolled) .iconbtn .ic{ color:var(--rf-cobalt);text-shadow:none; } body:not(.feed):not(.inv-hero) .topbar.vdp:not(.scrolled) .logo img{filter:none} .hdr-search{position:relative;display:none;align-items:center;flex:1 1 auto;max-width:430px;margin:0 clamp(12px,2vw,28px)} .hdr-search .hs-ic{position:absolute;left:14px;width:17px;height:17px;color:#8a8f9b;pointer-events:none;z-index:2} .hdr-search #hs-input{ width:100%;height:44px;padding:0 14px 0 40px; border:1px solid rgba(20,24,36,.16);border-radius:22px; background:rgba(255,255,255,.9);color:var(--rf-ink); font-family:var(--font-ui);font-size:14.5px;outline:none; transition:border-color .18s ease,box-shadow .18s ease,background .18s ease; } .hdr-search #hs-input::placeholder{color:#8a8f9b} .hdr-search #hs-input:focus{border-color:rgba(15,99,165,.55);box-shadow:0 0 0 3px rgba(15,99,165,.16);background:#fff} .hdr-search #hs-input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none} .topbar.vdp .hdr-search #hs-input{background:rgba(255,255,255,.96)} .hs-drop{ position:absolute;top:calc(100% + 14px);right:0;width:min(600px,92vw); background:#fff;border:1px solid #eceef2;box-shadow:0 40px 100px -22px rgba(0,0,0,.55); display:none;z-index:210;max-height:min(70vh,620px);overflow-y:auto; } .hs-drop.open{display:block} .hs-item{display:flex;align-items:center;gap:20px;padding:16px 20px;text-decoration:none;border-bottom:1px solid #f0f2f5} .hs-item:last-of-type{border-bottom:0} .hs-item:hover,.hs-item.on{background:#f6f8fb;text-decoration:none} .hs-th{width:168px;height:112px;flex:0 0 auto;background:#1F2956 center/cover} .hs-meta{display:flex;flex-direction:column;min-width:0} .hs-n{color:#1F2956;font-size:16.5px;font-weight:700;line-height:1.22} .hs-p{color:#393B44;font-weight:700;font-size:15px;margin-top:4px;font-variant-numeric:tabular-nums} .hs-all{display:block;padding:17px 20px;background:#fafbfc;color:#393B44;font-weight:700;font-size:14.5px;text-decoration:none} .hs-all:hover{background:#f1f4f8;text-decoration:none} .hs-none{padding:22px 18px;font-size:14px;color:#6a6f7b} .hs-none a{color:#393B44;font-weight:600} .hs-sugg{padding:16px 18px} .hs-sugg-t{margin:0 0 12px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#8a8f9b;font-weight:700} .hs-chips{display:flex;flex-wrap:wrap;gap:8px} .hs-chip{ display:inline-flex;align-items:center;gap:7px;padding:8px 13px; border:1px solid rgba(20,24,36,.16);background:#fff;border-radius:20px;cursor:pointer; font-family:var(--font-ui);font-size:13.5px;font-weight:600;color:var(--rf-ink); transition:border-color .15s ease,background .15s ease; } .hs-chip:hover{border-color:rgba(15,99,165,.6);background:rgba(15,99,165,.06)} .hs-chip-n{font-size:11px;color:#8a8f9b;font-variant-numeric:tabular-nums} @media (min-width:1100px){ .hdr-search{display:flex} .topbar .tools .iconbtn[aria-label="Search inventory"]{display:none} } .pdp-collage{ column-count:unset; display:grid; grid-auto-flow:column; grid-template-columns:none; grid-template-rows:repeat(2,1fr); grid-auto-columns:auto; gap:var(--v-gap); padding:var(--v-pad); margin:var(--v-hdr) auto 0; max-width:none; height:min(70vh,700px); align-items:stretch; justify-content:safe center; overflow-x:auto;overflow-y:hidden; overscroll-behavior-x:contain; scroll-snap-type:x proximity; scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.28) transparent; } @media (max-width:900px){.pdp-collage{height:min(56vh,460px)}} @media (max-width:520px){.pdp-collage{height:min(52vh,380px)}} .pdp-collage::-webkit-scrollbar{height:8px} .pdp-collage::-webkit-scrollbar-track{background:transparent} .pdp-collage::-webkit-scrollbar-thumb{background:rgba(255,255,255,.24);border-radius:4px} .pdp-collage:hover::-webkit-scrollbar-thumb{background:rgba(255,255,255,.4)} .pdp-collage .collage-tile{ margin:0;border-radius:0; aspect-ratio:3/2;height:100%;width:auto;min-width:0;min-height:0; position:relative;scroll-snap-align:start; } .pdp-collage .collage-reel{aspect-ratio:9/16;grid-row:span 2;height:100%} .pdp-collage .collage-tile > img, .pdp-collage .collage-reel-vid{ position:absolute;inset:0;width:100%;height:100%; object-fit:cover;object-position:center;display:block; } .pdp-collage .collage-tile:hover{box-shadow:0 10px 30px rgba(0,0,0,.4),0 0 0 1px rgba(15,99,165,.55);transform:translateY(-2px)} .collage-reel-sound.on{background:rgba(15,99,165,.9)} .pdp-lightbox .lightbox-inner{width:min(1500px,94vw);max-width:min(1500px,94vw);max-height:calc(100dvh - 40px)} @media (min-width:1900px){.pdp-lightbox .lightbox-inner{width:min(1750px,90vw);max-width:min(1750px,90vw)}} .pdp-lightbox .pdp-gal{display:flex;flex-direction:column;gap:12px} .pdp-lightbox .pdp-main{ aspect-ratio:auto;height:auto;min-height:0;max-height:calc(100dvh - 190px); display:flex;align-items:center;justify-content:center; background:#1F2956;overflow:hidden;position:relative; } .pdp-lightbox .pdp-main > img{ position:static;width:auto;height:auto; max-width:100%;max-height:calc(100dvh - 190px); object-fit:contain;display:block; } .pdp-lightbox .pdp-main:has(.spinstage){ height:min(72vh,760px);min-height:min(72vh,760px);max-height:min(72vh,760px); display:block; } .pdp-lightbox .spinstage img{object-fit:contain;object-position:center} .pdp-main:has(.spinstage){min-height:min(66vh,700px)} .pdp-lightbox .pdp-rail{justify-content:center;flex:none;display:flex;flex-wrap:nowrap;overflow-x:auto;gap:8px} .pdp-count{ position:absolute;right:14px;bottom:14px;z-index:4; padding:6px 11px;border-radius:20px;background:rgba(6,9,20,.62); -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px); color:#fff;font-size:12.5px;font-weight:700;letter-spacing:.04em; font-variant-numeric:tabular-nums;pointer-events:none; } .pdp-sticker{border:1px solid var(--rf-ink);background:#fff;margin:0 0 var(--s8);padding:0;overflow:hidden} .pdp-sticker > :first-child{margin-top:0} .pdp-sticker > :last-child{margin-bottom:0} .stk-hd{background:var(--rf-dark,#1F2956);color:#fff;padding:var(--stk-y) var(--stk-x)} .stk-kick{font-size:10px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;margin:0 0 8px;color:#fff;opacity:.62} h1.stk-title{font-family:var(--font-display);font-weight:700;font-size:clamp(24px,2.6vw,34px);line-height:1.1;letter-spacing:-.01em;margin:0;color:#fff} .stk-meta{margin:12px 0 0;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;opacity:.5;font-variant-numeric:tabular-nums} .stk-badges{display:flex;flex-wrap:wrap;gap:8px;padding:14px var(--stk-x);border-bottom:var(--stk-rule);background:rgba(20,24,36,.022)} .stk-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0} @media (max-width:640px){.stk-rows{grid-template-columns:minmax(0,1fr)}} .stk-row{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding:12px var(--stk-x);border-bottom:var(--stk-rule);min-width:0} .stk-rows .stk-row:nth-child(odd){border-right:var(--stk-rule)} @media (max-width:640px){.stk-rows .stk-row:nth-child(odd){border-right:0}} .stk-row:last-child{border-bottom:0} .stk-row dt{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--rf-slate);font-weight:700;flex:none;margin:0} .stk-row dd{margin:0;display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--rf-ink);font-variant-numeric:tabular-nums;text-align:right;min-width:0} .stk-row dd > span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .stk-chip{display:inline-block;width:16px;height:16px;border-radius:2px;border:1px solid rgba(0,0,0,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.35);flex:none} .stk-sec{padding:20px var(--stk-x);border-top:var(--stk-rule)} .stk-ey{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--rf-slate);font-weight:700;margin:0 0 12px} .stk-sec p{color:var(--stk-ink);line-height:1.7;font-size:15.5px;margin:0 0 12px} .stk-sec p:last-child{margin-bottom:0} .stk-hl .hl-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px;margin:0;padding:0;list-style:none} @media (max-width:640px){.stk-hl .hl-grid{grid-template-columns:minmax(0,1fr)}} .stk-hl .hl-grid li{display:flex;gap:10px;align-items:flex-start;color:var(--rf-ink);font-size:15px;line-height:1.45} .stk-hl .hl-grid li svg{width:17px;height:17px;color:var(--rf-accent);flex:none;margin-top:2px} .stk-docs .docsub{margin-bottom:14px;font-size:14px} .stk-docs .doc-row{display:flex;flex-wrap:wrap;gap:10px} .stk-docs .doc-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(20,24,36,.18);padding:10px 14px;font-weight:700;font-size:14px;color:var(--rf-ink)} .stk-docs .doc-chip svg{width:17px;height:17px} .stk-docs .doc-chip:hover{border-color:var(--rf-ink);text-decoration:none} .stk-foot{border-top:var(--stk-rule);padding:11px var(--stk-x);margin:0;font-size:11px;line-height:1.5;color:var(--rf-slate);background:repeating-linear-gradient(-45deg,rgba(20,24,36,.028) 0 6px,transparent 6px 12px)} .pdp-buy .price{font-family:var(--font-display);font-weight:700;font-size:25px;line-height:1.15;font-variant-numeric:tabular-nums} .pdp-buy .pn{color:var(--rf-slate);font-size:12px;margin-bottom:var(--s6)} .pdp-buy .btn,.pdp-buy .pdp-save{ display:inline-flex;align-items:center;justify-content:flex-start;gap:12px; width:100%;padding:14px 20px;min-height:54px;margin-bottom:10px; font-size:15px;font-weight:700;line-height:1.2;text-align:left; } .pdp-buy .btn svg,.pdp-buy .btn .bi,.pdp-buy .pdp-save svg{width:18px;height:18px;flex:0 0 18px} .pdp-buy .pdp-save span{font-size:15px;font-weight:700} .pdp-buy .btn.navy:hover{background:var(--rf-accent)} .pdp-bar{ position:fixed;left:0;right:0;bottom:0;z-index:60; background:rgba(255,255,255,.94); backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3); border-top:1px solid rgba(20,24,36,.1);box-shadow:0 -6px 24px rgba(0,0,0,.09); transform:translateY(0);transition:transform .28s cubic-bezier(.2,.8,.2,1); padding-bottom:env(safe-area-inset-bottom,0px); } .pdp-bar.down{transform:translateY(115%)} .pdp-bar-in{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px clamp(12px,3vw,28px)} .pdp-bar-price{display:flex;flex-direction:column;gap:1px;flex:none} .pdp-bar-price .pb-k{font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--rf-slate);font-weight:700} .pdp-bar-price .pb-v{font-family:var(--font-display);font-weight:700;font-size:21px;color:var(--rf-ink);font-variant-numeric:tabular-nums;line-height:1.1} .pdp-bar-acts{display:flex;align-items:center;gap:9px;min-width:0} .pdp-bar .pb-save,.pdp-bar .pb-call{ display:inline-flex;align-items:center;gap:7px; border:1px solid rgba(20,24,36,.18);background:transparent;color:var(--rf-ink); font-weight:700;font-size:14px;padding:10px 15px;min-height:44px;cursor:pointer;white-space:nowrap; } .pdp-bar .pb-save svg,.pdp-bar .pb-call svg{width:17px;height:17px} .pdp-bar .pb-save svg{fill:none;stroke:currentColor;stroke-width:1.7} .pdp-bar .pb-save:hover,.pdp-bar .pb-call:hover{border-color:var(--rf-ink);text-decoration:none} .pdp-bar .pb-save.on{border-color:#c9a227;color:#8a6f10} .pdp-bar .pb-save.on svg{fill:#c9a227;stroke:#c9a227} .pdp-bar .pb-buy{display:inline-flex;align-items:center;justify-content:center;background:var(--rf-dark,#1F2956);color:#fff;font-weight:700;font-size:15px;padding:12px 26px;min-height:46px;white-space:nowrap} .pdp-bar .pb-buy:hover{background:var(--rf-accent);text-decoration:none} @media (max-width:760px){ .pdp-bar .pb-call span,.pdp-bar .pb-save span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} .pdp-bar .pb-call,.pdp-bar .pb-save{padding:10px 13px} .pdp-bar-in{padding:9px 12px;gap:10px} .pdp-bar .pb-buy{flex:1;padding:12px 16px} .pdp-bar-price .pb-v{font-size:18px} } .rf-ask{ background:var(--rf-dark,#1F2956);color:#fff; box-shadow:0 0 0 5px rgba(15,99,165,.30),0 0 0 11px rgba(15,99,165,.13),0 12px 30px rgba(0,0,0,.32); } .rf-ask:hover{box-shadow:0 0 0 6px rgba(15,99,165,.42),0 0 0 13px rgba(15,99,165,.18),0 14px 34px rgba(0,0,0,.36)} body.has-pdpbar .rf-tab,body.has-pdpbar .rf-ask{transition:transform .28s cubic-bezier(.2,.8,.2,1)} body.has-pdpbar .rf-tab{transform:translateX(-50%) translateY(-80px);z-index:56} body.has-pdpbar .rf-ask{transform:translateY(-158px);z-index:57} .pdp-more .pmore-hd{text-align:left;max-width:none;margin-bottom:var(--s6)} .pdp-more .pmore-hd h2{text-align:left;margin:0} .fleetgrid .imgwrap,.pdp-more .imgwrap{aspect-ratio:3/2;background:#1F2956} .fleetgrid .imgwrap img,.pdp-more .imgwrap img,.cardgal img{width:100%;height:100%;object-fit:cover;object-position:center;display:block} .card .imgwrap::before{ content:"";position:absolute;inset:0 0 auto 0;height:74px;z-index:1;pointer-events:none; background:linear-gradient(180deg,rgba(6,9,20,.42) 0%,rgba(6,9,20,.14) 55%,transparent 100%); } .card .imgwrap .badges{top:12px;left:12px;z-index:3} .card .cardacts{top:12px;right:12px;gap:8px;z-index:3} .dep-wrap{padding-top:clamp(28px,6vw,64px);padding-bottom:clamp(60px,10vw,120px)} .dep-head{max-width:680px;margin-bottom:clamp(24px,4vw,40px)} .dep-head h1{font-size:clamp(28px,4vw,42px);line-height:1.12;margin:6px 0 14px} .dep-sub{color:var(--rf-slate);line-height:1.65;font-size:16px} .dep-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:clamp(20px,3vw,40px);align-items:start} @media (max-width:900px){.dep-grid{grid-template-columns:minmax(0,1fr)}} .dep-card{border:1px solid rgba(20,24,36,.14);background:#fff;padding:clamp(20px,3vw,32px)} .dep-card h2{font-size:20px;margin:0 0 18px} .dep-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:18px} .dep-steps li{display:flex;gap:14px;align-items:flex-start} .ds-n{flex:none;width:28px;height:28px;border-radius:50%;background:var(--rf-dark,#1F2956);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px} .ds-t{font-weight:700;margin:0 0 3px;color:var(--rf-ink)} .ds-b{margin:0;color:var(--rf-slate);line-height:1.55;font-size:14px} .dep-fine{margin:22px 0 0;padding-top:16px;border-top:1px solid rgba(20,24,36,.12);font-size:12px;color:var(--rf-slate);line-height:1.55} .dep-fallback{margin:12px 0 0;font-size:13px;line-height:1.55;color:var(--rf-slate)} .dep-sum{border:1px solid var(--rf-ink);background:#fff;padding:clamp(20px,3vw,28px);position:sticky;top:calc(var(--v-hdr) + 8px)} .dsk{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--rf-slate);font-weight:700;margin:0 0 4px} .dst{font-family:var(--font-display);font-weight:700;font-size:18px;margin:0 0 4px;line-height:1.25} .dsp{font-family:var(--font-display);font-weight:700;font-size:22px;margin:0 0 14px;font-variant-numeric:tabular-nums} .dsp.big{font-size:32px;margin-bottom:18px} .dep-rule{height:1px;background:rgba(20,24,36,.14);margin:16px 0} .dep-cta{width:100%;justify-content:center} .dep-or{font-size:13px;color:var(--rf-slate);margin:14px 0 0;line-height:1.5} .dep-back{display:inline-block;margin-top:16px;font-size:13px;font-weight:700} .dep-acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px} .dep-gone h2{margin-bottom:10px} .dep-gone p{color:var(--rf-slate);line-height:1.6;margin:0} .hl-grid li svg{color:var(--rf-accent)} a:focus-visible,button:focus-visible{outline:2px solid var(--rf-accent);outline-offset:2px} :root{--page-x:clamp(20px,3.2vw,56px)} .topbar .wrap{padding-left:var(--page-x);padding-right:var(--page-x)} .inv-shell .wrap{padding-left:var(--page-x);padding-right:var(--page-x)} .pdp-body{padding-left:var(--page-x);padding-right:var(--page-x)} .inv-hero-wrap{max-width:none;margin:0;padding-left:var(--page-x);padding-right:var(--page-x);text-align:left} .inv-hero-wrap h2,.inv-hero-wrap .kick,.inv-hero-wrap .inv-search{margin-left:0;margin-right:auto} .inv-hero-wrap .inv-search{max-width:520px} .card{border:1px solid rgba(20,24,36,.12);background:#fff} .card .imgwrap{aspect-ratio:3/2;background:#1F2956} .card .imgwrap::before{content:none} .card .imgwrap .badges{top:12px;left:12px;right:auto;z-index:3;display:flex;flex-wrap:wrap;gap:6px} .card .imgwrap .badge{ background:rgba(255,255,255,.94);color:var(--rf-ink); -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px); box-shadow:0 2px 10px rgba(6,9,20,.22); font-size:9.5px;letter-spacing:.13em;padding:6px 9px; } .card .cardacts{top:12px;right:12px;gap:8px;z-index:3;opacity:0;transform:translateY(-3px);transition:opacity .18s ease,transform .18s ease} .card:hover .cardacts,.card:focus-within .cardacts{opacity:1;transform:translateY(0)} @media (hover:none){.card .cardacts{opacity:1;transform:none}} .card .cact{width:34px;height:34px;background:rgba(6,9,20,.55)} .cardgal .card-dashes{ position:absolute;left:0;right:0;bottom:10px;z-index:2; display:flex;justify-content:center;gap:5px;background:none;padding:0; } .cardgal .card-dashes > *{ width:16px;height:2px;border-radius:2px; background:rgba(255,255,255,.45);box-shadow:0 1px 2px rgba(0,0,0,.35); } .cardgal .card-dashes > .on{background:#fff} .card .body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:0} .card .titlerow{display:flex;align-items:baseline;justify-content:space-between;gap:14px} .card h3{font-size:18px;line-height:1.18;margin:0;letter-spacing:-.01em} .card .cprice{font-family:var(--font-display);font-weight:700;font-size:16px;font-variant-numeric:tabular-nums;flex:none;color:var(--rf-ink)} .card .cmeta{margin:7px 0 0;font-size:11.5px;letter-spacing:.09em;text-transform:uppercase;color:#7a7f8b;font-weight:700;font-variant-numeric:tabular-nums} .card .cmeta .sp-dot{margin:0 7px;opacity:.45} .pdp-collage:not(:has(> :nth-child(2))) .collage-tile, .pdp-collage:has(> :nth-child(2)):not(:has(> :nth-child(3))) .collage-tile{ grid-row:span 2;height:100%;aspect-ratio:3/2; } :root{--lb-h:min(calc(100dvh - 190px),860px)} .pdp-lightbox .pdp-main{max-height:var(--lb-h)} .pdp-lightbox .pdp-main > img{max-height:var(--lb-h)} .pdp-lightbox .pdp-main:has(.spinstage){height:var(--lb-h);min-height:var(--lb-h);max-height:var(--lb-h)} @keyframes rf-pulse{ 0% {box-shadow:0 0 0 0 rgba(15,99,165,.50)} 70% {box-shadow:0 0 0 18px rgba(15,99,165,0)} 100%{box-shadow:0 0 0 0 rgba(15,99,165,0)} } :root{--bar-h:66px;--band:12px} .pdp-bar{z-index:60} .rf-tab{z-index:56} .rf-ask{z-index:58} body.has-pdpbar .rf-tab,body.has-pdpbar .rf-ask{transform:none} body.has-pdpbar .rf-tab{ bottom:calc(env(safe-area-inset-bottom,0px) + var(--bar-h) + var(--band)); transform:translateX(-50%); } body.has-pdpbar .rf-ask{ bottom:calc(env(safe-area-inset-bottom,0px) + var(--bar-h) + var(--band) + 74px) !important; } body.has-pdpbar .rf-tab{width:min(94vw,460px)} body.has-pdpbar .pdp-more,body.has-pdpbar .pdp-body{padding-bottom:calc(var(--bar-h) + 120px)} @media (min-width:901px){ body.has-pdpbar .pdp-more,body.has-pdpbar .pdp-body{padding-bottom:calc(var(--bar-h) + 40px)} } .pdp-collage{ --collage-h:min(70vh,700px); height:var(--collage-h); --tile-h:calc((var(--collage-h) - var(--v-gap)) / 2); grid-auto-columns:min-content; } @media (max-width:900px){.pdp-collage{--collage-h:min(52vh,420px)}} @media (max-width:520px){.pdp-collage{--collage-h:min(46vh,340px)}} .pdp-collage .collage-tile{ aspect-ratio:auto; width:calc(var(--tile-h) * 3 / 2); height:100%; } .pdp-collage .collage-reel{ width:calc(var(--collage-h) * 9 / 16); height:100%; } .pdp-collage:not(:has(> :nth-child(2))) .collage-tile, .pdp-collage:has(> :nth-child(2)):not(:has(> :nth-child(3))) .collage-tile{ grid-row:span 2; width:calc(var(--collage-h) * 3 / 2); height:100%; } @media (min-width:641px) and (max-width:900px){ .stk-rows{grid-template-columns:minmax(0,1fr)} .stk-rows .stk-row:nth-child(odd){border-right:0} .stk-hl .hl-grid{grid-template-columns:minmax(0,1fr)} } .pdp-collage{ --tile-h:calc((var(--collage-h) - var(--v-gap) - (var(--v-pad) * 2)) / 2); } body.has-pdpbar .rf-tab{ bottom:calc(env(safe-area-inset-bottom,0px) + 12px); width:min(94vw,460px); transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .2s ease; will-change:transform; } body.has-pdpbar.pdpbar-buy .rf-tab{transform:translateX(-50%) translateY(160%);opacity:0;pointer-events:none} body.has-pdpbar.pdpbar-nav .rf-tab{transform:translateX(-50%) translateY(0);opacity:1;pointer-events:auto} .pdp-bar{transition:transform .28s cubic-bezier(.2,.8,.2,1)} .pdp-bar.down{transform:translateY(115%)} body.has-pdpbar .rf-ask{display:none} body.has-pdpbar .pdp-more,body.has-pdpbar .pdp-body{padding-bottom:calc(var(--bar-h) + 46px)} @media (min-width:901px){ body.has-pdpbar .pdp-more,body.has-pdpbar .pdp-body{padding-bottom:calc(var(--bar-h) + 32px)} } .pdp-bar .pb-ask{ display:inline-flex;align-items:center;gap:7px; border:1px solid rgba(20,24,36,.18);background:transparent;color:var(--rf-ink); font-weight:700;font-size:14px;padding:10px 15px;min-height:44px;cursor:pointer;white-space:nowrap; } .pdp-bar .pb-ask svg{width:22px;height:14px;flex:none} .pdp-bar .pb-ask:hover{border-color:var(--rf-ink)} @media (max-width:760px){ .pdp-bar .pb-ask span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} .pdp-bar .pb-ask{padding:10px 13px} } @media (max-width:760px){ .pdp-bar .pb-save,.pdp-bar .pb-ask,.pdp-bar .pb-call{ width:46px;min-width:46px;padding:0;justify-content:center;flex:0 0 46px;gap:0; } .pdp-bar .pb-ask svg{width:24px;height:14px} .pdp-bar-acts{gap:8px} } @media (max-width:900px){ .pdp-collage{display:none} } @media (min-width:901px){ .pdp-mobilegal{display:none} } .pdp-mobilegal{background:#1F2956;margin-top:var(--v-hdr);padding:var(--v-pad)} .pdp-mobilegal .pdp-gal{display:flex;flex-direction:column;gap:8px} .pdp-mobilegal .pdp-main{ position:relative;aspect-ratio:3/2;height:auto;min-height:0; background:#1F2956;overflow:hidden; } .pdp-mobilegal .pdp-main > img, .pdp-mobilegal .pdp-reel-vid{ position:absolute;inset:0;width:100%;height:100%; object-fit:cover;object-position:center;display:block; } .pdp-mobilegal .pdp-main:has(.spinstage){aspect-ratio:3/2;min-height:0;height:auto} .pdp-reel-sound{ position:absolute;left:12px;bottom:12px;z-index:4; width:36px;height:36px;border:0;border-radius:50%; background:rgba(6,9,20,.55);color:#fff; -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px); display:flex;align-items:center;justify-content:center; } .pdp-reel-sound svg{width:17px;height:17px} .pdp-reel-sound.on{background:rgba(15,99,165,.9)} .pdp-mobilegal .pdp-rail{ display:flex;gap:6px;overflow-x:auto;justify-content:flex-start; scrollbar-width:none;padding-bottom:2px; } .pdp-mobilegal .pdp-rail::-webkit-scrollbar{display:none} .pdp-mobilegal .pth{ width:66px;height:44px;flex:0 0 66px;border:0;padding:0; background-size:cover;background-position:center; opacity:.5;transition:opacity .15s ease,box-shadow .15s ease; } .pdp-mobilegal .pth.on{opacity:1;box-shadow:inset 0 0 0 2px #fff} .pdp-mobilegal .pth-reel{position:relative;display:flex;align-items:center;justify-content:center} .pdp-mobilegal .pth-reel svg{width:18px;height:18px;color:#fff;filter:drop-shadow(0 1px 3px rgba(0,0,0,.7))} .pdp-mobilegal .pth-reel::before{content:"";position:absolute;inset:0;background:rgba(6,9,20,.35)} @media (max-width:900px){ .pdp-mobilegal .pnav{display:none} } .ask-fab{ position:fixed;right:16px;bottom:20px;z-index:150; width:60px;height:60px;border:0;border-radius:999px; display:inline-flex;align-items:center;justify-content:center; background:var(--rf-dark,#1F2956);color:#fff;cursor:pointer; box-shadow:0 0 0 5px rgba(15,99,165,.30),0 0 0 11px rgba(15,99,165,.13),0 12px 30px rgba(0,0,0,.32); transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease; } .ask-fab:hover{box-shadow:0 0 0 6px rgba(15,99,165,.42),0 0 0 13px rgba(15,99,165,.18),0 14px 34px rgba(0,0,0,.36)} .ask-fab-face{display:flex;align-items:center;justify-content:center} .ask-fab svg{width:34px;height:20px} body.ask-open .ask-fab{opacity:0;pointer-events:none;transform:scale(.9)} body.has-pdpbar .ask-fab{display:none} .ask-scrim{position:fixed;inset:0;z-index:150;background:rgba(6,9,20,.55);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)} .ask-panel{ position:fixed;right:22px;bottom:92px;z-index:151; width:min(388px,94vw);height:min(590px,74vh); background:#fff;border:1px solid #e6e9ee; box-shadow:0 44px 110px -24px rgba(0,0,0,.55); display:flex;flex-direction:column;overflow:hidden; transform:translateY(16px) scale(.98);opacity:0;pointer-events:none; transition:transform .28s cubic-bezier(.16,.84,.44,1),opacity .2s ease; } body.ask-open .ask-panel{transform:none;opacity:1;pointer-events:auto} @media (max-width:640px){ .ask-panel{ right:0;left:0;bottom:0; width:100%;max-width:100%; height:min(86dvh,720px); border-left:0;border-right:0;border-bottom:0; transform:translateY(100%); padding-bottom:env(safe-area-inset-bottom,0px); } body.ask-open .ask-panel{transform:translateY(0)} } .ask-head{background:var(--rf-dark,#1F2956);color:#fff;padding:15px 18px;display:flex;align-items:center;gap:12px;flex:none} .ask-badge{ display:flex;align-items:center;justify-content:center;flex:0 0 auto; width:38px;height:38px;border-radius:999px;background:rgba(255,255,255,.1);color:#fff; } .ask-badge svg{width:26px;height:15px} .ask-hmeta{min-width:0} .ask-hmeta b{display:block;line-height:1.1;font-family:var(--font-display);font-size:15px} .ask-hmeta span{font-size:11.5px;color:rgba(255,255,255,.55);display:block;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .ask-close{margin-left:auto;background:none;border:0;color:rgba(255,255,255,.6);font-size:24px;line-height:1;cursor:pointer;flex:none;padding:0 2px} .ask-close:hover{color:#fff} .ask-body{flex:1;overflow-y:auto;padding:16px;background:#f6f8fb;display:flex;flex-direction:column;gap:10px;-webkit-overflow-scrolling:touch} .ask-row{display:flex;flex-direction:column;gap:8px;max-width:100%} .ask-row[data-role="user"]{align-items:flex-end} .ask-row[data-role="bot"]{align-items:flex-start} .ask-msg{max-width:84%;padding:11px 14px;font-size:14px;line-height:1.5;overflow-wrap:anywhere} .ask-msg.bot{background:#fff;border:1px solid #e6e9ee;color:var(--rf-ink)} .ask-msg.user{background:var(--rf-dark,#1F2956);color:#fff} .ask-cars{display:flex;flex-direction:column;gap:6px;width:100%;max-width:84%} .ask-car{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e6e9ee;padding:7px;text-decoration:none} .ask-car:hover{border-color:var(--rf-ink);text-decoration:none} .ask-car-th{width:66px;height:46px;flex:0 0 66px;background:#1F2956 center bottom/cover} .ask-car-m{min-width:0} .ask-car-m b{display:block;font-size:12.5px;color:#1F2956;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .ask-car-m i{font-style:normal;font-size:12px;color:var(--rf-ink);font-weight:700;font-variant-numeric:tabular-nums} .ask-cta{display:inline-block;background:var(--rf-dark,#1F2956);color:#fff;padding:9px 15px;font-size:12.5px;font-weight:700;text-decoration:none} .ask-cta:hover{background:var(--rf-accent);text-decoration:none;color:#fff} .ask-chiprow{display:flex;flex-wrap:wrap;gap:7px;align-self:flex-start;max-width:100%} .ask-chip{background:#fff;border:1px solid #cfd6e0;color:var(--rf-ink);padding:8px 13px;font-size:12.5px;font-weight:600;cursor:pointer;font-family:inherit} .ask-chip:hover{background:rgba(15,99,165,.07);border-color:var(--rf-accent)} .ask-foot{display:flex;gap:8px;padding:12px;border-top:1px solid #e6e9ee;background:#fff;flex:none} .ask-foot input{flex:1;min-width:0;border:1px solid #dfe3ea;padding:11px 15px;font-size:16px;font-family:inherit;outline:none;color:var(--rf-ink);background:#fff} .ask-foot input:focus{border-color:var(--rf-ink)} .ask-foot button{background:var(--rf-dark,#1F2956);color:#fff;border:0;border-radius:50%;width:42px;height:42px;cursor:pointer;font-size:17px;flex:0 0 42px} .ask-foot button:disabled{opacity:.4;cursor:default} .ask-typing{display:flex;gap:4px;align-items:center;padding:13px 14px} .ask-typing span{width:7px;height:7px;border-radius:50%;background:#b3bac6;animation:askb 1s infinite} .ask-typing span:nth-child(2){animation-delay:.15s} .ask-typing span:nth-child(3){animation-delay:.3s} @keyframes askb{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}} @media (prefers-reduced-motion:reduce){ .ask-typing span{animation:none;opacity:.5} .ask-panel{transition:opacity .2s ease} } #archive-view{background:var(--rf-cream)} #archive-view .wrap{max-width:none;padding-left:var(--page-x);padding-right:var(--page-x)} .arc-hero .kick{color:rgba(255,255,255,.62)} .arc-lede{margin-top:20px;max-width:56ch;color:rgba(255,255,255,.72);font-size:17px;line-height:1.7} .arc-stats div{display:flex;flex-direction:column-reverse;gap:4px} .arc-stats dd{margin:0;font-family:var(--font-display);font-weight:700;font-size:clamp(26px,3.4vw,38px); line-height:1;letter-spacing:-.02em;color:#fff;font-feature-settings:"tnum";font-variant-numeric:tabular-nums} .arc-tools{padding-top:clamp(24px,3vw,36px);padding-bottom:18px} .arc-controls{transition:opacity .15s ease} .arc-controls.busy{opacity:.55} .arc-search{position:relative;flex:1;min-width:0;display:flex;align-items:center;background:#fff; border:1px solid rgba(20,24,36,.22)} .arc-search > svg{width:19px;height:19px;flex:none;margin-left:14px;color:var(--rf-slate)} .arc-search input::-webkit-search-cancel-button{display:none} .arc-clearq{border:0;background:transparent;color:var(--rf-slate);font-size:21px;line-height:1; padding:0 14px;align-self:stretch} .arc-clearq:hover{color:var(--rf-ink)} .arc-reset{flex:none;border:1px solid rgba(20,24,36,.22);background:transparent;color:var(--rf-ink); font-family:var(--font-ui);font-size:13px;font-weight:600;padding:0 18px} .arc-reset:hover{border-color:var(--rf-ink);background:#fff} .arc-facets{margin-top:14px;display:flex;flex-direction:column;gap:10px} .arc-frow{display:flex;flex-wrap:wrap;gap:8px} .arc-chip i{font-style:normal;font-size:11px;color:var(--rf-slate); font-feature-settings:"tnum";font-variant-numeric:tabular-nums} .arc-chip.on{background:var(--rf-dark,#1F2956);border-color:var(--rf-ink);color:#fff} .arc-chip.sm{height:31px;padding:0 11px;font-size:12px} .arc-chip.ghost:hover{color:var(--rf-ink)} .arc-count{margin-top:18px;color:var(--rf-slate);font-size:14px} .arc-count b{color:var(--rf-ink);font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums} .arc-grid{margin-top:4px} .cprice.is-sold{color:var(--rf-slate);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700} .arc-empty{padding:clamp(48px,7vw,88px) var(--page-x);text-align:left} .arc-empty p{max-width:52ch;color:var(--rf-slate);font-size:16px;margin-bottom:20px} .arc-pager{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap; padding-top:clamp(36px,5vw,56px);padding-bottom:clamp(48px,6vw,80px)} .arc-pgnums{display:flex;align-items:center;gap:4px;flex-wrap:wrap;justify-content:center} .arc-gap{color:var(--rf-slate);padding:0 4px} .arc-pg{display:inline-flex;align-items:center;justify-content:center;min-height:38px; border:1px solid rgba(20,24,36,.22);background:#fff;color:var(--rf-ink); font-family:var(--font-ui);font-size:13px;font-weight:600;padding:0 16px;text-decoration:none} .arc-pg:hover{border-color:var(--rf-ink);text-decoration:none} .arc-pg.num{min-width:38px;padding:0 10px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums} .arc-pg.num.on{background:var(--rf-dark,#1F2956);border-color:var(--rf-ink);color:#fff} .arc-pg.off{opacity:.3;pointer-events:none} .arc-cta{background:#fff;border-top:1px solid rgba(20,24,36,.12);padding:clamp(52px,6vw,84px) 0} .arc-cta h2{margin-top:10px} .arc-ctap{margin-top:14px;max-width:52ch;color:var(--rf-slate);font-size:16px;line-height:1.7} .arc-ctabtns{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px} @media (max-width:760px){ .arc-stats{gap:22px 34px;padding-top:20px} .arc-searchrow{flex-wrap:wrap} .arc-reset{width:100%;height:40px} .arc-frow{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-inline:contain; scrollbar-width:none;margin-left:calc(var(--page-x)*-1);margin-right:calc(var(--page-x)*-1); padding-left:var(--page-x);padding-right:var(--page-x)} .arc-frow::-webkit-scrollbar{display:none} .arc-pager{flex-wrap:wrap;justify-content:center} .arc-pgnums{order:-1;width:100%} } @media (max-width:420px){ .arc-pg.num{min-width:34px;padding:0 7px} } .shop-hero .wrap{max-width:none;padding-left:var(--page-x);padding-right:var(--page-x)} .shop-note{text-align:left} .shop-note .sn-p{margin-left:0;margin-right:auto} .shop-wrap{max-width:none;margin:0; padding:clamp(28px,3.5vw,48px) var(--page-x) clamp(50px,6vw,90px)} .shop-bar{display:flex;align-items:center;justify-content:space-between;gap:14px; padding-bottom:18px;margin-bottom:clamp(20px,2.4vw,32px); border-bottom:1px solid rgba(20,24,36,.12)} .shop-n{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--rf-slate)} .shop-bagbtn{display:inline-flex;align-items:center;gap:9px;min-height:40px;padding:0 16px; border:1px solid var(--rf-ink);background:#fff;color:var(--rf-ink); font-family:var(--font-ui);font-size:13px;font-weight:700;border-radius:0} .shop-bagbtn:hover{background:var(--rf-dark,#1F2956);color:#fff} .shop-bagbtn svg{width:17px;height:17px} .shop-bagn{font-style:normal;min-width:20px;height:20px;padding:0 6px;display:inline-flex; align-items:center;justify-content:center;background:var(--rf-accent);color:#fff; font-size:11px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums} .mc-hit{display:flex;flex-direction:column;width:100%;padding:0;border:0;background:transparent; text-align:left;font:inherit;color:inherit} .mcard{transition:border-color .15s ease,transform .15s ease} .mcard:hover{border-color:var(--rf-ink)} .mc-hit .mc-img{width:100%} .mc-hit:focus-visible{outline:2px solid var(--rf-accent);outline-offset:2px} .shop-flash{display:flex;align-items:center;justify-content:space-between;gap:14px; background:var(--rf-dark,#1F2956);color:#fff;padding:14px var(--page-x);font-size:14px} .shop-flash button{border:0;background:transparent;color:#fff;font-size:20px;line-height:1;padding:0 4px} .mdl-scrim{position:fixed;inset:0;z-index:1200;background:rgba(8,10,16,.62); display:flex;align-items:center;justify-content:center;padding:24px; animation:mdlin .18s ease} @keyframes mdlin{from{opacity:0}to{opacity:1}} .mdl{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); width:min(880px,100%);max-height:min(88vh,760px);background:#fff;overflow:hidden} .mdl-x{position:absolute;top:10px;right:12px;z-index:2;border:0;background:rgba(255,255,255,.9); width:34px;height:34px;font-size:22px;line-height:1;color:var(--rf-ink)} .mdl-img{background:#f2f3f6 center/cover no-repeat;min-height:320px} .mdl-body{padding:clamp(22px,3vw,34px);overflow-y:auto;display:flex;flex-direction:column} .mdl-body h2{margin-top:8px} .mdl-price{margin-top:10px;font-family:var(--font-display);font-weight:700;font-size:24px} .mdl-desc{margin-top:14px;color:var(--rf-slate);font-size:15px;line-height:1.65} .mdl-sizes{margin-top:22px} .mdl-sizes .label{margin-bottom:9px;display:block} .mdl-sizerow{display:flex;flex-wrap:wrap;gap:8px} .mdl-size{min-width:56px;height:40px;padding:0 12px;border:1px solid var(--rf-grey);background:#fff; color:var(--rf-ink);font-family:var(--font-ui);font-size:13px;font-weight:600;border-radius:0} .mdl-size:hover{border-color:var(--rf-ink)} .mdl-size.on{background:var(--rf-dark,#1F2956);border-color:var(--rf-ink);color:#fff} .mdl-add{margin-top:auto;justify-content:center;width:100%;border:0} .mdl-add:disabled{background:#d8dae0;color:#75798a;cursor:default} .mdl-note{margin-top:12px;font-size:12px;color:var(--rf-slate)} .bag-scrim{position:fixed;inset:0;z-index:1250;background:rgba(8,10,16,.5)} .bag{position:fixed;top:0;right:0;bottom:0;z-index:1260;width:min(400px,100%); background:#fff;display:flex;flex-direction:column; transform:translateX(101%);transition:transform .26s cubic-bezier(.22,.61,.36,1); box-shadow:-18px 0 44px rgba(8,10,16,.16)} .bag.on{transform:translateX(0)} .bag[aria-hidden="true"]{visibility:hidden} .bag.on{visibility:visible} .bag-hd{display:flex;align-items:center;justify-content:space-between; padding:18px 20px;border-bottom:1px solid #e6e9ee;flex:none} .bag-hd b{font-size:15px;letter-spacing:.02em} .bag-hd button{border:0;background:transparent;font-size:24px;line-height:1;color:var(--rf-ink);padding:0 4px} .bag-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:6px 20px} .bag-empty{padding:40px 0;color:var(--rf-slate);font-size:15px} .bag-line{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:12px; align-items:start;padding:16px 0;border-bottom:1px solid #f0f2f5} .bag-th{width:64px;height:64px;background:#f2f3f6 center/cover no-repeat} .bag-m{min-width:0;display:flex;flex-direction:column;gap:2px} .bag-m b{font-size:14px;line-height:1.3} .bag-m > span{font-size:12px;color:var(--rf-slate)} .bag-qty{display:inline-flex;align-items:center;gap:0;margin-top:8px;border:1px solid #dfe3ea;width:max-content} .bag-qty button{width:30px;height:30px;border:0;background:transparent;font-size:15px;line-height:1;color:var(--rf-ink)} .bag-qty button:hover{background:#f4f6f9} .bag-qty span{min-width:28px;text-align:center;font-size:13px;font-weight:600; font-feature-settings:"tnum";font-variant-numeric:tabular-nums} .bag-p{font-size:14px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums} .bag-ft{flex:none;padding:16px 20px calc(16px + env(safe-area-inset-bottom)); border-top:1px solid #e6e9ee;background:#fff} .bag-err{margin-bottom:12px;padding:10px 12px;background:rgba(204,0,0,.07); border-left:2px solid var(--rf-danger);color:#8a1010;font-size:13px;line-height:1.5} .bag-sub{display:flex;align-items:baseline;justify-content:space-between} .bag-sub span{font-size:13px;color:var(--rf-slate)} .bag-sub b{font-family:var(--font-display);font-size:22px; font-feature-settings:"tnum";font-variant-numeric:tabular-nums} .bag-tax{margin-top:2px;font-size:12px;color:var(--rf-slate)} .bag-go{margin-top:14px;width:100%;justify-content:center;border:0} .bag-go:disabled{background:#d8dae0;color:#75798a;cursor:default} @media (max-width:820px){ .mdl-scrim{padding:0;align-items:flex-end} .mdl{width:100%;max-height:94vh; grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)} .mdl-img{aspect-ratio:auto;height:min(40vh,330px);min-height:0} .mdl-body{min-height:0} } @media (max-width:560px){ .merchgrid{gap:10px} .bag{width:100%} .shop-bar{padding-bottom:14px} } @media (prefers-reduced-motion:reduce){ .bag{transition:none} .mdl-scrim{animation:none} } .bag-clear{border:0;background:transparent;padding:0;color:inherit;font:inherit; font-weight:700;text-decoration:underline;text-underline-offset:2px;cursor:pointer} .sh2-alt-sep::before{content:"\00b7";padding:0 6px;color:var(--rf-slate)} .topbar, .topbar.scrolled, .topbar.vdp, body.feed .topbar, body.inv-hero .topbar, body.inv-hero .topbar:not(.scrolled), body:not(.feed) .topbar, body:not(.feed) .topbar.scrolled, body:not(.feed):not(.inv-hero) .topbar:not(.scrolled), body:not(.feed):not(.inv-hero) .topbar.vdp, body:not(.feed):not(.inv-hero) .topbar.vdp.scrolled{ border-bottom:0 !important; box-shadow:none !important; } body.inv-hero .topbar:not(.scrolled), body.feed .topbar{ background:transparent !important; padding-bottom:0 !important; } body.inv-hero .topbar:not(.scrolled) .logo img{ filter:brightness(0) invert(1) drop-shadow(0 1px 10px rgba(0,0,0,.55)) !important; } body.inv-hero .topbar:not(.scrolled) .iconbtn, body.inv-hero .topbar:not(.scrolled) .iconbtn .ic, body.inv-hero .topbar:not(.scrolled) .menu-btn, body.inv-hero .topbar:not(.scrolled) .menu-btn svg, body.inv-hero .topbar:not(.scrolled) .nav a, body.inv-hero .topbar:not(.scrolled) .nav a .ic{ color:#fff !important; filter:drop-shadow(0 1px 8px rgba(0,0,0,.6)); } .inv-sort-label{position:absolute;width:1px;height:1px;overflow:hidden; clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap} .inv-topbar{display:flex;align-items:stretch;gap:10px} .inv-filter-btn, .inv-sort-wrap{flex:1 1 0;min-width:0;margin-left:0} .inv-filter-btn{display:inline-flex;height:46px;justify-content:center} .inv-sort-wrap{display:flex} .inv-sort-wrap .inv-sort{flex:1;width:100%;height:46px} .inv-clearall{display:inline-flex;align-items:center;height:30px;padding:0 12px; margin:14px 10px 0 0;border:1px solid var(--rf-ink);background:transparent; color:var(--rf-ink);font-family:var(--font-ui);font-size:12px;font-weight:700; border-radius:0;cursor:pointer} .inv-clearall:hover{background:var(--rf-dark,#1F2956);color:#fff} .inv-result-count{display:inline-block;margin:14px 0 18px} .card .cmeta{display:flex;align-items:center;flex-wrap:wrap;gap:0} .card .cm-x{display:inline-flex;align-items:center;gap:5px;white-space:nowrap} .card .cmeta .spi{width:13px;height:13px;flex:none} .pdp-mobilegal .pdp-main > img{object-fit:contain !important} .pdp-mobilegal .pdp-reel-vid{object-fit:cover} .pdp-main img{object-fit:contain;object-position:center} .inv-archive{background:var(--rf-dark,#1F2956);color:#fff;padding:clamp(48px,6vw,84px) 0; margin-top:clamp(40px,5vw,72px)} .inv-archive .wrap{max-width:none;padding-left:var(--page-x);padding-right:var(--page-x)} .inv-archive .kick{color:rgba(255,255,255,.6)} .inv-archive h2{margin-top:10px;color:#fff;font-size:clamp(28px,4vw,46px);letter-spacing:-.02em} .inv-archp{margin-top:14px;max-width:54ch;color:rgba(255,255,255,.72);font-size:16px;line-height:1.7} .inv-archive .btn{margin-top:26px;background:#fff;color:var(--rf-ink);border:0} .inv-archive .btn:hover{background:var(--rf-cream)} #inquire-view{background:var(--rf-cream)} #inquire-view .wrap{max-width:none;padding-left:var(--page-x);padding-right:var(--page-x)} .inq-hero{background:var(--rf-dark,#1F2956);color:#fff;padding:clamp(52px,6vw,92px) 0 clamp(32px,4vw,52px)} .inq-hero .kick{color:rgba(255,255,255,.6)} .inq-hero h1{margin-top:12px;color:#fff} .inq-lede{margin-top:16px;max-width:56ch;color:rgba(255,255,255,.72);font-size:16px;line-height:1.7} .inq-wrap{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr); gap:clamp(24px,4vw,56px);padding-top:clamp(32px,4vw,52px);padding-bottom:clamp(56px,7vw,96px); align-items:start} .inq-car{background:#fff;border:1px solid rgba(20,24,36,.12);position:sticky;top:86px} .inq-carlink{display:block;color:inherit} .inq-carlink:hover{text-decoration:none} .inq-carimg{display:block;width:100%;aspect-ratio:3/2;background:#1F2956 center/cover no-repeat} .inq-carm{display:flex;flex-direction:column;gap:4px;padding:14px 16px} .inq-carm b{font-size:15px;line-height:1.3} .inq-carm i{font-style:normal;font-size:13px;color:var(--rf-slate)} .inq-specs{margin:0;padding:0 16px 8px} .inq-specs div{display:flex;justify-content:space-between;gap:12px;padding:8px 0; border-top:1px solid rgba(20,24,36,.1)} .inq-specs dt{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--rf-slate);font-weight:700} .inq-specs dd{margin:0;font-size:13px;font-weight:600} .inq-back{display:block;padding:12px 16px;border-top:1px solid rgba(20,24,36,.12); font-size:13px;font-weight:700} .inq-quick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .inq-q{display:flex;flex-direction:column;gap:5px;padding:16px 18px;background:#fff; border:1px solid var(--rf-ink);color:var(--rf-ink)} .inq-q:hover{text-decoration:none;background:var(--rf-dark,#1F2956);color:#fff} .inq-q:hover .inq-qv{color:rgba(255,255,255,.75)} .inq-qk{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:700} .inq-qv{font-size:13px;color:var(--rf-slate);line-height:1.45; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .inq-or{display:flex;align-items:center;gap:14px;margin:26px 0 20px;color:var(--rf-slate); font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:700} .inq-or::before,.inq-or::after{content:"";flex:1;height:1px;background:rgba(20,24,36,.14)} .inq-form{display:flex;flex-direction:column;gap:16px} .inq-f{display:flex;flex-direction:column;gap:7px} .inq-f > span{font-size:11px;letter-spacing:.16em;text-transform:uppercase; color:var(--rf-slate);font-weight:700} .inq-f input,.inq-f textarea{border:1px solid rgba(20,24,36,.22);background:#fff; padding:13px 14px;font-family:var(--font-ui);font-size:16px;color:var(--rf-ink); border-radius:0;outline:none;resize:vertical} .inq-f input:focus,.inq-f textarea:focus{border-color:var(--rf-ink)} .inq-err{padding:10px 12px;background:rgba(204,0,0,.07);border-left:2px solid var(--rf-danger); color:#8a1010;font-size:13px} .inq-send{justify-content:center;border:0} .inq-fine{font-size:12px;color:var(--rf-slate)} .inq-done{background:#fff;border:1px solid rgba(20,24,36,.12);padding:clamp(28px,4vw,44px)} .inq-done p{margin-top:12px;color:var(--rf-slate);line-height:1.7;max-width:52ch} .inq-doneacts{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px} @media (max-width:860px){ .inq-wrap{grid-template-columns:minmax(0,1fr)} .inq-car{position:static;order:-1} .inq-carimg{aspect-ratio:2/1} } @media (max-width:520px){ .inq-quick{grid-template-columns:minmax(0,1fr)} } .rf-tabwrap{ position:fixed;left:50%;transform:translateX(-50%); bottom:calc(env(safe-area-inset-bottom,0px) + 12px); z-index:56;display:flex;align-items:center;gap:10px; width:min(94vw,480px); } .rf-tab{ position:static !important;left:auto;transform:none !important; bottom:auto;width:auto !important;flex:1 1 auto;min-width:0; z-index:auto; } .rf-tab a{min-width:0;flex:1} .rf-ask{ --tb-bg:#12161e; flex:0 0 auto;width:56px;height:56px;border-radius:999px; display:inline-flex;align-items:center;justify-content:center; background:rgba(18,22,30,.42); backdrop-filter:blur(22px) saturate(1.5); -webkit-backdrop-filter:blur(22px) saturate(1.5); border:1px solid rgba(255,255,255,.16); box-shadow:0 14px 40px rgba(0,0,0,.34); color:#fff;cursor:pointer;padding:0; transition:background .18s ease,transform .18s ease; } .rf-ask:active{transform:scale(.94)} .rf-ask:hover{background:rgba(255,255,255,.16)} .rf-ask .tb-911{width:30px;height:auto;display:block} @media (max-width:899px){ .ask-fab{display:none !important} } @media (min-width:900px){ .rf-tabwrap{display:none} } body.feed .rf-tabwrap{display:none !important} body.ask-open .rf-tabwrap{opacity:0;pointer-events:none;transition:opacity .18s ease} body.has-pdpbar .rf-tabwrap{ transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .2s ease; will-change:transform; } body.has-pdpbar.pdpbar-buy .rf-tabwrap{ transform:translateX(-50%) translateY(160%);opacity:0;pointer-events:none; } body.has-pdpbar.pdpbar-nav .rf-tabwrap{ transform:translateX(-50%) translateY(0);opacity:1;pointer-events:auto; } body.has-pdpbar .rf-tab, body.has-pdpbar.pdpbar-buy .rf-tab, body.has-pdpbar.pdpbar-nav .rf-tab{transform:none !important;opacity:1;bottom:auto} @media (max-width:380px){ .rf-tabwrap{gap:8px} .rf-ask{width:50px;height:50px} .rf-ask .tb-911{width:26px} .rf-tab a{padding:6px 3px !important} .rf-tab a span{font-size:9px} } .doc-chip{cursor:pointer;font-family:inherit} .doc-ext{font-style:normal;font-size:11px;opacity:.5;margin-left:2px} .doc-scrim{position:fixed;inset:0;z-index:1300;background:rgba(8,10,16,.7); display:flex;align-items:center;justify-content:center;padding:20px; animation:docin .16s ease} @keyframes docin{from{opacity:0}to{opacity:1}} .doc-modal{background:#fff;width:min(1000px,100%);display:flex;flex-direction:column; overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.4)} .doc-modal.framed{height:min(88vh,900px)} .doc-modal.handoff{max-width:480px} .doc-hd{display:flex;align-items:center;justify-content:space-between;gap:14px; padding:14px 16px;border-bottom:1px solid #e6e9ee;flex:none;background:#fff} .doc-hd b{font-size:14px;letter-spacing:.02em} .doc-hdacts{display:flex;align-items:center;gap:6px} .doc-out{display:inline-flex;align-items:center;height:32px;padding:0 13px; border:1px solid var(--rf-ink);color:var(--rf-ink);font-size:12px;font-weight:700} .doc-out:hover{background:var(--rf-dark,#1F2956);color:#fff;text-decoration:none} .doc-x{width:32px;height:32px;border:0;background:transparent;font-size:24px; line-height:1;color:var(--rf-ink)} .doc-frame{flex:1;width:100%;border:0;background:#f4f6f9;min-height:0} .doc-hand{padding:clamp(24px,4vw,36px)} .doc-handk{font-size:11px;letter-spacing:.16em;text-transform:uppercase; color:var(--rf-slate);font-weight:700} .doc-hand h3{margin-top:8px;font-size:20px;font-family:var(--font-display)} .doc-handp{margin-top:12px;color:var(--rf-slate);font-size:14px;line-height:1.65} .doc-handacts{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px} .doc-handacts .btn{justify-content:center} .doc-handacts .btn.navy{border:0} @media (max-width:640px){ .doc-scrim{padding:0;align-items:flex-end} .doc-modal{width:100%} .doc-modal.framed{height:92vh} .doc-modal.handoff{max-width:none} .doc-handacts .btn{width:100%} } @media (prefers-reduced-motion:reduce){ .doc-scrim{animation:none} } #shop-view{background:var(--rf-paper)} .shop-ed-hero{ position:relative;min-height:min(84vh,760px); display:flex;align-items:flex-end; background:#1F2956 center/cover no-repeat; padding:clamp(32px,6vw,80px) 0 clamp(36px,5vw,64px); isolation:isolate; } .shop-ed-hero::after{ content:"";position:absolute;inset:0;z-index:0; background: linear-gradient(to top, rgba(6,8,14,.82) 0%, rgba(6,8,14,.34) 42%, rgba(6,8,14,0) 72%), linear-gradient(to right, rgba(6,8,14,.55) 0%, rgba(6,8,14,0) 55%); } .shop-ed-heroin{position:relative;z-index:1;width:100%; padding-left:var(--page-x);padding-right:var(--page-x)} .shop-ed-hero .kick{color:rgba(255,255,255,.72)} .shop-ed-hero h1{margin-top:14px;color:#fff;max-width:16ch; font-size:clamp(38px,6.6vw,86px);line-height:.98;letter-spacing:-.035em} .shop-ed-lede{margin-top:18px;max-width:46ch;color:rgba(255,255,255,.8); font-size:clamp(15px,1.4vw,18px);line-height:1.65} .shop-ed-acts{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:clamp(24px,3vw,34px)} .btn.light{background:#fff;color:var(--rf-ink);border:0} .btn.light:hover{background:var(--rf-cream)} .shop-bagbtn.on-dark{background:transparent;color:#fff;border-color:rgba(255,255,255,.55); height:52px;padding:0 20px} .shop-bagbtn.on-dark:hover{background:#fff;color:var(--rf-ink);border-color:#fff} .shop-wrap{max-width:none;margin:0;padding:0 0 clamp(60px,7vw,110px)} .shop-cat{padding:clamp(44px,6vw,86px) var(--page-x) 0} .shop-cathd{display:flex;align-items:baseline;justify-content:space-between;gap:16px; padding-bottom:20px;margin-bottom:clamp(22px,3vw,38px); border-bottom:1px solid rgba(20,24,36,.14)} .shop-cathd h2{font-size:clamp(22px,2.6vw,34px);letter-spacing:-.02em} .shop-cathd span{font-size:11px;letter-spacing:.18em;text-transform:uppercase; color:var(--rf-slate);font-weight:700;white-space:nowrap} .shop-ed{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(14px,1.8vw,30px)} .ecard{grid-column:span 2} .ecard.wide{grid-column:span 4} .ec-hit{display:flex;flex-direction:column;width:100%;padding:0;border:0;overflow:hidden; background:transparent;text-align:left;font:inherit;color:inherit;cursor:pointer} .ec-img{display:block;width:100%;aspect-ratio:4/5; background:#eceae4 center/cover no-repeat;will-change:transform; transition:transform .5s cubic-bezier(.2,.8,.2,1),filter .35s ease} .ecard.wide .ec-img{aspect-ratio:5/3} .ec-hit:hover > .ec-img{transform:scale(1.035)} .ec-hit:focus-visible{outline:2px solid var(--rf-accent);outline-offset:3px} .ec-body{display:flex;flex-direction:column;gap:7px;padding:20px 2px 0} .ec-top{display:flex;align-items:baseline;justify-content:space-between;gap:14px} .ec-name{font-family:var(--font-display);font-weight:700;font-size:clamp(15px,1.3vw,19px); line-height:1.2;letter-spacing:-.01em} .ec-price{font-size:14px;font-weight:600;color:var(--rf-ink);white-space:nowrap; font-feature-settings:"tnum";font-variant-numeric:tabular-nums} .ec-blurb{color:var(--rf-slate);font-size:13.5px;line-height:1.6;max-width:48ch; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .ec-cta{margin-top:4px;display:inline-flex;align-items:center;gap:7px; font-size:11px;letter-spacing:.16em;text-transform:uppercase; font-weight:700;color:var(--rf-slate)} .ec-cta i{font-style:normal;transition:transform .2s ease} .ec-hit:hover .ec-cta{color:var(--rf-ink)} .ec-hit:hover .ec-cta i{transform:translateX(4px)} .shop-band::after{content:"";position:absolute;inset:0;z-index:0; background:linear-gradient(to top,rgba(6,8,14,.8) 0%,rgba(6,8,14,.25) 55%,rgba(6,8,14,0) 85%)} .shop-band .kick{color:rgba(255,255,255,.7)} .shop-band p{margin-top:14px;color:rgba(255,255,255,.78);font-size:16px;line-height:1.7} @media (max-width:900px){ .shop-ed{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} .ecard{grid-column:span 1} .ecard.wide{grid-column:span 2} .ecard.wide .ec-img{aspect-ratio:16/10} .shop-ed-hero{min-height:min(76vh,600px)} } @media (max-width:560px){ .shop-ed{gap:10px} .ec-body{padding-top:12px} .ec-blurb{font-size:12.5px} .shop-ed-acts .btn,.shop-ed-acts .shop-bagbtn{flex:1;justify-content:center} } @media (prefers-reduced-motion:reduce){ .ec-hit:hover > .ec-img{transform:none} .ec-hit:hover .ec-cta i{transform:none} } body:not(.feed) .topbar .logo img{height:34px !important} @media (min-width:1200px){body:not(.feed) .topbar .logo img{height:36px !important}} @media (min-width:1700px){body:not(.feed) .topbar .logo img{height:38px !important}} .topbar .logo{margin-right:clamp(28px,3.4vw,64px)} .topbar .nav{gap:clamp(14px,1.6vw,28px)} .topbar .hdr-search #hs-input, .topbar .hdr-search input, .hs-drop{border-radius:0 !important} .topbar .hdr-search{max-width:380px;width:100%;border-radius:0} @media (min-width:1500px){.topbar .hdr-search{max-width:440px}} .topbar .hdr-search #hs-input, .topbar .hdr-search input{height:40px;font-size:14px} .hs-th{background-size:contain !important;background-repeat:no-repeat; background-position:center;background-color:#1F2956} .pdp-collage .collage-tile > img{object-fit:contain !important;background:#1F2956} .pdp-collage .collage-reel-vid{object-fit:cover} @media (min-width:900px){ body.has-pdpbar .ask-fab{display:inline-flex !important;bottom:104px} } .pdp-collage{scroll-behavior:smooth} .pdp-scroll:hover{background:rgba(8,11,20,.85)} .pdp-scroll.next{right:14px} .pdp-collage-wrap{position:relative} @media (min-width:901px){ .pdp-scroll{display:inline-flex} } .pdp-save svg,.pb-save svg,.cact svg,.rfm-ck svg{width:18px;height:18px; fill:none;stroke:currentColor;stroke-width:1.7; stroke-linecap:round;stroke-linejoin:round} .pdp-save.on svg,.pb-save.on svg,.cact.save.on svg{fill:currentColor} #saved-view{background:var(--rf-cream)} #saved-view .wrap{max-width:none;padding-left:var(--page-x);padding-right:var(--page-x)} .sv-hero{background:var(--rf-dark,#1F2956);color:#fff;padding:clamp(44px,5vw,76px) 0 clamp(28px,3vw,44px)} .sv-hero .kick{color:rgba(255,255,255,.6)} .sv-hero h1{margin-top:10px;color:#fff} .sv-hd{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;flex-wrap:wrap} .sv-hd form{display:flex;align-items:center;gap:12px} .sv-who{font-size:13px;color:rgba(255,255,255,.62)} .sv-hd .btn.ghost{border-color:rgba(255,255,255,.4);color:#fff} .sv-hd .btn.ghost:hover{background:#fff;color:var(--rf-ink)} .sv-wrap{padding-top:clamp(24px,3vw,40px);padding-bottom:clamp(56px,7vw,96px)} .sv-wait{min-height:240px} .sv-count{margin-bottom:16px;color:var(--rf-slate);font-size:14px} .sv-count b{color:var(--rf-ink)} .sv-empty{padding:clamp(40px,6vw,80px) 0} .sv-empty p{max-width:46ch;color:var(--rf-slate);font-size:16px;margin-bottom:22px;line-height:1.7} .sv-note{margin-top:32px;padding-top:24px;border-top:1px solid rgba(20,24,36,.12); display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap} .sv-note p{color:var(--rf-slate);font-size:14px;max-width:46ch} .ec-img{background-color:#fff;background-size:contain;background-repeat:no-repeat} .ecard.has-life .ec-img{background-size:cover;background-color:#eceae4} .mdl-img{background-size:contain;background-repeat:no-repeat;background-color:#fff} .kick,.label,.stk-ey,.sf-ey,.pc-ey,.rec-hero .kick,.shop-note .kick, .sell-hero2 .kick,.sh2-copy .kick,.ab-hero .kick,.inq-hero .kick{color:var(--rf-accent)} .arc-hero .kick,.sv-hero .kick,.inv-archive .kick,.shop-ed-hero .kick, .shop-band .kick,.inq-hero .kick,.rfm-k,.topbar .kick{color:rgba(255,255,255,.66)} @media (min-width:901px){ .inv-topbar .inv-filter-btn{display:none} .inv-topbar{justify-content:flex-end} .inv-sort-wrap{flex:0 0 260px} } .inv-topfilters{margin-bottom:clamp(14px,1.6vw,22px)} .inv-smart-row{margin-bottom:clamp(10px,1.2vw,16px)} .rf-feed,.rfm,.rfm-media,.rfm-bg{background-color:#1F2956} .story-hero{position:relative;isolation:isolate;overflow:hidden; min-height:clamp(340px,46vw,560px);display:flex;align-items:flex-end; background:#1F2956;color:#fff;padding:0 0 clamp(34px,4.5vw,64px)} .story-vid,.story-img{position:absolute;inset:0;width:100%;height:100%; object-fit:cover;z-index:0;display:block} .story-img{background-size:cover;background-position:center} .story-scrim{position:absolute;inset:0;z-index:1;pointer-events:none; background:linear-gradient(0deg,rgba(6,9,18,.86) 0%,rgba(6,9,18,.55) 34%,rgba(6,9,18,.12) 68%,transparent 100%)} .story-in{position:relative;z-index:2;max-width:none; padding-left:var(--page-x);padding-right:var(--page-x)} .story-hero .kick{color:rgba(255,255,255,.72)} .story-hero h1{margin-top:12px;color:#fff; font-size:clamp(34px,5.6vw,68px);line-height:1.02;letter-spacing:-.03em; text-shadow:0 2px 24px rgba(0,0,0,.35)} .story-lede{margin-top:16px;max-width:52ch;color:rgba(255,255,255,.82); font-size:clamp(15px,1.3vw,18px);line-height:1.65} .story-cta{margin-top:26px;background:#fff;color:var(--rf-ink);border:0} .story-cta:hover{background:var(--rf-cream)} @media (max-width:640px){ .story-hero{min-height:64vh} .story-lede{font-size:15px} } @media (prefers-reduced-motion:reduce){ .story-vid{display:none} .story-hero{background-size:cover;background-position:center} } .sell-storyhero + .sell-hero2{padding-top:clamp(28px,3.5vw,52px)} .sh2-copy .sh2-proof{margin-top:0} .shop-ed-hero.has-vid{position:relative;isolation:isolate;overflow:hidden;background:#1F2956} .shop-ed-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0} .shop-ed-hero.has-vid .shop-ed-heroin{position:relative;z-index:2} .shop-ed-hero.has-vid::after{content:"";position:absolute;inset:0;z-index:1; background:linear-gradient(0deg,rgba(6,9,18,.86) 0%,rgba(6,9,18,.5) 36%,transparent 100%)} .story-hero, .shop-ed-hero.has-vid{ min-height:clamp(280px,38vh,420px); display:flex;align-items:flex-end; padding:0; background:var(--rf-cobalt);color:#fff; } @media (min-width:900px){ .story-hero,.shop-ed-hero.has-vid{min-height:clamp(320px,36vh,440px)} } @media (min-width:1400px){ .story-hero,.shop-ed-hero.has-vid{min-height:380px} } .story-in, .shop-ed-hero.has-vid .shop-ed-heroin{ position:relative;z-index:2;width:100%;max-width:none;margin:0; padding:0 var(--page-x) clamp(28px,4vw,48px); text-align:left;box-sizing:border-box; } @media (min-width:1400px){ .story-in,.shop-ed-hero.has-vid .shop-ed-heroin{padding-bottom:56px} } .story-hero h1, .shop-ed-hero.has-vid h1{ font-family:var(--font-display);font-weight:700; font-size:clamp(34px,6vw,64px);line-height:.98;letter-spacing:-.02em; margin:0;color:#fff;text-shadow:none; } .story-hero .kick, .shop-ed-hero.has-vid .kick{color:var(--rf-accent)} .story-lede, .shop-ed-hero.has-vid .shop-ed-lede{ margin-top:14px;max-width:52ch;color:rgba(255,255,255,.86); font-size:clamp(15px,1.2vw,18px);line-height:1.6; } .story-cta,.shop-ed-acts{margin-top:22px} .story-scrim, .shop-ed-hero.has-vid::after{ background:linear-gradient(0deg,rgba(6,9,18,.62) 0%,rgba(6,9,18,.24) 42%,transparent 78%); } body:has(.story-hero) .topbar:not(.scrolled), body:has(.shop-ed-hero.has-vid) .topbar:not(.scrolled){ position:fixed !important;top:0;left:0;right:0;width:100%; background:transparent !important;border-bottom:0 !important; } body:has(.story-hero) .topbar:not(.scrolled) .logo img, body:has(.shop-ed-hero.has-vid) .topbar:not(.scrolled) .logo img{ filter:brightness(0) invert(1) drop-shadow(0 1px 10px rgba(0,0,0,.55)) !important; } body:has(.story-hero) .topbar:not(.scrolled) .nav a, body:has(.story-hero) .topbar:not(.scrolled) .nav a .ic, body:has(.story-hero) .topbar:not(.scrolled) .iconbtn, body:has(.story-hero) .topbar:not(.scrolled) .iconbtn .ic, body:has(.story-hero) .topbar:not(.scrolled) .menu-btn svg, body:has(.shop-ed-hero.has-vid) .topbar:not(.scrolled) .nav a, body:has(.shop-ed-hero.has-vid) .topbar:not(.scrolled) .nav a .ic, body:has(.shop-ed-hero.has-vid) .topbar:not(.scrolled) .iconbtn, body:has(.shop-ed-hero.has-vid) .topbar:not(.scrolled) .iconbtn .ic{ color:#fff !important;filter:drop-shadow(0 1px 8px rgba(0,0,0,.6)); } body:has(.story-hero) .topbar:not(.scrolled) .hdr-search #hs-input, body:has(.shop-ed-hero.has-vid) .topbar:not(.scrolled) .hdr-search #hs-input{ background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.34);color:#fff; } body:has(.story-hero) .topbar:not(.scrolled) .hdr-search #hs-input::placeholder{ color:rgba(255,255,255,.72); } body:has(.story-hero) main > div > .story-hero:first-child, body:has(.shop-ed-hero.has-vid) .shop-ed-hero{margin-top:0} .ab-hero,.ab-hero-scrim{display:none} body:not(.feed):not(.inv-hero):has(.story-hero) .topbar:not(.scrolled), body:not(.feed):not(.inv-hero):has(.shop-ed-hero.has-vid) .topbar:not(.scrolled){ background:transparent !important; border-bottom:0 !important; box-shadow:none !important; } body:not(.feed):not(.inv-hero):has(.story-hero) .topbar:not(.scrolled) .logo img, body:not(.feed):not(.inv-hero):has(.shop-ed-hero.has-vid) .topbar:not(.scrolled) .logo img{ filter:brightness(0) invert(1) drop-shadow(0 1px 10px rgba(0,0,0,.55)) !important; } body:not(.feed):not(.inv-hero):has(.story-hero) .topbar:not(.scrolled) .nav a, body:not(.feed):not(.inv-hero):has(.story-hero) .topbar:not(.scrolled) .nav a .ic, body:not(.feed):not(.inv-hero):has(.story-hero) .topbar:not(.scrolled) .iconbtn, body:not(.feed):not(.inv-hero):has(.story-hero) .topbar:not(.scrolled) .iconbtn .ic, body:not(.feed):not(.inv-hero):has(.story-hero) .topbar:not(.scrolled) .menu-btn, body:not(.feed):not(.inv-hero):has(.story-hero) .topbar:not(.scrolled) .menu-btn svg, body:not(.feed):not(.inv-hero):has(.shop-ed-hero.has-vid) .topbar:not(.scrolled) .nav a, body:not(.feed):not(.inv-hero):has(.shop-ed-hero.has-vid) .topbar:not(.scrolled) .nav a .ic, body:not(.feed):not(.inv-hero):has(.shop-ed-hero.has-vid) .topbar:not(.scrolled) .iconbtn, body:not(.feed):not(.inv-hero):has(.shop-ed-hero.has-vid) .topbar:not(.scrolled) .iconbtn .ic{ color:#fff !important; filter:drop-shadow(0 1px 8px rgba(0,0,0,.6)); } body:not(.feed):not(.inv-hero):has(.story-hero) .topbar:not(.scrolled) .hdr-search #hs-input, body:not(.feed):not(.inv-hero):has(.shop-ed-hero.has-vid) .topbar:not(.scrolled) .hdr-search #hs-input{ background:rgba(255,255,255,.16) !important; border-color:rgba(255,255,255,.36) !important; color:#fff !important; } body:not(.feed):not(.inv-hero):has(.story-hero) .topbar:not(.scrolled) .hdr-search .hs-ic{color:rgba(255,255,255,.8)} .sell-storyhero + .sell-hero2{padding-top:clamp(28px,3vw,44px)} .sv-wrap{padding-left:0;padding-right:0;max-width:none} .sv-wrap .fleetgrid{padding:0 3px} .sv-count,.sv-empty,.sv-note{padding-left:var(--page-x);padding-right:var(--page-x)} #saved-view .sv-hd .btn.ghost, #saved-view .sv-hd .btn.ghost.sm{ background:transparent;border:1px solid rgba(255,255,255,.45);color:#fff; } #saved-view .sv-hd .btn.ghost:hover{background:#fff;color:var(--rf-ink);border-color:#fff} .sv-hd form{display:flex;align-items:center;gap:12px} .story-hero,.shop-ed-hero.has-vid{height:auto} .story-in,.shop-ed-hero.has-vid .shop-ed-heroin{ padding-top:clamp(84px,10vh,116px); } .story-hero h1,.shop-ed-hero.has-vid h1{max-width:22ch} .story-lede,.shop-ed-hero.has-vid .shop-ed-lede{max-width:48ch} .shop-ed-acts{display:none} .shop-ed{ display:grid; grid-template-columns:repeat(auto-fill,minmax(clamp(240px,22vw,320px),1fr)); gap:clamp(12px,1.4vw,22px); } .ecard,.ecard.wide{grid-column:auto;grid-row:auto} .ecard{background:#fff;border:1px solid rgba(20,24,36,.12);overflow:hidden} .ecard:hover{border-color:var(--rf-ink)} .ec-hit{display:flex;flex-direction:column;width:100%;height:100%;padding:0;border:0; background:transparent;text-align:left;font:inherit;color:inherit;cursor:pointer} .ec-img{ width:100%;aspect-ratio:1/1;display:block; background-color:#f1efe9;background-size:contain; background-repeat:no-repeat;background-position:center; } .ecard.has-life .ec-img{background-size:cover;background-color:#e8e5de} .ec-body{display:flex;flex-direction:column;gap:4px;padding:14px 15px 16px} .ec-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px} .ec-name{font-weight:700;font-size:14.5px;line-height:1.3} .ec-price{font-family:var(--font-display);font-weight:700;font-size:15px;flex:none; font-feature-settings:"tnum";font-variant-numeric:tabular-nums} .ec-blurb{font-size:12.5px;color:var(--rf-slate);line-height:1.5; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .ec-cta{margin-top:6px;font-size:11px;letter-spacing:.14em;text-transform:uppercase; font-weight:700;color:var(--rf-slate);display:flex;align-items:center;gap:6px} .ec-cta i{font-style:normal;transition:transform .15s ease} .ecard:hover .ec-cta{color:var(--rf-ink)} .ecard:hover .ec-cta i{transform:translateX(3px)} .shop-cat{margin-bottom:clamp(34px,4vw,58px)} .shop-cathd{display:flex;align-items:baseline;justify-content:space-between;gap:16px; padding-bottom:14px;margin-bottom:clamp(16px,2vw,26px); border-bottom:1px solid rgba(20,24,36,.14)} .shop-cathd h2{font-size:clamp(22px,2.4vw,32px);letter-spacing:-.02em} .shop-cathd span{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--rf-slate)} .mdl-img{background-color:#f1efe9} .menudrawer{ position:fixed;inset:0;z-index:200; display:flex;flex-direction:column; background:var(--rf-cream); overflow-y:auto;-webkit-overflow-scrolling:touch; animation:mdin .18s ease; } @keyframes mdin{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}} body.menu-open{overflow:hidden} .md-top{ display:flex;align-items:center;justify-content:space-between;gap:16px; padding:0 var(--page-x);min-height:62px;flex:none; border-bottom:1px solid rgba(20,24,36,.12);background:#fff; } .md-logo{display:inline-flex;align-items:center} .md-logo img{height:32px;width:auto;aspect-ratio:4.4/1;object-fit:contain;display:block} .md-close{ width:44px;height:44px;border:0;background:transparent;color:var(--rf-ink); display:inline-flex;align-items:center;justify-content:center;margin-right:-10px; } .md-close svg{width:24px;height:24px} .md-nav{display:flex;flex-direction:column;flex:1;background:#fff} .md-nav a{ display:flex;align-items:center;gap:16px; padding:0 var(--page-x);min-height:clamp(58px,8vh,72px); border-bottom:1px solid rgba(20,24,36,.09); color:var(--rf-ink);font-family:var(--font-display);font-weight:700; font-size:clamp(20px,5vw,26px);letter-spacing:-.01em;text-decoration:none; } .md-nav a:hover{background:var(--rf-cream);text-decoration:none} .md-nav a .ic{width:22px;height:22px;flex:none;color:var(--rf-slate)} .md-nav a span{flex:1;min-width:0} .md-nav a i{font-style:normal;color:var(--rf-slate);font-size:18px} .md-foot{ flex:none;display:flex;flex-direction:column;gap:10px; padding:22px var(--page-x) calc(22px + env(safe-area-inset-bottom)); background:var(--rf-cream); } .md-foot .btn{justify-content:center;width:100%} .md-foot p{margin-top:6px;font-size:12px;color:var(--rf-slate);text-align:center} @media (min-width:900px){.menudrawer{display:none}} .story-hero .kick, .shop-ed-hero.has-vid .kick, .inv-hero-wrap .kick{display:block;margin:0 0 12px} .story-hero h1, .shop-ed-hero.has-vid h1, .inv-hero-wrap h2{margin:0} .story-lede, .shop-ed-hero.has-vid .shop-ed-lede, .inv-hero-wrap .inv-search{margin-top:16px} .inv-hero-wrap .inv-search{margin-bottom:0} .inv-shell .inv-smart-row{margin-bottom:10px} .inv-topfilters{margin-bottom:12px} .inv-topbar{ display:flex;align-items:center;justify-content:space-between; gap:14px;margin:0 0 12px;flex-wrap:wrap; } .inv-topbar .inv-result-count{ order:0;margin:0;flex:1 1 auto;text-align:left; font-size:13px;color:var(--rf-slate);font-weight:600; } .inv-topbar .inv-sort-wrap{order:1;flex:0 0 auto;margin-left:auto;width:auto} .inv-topbar .inv-sort-wrap .inv-sort{width:auto;min-width:190px;height:40px} @media (max-width:900px){ .inv-topbar{gap:10px} .inv-topbar .inv-filter-btn{order:0;flex:1 1 0;height:40px} .inv-topbar .inv-sort-wrap{order:1;flex:1 1 0;margin-left:0} .inv-topbar .inv-sort-wrap .inv-sort{width:100%;min-width:0} .inv-topbar .inv-result-count{order:2;flex:1 0 100%} } .inv-shell .fleetgrid,.inv-main .fleetgrid{margin-top:0} .inv-shell{padding-bottom:clamp(40px,5vw,72px)} .sf-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 20px} .sf-mode{display:flex;flex-direction:column;gap:3px;padding:11px 12px;text-align:left; border:1px solid rgba(20,24,36,.2);background:#fff;border-radius:0;cursor:pointer;color:var(--rf-ink)} .sf-mode b{font-size:13px;font-weight:700;line-height:1.2} .sf-mode span{font-size:11px;color:var(--rf-slate);line-height:1.35} .sf-mode:hover{border-color:var(--rf-ink)} .sf-mode.on{background:var(--rf-dark,#1F2956);border-color:var(--rf-ink);color:#fff} .sf-mode.on span{color:rgba(255,255,255,.72)} @media (max-width:560px){.sf-modes{grid-template-columns:minmax(0,1fr)}.sf-mode span{display:none}} .sf-vinrow{display:flex;gap:8px;align-items:stretch} .sf-vinrow input{flex:1;min-width:0;text-transform:uppercase;letter-spacing:.06em} .sf-vinbtn{flex:none;padding:0 16px;border:1px solid var(--rf-ink);background:transparent; color:var(--rf-ink);font-family:var(--font-ui);font-size:13px;font-weight:700;border-radius:0;cursor:pointer} .sf-vinbtn:hover:not(:disabled){background:var(--rf-dark,#1F2956);color:#fff} .sf-vinbtn:disabled{opacity:.4;cursor:default} .sf-vinmsg{display:block;margin-top:7px;font-size:12px;color:var(--rf-accent);line-height:1.45} #archive-view{background:var(--rf-cream)} #archive-view .inv-shell.busy{opacity:.55;transition:opacity .15s ease} #archive-view .fleetgrid{margin-top:0} #archive-view .arc-pager{padding-top:clamp(28px,4vw,48px);padding-bottom:clamp(48px,6vw,80px)} #archive-view .arc-empty{padding:clamp(40px,6vw,80px) var(--page-x)} .arc-hero,.arc-tools,.arc-controls,.arc-cta{display:none} .arc-hero,.arc-tools,.arc-controls,.arc-cta{display:revert} #archive-view:has(.inv-hero) .arc-hero, #archive-view:has(.inv-hero) .arc-tools, #archive-view:has(.inv-hero) .arc-controls, #archive-view:has(.inv-hero) .arc-cta{display:none} .ab-hero,.ab-hero-scrim{display:revert} #about-view:has(.story-hero) .ab-hero, #about-view:has(.story-hero) .ab-hero-scrim{display:none} .shop-ed-acts{display:revert} #shop-view:has(.shop-ed-hero.has-vid) .shop-ed-acts{display:none} .pdp-collage .collage-tile, .pdp-collage:not(:has(> :nth-child(2))) .collage-tile, .pdp-collage:has(> :nth-child(2)):not(:has(> :nth-child(3))) .collage-tile{ width:auto;height:100%;aspect-ratio:auto;min-width:0; } .pdp-collage .collage-tile > img{ position:static;inset:auto; height:100%;width:auto;max-width:none; object-fit:contain;display:block; } .pdp-collage .collage-reel{width:auto;height:100%;grid-row:span 2} .pdp-collage .collage-reel-vid{position:static;height:100%;width:auto;object-fit:cover} :root{--v-hdr:64px} @media (max-width:900px){:root{--v-hdr:58px}} .pdp-collage .collage-tile{ width:calc(var(--tile-h) * 3 / 2);height:100%;aspect-ratio:auto; } .pdp-collage .collage-reel{ width:calc(var(--collage-h) * 9 / 16);height:100%;grid-row:span 2; } .pdp-collage:not(:has(> :nth-child(2))) .collage-tile, .pdp-collage:has(> :nth-child(2)):not(:has(> :nth-child(3))) .collage-tile{ grid-row:span 2;width:calc(var(--collage-h) * 3 / 2);height:100%; } .pdp-collage .collage-tile > img, .pdp-collage .collage-reel-vid{ position:absolute;inset:0;width:100%;height:100%;max-width:100%; object-fit:contain;object-position:center;display:block; } .pdp-collage .collage-reel-vid{object-fit:cover} .fleetgrid .card{display:flex;flex-direction:column} .fleetgrid .card .imgwrap{flex:none} .fleetgrid .card .body{flex:1;display:flex;flex-direction:column;justify-content:flex-start} .fleetgrid .card .titlerow h3{ display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical; overflow:hidden;white-space:normal; } .pdp-collage .collage-tile > img{object-fit:cover !important;object-position:center} .pdp-collage .collage-reel-vid{object-fit:cover !important} .pdp-collage{padding-left:var(--v-pad) !important;padding-right:var(--v-pad) !important; scroll-padding-left:var(--v-pad)} .pdp-collage > :first-child{margin-left:0} @media (min-width:901px){ .pdp-collage{padding-left:var(--page-x) !important;scroll-padding-left:var(--page-x)} } .rv-band{background:#fff;border-top:1px solid rgba(20,24,36,.12); padding:clamp(48px,6vw,84px) 0} .rv-band .wrap{max-width:none;padding-left:var(--page-x);padding-right:var(--page-x)} .rv-hd{display:flex;align-items:flex-end;justify-content:space-between;gap:20px; flex-wrap:wrap;margin-bottom:clamp(24px,3vw,40px)} .rv-hd h2{margin-top:10px} .rv-agg{display:inline-flex;align-items:center;gap:9px;color:var(--rf-ink); font-size:13px;text-decoration:none} .rv-agg b{font-family:var(--font-display);font-size:19px} .rv-agg span:last-child{color:var(--rf-slate)} .rv-agg:hover{text-decoration:none;color:var(--rf-accent)} .rv-stars{display:inline-flex;gap:2px} .rv-stars svg{width:15px;height:15px;fill:#E8A33D} .rv-stars.sm svg{width:13px;height:13px} .rv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr)); gap:clamp(12px,1.4vw,20px)} .rv-card{margin:0;display:flex;flex-direction:column;gap:12px; padding:clamp(20px,2.2vw,28px);background:var(--rf-cream); border:1px solid rgba(20,24,36,.1)} .rv-card blockquote{margin:0;font-size:clamp(15px,1.15vw,17px);line-height:1.6; color:var(--rf-ink);flex:1} .rv-card blockquote::before{content:"\201C"} .rv-card blockquote::after{content:"\201D"} .rv-card figcaption{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap} .rv-card figcaption b{font-size:13px;font-weight:700} .rv-card figcaption span{font-size:12px;color:var(--rf-slate)} .ab-proof{background:var(--rf-dark,#1F2956);color:#fff;padding:clamp(40px,5vw,68px) 0} .ab-proof .wrap{max-width:none;padding-left:var(--page-x);padding-right:var(--page-x)} .ab-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:clamp(20px,3vw,48px);margin:0} .ab-stats div{display:flex;flex-direction:column;gap:6px} .ab-stats dd{margin:0;font-family:var(--font-display);font-weight:700; font-size:clamp(30px,4vw,52px);line-height:1;letter-spacing:-.02em; font-feature-settings:"tnum";font-variant-numeric:tabular-nums} .ab-stats dt{font-size:11px;letter-spacing:.16em;text-transform:uppercase; color:rgba(255,255,255,.58);font-weight:700} .ab-proofnote{margin-top:clamp(24px,3vw,36px);padding-top:20px; border-top:1px solid rgba(255,255,255,.16); font-size:13px;color:rgba(255,255,255,.62);max-width:64ch;line-height:1.7} .ab-proofnote a{color:#fff;text-decoration:underline;text-underline-offset:3px} .ab-process{background:#fff;border-top:1px solid rgba(20,24,36,.12); padding:clamp(48px,6vw,88px) 0} .ab-process .wrap{max-width:none;padding-left:var(--page-x);padding-right:var(--page-x)} .ab-phd{max-width:64ch;margin-bottom:clamp(28px,3.5vw,48px)} .ab-phd h2{margin-top:10px} .ab-plede{margin-top:14px;color:var(--rf-slate);font-size:16px;line-height:1.7} .ab-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr)); gap:clamp(20px,2.4vw,36px);counter-reset:none;margin:0;padding:0;list-style:none} .ab-steps li{display:flex;gap:14px;align-items:flex-start; padding-top:18px;border-top:1px solid rgba(20,24,36,.14)} .ab-sn{font-family:var(--font-display);font-weight:700;font-size:13px; color:var(--rf-accent);flex:none;padding-top:2px; font-feature-settings:"tnum";font-variant-numeric:tabular-nums} .ab-steps h3{font-size:16px;margin-bottom:7px} .ab-steps p{color:var(--rf-slate);font-size:14.5px;line-height:1.65} .ab-team{background:var(--rf-cream);padding:clamp(48px,6vw,84px) 0} .ab-team .wrap{max-width:none;padding-left:var(--page-x);padding-right:var(--page-x)} .ab-team h2{margin-top:10px;margin-bottom:clamp(24px,3vw,40px)} .ab-teamgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr)); gap:clamp(16px,2vw,28px)} .ab-person{display:flex;flex-direction:column;gap:6px} .ab-face{display:block;width:100%;aspect-ratio:1/1;background:#e6e3dc center/cover no-repeat; margin-bottom:8px} .ab-person b{font-size:15px} .ab-person span{font-size:12px;letter-spacing:.14em;text-transform:uppercase; color:var(--rf-slate);font-weight:700} .ab-person p{margin-top:6px;font-size:13.5px;color:var(--rf-slate);line-height:1.6} .ab-ch-txt h2{font-size:clamp(24px,3vw,38px)} .ab-num{font-size:12px;letter-spacing:.2em;color:var(--rf-accent);font-weight:700} body.menu-open .topbar, body.menu-open .topbar.scrolled, body.menu-open .topbar.vdp, body.menu-open .topbar:not(.scrolled){ backdrop-filter:none !important; -webkit-backdrop-filter:none !important; filter:none !important; transform:none !important; background:transparent !important; } body.menu-open .rf-tabwrap, body.menu-open .ask-fab, body.menu-open .pdp-bar{opacity:0 !important;pointer-events:none !important} .menudrawer{z-index:400} video.ab-ch-ph{width:100%;height:100%;object-fit:cover;object-position:center;display:block} @media (min-width: 901px){ .ab-ch{ display:grid; grid-template-columns:minmax(0, clamp(340px, 26vw, 560px)) minmax(0, 48ch); gap:clamp(32px, 4vw, 88px); justify-content:center; align-items:center; min-height:0; padding:clamp(56px, 6vw, 104px) var(--page-x); } .ab-ch-img{ position:relative; overflow:hidden; min-height:0; width:100%; aspect-ratio:4 / 5; background:#f2f3f6; align-self:center; } .ab-ch-txt{padding:0} .ab-ch-txt h2{max-width:14ch} .ab-ch-txt .ab-p{max-width:48ch} .ab-ch.noimg{grid-template-columns:minmax(0, 68ch)} } @media (max-width: 900px){ .ab-ch{grid-template-columns:1fr; padding:0; min-height:0} .ab-ch-img,.ab-ch.rev .ab-ch-img{order:0; min-height:0; aspect-ratio:4 / 5} .ab-ch-txt{padding:32px 24px 48px} } .ab-ch-ph{background-size:cover;background-position:center top} video.ab-ch-ph{object-position:center top} .shop-wrap{padding:clamp(36px,5vw,72px) var(--page-x) clamp(56px,7vw,104px)} .shop-ed{ display:grid; grid-template-columns:repeat(auto-fill,minmax(clamp(240px,22vw,320px),1fr)); gap:clamp(12px,1.4vw,22px); align-items:stretch; } .ecard,.ecard.wide{grid-column:auto;grid-row:auto;display:flex} .ec-img,.ecard.wide .ec-img{aspect-ratio:1 / 1} .ec-hit{flex:1;height:100%} .ec-body{flex:1;display:flex;flex-direction:column} .ec-blurb{min-height:2.6em} .ec-cta{margin-top:auto;padding-top:10px} .shop-cat{padding:0;margin:0} .shop-cathd,.shop-band{display:none} .ab-soon{color:rgba(255,255,255,.5);letter-spacing:.16em;font-size:11px; text-transform:uppercase;margin:-26px 0 34px} .shop-ed{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:28px 24px; align-items:stretch; padding:0; } @media (max-width:1400px){ .shop-ed{grid-template-columns:repeat(3,minmax(0,1fr))} } @media (max-width:1000px){ .shop-ed{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} } @media (max-width:560px){ .shop-ed{grid-template-columns:minmax(0,1fr)} } .ecard{ background:#fff; border:var(--rule); border-radius:0; display:flex; flex-direction:column; min-width:0; overflow:hidden; } .ecard:hover{border-color:var(--rf-ink)} .ec-hit{ display:flex;flex-direction:column;flex:1;width:100%;height:100%; padding:0;border:0;background:transparent; text-align:left;font:inherit;color:inherit;cursor:pointer; } .ec-img{ flex:none;display:block;width:100%; aspect-ratio:4 / 5; background-color:#f4f3f0; background-size:contain;background-repeat:no-repeat;background-position:center; } .ecard.has-life .ec-img{background-size:cover;background-color:#e8e5de} .ec-body{ flex:1;display:flex;flex-direction:column;gap:6px; padding:14px 16px 16px;min-width:0; } .ec-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px} .ec-name{ font-size:16px;line-height:1.15;font-weight:700;color:var(--rf-ink); display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; } .ec-price{ font-family:var(--font-display);font-weight:800; font-size:clamp(15px,1.05vw,18px);letter-spacing:-.01em;white-space:nowrap; } .ec-blurb{ font-size:13px;line-height:1.5;color:var(--rf-slate);min-height:0; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; } .ec-cta{ margin-top:auto;padding-top:12px; display:flex;align-items:center;gap:6px; font-size:12px;letter-spacing:.09em;text-transform:uppercase; font-weight:700;color:var(--rf-slate); } .ec-cta i{font-style:normal;transition:transform .15s ease} .ecard:hover .ec-cta{color:var(--rf-ink)} .ecard:hover .ec-cta i{transform:translateX(3px)} .shop-ed{grid-auto-rows:1fr} .ec-img{background-color:#fff} .cardgal-nav{ position:absolute;top:50%;transform:translateY(-50%);z-index:3; width:34px;height:34px;padding:0;border:0;cursor:pointer; display:grid;place-items:center; background:#FFFFFF;color:#393B44; opacity:0;transition:opacity .16s ease; } .cardgal-nav.prev{left:10px} .cardgal-nav.next{right:10px} .cardgal-nav svg{width:18px;height:18px} .card:hover .cardgal-nav, .ecard:hover .cardgal-nav, .cardgal-nav:focus-visible{opacity:1} .cardgal-nav:focus-visible{outline:1px solid #006ED4;outline-offset:2px} @media (hover:none){ .cardgal-nav{display:none} } .cardgal .card-dashes{z-index:3} .cardgal .card-dashes > button{ width:18px;height:14px;padding:6px 0; border:0;cursor:pointer;border-radius:0; background-clip:content-box; background-color:#A9A9A9; box-shadow:none; } .cardgal .card-dashes > button.on{background-color:#FFFFFF} .cardgal .card-dashes > button:focus-visible{outline:1px solid #006ED4;outline-offset:1px} .inv-smart-chip.on{ border:1px solid #393B44; background:#393B44; color:#FFFFFF; padding:0 16px; } .inv-smart-chip.on .inv-chip-n{color:#FFFFFF} .inv-smart-chip.on:hover{border-color:#393B44} .inv-tf-btn.on{background:#393B44;border-color:#393B44;color:#FFFFFF} .inv-smart-row{ display:flex;flex-wrap:wrap;align-items:flex-end; gap:0 clamp(16px,1.9vw,30px); padding:0; margin:0 0 clamp(16px,2vw,26px); border-bottom:1px solid #A9A9A9; } .inv-smart-chip{ display:inline-flex;align-items:baseline;gap:7px; height:auto; padding:0 0 11px; margin-bottom:-1px; border:0; border-bottom:1px solid transparent; background:transparent; font-family:var(--font-ui); font-size:clamp(14.5px,1.1vw,17px); font-weight:600; color:#2E3A4C; white-space:nowrap;cursor:pointer; } .inv-smart-chip:hover{ background:transparent; border-bottom-color:#A9A9A9; color:#393B44; } .inv-smart-chip.on, .inv-smart-chip.on:hover{ padding:0 0 11px; border:0; border-bottom:1px solid #393B44; background:transparent; color:#393B44; font-weight:700; } .inv-smart-chip .inv-chip-n, .inv-smart-chip.on .inv-chip-n{ color:#A9A9A9; font-size:12px;font-weight:600; font-feature-settings:"tnum";font-variant-numeric:tabular-nums; } .inv-smart-chip:focus-visible{outline:1px solid #006ED4;outline-offset:3px} .inv-topfilters{display:flex;flex-wrap:wrap;align-items:center;gap:8px} .inv-tf-btn{ height:36px;padding:0 13px; border:1px solid #A9A9A9; background:#FFFFFF;color:#393B44; font-size:12.5px;font-weight:600;letter-spacing:.01em; } .inv-tf-btn:hover{border-color:#393B44} .inv-tf-btn.on{background:#393B44;border-color:#393B44;color:#FFFFFF} .inv-tf-clear{font-size:12.5px;color:#2E3A4C} .inv-sort-wrap{margin-left:auto} @media (max-width:760px){ .inv-smart-row{gap:0 18px;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch} .inv-smart-chip{font-size:14.5px;padding-bottom:9px} .inv-sort-wrap{margin-left:0;width:100%} } .inv-smart-row{ padding-top:clamp(22px,2.6vw,38px); margin-bottom:clamp(16px,2vw,26px); } .inv-smart-chip{padding-bottom:12px} .inv-smart-chip.on, .inv-smart-chip.on:hover{ padding-bottom:12px; border-bottom:2px solid #006ED4; margin-bottom:-1px; color:#393B44; font-weight:700; } .inv-smart-chip:hover{border-bottom-color:#A9A9A9} .inv-smart-chip.on .inv-chip-n{color:#2E3A4C} .inv-clearall{display:none} .inv-topbar{padding-top:clamp(4px,1vw,10px)} body.inv-hero .topbar:not(.scrolled) .hdr-search #hs-input{ background:rgba(255,255,255,.16); border-color:rgba(255,255,255,.36); color:#FFFFFF; } body.inv-hero .topbar:not(.scrolled) .hdr-search #hs-input::placeholder{ color:rgba(255,255,255,.72); } body.inv-hero .topbar:not(.scrolled) .hdr-search svg{color:rgba(255,255,255,.8)} .imgwrap .card-hit{position:absolute;inset:0;z-index:1;display:block} .imgwrap .cardgal{z-index:0} .cardgal-nav,.cardgal .card-dashes{z-index:4} .imgwrap .badges,.imgwrap .cardacts{z-index:5} .fleetgrid .imgwrap, .pdp-more .imgwrap, .sell-proof-grid .imgwrap{aspect-ratio:5 / 3} .cardgal img{ width:100%;height:100%; object-fit:cover; object-position:center; display:block; } .inv-filter-btn{display:none} @media (max-width:900px){ .inv-topfilters{ display:grid; grid-template-columns:1fr 1fr; gap:10px; align-items:stretch; } .inv-tf-group{display:none} .inv-filter-btn{ display:inline-flex;align-items:center;justify-content:center;gap:8px; height:44px;width:100%;margin:0; border:1px solid #A9A9A9;background:#FFFFFF;color:#393B44; font-family:var(--font-ui);font-size:13.5px;font-weight:700; cursor:pointer; } .inv-filter-btn:hover{border-color:#393B44} .inv-sort-wrap{margin:0;width:100%} .inv-sort-wrap .inv-sort{width:100%;height:44px} .inv-tf-clear{grid-column:1 / -1;justify-self:start} } @media (min-width:901px){ .inv-filter-btn{display:none} } .tn{ position:relative; height:260vh; background:#1F2956; } .tn-stage{ position:sticky;top:0; height:100vh; display:flex;flex-direction:column; overflow:hidden; } .tn-frame{position:relative;flex:1;min-height:0;background:#1F2956} .tn-layer{ position:absolute;inset:0; width:100%;height:100%; object-fit:cover;object-position:center; display:block; } .tn-then{z-index:1} .tn-now{z-index:2} .tn-band{ flex:none; background:#1F2956; color:#FFFFFF; padding:clamp(20px,2.6vw,34px) var(--page-x) clamp(24px,3vw,40px); } .tn-bandin{ display:grid; grid-template-columns:auto 1fr; column-gap:clamp(18px,3vw,48px); row-gap:6px; align-items:baseline; max-width:1500px; } .tn-num{ grid-row:1 / span 3; font-family:var(--font-display); font-size:clamp(30px,4vw,58px);font-weight:800;line-height:.9; letter-spacing:-.03em; color:#FFFFFF; } .tn-when{ display:flex;align-items:center;gap:10px; font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;font-weight:700; margin:0; } .tn-when span{color:#2E3A4C;transition:color .35s ease} .tn-when span.on{color:#006ED4} .tn-when i{width:26px;height:1px;background:#A9A9A9;display:block} .tn-h{ font-family:var(--font-display);font-weight:800; font-size:clamp(26px,3.4vw,50px);line-height:1.02;letter-spacing:-.025em; margin:0;color:#FFFFFF;max-width:20ch; } .tn-body{ margin:0;color:#A9A9A9; font-size:clamp(14px,1.05vw,17px);line-height:1.7;max-width:56ch; } @media (max-width:760px){ .tn{height:220vh} .tn-bandin{grid-template-columns:1fr} .tn-num{grid-row:auto} .tn-body{display:none} } @media (prefers-reduced-motion: reduce){ .tn{height:auto} .tn-stage{position:static;height:auto} .tn-frame{aspect-ratio:16 / 9;flex:none} .tn-then{display:none} } .rv-armed{opacity:0;transform:translate3d(0,18px,0)} .rv-armed.rv-in{ opacity:1;transform:none; transition:opacity .7s cubic-bezier(.16,.84,.44,1) var(--rv-d,0ms), transform .7s cubic-bezier(.16,.84,.44,1) var(--rv-d,0ms); } @media (prefers-reduced-motion: reduce){ .rv-armed{opacity:1;transform:none} } .ab-storyhero.story-hero{min-height:clamp(460px,68vh,760px)} .ab-storyhero .story-vid{object-position:center} .card .imgwrap .ph, .fleetgrid .imgwrap .ph, .pdp-more .imgwrap .ph{ object-fit:cover; object-position:center; } .pdp-collage .collage-tile > img{object-position:center} .vh{ position:absolute!important;width:1px;height:1px; padding:0;margin:-1px;overflow:hidden; clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0; } .skip-link{ position:absolute;left:12px;top:-64px;z-index:10000; display:inline-flex;align-items:center;height:40px;padding:0 16px; background:#393B44;color:#FFFFFF; font-family:var(--font-ui);font-size:13px;font-weight:700; letter-spacing:.02em;text-decoration:none; transition:top .12s ease; } .skip-link:focus{top:12px;outline:2px solid #006ED4;outline-offset:2px} .imgwrap .cardgal{z-index:auto} .cardgal-nav, .cardgal .card-dashes{z-index:4} .cardgal-nav, .cardgal .card-dashes > button{pointer-events:auto} .cardgal-nav{pointer-events:none} .card:hover .cardgal-nav, .ecard:hover .cardgal-nav, .cardgal:hover .cardgal-nav, .cardgal-nav:focus-visible{pointer-events:auto;opacity:1} .cardgal .card-dashes > button{pointer-events:auto} .tn-when{font-size:12px;letter-spacing:.22em;gap:12px} .tn-when span{color:#A9A9A9} .tn-when span.on{color:#FFFFFF} .tn-when i{width:32px;background:#A9A9A9} .tn-then{object-fit:contain;background:#1F2956} .tn-then{transition:opacity .18s linear} .tn-now{transition:opacity .18s linear} .mdl-body{padding:clamp(28px,3vw,44px);display:flex;flex-direction:column} .mdl-body .kick{margin-bottom:10px} .mdl-body h2{margin:0 0 14px} .mdl-price{margin:0 0 18px} .mdl-desc{margin:0 0 28px;max-width:44ch} .mdl-sizes{margin-bottom:clamp(22px,2.4vw,32px)} .mdl-sizes .label{margin-bottom:12px} .mdl-sizerow{display:flex;flex-wrap:wrap;gap:10px} .mdl-size{ min-width:64px;height:46px;padding:0 14px; border:1px solid #A9A9A9;background:#FFFFFF;color:#393B44; font-family:var(--font-ui);font-size:14px;font-weight:600;cursor:pointer; } .mdl-size:hover{border-color:#393B44} .mdl-size.on{ background:#006ED4; border-color:#006ED4; color:#FFFFFF; } .mdl-size:focus-visible{outline:2px solid #006ED4;outline-offset:2px} .mdl-add{margin-top:clamp(10px,1.4vw,18px);width:100%;justify-content:center;height:54px} .mdl-note{display:none} .ab-plate-frame{ max-width:900px; margin:0 auto; } .ab-plate-band{ max-width:900px; margin:0 auto; padding:clamp(24px,3vw,40px) 0 clamp(40px,5vw,72px); } .ab-plate-num{ font-family:var(--font-display);font-weight:800; font-size:clamp(26px,3.2vw,46px);line-height:.9;letter-spacing:-.03em; color:#FFFFFF; } .ab-plate h2{ font-family:var(--font-display);font-weight:800;color:#FFFFFF; font-size:clamp(24px,3vw,42px);line-height:1.04;letter-spacing:-.025em; margin:0 0 14px;max-width:18ch; } @media (max-width:700px){ .ab-plate-in{grid-template-columns:1fr;gap:10px} } .fleetgrid .imgwrap, .pdp-more .imgwrap, .sell-proof-grid .imgwrap{aspect-ratio:16 / 9} .cardgal .card-dashes{gap:4px;bottom:8px} .cardgal .card-dashes > button{ width:11px;height:12px;padding:5px 0; background-color:#A9A9A9; } .cardgal .card-dashes > button.on{background-color:#FFFFFF} .recrail{ padding:clamp(40px,5vw,72px) 0 clamp(16px,2vw,28px); border-top:1px solid #A9A9A9; margin-top:clamp(28px,4vw,56px); } .recrail-hd{ display:flex;align-items:baseline;justify-content:space-between; gap:20px;flex-wrap:wrap; margin-bottom:clamp(20px,2.6vw,34px); } .recrail-hd .kick{display:block;margin:0 0 10px} .recrail-hd h2{ font-family:var(--font-display);font-weight:800;color:#393B44; font-size:clamp(22px,2.6vw,36px);line-height:1.04;letter-spacing:-.02em;margin:0; } .recrail-all{ font-size:12px;letter-spacing:.09em;text-transform:uppercase;font-weight:700; color:#006ED4;text-decoration:none;white-space:nowrap; } .recrail-all:hover{text-decoration:underline;text-underline-offset:3px} .recrail-grid{padding:0} .sv-empty{padding-bottom:0} .sv-empty p{max-width:52ch} .recrail-track{ display:flex; gap:24px; overflow-x:auto; overflow-y:hidden; scroll-snap-type:x mandatory; scroll-padding-left:0; -webkit-overflow-scrolling:touch; scrollbar-width:none; padding-bottom:4px; } .recrail-track::-webkit-scrollbar{display:none} .recrail-track > .card{ flex:0 0 clamp(250px, 23vw, 340px); scroll-snap-align:start; min-width:0; } .recrail-act{display:flex;align-items:center;gap:18px} .recrail-nav{display:flex;gap:6px} .recrail-nav button{ width:36px;height:36px;padding:0; display:grid;place-items:center; border:1px solid #A9A9A9;background:#FFFFFF;color:#393B44; cursor:pointer; } .recrail-nav button:hover{border-color:#393B44} .recrail-nav button:focus-visible{outline:2px solid #006ED4;outline-offset:2px} .recrail-nav svg{width:18px;height:18px} @media (hover:none){ .recrail-nav{display:none} } @media (max-width:640px){ .recrail-track{gap:14px} .recrail-track > .card{flex:0 0 78vw} .recrail-act{width:100%;justify-content:space-between} } .sell-steps{ padding:clamp(28px,3.4vw,48px) var(--page-x); border-bottom:1px solid #A9A9A9; background:#FFFFFF; } .sell-steps ol{ list-style:none;margin:0;padding:0; display:grid;grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(20px,3vw,52px); max-width:1500px; } .sell-steps li{display:flex;gap:14px;align-items:flex-start} .ss-n{ flex:none;width:24px;height:24px;border-radius:50%; display:grid;place-items:center; background:#1F2956;color:#FFFFFF; font-family:var(--font-ui);font-size:12px;font-weight:700; margin-top:2px; } .sell-steps h2{ font-family:var(--font-ui);font-weight:700;color:#393B44; font-size:15px;line-height:1.2;letter-spacing:0;margin:0 0 5px; } .sell-steps p{ margin:0;color:#2E3A4C;font-size:13.5px;line-height:1.55;max-width:42ch; } @media (max-width:860px){ .sell-steps ol{grid-template-columns:1fr;gap:16px} .sell-steps p{font-size:13px} } .sh2-copy .kick{display:block;margin:0 0 12px} .sh2-why-h{ font-family:var(--font-display);font-weight:800;color:#393B44; font-size:clamp(26px,2.9vw,42px);line-height:1.04;letter-spacing:-.025em; margin:0 0 clamp(22px,2.6vw,32px);max-width:16ch; } .sh2-reasons{ margin:clamp(24px,2.8vw,34px) 0 0; border-top:1px solid #A9A9A9; } .sh2-reasons .sw-item{ padding:clamp(14px,1.6vw,20px) 0; border-bottom:1px solid #A9A9A9; } .sh2-reasons .sw-item h3{ font-family:var(--font-ui);font-weight:700;color:#393B44; font-size:15px;line-height:1.25;margin:0 0 5px; } .sh2-reasons .sw-item p{ margin:0;color:#2E3A4C;font-size:13.5px;line-height:1.6;max-width:52ch; } .sh2-alt{margin-top:clamp(20px,2.4vw,28px)} .sell-why,.sell-how{display:none} @media (max-width:980px){ .sh2-inner{display:flex;flex-direction:column} .sh2-inner > .sellform, .sh2-inner > form{order:-1} .sh2-copy{order:1;margin-top:clamp(28px,4vw,44px)} .sh2-why-h{font-size:clamp(24px,6vw,32px)} } .sh2-reasons .sw-item{padding:0;border-bottom:1px solid #A9A9A9} .sh2-reasons .sw-item > summary{ list-style:none;cursor:pointer; display:flex;align-items:center;justify-content:space-between;gap:16px; padding:clamp(13px,1.5vw,17px) 0; } .sh2-reasons .sw-item > summary::-webkit-details-marker{display:none} .sh2-reasons .sw-item > summary:hover h3{color:#006ED4} .sh2-reasons .sw-item > summary:focus-visible{outline:2px solid #006ED4;outline-offset:2px} .sh2-reasons .sw-item h3{margin:0} .sw-mark{position:relative;flex:none;width:12px;height:12px} .sw-mark::before,.sw-mark::after{ content:"";position:absolute;background:#393B44; transition:transform .18s ease,opacity .18s ease; } .sw-mark::before{left:0;top:5px;width:12px;height:1px} .sw-mark::after{left:5px;top:0;width:1px;height:12px} .sh2-reasons .sw-item[open] .sw-mark::after{transform:scaleY(0);opacity:0} .sh2-reasons .sw-item > p{padding:0 0 clamp(14px,1.6vw,18px)} .sell-steps ol{margin:0 auto;justify-content:center} .sell-steps li{max-width:34ch} @media (max-width:860px){ .sell-steps ol{max-width:34rem} } @media (max-width:980px){ .sh2-inner > .sell-card{order:-1} } @media (min-width:981px){ .sell-storyhero.story-hero{min-height:clamp(520px,72vh,820px)} .sell-storyhero .story-vid{object-position:center 42%} } @media (min-width:1600px){ .sell-storyhero.story-hero{min-height:min(78vh,900px)} } .sell-storyhero.story-hero.has-vid{ display:block; min-height:0; height:auto; padding:0; position:relative; isolation:isolate; overflow:hidden; background:#1F2956; } .sell-storyhero .story-vid{ position:absolute;inset:0;width:100%;height:100%; object-fit:cover;object-position:center 45%;z-index:0; } .sell-storyhero .story-scrim{ position:absolute;inset:0;z-index:1; background: linear-gradient(90deg, rgba(8,11,22,.86) 0%, rgba(8,11,22,.62) 38%, rgba(8,11,22,.30) 66%, rgba(8,11,22,.42) 100%), linear-gradient(0deg, rgba(8,11,22,.55) 0%, rgba(8,11,22,0) 40%); } .sellhero-in{ position:relative;z-index:2; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,520px); gap:clamp(30px,4.5vw,80px); align-items:center; max-width:1680px;margin:0 auto; padding:clamp(104px,13vh,168px) var(--page-x) clamp(60px,8vh,104px); } .sellhero-copy{max-width:22ch} .sellhero-copy .kick{display:block;color:#006ED4;margin:0 0 14px} .sellhero-copy h1{ font-family:var(--font-display);font-weight:800;color:#FFFFFF; font-size:clamp(38px,5vw,76px);line-height:.98;letter-spacing:-.03em;margin:0; } .sellhero-copy .story-lede{ margin:clamp(16px,1.8vw,22px) 0 0; color:#FFFFFF;max-width:34ch; font-size:clamp(15px,1.2vw,19px);line-height:1.6; } .sellhero-copy .sh2-proof{ margin-top:clamp(26px,3vw,40px); padding-top:clamp(20px,2.4vw,28px); border-top:1px solid #A9A9A9; } .sellhero-copy .sh2-proof b{color:#FFFFFF} .sellhero-copy .sh2-proof span{color:#FFFFFF} .sellhero-in .sell-card{ background:#FFFFFF; border:1px solid #A9A9A9; padding:clamp(24px,2.4vw,34px); max-height:none; width:100%; } @media (max-width:1080px){ .sellhero-in{ grid-template-columns:minmax(0,1fr); gap:clamp(26px,4vw,40px); padding-top:clamp(88px,12vh,120px); } .sellhero-copy{max-width:none} .sellhero-copy h1{font-size:clamp(34px,7vw,52px)} .sell-storyhero .story-scrim{ background:linear-gradient(0deg, rgba(8,11,22,.88) 0%, rgba(8,11,22,.55) 45%, rgba(8,11,22,.30) 100%); } } .sh2-solo{display:block;max-width:920px;margin:0 auto} .sellhero-copy{max-width:none} .sellhero-copy h1{max-width:15ch;text-wrap:balance} .sellhero-copy .story-lede{max-width:38ch} .sell-steps.in-hero{ position:relative;z-index:2; border-top:1px solid rgba(255,255,255,.28); border-bottom:0; background:transparent; padding:clamp(18px,2.2vw,28px) var(--page-x) clamp(22px,2.6vw,34px); } .sell-steps.in-hero ol{max-width:1680px} .sell-steps.in-hero .ss-n{background:#006ED4;color:#FFFFFF} .sell-steps.in-hero h2{color:#FFFFFF} .sell-steps.in-hero p{color:#FFFFFF} @media (max-width:860px){ .sell-steps.in-hero{padding-bottom:clamp(24px,4vw,34px)} .sell-steps.in-hero ol{max-width:none} } .sf-photos{margin-top:4px} .sf-plabel{ display:block;margin:0 0 8px; font-size:11px;letter-spacing:.14em;text-transform:uppercase; font-weight:700;color:#2E3A4C; } .sf-plabel .opt{ text-transform:none;letter-spacing:0;font-weight:400; color:#A9A9A9;font-size:12px;margin-left:6px; } .sf-drop{ display:block;cursor:pointer;margin:0; border:1px dashed #A9A9A9;background:#FFFFFF; } .sf-drop:hover{border-color:#006ED4} .sf-drop:focus-within{outline:2px solid #006ED4;outline-offset:2px} .sf-dropin{ display:flex;align-items:center;justify-content:center;gap:10px; padding:16px 14px;color:#2E3A4C; } .sf-dropin svg{width:20px;height:20px;flex:none} .sf-dropin b{font-size:13.5px;font-weight:700} .sf-drop:hover .sf-dropin{color:#006ED4} .sf-plist{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:6px} .sf-plist li{ display:flex;align-items:center;gap:10px; padding:8px 10px;border:1px solid #A9A9A9;background:#FFFFFF; } .sf-pname{ flex:1;min-width:0;font-size:12.5px;color:#393B44; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; } .sf-pstate{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:#A9A9A9;flex:none} .sf-plist li.ok .sf-pstate{color:#05520E} .sf-plist li.bad .sf-pstate{color:#CC0000} .sf-plist li.bad{border-color:#CC0000} .sf-plist li > button{ flex:none;width:22px;height:22px;padding:0;line-height:1; border:0;background:transparent;color:#2E3A4C;cursor:pointer;font-size:17px; } .sf-plist li > button:hover{color:#CC0000} .sf-pnote{margin:8px 0 0;font-size:11.5px;line-height:1.5;color:#A9A9A9} @media (max-width:560px){ .sf-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px} .sf-mode{padding:10px 8px;text-align:left} .sf-mode b{font-size:12.5px;line-height:1.15;display:block} .sf-mode span{display:none} } @media (max-width:1080px){ .sell-storyhero.story-hero.has-vid{ --sh-banner:clamp(430px,64vh,580px); background:var(--rf-paper,#FBF9F4); } .sell-storyhero .story-vid, .sell-storyhero .story-scrim{height:var(--sh-banner);bottom:auto} .sellhero-in{padding-top:clamp(78px,10vh,104px);padding-bottom:clamp(28px,5vw,40px)} .sellhero-copy{ min-height:calc(var(--sh-banner) - clamp(78px,10vh,104px) - 26px); display:flex;flex-direction:column;justify-content:flex-end; } .sellhero-in .sell-card{margin-top:clamp(22px,4vw,34px)} .sell-steps.in-hero{ border-top:1px solid #A9A9A9; padding-top:clamp(22px,4vw,30px); } .sell-steps.in-hero h2{color:#393B44} .sell-steps.in-hero p{color:#2E3A4C} .sell-steps.in-hero .ss-n{background:#1F2956} } .cardgal .card-dashes > button{ flex:none; width:11px;max-width:11px;min-width:0; } .card .imgwrap .ph, .fleetgrid .imgwrap .ph, .pdp-more .imgwrap .ph, .sell-proof-grid .imgwrap .ph, .recrail-track .imgwrap .ph{object-position:center top} .sell-proof{padding-left:var(--page-x);padding-right:var(--page-x)} .sell-proof .sw-head{max-width:none;margin-bottom:clamp(20px,2.6vw,34px)} .sell-proof-grid.recrail-track{padding:0;margin:0} .sh2-solo{ max-width:1500px;margin:0 auto; display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:clamp(28px,5vw,90px); align-items:start; } .sh2-solo .sh2-copy{display:contents} .sh2-solo .kick{grid-column:1;grid-row:1;align-self:end} .sh2-solo .sh2-why-h{grid-column:1;grid-row:2;margin-bottom:0;max-width:14ch} .sh2-solo .sh2-reasons{grid-column:2;grid-row:1 / span 3;margin-top:0;border-top:1px solid #A9A9A9} .sh2-solo .sh2-alt{grid-column:1;grid-row:3;margin-top:clamp(22px,3vw,34px);align-self:start} @media (max-width:900px){ .sh2-solo{display:block} .sh2-solo .sh2-copy{display:block} } .sh2-solo .sh2-why-h{max-width:20ch;text-wrap:balance} @media (max-width:1080px){ .sh2-solo{display:block} .sh2-solo .sh2-copy{display:block} .sh2-solo .sh2-why-h{max-width:24ch;margin-bottom:clamp(20px,3vw,28px)} .sh2-solo .sh2-reasons{margin-top:0} } .cardgal .card-dashes > button.cdash{ flex:0 0 auto; flex-basis:auto; width:11px; max-width:11px; min-width:0; } .fleetgrid .imgwrap, .pdp-more .imgwrap, .sell-proof-grid .imgwrap, .recrail-track .imgwrap{aspect-ratio:2 / 1} .fleetgrid{ grid-template-columns:repeat(auto-fill, minmax(clamp(250px, 19vw, 400px), 1fr)); gap:clamp(14px,1.4vw,26px); } @media (max-width:900px){ .fleetgrid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))} } @media (max-width:560px){ .fleetgrid{grid-template-columns:1fr} } .recrail-track > .card, .sell-proof-grid > .card{flex:0 0 clamp(250px, 19vw, 400px)} @media (max-width:640px){ .recrail-track > .card, .sell-proof-grid > .card{flex:0 0 78vw} } .brandmark,.tb-brand,.topbar .logo{font-size:clamp(13px,1.05vw,20px)} .brandmark img,.tb-brand img,.topbar .logo img,.topbar svg.logo{ width:auto;height:clamp(26px,2.2vw,44px); } footer .fgrid{ display:grid; grid-template-columns:minmax(0,1.5fr) repeat(3, minmax(0,1fr)); gap:clamp(28px,4vw,72px); max-width:1500px; margin:0 auto; padding:clamp(44px,5vw,76px) 0 clamp(30px,3.4vw,44px); } footer .flogo{ font-family:var(--font-display);font-weight:800;color:#FFFFFF; font-size:clamp(15px,1.15vw,19px);letter-spacing:.01em;margin-bottom:12px; } footer .fblurb{ margin:0 0 clamp(18px,2vw,26px);color:#A9A9A9; font-size:13.5px;line-height:1.65;max-width:38ch; } footer .fcontact{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px} footer .fcontact li{display:flex;gap:10px;align-items:flex-start} footer .fcontact svg{width:17px;height:17px;flex:none;margin-top:1px;color:#006ED4} footer .fcontact a{ color:#FFFFFF;text-decoration:none;font-size:13.5px;line-height:1.5; border-bottom:1px solid transparent; } footer .fcontact a:hover{border-bottom-color:#006ED4} footer .fnote{display:block;color:#A9A9A9;font-size:12px;margin-top:2px} footer h4{ font-size:11px;letter-spacing:.14em;text-transform:uppercase; color:#A9A9A9;font-weight:700;margin:0 0 14px; } footer .fgrid ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px} footer .fgrid ul a{ color:#FFFFFF;text-decoration:none;font-size:13.5px; border-bottom:1px solid transparent; } footer .fgrid ul a:hover{border-bottom-color:#006ED4} footer .fbot{ max-width:1500px;margin:0 auto; display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap; padding:clamp(16px,1.8vw,22px) 0; border-top:1px solid rgba(255,255,255,.16); color:#A9A9A9;font-size:12px; } @media (max-width:900px){ footer .fgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px} footer .fbrand{grid-column:1 / -1} } @media (max-width:520px){ footer .fgrid{grid-template-columns:1fr} } .rv-grid{ display:flex; gap:clamp(14px,1.4vw,24px); overflow-x:auto; overflow-y:hidden; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; scrollbar-width:none; padding-bottom:4px; } .rv-grid::-webkit-scrollbar{display:none} .rv-card{ flex:0 0 clamp(260px, 21vw, 360px); scroll-snap-align:start; min-width:0; display:flex;flex-direction:column; } .rv-card blockquote{flex:1} @media (max-width:640px){ .rv-card{flex:0 0 80vw} } .recrail-track, .sell-proof-grid.recrail-track, .rv-grid{ min-width:0; max-width:100%; width:100%; } .recrail{ padding-left:var(--page-x); padding-right:var(--page-x); } .recrail-hd{max-width:1500px;margin-left:auto;margin-right:auto;width:100%} .wrap > .recrail{margin-left:calc(-1 * var(--page-x));margin-right:calc(-1 * var(--page-x))} .fleetgrid.fleetgrid-flat{ grid-template-columns:repeat(auto-fill, minmax(clamp(250px, 19vw, 400px), 1fr)); gap:clamp(14px,1.4vw,26px); } @media (max-width:900px){ .fleetgrid.fleetgrid-flat{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))} } @media (max-width:560px){ .fleetgrid.fleetgrid-flat{grid-template-columns:1fr} } .bag-scrim{ position:fixed;inset:0;z-index:70; border:0;padding:0;cursor:pointer; background:rgba(8,11,22,.55); opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease; } .bag-scrim.on{opacity:1;visibility:visible} .bag{ position:fixed;top:0;right:0;bottom:0;z-index:71; width:min(420px,92vw); display:flex;flex-direction:column; background:#FFFFFF;border-left:1px solid #A9A9A9; transform:translateX(100%); transition:transform .26s cubic-bezier(.22,.61,.36,1); visibility:hidden; } .bag.on{transform:none;visibility:visible} .bag-hd{ display:flex;align-items:center;justify-content:space-between; padding:18px 20px;border-bottom:1px solid #A9A9A9; } .bag-hd b{font-family:var(--font-ui);font-size:14px;letter-spacing:.02em} .bag-hd button{ border:0;background:transparent;font-size:24px;line-height:1; cursor:pointer;color:#393B44;padding:0 2px; } .bag-body{flex:1;overflow-y:auto;padding:18px 20px;display:flex;flex-direction:column;gap:16px} .bag-empty{text-align:center;padding:26px 0;display:flex;flex-direction:column;gap:16px;align-items:center} .bag-empty p{margin:0;color:#2E3A4C;font-size:14px} .bag-line{display:flex;gap:14px;align-items:flex-start} .bag-th{ flex:none;width:64px;height:64px;background:#F3F1EC 50%/cover no-repeat; border:1px solid #A9A9A9; } .bag-m{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px} .bag-m b{font-size:13.5px;line-height:1.3} .bag-m > span{font-size:12px;color:#A9A9A9} .bag-qty{display:flex;align-items:center;gap:10px;margin-top:6px} .bag-qty button{ width:26px;height:26px;border:1px solid #A9A9A9;background:#FFFFFF; cursor:pointer;font-size:15px;line-height:1;color:#393B44; } .bag-qty button:hover{border-color:#393B44} .bag-qty > span{font-size:13px;min-width:16px;text-align:center} .bag-p{font-size:13.5px;font-weight:700;white-space:nowrap} .bag-ft{border-top:1px solid #A9A9A9;padding:18px 20px;display:flex;flex-direction:column;gap:10px} .bag-sub{display:flex;justify-content:space-between;font-size:14px} .bag-tax{margin:0;font-size:11.5px;color:#A9A9A9} .bag-go{width:100%;justify-content:center} .bag-err{margin:0;font-size:12.5px;color:#CC0000} .bag-clear{border:0;background:transparent;text-decoration:underline;cursor:pointer;color:#CC0000;font-size:12.5px} .cartbtn{position:relative;border:0;background:transparent;cursor:pointer} .cartbtn-n{ position:absolute;top:-2px;right:-4px; min-width:16px;height:16px;padding:0 4px; display:grid;place-items:center;border-radius:8px; background:#006ED4;color:#FFFFFF; font-family:var(--font-ui);font-size:10px;font-weight:700;line-height:1; } .topbar > .wrap{ max-width:none; width:100%; margin:0; padding-left:var(--page-x); padding-right:var(--page-x); box-sizing:border-box; } .topbar .logo img{ height:clamp(24px,2.1vw,42px); width:auto;display:block; } @media (max-width:560px){ .topbar .logo img{height:22px} } .fx-width{ font-variation-settings:"wdth" 72; transition:font-variation-settings 900ms cubic-bezier(.22,.61,.36,1), opacity 700ms ease, transform 700ms cubic-bezier(.22,.61,.36,1); opacity:0;transform:translateY(14px); will-change:font-variation-settings,opacity,transform; } .fx-width.open{opacity:1;transform:none} .fx-par{overflow:hidden} .fx-par-in{will-change:transform} .ab-stats dd{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1} .ab-process{padding:clamp(60px,8vw,120px) 0} .ab-steps{ display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:clamp(30px,6vw,110px); align-items:start; } .ab-steps-stick{ position:sticky; top:clamp(90px,14vh,150px); align-self:start; } .ab-steps-stick .kick{display:block;margin:0 0 14px;color:#006ED4} .ab-steps-h{ font-family:var(--font-display);font-weight:800;color:#393B44; font-size:clamp(30px,4.4vw,68px);line-height:.98;letter-spacing:-.03em; margin:0 0 clamp(22px,3vw,34px);max-width:12ch; } .ab-steps-count{display:flex;align-items:baseline;gap:8px;margin-bottom:14px} .ab-steps-count b{ font-family:var(--font-display);font-weight:800;color:#1F2956; font-size:clamp(26px,3vw,44px);line-height:1;font-variant-numeric:tabular-nums; } .ab-steps-count span{font-size:13px;color:#A9A9A9;letter-spacing:.08em} .ab-steps-bar{height:2px;background:#A9A9A9;max-width:220px;overflow:hidden} .ab-steps-bar > span{ display:block;height:100%;background:#006ED4; transform-origin:left center; transition:transform 420ms cubic-bezier(.22,.61,.36,1); } .ab-steps-list > li{ padding:clamp(30px,5vw,64px) 0; border-bottom:1px solid #A9A9A9; opacity:.34; transition:opacity 420ms ease; } .ab-steps-list > li:last-child{border-bottom:0} .ab-step-n{ display:block;margin-bottom:12px; font-family:var(--font-ui);font-size:11px;letter-spacing:.18em;font-weight:700; color:#006ED4; } .ab-steps-list p{margin:0;color:#2E3A4C;font-size:clamp(14px,1.05vw,16.5px);line-height:1.7;max-width:56ch} .ab-plede{ margin:clamp(34px,5vw,64px) 0 0;color:#A9A9A9; font-size:14px;line-height:1.7;max-width:62ch; } @media (max-width:900px){ .ab-steps{grid-template-columns:1fr;gap:26px} .ab-steps-stick{position:static} } @media (prefers-reduced-motion:reduce){ .fx-width{transition:none;opacity:1;transform:none;font-variation-settings:"wdth" 100} .fx-par-in{transform:none !important} .ab-steps-bar > span{transition:none} } .story-hero .story-scrim{ background: linear-gradient(0deg, rgba(8,11,22,.74) 0%, rgba(8,11,22,.44) 20%, rgba(8,11,22,.16) 42%, rgba(8,11,22,0) 68%), linear-gradient(90deg, rgba(8,11,22,.34) 0%, rgba(8,11,22,.10) 32%, rgba(8,11,22,0) 58%); } .story-hero .story-in h1, .story-hero .story-in .story-lede, .story-hero .story-in .kick{ text-shadow:0 1px 22px rgba(8,11,22,.55), 0 1px 3px rgba(8,11,22,.4); } .sell-storyhero .story-scrim{ background: linear-gradient(0deg, rgba(8,11,22,.70) 0%, rgba(8,11,22,.40) 22%, rgba(8,11,22,.14) 46%, rgba(8,11,22,0) 72%), linear-gradient(90deg, rgba(8,11,22,.52) 0%, rgba(8,11,22,.22) 30%, rgba(8,11,22,0) 56%); } .sellhero-copy h1, .sellhero-copy .story-lede, .sellhero-copy .kick, .sellhero-copy .sh2-proof b, .sellhero-copy .sh2-proof span{ text-shadow:0 1px 24px rgba(8,11,22,.6), 0 1px 3px rgba(8,11,22,.45); } @media (max-width:1080px){ .sell-storyhero .story-scrim{ background:linear-gradient(0deg, rgba(8,11,22,.80) 0%, rgba(8,11,22,.46) 26%, rgba(8,11,22,.14) 52%, rgba(8,11,22,0) 78%); } } .pdp-hero .story-scrim, .rec-storyhero .story-scrim, .ab-storyhero .story-scrim{ background:linear-gradient(0deg, rgba(8,11,22,.72) 0%, rgba(8,11,22,.40) 22%, rgba(8,11,22,.12) 46%, rgba(8,11,22,0) 70%); } .inv-main .fleetgrid, .inv-main .fleetgrid.fleetgrid-flat{ grid-template-columns:repeat(auto-fill, minmax(clamp(250px, 19vw, 400px), 1fr)) !important; gap:clamp(14px,1.4vw,26px); } @media (max-width:900px){ .inv-main .fleetgrid, .inv-main .fleetgrid.fleetgrid-flat{ grid-template-columns:repeat(auto-fill, minmax(240px,1fr)) !important; } } @media (max-width:560px){ .inv-main .fleetgrid, .inv-main .fleetgrid.fleetgrid-flat{grid-template-columns:1fr !important} } header.topbar > .wrap{ padding-left:clamp(22px,3.4vw,54px); padding-right:clamp(22px,3.4vw,54px); max-width:none; margin:0; } .kick,.label,.stk-ey,.sf-ey,.pc-ey, .sell-hero2 .kick,.sh2-copy .kick,.sh2-solo .kick, .shop-note .kick,.recrail-hd .kick,.ab-steps-stick .kick, .sw-head .kick,.pmore-hd .kick,.mdl-body .kick, .rv-hd .kick,.ab-proof .kick{color:#2E3A4C} .story-hero .kick, .story-hero .story-in .kick, .sellhero-copy .kick, .ab-plate .kick, .arc-hero .kick,.sv-hero .kick,.inv-archive .kick, .shop-ed-hero .kick,.shop-band .kick,.inq-hero .kick, .rec-hero .kick,.ab-hero .kick, .tint.cobalt .kick{color:rgba(255,255,255,.7)} a.recrail-all,.seeall{color:#006ED4} .kick,.label,.stk-ey,.sf-ey,.pc-ey{color:#A9A9A9} .ab-proof .kick, .sw-head .kick, .sh2-copy .kick,.sh2-solo .kick, .sell-hero2 .kick, .recrail-hd .kick, .ab-steps-stick .kick, .pmore-hd .kick, .mdl-body .kick, .shop-note .kick, .rv-band .kick, .sell-proof .kick, .sell-steps .kick, .ab-ch-txt .kick, .sell-card .sf-ey{color:#666b76} .story-hero .kick, .story-hero .story-in .kick, .sellhero-copy .kick, .ab-plate .kick, .inv-hero-wrap .kick, .arc-hero .kick,.sv-hero .kick,.inv-archive .kick, .shop-ed-hero .kick,.shop-band .kick,.inq-hero .kick, .rec-hero .kick,.ab-hero .kick, .tint.cobalt .kick{color:#A9A9A9} .tn{ position:relative; height:260vh; background:#1F2956; } .tn-stick{ position:sticky;top:0; height:100vh; display:flex;flex-direction:column; justify-content:center; gap:clamp(20px,3vw,40px); padding:clamp(70px,9vh,110px) var(--page-x) clamp(40px,6vh,70px); box-sizing:border-box; } .tn-frame{ position:relative; flex:1;min-height:0; max-width:1400px;width:100%;margin:0 auto; overflow:hidden; background:#1F2956; } .tn-img{ position:absolute;inset:0; width:100%;height:100%; object-fit:cover; } .tn-then{object-position:center 46%} .tn-now{object-position:center 34%} .tn-scrim{ position:absolute;inset:0; background:linear-gradient(0deg, rgba(8,11,22,.55) 0%, rgba(8,11,22,.16) 26%, rgba(8,11,22,0) 52%); } .tn-when{ position:absolute;left:clamp(14px,2vw,26px);bottom:clamp(14px,2vw,26px); display:flex;align-items:center;gap:12px; font-family:var(--font-ui);font-size:11px;font-weight:700; letter-spacing:.22em;text-transform:uppercase; } .tn-when span{color:#A9A9A9;transition:color .3s ease} .tn-when span.on{color:#FFFFFF} .tn-when i{width:30px;height:1px;background:#A9A9A9;display:block} .tn-copy{ max-width:1400px;width:100%;margin:0 auto; display:grid;grid-template-columns:auto 1fr; gap:clamp(16px,2.4vw,36px);align-items:start; flex:none; } .tn-num{ font-family:var(--font-display);font-weight:800;color:#FFFFFF; font-size:clamp(22px,2.6vw,38px);line-height:.9;letter-spacing:-.03em; } .tn-copy .kick{display:block;margin:0 0 8px} .tn-copy h2{ font-family:var(--font-display);font-weight:800;color:#FFFFFF; font-size:clamp(22px,2.8vw,42px);line-height:1.04;letter-spacing:-.025em; margin:0 0 10px;max-width:20ch; } .tn-body{margin:0;color:#A9A9A9;font-size:clamp(13.5px,1vw,16px);line-height:1.65;max-width:62ch} @media (max-width:820px){ .tn{height:220vh} .tn-stick{padding-top:clamp(64px,9vh,92px)} .tn-copy{grid-template-columns:1fr;gap:8px} .tn-body{max-width:none} } @media (prefers-reduced-motion:reduce){ .tn{height:auto} .tn-stick{position:static;height:auto;min-height:70vh} } .fleetgrid, .fleetgrid.fleetgrid-flat, .inv-main .fleetgrid, .inv-main .fleetgrid.fleetgrid-flat, .inv-shell .fleetgrid, #archive-view .fleetgrid, .sv-wrap .fleetgrid, .pdp-more .fleetgrid{ display:grid !important; grid-template-columns:repeat(auto-fill, minmax(clamp(300px, 22vw, 460px), 1fr)) !important; gap:clamp(16px,1.5vw,30px) !important; padding-left:var(--page-x); padding-right:var(--page-x); margin-top:0; } @media (max-width:560px){ .fleetgrid, .fleetgrid.fleetgrid-flat, .inv-main .fleetgrid, .inv-main .fleetgrid.fleetgrid-flat, .inv-shell .fleetgrid, #archive-view .fleetgrid, .sv-wrap .fleetgrid{grid-template-columns:1fr !important} } .fleetgrid .card, .inv-main .fleetgrid .card, #archive-view .fleetgrid .card{ border:1px solid #A9A9A9; background:#FFFFFF; min-width:0; } .fleetgrid .imgwrap, .inv-main .fleetgrid .imgwrap, #archive-view .fleetgrid .imgwrap{aspect-ratio:2 / 1} .fleetgrid .cardhover{display:none} .fleetgrid .imgwrap .ph{ content-visibility:auto; contain-intrinsic-size:auto 460px; } .tn{display:none} .tn2{ background:#1F2956; padding:clamp(48px,6vw,92px) var(--page-x); } .tn2-in{ max-width:1400px;margin:0 auto; display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:clamp(28px,5vw,80px); align-items:center; } .tn2-num{ display:block;margin-bottom:14px; font-family:var(--font-display);font-weight:800;color:#A9A9A9; font-size:clamp(20px,2vw,30px);line-height:1;letter-spacing:-.02em; } .tn2-copy .kick{display:block;margin:0 0 10px} .tn2-copy h2{ font-family:var(--font-display);font-weight:800;color:#FFFFFF; font-size:clamp(26px,3.2vw,48px);line-height:1.03;letter-spacing:-.025em; margin:0 0 16px;max-width:16ch; } .tn2-body{margin:0;color:#A9A9A9;font-size:clamp(14px,1.05vw,17px);line-height:1.7;max-width:52ch} .tn2-note{ margin:clamp(18px,2vw,26px) 0 0; font-size:13px;color:#A9A9A9; } .tn2-note a{color:#FFFFFF;border-bottom:1px solid #006ED4} .tn2-pair{ display:grid; grid-template-columns:1.3fr 1fr; gap:clamp(12px,1.6vw,22px); align-items:end; } .tn2-pair figure{margin:0} .tn2-pair img{ display:block;width:100%;height:auto; border:1px solid rgba(255,255,255,.18); } .tn2-pair figcaption{ margin-top:10px; font-family:var(--font-ui);font-size:11px;font-weight:700; letter-spacing:.2em;text-transform:uppercase;color:#A9A9A9; } @media (max-width:900px){ .tn2-in{grid-template-columns:1fr;gap:26px} .tn2-pair{grid-template-columns:1fr 1fr;align-items:start} .tn2-copy h2{max-width:none} } .fleetgrid, .fleetgrid.fleetgrid-flat, .inv-main .fleetgrid, .inv-main .fleetgrid.fleetgrid-flat, .inv-shell .fleetgrid, #archive-view .fleetgrid, #inventory-view .fleetgrid, .sv-wrap .fleetgrid{ display:grid !important; grid-template-columns:repeat(auto-fill, minmax(min(100%, 460px), 1fr)) !important; gap:clamp(16px,1.5vw,30px) !important; } @media (max-width:1100px){ .fleetgrid,.fleetgrid.fleetgrid-flat, .inv-main .fleetgrid,.inv-main .fleetgrid.fleetgrid-flat, #archive-view .fleetgrid,.sv-wrap .fleetgrid{ grid-template-columns:repeat(auto-fill, minmax(min(100%, 320px), 1fr)) !important; } } @media (max-width:560px){ .fleetgrid,.fleetgrid.fleetgrid-flat, .inv-main .fleetgrid,.inv-main .fleetgrid.fleetgrid-flat, #archive-view .fleetgrid,.sv-wrap .fleetgrid{ grid-template-columns:1fr !important; } } .fleetgrid .imgwrap, .inv-main .fleetgrid .imgwrap, #archive-view .fleetgrid .imgwrap, .recrail-track .imgwrap, .sell-proof-grid .imgwrap, .pdp-more .imgwrap{aspect-ratio:16 / 10 !important} .fleetgrid .imgwrap .ph, .recrail-track .imgwrap .ph{object-position:center 42% !important} .card-dashes{gap:4px !important} .card-dashes > button, .card-dashes > .cdash, .cardgal .card-dashes > button.cdash{ flex-grow:0 !important; flex-shrink:0 !important; flex-basis:10px !important; width:10px !important; min-width:10px !important; max-width:10px !important; height:10px !important; padding:4px 0 !important; background-clip:content-box !important; } .fleetgrid > .card, .inv-main .fleetgrid > .card, #archive-view .fleetgrid > .card{ content-visibility:auto; contain-intrinsic-size:auto 420px; } .recrail-track > .card, .sell-proof-grid > .card{content-visibility:visible} .kick,.label,.lede,.navh,.stk-ey,.sf-ey,.pc-ey,.ig-hd-l .kick, .pdp-head .kick,.pmore-hd .kick,.sw-head .kick,.ab-ch-txt .kick, .shop-note .kick,.sh2-copy .kick,.sh2-solo .kick,.sell-hero2 .kick, .recrail-hd .kick,.ab-steps-stick .kick,.mdl-body .kick,.rv-band .kick, .rv-hd .kick,.sell-proof .kick,.sell-steps .kick,.ab-proof .kick, .sell-card .sf-ey{color:#666b76!important} .hero .kick,.tint.cobalt .kick,.tint.cobalt .lede,.tint.cobalt .aside, .rec-hero .kick,.ab-hero .kick,.shop-hero .kick,.shop-ed-hero .kick, .shop-ed-hero.has-vid .kick,.shop-band .kick,.arc-hero .kick, .inv-archive .kick,.inv-hero-wrap .kick,.inq-hero .kick,.sv-hero .kick, .story-hero .kick,.story-hero .story-in .kick,.sellhero-copy .kick, .ab-plate .kick,.ab-closer .kick,.sell-closer .kick,.topbar .kick, .rfm-k{color:#A9A9A9!important} .kick,.label,.lede,.navh,.stk-ey,.sf-ey,.pc-ey,.ig-hd-l .kick, .pdp-head .kick,.pmore-hd .kick,.sw-head .kick,.ab-ch-txt .kick, .shop-note .kick,.sh2-copy .kick,.sh2-solo .kick,.sell-hero2 .kick, .recrail-hd .kick,.mdl-body .kick,.rv-band .kick,.rv-hd .kick, .sell-proof .kick,.sell-steps .kick,.ab-proof .kick, .sell-card .sf-ey{color:#666b76!important} .hero .kick,.tint.cobalt .kick,.tint.cobalt .lede,.tint.cobalt .aside, .rec-hero .kick,.ab-hero .kick,.shop-hero .kick,.shop-ed-hero .kick, .shop-ed-hero.has-vid .kick,.shop-band .kick,.arc-hero .kick, .inv-archive .kick,.inv-hero-wrap .kick,.inq-hero .kick,.sv-hero .kick, .story-hero .kick,.story-hero .story-in .kick,.sellhero-copy .kick, .ab-plate .kick,.ab-closer .kick,.sell-closer .kick,.topbar .kick, .rfm-k{color:#A9A9A9!important} .iconbtn svg,.cartbtn svg{width:22px!important;height:22px!important} .cartbtn{width:46px;height:46px;display:inline-flex;align-items:center;justify-content:center;position:relative} .cartbtn-n{position:absolute;top:4px;right:2px;min-width:15px;height:15px;padding:0 3px;border-radius:8px;background:#006ED4;color:#fff;font-size:9.5px;font-weight:700;display:grid;place-items:center;line-height:1} .ab2{background:#FBF9F4;color:#393B44} .ab2 > section > *{max-width:1100px;margin-left:auto;margin-right:auto} .ab2-dream span{display:block;color:#006ED4} .ab2-open .kick{display:block;margin:0 0 clamp(18px,2vw,28px)} .ab2-say p,.ab2-trust p,.ab2-corner-in p,.ab2-maybe p{margin:0 0 clamp(14px,1.6vw,22px);font-size:clamp(18px,1.9vw,30px);line-height:1.45;max-width:26ch;color:#393B44} .ab2-quiet{color:#666b76!important;font-size:clamp(15px,1.3vw,20px)!important} .ab2-count{background:#1F2956;color:#fff} .ab2-count dd{margin:0;font-family:var(--font-display);font-weight:800;color:#fff;font-size:clamp(40px,6vw,92px);line-height:1;letter-spacing:-.035em;font-variant-numeric:tabular-nums} .ab2-count .ab2-beat{color:#fff!important;margin-top:clamp(30px,4vw,52px)!important} .ab2-count .ab2-go{color:#fff} .ab2-list li{padding:clamp(10px,1.2vw,15px) 0;border-bottom:1px solid #A9A9A9;font-size:clamp(16px,1.5vw,22px);color:#393B44;max-width:34ch} .ab2-rule{margin-top:clamp(24px,3vw,40px)!important;padding-top:clamp(20px,2.4vw,30px);border-top:1px solid #A9A9A9;font-family:var(--font-ui)!important;font-weight:700;font-size:clamp(15px,1.3vw,19px)!important;color:#05520E!important;max-width:40ch!important} .ab2-corner-in{max-width:1100px;margin:0 auto} .ab2-corner-shot img{display:block;width:100%;height:auto;border:1px solid #A9A9A9} .ab2-team-grid img{width:100%;aspect-ratio:4/5;object-fit:cover;border:1px solid #A9A9A9} .ab2-close .ab2-dream{color:#fff} .ab2-close .ab2-quiet{color:#A9A9A9!important} .ab2-cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:clamp(30px,4vw,52px)} .ab2-sig p{margin:0 0 6px;color:#A9A9A9;font-size:13px;letter-spacing:.06em} @media (max-width:700px){.ab2-say p,.ab2-trust p,.ab2-corner-in p,.ab2-maybe p{max-width:none}} .cx-scrim{position:fixed;inset:0;z-index:72;border:0;padding:0;cursor:pointer;background:rgba(8,11,22,.55);opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease} .cx-scrim.on{opacity:1;visibility:visible} .cx{position:fixed;top:0;right:0;bottom:0;z-index:73;width:min(420px,94vw);display:flex;flex-direction:column;background:#FFFFFF;border-left:1px solid #A9A9A9;transform:translateX(100%);transition:transform .26s cubic-bezier(.22,.61,.36,1);visibility:hidden} .cx.on{transform:none;visibility:visible} .cx-hd{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;background:#1F2956;color:#fff} .cx-who{display:flex;flex-direction:column;line-height:1.25} .cx-who b{font-family:var(--font-display);font-weight:800;font-size:16px} .cx-who span{font-size:11.5px;color:#A9A9A9} .cx-hd button{border:0;background:transparent;color:#fff;font-size:24px;line-height:1;cursor:pointer;padding:0 2px} .cx-body{flex:1;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:12px;background:#FBF9F4} .cx-msg{max-width:88%;padding:12px 14px;font-size:14.5px;line-height:1.55;white-space:pre-wrap} .cx-msg.bot{background:#FFFFFF;border:1px solid #A9A9A9;color:#393B44;align-self:flex-start} .cx-msg.me{background:#1F2956;color:#FFFFFF;align-self:flex-end} .cx-turn{display:flex;flex-direction:column;gap:8px} .cx-turn.user{align-items:flex-end} .cx-quick{display:flex;flex-wrap:wrap;gap:8px} .cx-quick button{border:1px solid #A9A9A9;background:#fff;padding:9px 13px;font-family:var(--font-ui);font-size:13px;font-weight:600;color:#393B44;cursor:pointer} .cx-quick button:hover{border-color:#006ED4;color:#006ED4} .cx-cars{display:flex;flex-direction:column;gap:8px} .cx-car{display:flex;gap:12px;align-items:center;border:1px solid #A9A9A9;background:#fff;padding:8px;text-decoration:none;color:#393B44} .cx-car:hover{border-color:#006ED4;text-decoration:none} .cx-car-ph{flex:none;width:76px;height:48px;background:#1F2956 50%/cover no-repeat} .cx-car-m{display:flex;flex-direction:column;gap:2px;min-width:0} .cx-car-m b{font-size:13px;line-height:1.25} .cx-car-m span{font-size:11.5px;color:#666b76} .cx-dots{display:flex;gap:5px;align-items:center;padding:14px} .cx-dots i{width:6px;height:6px;border-radius:50%;background:#A9A9A9;animation:cxb 1.1s infinite ease-in-out} .cx-dots i:nth-child(2){animation-delay:.15s} .cx-dots i:nth-child(3){animation-delay:.3s} @keyframes cxb{0%,80%,100%{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}} .cx-ask{display:flex;gap:8px;padding:14px;border-top:1px solid #A9A9A9;background:#fff} .cx-ask input{flex:1;min-width:0;font:inherit;font-size:15px;padding:11px 12px;border:1px solid #A9A9A9;background:#fff;color:#393B44} .cx-ask input:focus{outline:none;border-color:#006ED4} .cx-ask button{flex:none;width:44px;height:44px;border:0;background:#1F2956;color:#fff;display:grid;place-items:center;cursor:pointer} .cx-ask button:disabled{background:#A9A9A9;cursor:default} .cx-ask svg{width:20px;height:20px} @media (prefers-reduced-motion:reduce){.cx{transition:none}.cx-dots i{animation:none}} @media (min-width:981px){ header.topbar > .wrap{position:relative;display:flex;align-items:center;gap:16px} header.topbar > .wrap > .logo{ position:absolute;left:50%;top:50%; transform:translate(-50%,-50%); margin:0;z-index:2; } header.topbar > .wrap > .nav{margin-right:auto;flex:0 1 auto;min-width:0} header.topbar > .wrap > .nav, header.topbar > .wrap > .headersearch, header.topbar .inv-typeahead, header.topbar > .wrap > form{max-width:34vw} header.topbar > .wrap > .tools{flex:0 0 auto;margin-left:0} header.topbar .headersearch input, header.topbar input[type="search"], header.topbar input[placeholder*="Search"]{max-width:240px} } @media (min-width:981px) and (max-width:1199px){ header.topbar > .wrap > .logo{position:static;transform:none;left:auto;top:auto} header.topbar > .wrap > .nav{margin-right:0} } @media (min-width:1200px){ header.topbar > .wrap{position:relative;display:flex;align-items:center;gap:20px} header.topbar > .wrap > .logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;z-index:2} header.topbar > .wrap > .nav{margin-right:auto;flex:0 1 auto;min-width:0;max-width:36vw} header.topbar > .wrap > .tools{flex:0 0 auto} header.topbar .headersearch, header.topbar > .wrap > form{max-width:280px;flex:0 1 280px} header.topbar .headersearch input, header.topbar input[placeholder*="Search"]{max-width:280px} } @media (min-width:1200px){ header.topbar > .wrap{ padding-left:clamp(40px,3.6vw,110px); padding-right:clamp(40px,3.6vw,110px); gap:24px; min-height:88px; } header.topbar .nav{gap:6px} header.topbar .nav a{padding-left:16px;padding-right:16px} header.topbar .tools{gap:8px} } @media (min-width:1800px){ header.topbar > .wrap{padding-left:clamp(64px,4.4vw,150px);padding-right:clamp(64px,4.4vw,150px)} } @media (max-width:980px){ header.topbar .logo img{height:34px!important;width:auto} header.topbar > .wrap{min-height:74px;gap:10px} header.topbar .iconbtn{width:40px;height:40px} header.topbar .iconbtn svg, header.topbar .cartbtn svg, header.topbar .iconbtn .ic{width:20px!important;height:20px!important} header.topbar .cartbtn{width:40px;height:40px} header.topbar .cartbtn-n{top:2px;right:0;min-width:14px;height:14px;font-size:9px} header.topbar .tools{gap:2px} } @media (max-width:560px){ header.topbar .logo img{height:30px!important} header.topbar .iconbtn{width:38px;height:38px} } @media (min-width:1200px){ header.topbar > .wrap{ padding-left:clamp(48px,4vw,120px)!important; padding-right:clamp(48px,4vw,120px)!important; min-height:88px; } header.topbar .nav{margin-left:-16px} header.topbar .tools{margin-right:-8px} } #archive-view .inv-hero, .inv-shell .inv-hero{position:relative;overflow:hidden} #archive-view .inv-hero::after{ content:"";position:absolute;inset:0;z-index:1;pointer-events:none; background: linear-gradient(0deg, rgba(8,11,22,.78) 0%, rgba(8,11,22,.42) 24%, rgba(8,11,22,.14) 48%, rgba(8,11,22,0) 72%), linear-gradient(90deg, rgba(8,11,22,.42) 0%, rgba(8,11,22,.12) 34%, rgba(8,11,22,0) 60%); } #archive-view .inv-hero-wrap{position:relative;z-index:2} #archive-view .inv-hero-wrap, .inv-shell .inv-hero-wrap, .inv-hero .inv-hero-wrap{ padding-left:clamp(22px,3.4vw,54px)!important; padding-right:clamp(22px,3.4vw,54px)!important; margin-left:0!important; margin-right:0!important; max-width:none!important; } #archive-view .inv-search, .inv-shell .inv-search, .inv-hero .inv-search{ display:flex!important;align-items:center;gap:12px; width:100%;max-width:min(760px,62vw)!important; box-sizing:border-box; } #about-view .ab-ch-txt .ab-p{white-space:pre-line} @media (min-width:901px){ #about-view .ab-ch{ display:grid; grid-template-columns:minmax(0,clamp(400px,36vw,660px)) minmax(0,42ch); gap:clamp(40px,5vw,104px); justify-content:center; align-items:center; min-height:0; padding:clamp(76px,8vw,150px) var(--page-x); } #about-view .ab-ch-img{ position:relative;overflow:hidden; width:100%;min-height:0;aspect-ratio:4/5;background:#f2f3f6; align-self:center; } #about-view .ab-ch-txt{padding:0} #about-view .ab-ch-txt h2{max-width:16ch} #about-view .ab-ch-txt .ab-p{max-width:42ch} #about-view .ab-ch.noimg{grid-template-columns:minmax(0,68ch)} #about-view > .ab-ch.wide{ grid-template-columns:minmax(0,min(1180px,92vw)); gap:clamp(28px,3vw,52px); justify-items:center; text-align:center; } #about-view > .ab-ch.wide .ab-ch-img{ order:0;width:100%;aspect-ratio:3/1;background:#fff; } #about-view > .ab-ch.wide .ab-ch-txt{ order:1;align-items:center;max-width:64ch; } #about-view > .ab-ch.wide .ab-ch-txt h2, #about-view > .ab-ch.wide .ab-ch-txt .ab-p{ max-width:none; } } @media (max-width:900px){ #about-view .ab-ch{grid-template-columns:1fr;padding:0;min-height:0} #about-view .ab-ch-img, #about-view .ab-ch.rev .ab-ch-img{order:0;min-height:0;aspect-ratio:4/5} #about-view .ab-ch-txt{padding:30px 22px 46px} #about-view > .ab-ch.wide .ab-ch-img{aspect-ratio:3/1;background:#fff} #about-view > .ab-ch.wide .ab-ch-txt{text-align:center} } #about-view > .ab-ch.wide .ab-ch-ph{ background-size:contain;background-position:center;background-repeat:no-repeat; } #about-view .ab-ch-ph{background-position:center center} #about-view video.ab-ch-ph{object-position:center center} @media (min-width:1080px){ header.topbar > .wrap{ position:relative;display:flex;align-items:center; gap:clamp(14px,1.6vw,26px); min-height:88px;max-width:none;margin:0; padding-left:clamp(24px,3.2vw,64px); padding-right:clamp(24px,3.2vw,64px); box-sizing:border-box; } header.topbar > .wrap > .nav{ flex:0 0 auto;max-width:none;min-width:0;overflow:visible; margin-left:0;margin-right:auto; gap:clamp(2px,.45vw,10px); } header.topbar .nav a{ padding-left:clamp(8px,.75vw,13px); padding-right:clamp(8px,.75vw,13px); } header.topbar .nav a .ic{display:none} header.topbar > .wrap > .logo{ position:absolute;left:50%;top:50%;transform:translate(-50%,-50%); margin:0;z-index:2; } header.topbar > .wrap > .hdr-search, header.topbar > .wrap > form{ flex:0 1 clamp(190px,19vw,300px); max-width:clamp(190px,19vw,300px); min-width:0; } header.topbar > .wrap > .tools{ flex:0 0 auto;margin-left:clamp(6px,.8vw,14px);margin-right:0; gap:clamp(2px,.4vw,8px); } } body:not(.feed) .topbar:not(.scrolled), body.inv-hero .topbar:not(.scrolled), body:has(.story-hero) .topbar:not(.scrolled), body:has(.shop-ed-hero) .topbar:not(.scrolled){ background:linear-gradient(180deg, rgba(6,8,12,.62) 0%, rgba(6,8,12,.40) 45%, rgba(6,8,12,.16) 78%, rgba(6,8,12,0) 100%) !important; } .fleetgrid, .inv-main .fleetgrid, #archive-view .fleetgrid, .inv-shell .fleetgrid{ display:grid !important; gap:clamp(14px,1.5vw,26px) !important; grid-template-columns:repeat(1,minmax(0,1fr)) !important; align-items:start; } @media (min-width:760px){ .fleetgrid,.inv-main .fleetgrid,#archive-view .fleetgrid,.inv-shell .fleetgrid{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; } } @media (min-width:1100px){ .fleetgrid,.inv-main .fleetgrid,#archive-view .fleetgrid,.inv-shell .fleetgrid{ grid-template-columns:repeat(3,minmax(0,1fr)) !important; } } @media (min-width:1560px){ .fleetgrid,.inv-main .fleetgrid,#archive-view .fleetgrid,.inv-shell .fleetgrid{ grid-template-columns:repeat(4,minmax(0,1fr)) !important; } } @media (min-width:2100px){ .fleetgrid,.inv-main .fleetgrid,#archive-view .fleetgrid,.inv-shell .fleetgrid{ grid-template-columns:repeat(5,minmax(0,1fr)) !important; } } html body .fleetgrid.fleetgrid.fleetgrid, html body .inv-main .fleetgrid.fleetgrid-flat, html body #archive-view .fleetgrid.fleetgrid, html body .inv-shell .fleetgrid.fleetgrid{ display:grid !important; gap:clamp(14px,1.5vw,26px) !important; grid-template-columns:repeat(1,minmax(0,1fr)) !important; } @media (min-width:760px){ html body .fleetgrid.fleetgrid.fleetgrid, html body .inv-main .fleetgrid.fleetgrid-flat, html body #archive-view .fleetgrid.fleetgrid, html body .inv-shell .fleetgrid.fleetgrid{grid-template-columns:repeat(2,minmax(0,1fr)) !important} } @media (min-width:1100px){ html body .fleetgrid.fleetgrid.fleetgrid, html body .inv-main .fleetgrid.fleetgrid-flat, html body #archive-view .fleetgrid.fleetgrid, html body .inv-shell .fleetgrid.fleetgrid{grid-template-columns:repeat(3,minmax(0,1fr)) !important} } @media (min-width:1560px){ html body .fleetgrid.fleetgrid.fleetgrid, html body .inv-main .fleetgrid.fleetgrid-flat, html body #archive-view .fleetgrid.fleetgrid, html body .inv-shell .fleetgrid.fleetgrid{grid-template-columns:repeat(4,minmax(0,1fr)) !important} } @media (min-width:2100px){ html body .fleetgrid.fleetgrid.fleetgrid, html body .inv-main .fleetgrid.fleetgrid-flat, html body #archive-view .fleetgrid.fleetgrid, html body .inv-shell .fleetgrid.fleetgrid{grid-template-columns:repeat(5,minmax(0,1fr)) !important} } .topbar .iconbtn, .topbar .cartbtn, .topbar .menu-btn{width:40px;height:40px} .cardgal-nav{width:40px;height:40px} .ask-close, .cx-hd button{ min-width:40px;min-height:40px; display:inline-flex;align-items:center;justify-content:center; } .rfm-cta{min-height:40px;display:inline-flex;align-items:center} .story-hero .kick, .inv-hero-wrap .kick, .shop-ed-hero .kick, .rec-hero .kick, .sv-hero .kick, .arc-hero .kick{text-shadow:0 1px 10px rgba(6,8,12,.55)} @media (max-width:700px){ .inv-topfilters{ display:flex;align-items:center;gap:10px; padding-top:2px;padding-bottom:2px; } .inv-sort-wrap{flex:1 1 auto;min-width:0} .inv-sort{width:100%} .inv-layout > .inv-main{padding-top:8px} .inv-result-count{margin-top:6px;margin-bottom:10px;display:block} } @media (max-width:900px){ body:has(.rf-tabwrap) footer, body:has(.rf-tabwrap) .site-footer{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))} } #about-view .ab-ch-img:has(video){background:#1F2956} @media (min-width:1080px){ header.topbar .nav a .ic{ display:inline-block;width:16px;height:16px; margin-right:6px;vertical-align:-3px;flex:none; } header.topbar .nav a{ display:inline-flex;align-items:center; padding-left:clamp(6px,.55vw,11px); padding-right:clamp(6px,.55vw,11px); } header.topbar > .wrap > .nav{gap:clamp(0px,.2vw,6px)} } @media (min-width:1080px) and (max-width:1240px){ header.topbar .nav a .ic{display:none} } @media (min-width:2100px){ html body .fleetgrid.fleetgrid.fleetgrid, html body .inv-main .fleetgrid.fleetgrid-flat, html body #archive-view .fleetgrid.fleetgrid, html body .inv-shell .fleetgrid.fleetgrid{ grid-template-columns:repeat(4,minmax(0,1fr)) !important; } } @media (max-width:700px){ .inv-topfilters{ display:grid !important; grid-template-columns:1fr 1fr !important; gap:10px !important; align-items:stretch !important; padding:0 !important; margin:0 0 14px !important; } .inv-topfilters > *{margin:0 !important;min-width:0 !important;width:auto !important} .inv-sort-wrap,.inv-filters-btn,.inv-topfilters button,.inv-topfilters label,.inv-topfilters select{ width:100% !important;max-width:none !important; } .inv-topfilters .inv-sort,.inv-topfilters select{height:46px} .inv-topfilters button{height:46px} .inv-result-count{margin:0 0 10px !important} } .cardgal{aspect-ratio:4/3} @media (max-width:700px){ .cardgal{aspect-ratio:5/4} .fleetgrid{gap:16px !important} } .story-hero, .inv-hero, .shop-ed-hero, .sv-hero{ min-height:clamp(320px,44vw,560px) !important; } .story-hero .story-in, .inv-hero-wrap, .shop-ed-heroin, .sv-hero .wrap{ padding-left:clamp(24px,3.2vw,64px) !important; padding-right:clamp(24px,3.2vw,64px) !important; max-width:none !important; margin:0 !important; } .story-hero h1, .inv-hero h1, .shop-ed-hero h1, .sv-hero h1{ font-family:var(--font-display); font-weight:800; font-size:clamp(38px,5.4vw,78px) !important; line-height:1.02 !important; letter-spacing:-.022em !important; margin:0 0 .34em !important; max-width:18ch; } .story-hero .kick, .inv-hero .kick, .shop-ed-hero .kick, .sv-hero .kick{ font-size:11px !important; letter-spacing:.24em !important; margin:0 0 14px !important; display:block; } .story-hero .story-lede, .shop-ed-lede, .inv-hero .lede, .sv-hero .lede{ font-size:clamp(15px,1.15vw,18px) !important; line-height:1.6 !important; max-width:52ch !important; margin:0 0 22px !important; } @media (min-width:901px){ #about-view .ab-ch{ grid-template-columns:minmax(0,clamp(400px,34vw,600px)) minmax(0,46ch); } #about-view .ab-ch-txt h2{ font-size:clamp(28px,2.5vw,42px) !important; line-height:1.06 !important; max-width:22ch !important; margin-bottom:18px !important; } #about-view .ab-ch-txt .ab-p{max-width:46ch !important} } #about-view .ab-ch-txt .ab-p{ line-height:1.58 !important; font-size:clamp(15px,1.05vw,17px) !important; } #about-view .ab-num{margin-bottom:12px !important} #about-view .ab-ch-txt .kick{margin-bottom:10px !important} .mdl{ width:min(980px,calc(100vw - 32px)); max-width:calc(100vw - 32px); max-height:calc(100dvh - 32px); overflow:auto; box-sizing:border-box; } .mdl-img{max-width:100%} @media (max-width:700px){ .mdl{ width:100vw;max-width:100vw; max-height:92dvh;height:92dvh; border-radius:14px 14px 0 0; margin-top:auto; } .mdl-img{aspect-ratio:4/3;background-size:contain !important;background-repeat:no-repeat;background-position:center} .mdl-body{padding:18px 18px calc(22px + env(safe-area-inset-bottom,0px))} .mdl-sizerow{display:grid;grid-template-columns:repeat(auto-fit,minmax(62px,1fr));gap:8px} .mdl-size{width:100%} .mdl-x{top:10px;right:10px;width:40px;height:40px} } :root{ --rf-club:#1F2956; --rf-claret:#6b2036; } .btn.navy,.btn.club,.mdl-add{background:#1F2956;border-color:#1F2956} .btn.navy:hover,.btn.club:hover,.mdl-add:hover{background:#16273f;border-color:#16273f} .ab-go,.rfm-cta,.sv-phone,a[href^="tel:"]{color:#1F2956} .recrail, .rec-rail, .rfm-rail, .relrail, section:has(> .railhead){width:100%} .railhead, .recrail-head, .rfm-railhead, .rail-head{ max-width:none !important; margin-left:0 !important; margin-right:0 !important; padding-left:clamp(24px,3.2vw,64px) !important; padding-right:clamp(24px,3.2vw,64px) !important; box-sizing:border-box; } .story-hero, .inv-hero, .shop-ed-hero, .sv-hero{position:relative;overflow:hidden} .story-hero::after, .inv-hero::after, .shop-ed-hero::after, .sv-hero::after{ content:"";position:absolute;inset:0;z-index:1;pointer-events:none; background: linear-gradient(0deg, rgba(8,11,22,.88) 0%, rgba(8,11,22,.62) 26%, rgba(8,11,22,.26) 52%, rgba(8,11,22,0) 78%), linear-gradient(90deg, rgba(8,11,22,.66) 0%, rgba(8,11,22,.28) 38%, rgba(8,11,22,0) 66%); } .story-hero .story-in, .inv-hero-wrap, .shop-ed-heroin, .sv-hero .wrap{position:relative;z-index:2} .story-hero .kick, .inv-hero .kick, .shop-ed-hero .kick, .sv-hero .kick{ color:rgba(255,255,255,.86) !important; text-shadow:0 1px 12px rgba(6,8,12,.7); } .story-hero::after, .story-hero.has-vid::after, .inv-hero::after, .shop-ed-hero::after, .shop-ed-hero.has-vid::after, .sv-hero::after, #archive-view .inv-hero::after{ content:"" !important; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background: linear-gradient(0deg, rgba(8,11,22,.90) 0%, rgba(8,11,22,.66) 26%, rgba(8,11,22,.30) 54%, rgba(8,11,22,0) 80%), linear-gradient(90deg, rgba(8,11,22,.70) 0%, rgba(8,11,22,.30) 40%, rgba(8,11,22,0) 68%) !important; } body.inv-hero::after{content:none !important;background:none !important;display:none !important} div.inv-hero::after, section.inv-hero::after, #archive-view div.inv-hero::after, .inv-shell div.inv-hero::after{ content:"" !important;display:block !important; position:absolute !important;inset:0 !important;z-index:1 !important;pointer-events:none !important; background: linear-gradient(0deg, rgba(8,11,22,.90) 0%, rgba(8,11,22,.66) 26%, rgba(8,11,22,.30) 54%, rgba(8,11,22,0) 80%), linear-gradient(90deg, rgba(8,11,22,.70) 0%, rgba(8,11,22,.30) 40%, rgba(8,11,22,0) 68%) !important; } .bag-scrim:not(.on), .cx-scrim:not(.on), .mdl-scrim:not(.on){pointer-events:none !important} @media (max-width:700px){ .inv-topfilters{ display:flex !important; grid-template-columns:none !important; gap:10px !important; align-items:stretch !important; padding:0 !important; margin:0 0 14px !important; } .inv-topfilters .inv-tf-group{display:none !important} .inv-topfilters .inv-filter-btn, .inv-topfilters .inv-sort-wrap{ flex:1 1 0 !important;width:auto !important;max-width:none !important; min-width:0 !important;height:46px !important; } .inv-topfilters .inv-sort{width:100% !important;height:46px !important} } @media (max-width:700px){ .inv-hero .inv-search, .inv-hero-wrap .inv-search, #archive-view .inv-search{ width:100% !important;max-width:none !important; box-sizing:border-box;gap:10px !important; padding-left:14px !important;padding-right:14px !important; } .inv-hero .inv-search input, .inv-hero-wrap .inv-search input, #archive-view .inv-search input{ flex:1 1 auto !important;width:100% !important;min-width:0 !important; max-width:none !important;font-size:16px !important; } } .story-hero h1, div.inv-hero h1, section.inv-hero h1, .shop-ed-hero h1, .sv-hero h1, .sellhero-copy h1{ font-family:var(--font-display) !important; font-weight:800 !important; font-size:clamp(34px,4.2vw,60px) !important; line-height:1.04 !important; letter-spacing:-.022em !important; margin:0 0 .32em !important; max-width:20ch !important; text-wrap:balance; } .story-hero .kick, div.inv-hero .kick, section.inv-hero .kick, .shop-ed-hero .kick, .sv-hero .kick, .sellhero-copy .kick{ font-size:11px !important;letter-spacing:.24em !important;margin:0 0 13px !important;display:block; } .story-hero .story-lede, .shop-ed-lede, div.inv-hero .lede, .sv-hero .lede, .sellhero-copy .lede, .sellhero-copy p{ font-size:clamp(15px,1.1vw,17px) !important;line-height:1.58 !important; max-width:50ch !important;margin:0 0 20px !important; } .sellhero-in{position:relative;z-index:2} .cardgal{aspect-ratio:16/10 !important} @media (max-width:700px){.cardgal{aspect-ratio:16/10 !important}} .cardgal .ph{object-fit:cover;object-position:center 30%} #archive-view .cardgal .ph, .sell-sold .cardgal .ph, .sold-rail .cardgal .ph{object-position:center top !important} .inv-main .cardgal .ph{object-position:center center !important} .mdl-scrim{pointer-events:auto !important} .mdl-scrim > *, .mdl, .mdl *{pointer-events:auto !important} .bag-scrim:not(.on), .cx-scrim:not(.on){pointer-events:none !important} .bag-scrim.on, .bag-scrim.on *, .cx-scrim.on, .cx.on, .cx.on *{pointer-events:auto !important} .mdl-scrim{z-index:1200} .mdl{position:relative;z-index:1201} .mdl-size.on{ border-color:#1F2956 !important; box-shadow:inset 0 0 0 1px #1F2956; background:#1F2956 !important;color:#fff !important; } .story-hero::after{content:none !important;background:none !important} .ab-storyhero .story-scrim, .rec-storyhero .story-scrim, .story-hero:not(.sell-storyhero) .story-scrim{ position:absolute !important;inset:0 !important; height:min(100%,600px) !important;z-index:1 !important;pointer-events:none !important; background: linear-gradient(0deg, rgba(8,11,22,.90) 0%, rgba(8,11,22,.64) 26%, rgba(8,11,22,.28) 54%, rgba(8,11,22,0) 80%), linear-gradient(90deg, rgba(8,11,22,.66) 0%, rgba(8,11,22,.28) 40%, rgba(8,11,22,0) 68%) !important; } .sell-storyhero .story-scrim{ position:absolute !important; inset:0 0 auto 0 !important; height:min(100%,760px) !important; z-index:1 !important;pointer-events:none !important; background: linear-gradient(180deg, rgba(8,11,22,.88) 0%, rgba(8,11,22,.62) 34%, rgba(8,11,22,.24) 64%, rgba(8,11,22,0) 100%), linear-gradient(90deg, rgba(8,11,22,.60) 0%, rgba(8,11,22,.22) 44%, rgba(8,11,22,0) 74%) !important; } .sellhero-in,.sellhero-copy{position:relative;z-index:2} .sell-storyhero ~ *, .how-steps,.sellhow,.sell-proof,.sell-why{position:relative;z-index:2} .how-steps,.sellhow,.sell-how{position:relative;z-index:2} .how-steps h3,.how-steps b,.how-steps strong,.sellhow h3,.sellhow b{color:#fff !important} .how-steps p,.how-steps li,.sellhow p,.sellhow li{color:rgba(255,255,255,.78) !important} .how-steps .kick,.sellhow .kick{color:rgba(255,255,255,.62) !important} .how-steps .num,.how-steps .step-n{background:#1F2956 !important;color:#fff !important;display:inline-flex;align-items:center;justify-content:center} .rf-tabwrap{z-index:60} .rf-tabbar,.rf-tabwrap > nav,.rf-tabwrap > div{ background:rgba(8,11,22,.92) !important; -webkit-backdrop-filter:blur(18px) saturate(1.2); backdrop-filter:blur(18px) saturate(1.2); border:1px solid rgba(255,255,255,.10) !important; box-shadow:0 10px 34px rgba(6,8,14,.42) !important; } .rf-tabbar a,.rf-tabbar button,.rf-tabwrap a,.rf-tabwrap button{color:rgba(255,255,255,.72) !important} .rf-tabbar a.on,.rf-tabbar a[aria-current],.rf-tabwrap a.on,.rf-tabwrap a[aria-current]{color:#fff !important} .rf-tabbar a.on,.rf-tabwrap a.on{background:rgba(255,255,255,.10) !important} .ask-fab{ background:#1F2956 !important;color:#fff !important; border:1px solid rgba(255,255,255,.14) !important; box-shadow:0 10px 30px rgba(6,8,14,.45) !important; width:54px !important;height:54px !important;border-radius:999px !important; } .ask-fab svg,.ask-fab .ic{width:24px !important;height:24px !important;color:#fff !important} @media (max-width:899px){ .ask-fab{bottom:calc(96px + env(safe-area-inset-bottom,0px)) !important;right:16px !important} } .cx{display:flex;flex-direction:column} .cx-body{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch} .cx-ask{flex:0 0 auto;position:sticky;bottom:0;background:var(--rf-white,#fff); padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))} .cx-hd b{font-size:16px;letter-spacing:-.01em} .cx-hd span{color:rgba(255,255,255,.62);font-size:12px} .cx-ask button[type="submit"]{ background:#1F2956 !important;color:#fff !important;border:0 !important; width:46px;height:46px;flex:0 0 auto; display:inline-flex;align-items:center;justify-content:center;border-radius:0; } .cx-ask button[type="submit"]:disabled{background:#c9ccd3 !important;color:#fff !important} .cx-ask button[type="submit"] svg{width:20px;height:20px} .cx-ask input{height:46px;font-size:16px} .cx-quick{display:flex;flex-wrap:wrap;gap:8px} .cx-quick button{ border:1px solid rgba(11,14,23,.16);background:#fff;color:#393B44; padding:9px 13px;font-size:13px;border-radius:999px;cursor:pointer; } .cx-quick button:hover{border-color:#1F2956;color:#1F2956} @media (max-width:900px){ #about-view > .ab-ch.wide, #about-view > .ab-ch.wide .ab-ch-txt{ text-align:left !important; justify-items:stretch !important; align-items:flex-start !important; } #about-view > .ab-ch.wide .ab-ch-txt{max-width:none !important;margin:0 !important} #about-view > .ab-ch.wide .ab-ch-img{aspect-ratio:3/1 !important;background:#fff} #about-view .ab-ch-txt{padding:26px 22px 40px} #about-view .ab-num{margin-bottom:8px !important} } @media (max-width:900px){ #about-view .ab-ch + .ab-ch{border-top:1px solid #eef0f4} } @media (max-width:900px){ .rfm-cap{ position:absolute !important; left:0 !important; right:72px !important; bottom:20px !important; padding:0 16px !important; } .rfm-cap .rfm-k{margin-bottom:5px !important;letter-spacing:.16em} .rfm-cap .rfm-n{margin-top:0 !important;line-height:1.12} .rfm-cap .rfm-mo{margin-top:4px !important} .rfm-cap .rfm-s{margin-top:5px !important} .rfm-cap .rfm-foot{margin-top:11px !important} } @media (max-width:900px){ html body .topbar .logo img, html body:not(.feed) .topbar .logo img, html body.feed .topbar .logo img{ height:40px !important;width:auto !important; } } @media (max-width:400px){ html body .topbar .logo img, html body:not(.feed) .topbar .logo img, html body.feed .topbar .logo img{height:36px !important} } @media (max-width:900px){ html body .topbar .logo img, html body:not(.feed) .topbar .logo img, html body.feed .topbar .logo img{height:40px !important} } @media (max-width:360px){ html body .topbar .logo img, html body:not(.feed) .topbar .logo img, html body.feed .topbar .logo img{height:34px !important} } .inv-smart-row, .arc-makes, .rec-tabs, .rv-rail, .recrail-track, .shop-ed, .card-rail, [class*="-rail"] > [class*="track"]{ touch-action:pan-x; overscroll-behavior-x:contain; -webkit-overflow-scrolling:touch; scrollbar-width:none; } .inv-smart-row::-webkit-scrollbar, .arc-makes::-webkit-scrollbar, .rv-rail::-webkit-scrollbar{display:none} .rfm,.rfm-reel,.rfm-photo{height:100vh} @supports (height:100dvh){ .rfm,.rfm-reel,.rfm-photo{height:100dvh} } .rfm-scroll,.rfm-track{height:100vh} @supports (height:100dvh){ .rfm-scroll,.rfm-track{height:100dvh} } @media (max-width:900px){ .recrail .fleetgrid, .recrail .recrail-track, .recrail-track{ display:grid !important; grid-auto-flow:column !important; grid-auto-columns:78% !important; grid-template-columns:none !important; overflow-x:auto !important; overscroll-behavior-x:contain; touch-action:pan-x; scroll-snap-type:x mandatory; gap:12px !important; padding-left:clamp(16px,4vw,24px) !important; padding-right:clamp(16px,4vw,24px) !important; scroll-padding-left:clamp(16px,4vw,24px); } .recrail .fleetgrid > *, .recrail .recrail-track > *, .recrail-track > *{scroll-snap-align:start;min-width:0} } #login-view,.sv-hero + .authwrap,.authwrap{padding:clamp(28px,6vw,72px) var(--page-x) clamp(60px,10vw,120px)} .authcard{ max-width:440px;margin:0 auto;background:#fff; border:1px solid #e4e1da;border-radius:2px;overflow:hidden; box-shadow:0 1px 2px rgba(16,24,40,.04),0 8px 28px rgba(16,24,40,.06); } .auth-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #eceef2} .auth-tab{ height:52px;background:transparent;border:0;cursor:pointer; font:600 13px/1 inherit;letter-spacing:.02em;color:#6f6a5e; border-bottom:2px solid transparent;transition:color .15s,border-color .15s; } .auth-tab.on{color:#393B44;border-bottom-color:#1F2956} .auth-tab:hover{color:#393B44} .auth-form{display:flex;flex-direction:column;gap:16px;padding:clamp(20px,4vw,28px)} .auth-field{display:flex;flex-direction:column;gap:6px} .auth-field label{ font-size:10px;letter-spacing:.16em;text-transform:uppercase; color:#6f6a5e;font-weight:600; } .auth-field input{ height:48px;padding:0 13px;font-size:16px; border:1px solid #e4e1da;background:#fbfaf6;color:#393B44;border-radius:2px; transition:border-color .15s,background .15s;width:100%;box-sizing:border-box; } .auth-field input:focus{outline:0;border-color:#1F2956;background:#fff;box-shadow:0 0 0 3px rgba(27,47,82,.10)} .auth-field input::placeholder{color:#b3b0a7} .auth-msg{font-size:13px;line-height:1.5;margin:0;color:#393B44} .auth-msg.bad{color:#8c2b2b} .auth-go{height:50px;justify-content:center;width:100%;font-size:14px} .auth-note{margin:2px 0 0;font-size:12px;line-height:1.55;color:#6f6a5e} #login-view h1,.authwrap h1{ font-size:clamp(30px,4vw,44px) !important;margin-bottom:.2em !important; } @media (prefers-reduced-motion: no-preference){ @supports (animation-timeline: view()){ @keyframes rf-rise{ from{opacity:0;transform:translate3d(0,18px,0)} to {opacity:1;transform:none} } @keyframes rf-rise-sm{ from{opacity:0;transform:translate3d(0,10px,0)} to {opacity:1;transform:none} } @keyframes rf-settle{ from{opacity:0;transform:scale(1.045)} to {opacity:1;transform:scale(1)} } @keyframes rf-widen{ from{opacity:0;font-variation-settings:"wdth" 88;transform:translate3d(0,10px,0)} to {opacity:1;font-variation-settings:"wdth" 100;transform:none} } #about-view .ab-ch-txt .ab-num, #about-view .ab-ch-txt .kick, #about-view .ab-ch-txt .ab-p, #about-view .ab-ch-txt .ab-go{ animation:rf-rise linear both; animation-timeline:view(); animation-range:entry 4% entry 46%; } #about-view .ab-ch-txt h2{ animation:rf-widen linear both; animation-timeline:view(); animation-range:entry 6% entry 52%; } #about-view .ab-ch-img{ animation:rf-settle linear both; animation-timeline:view(); animation-range:entry 0% entry 55%; } .ab-proof .ab-stats > *, .ab-proof .ab-proofnote, .ab-team article, .ab-closer .wrap > *, .rv-band .rv-head > *, .rv-card{ animation:rf-rise-sm linear both; animation-timeline:view(); animation-range:entry 2% entry 44%; } .fleetgrid > *, .recrail .card, .ecard, .rc-card, .rec-card{ animation:rf-rise linear both; animation-timeline:view(); animation-range:entry 0% entry 40%; } .railhead > *, .recrail-head > *, .shop-note .wrap > *, .sell-why .wrap > *, .how-steps li, .how-steps > *{ animation:rf-rise-sm linear both; animation-timeline:view(); animation-range:entry 2% entry 46%; } .site-footer .ft-col, footer .ft-col{ animation:rf-rise-sm linear both; animation-timeline:view(); animation-range:entry 0% entry 50%; } .topbar,.topbar *, .rf-tabwrap,.rf-tabwrap *, .ask-fab,.ask-fab *, .cx,.cx *,.bag,.bag *,.mdl,.mdl *, .rfm,.rfm *,.rfm-cap,.rfm-cap *, .story-hero,.story-hero *, .inv-hero,.inv-hero *, .shop-ed-hero,.shop-ed-hero *{ animation-timeline:auto; } } } body.feed .ask-fab{ right:clamp(84px,7vw,124px) !important; bottom:24px !important; } @media (max-width:899px){ body.feed .ask-fab{ right:76px !important; bottom:calc(96px + env(safe-area-inset-bottom,0px)) !important; } } body:not(.feed) .ask-fab{right:20px !important} html body.feed .topbar .wrap, html body.feed .topbar > .wrap, html body:not(.feed) .topbar > .wrap{ padding-left:calc(clamp(24px,3.2vw,64px) + env(safe-area-inset-left,0px)) !important; padding-right:calc(clamp(24px,3.2vw,64px) + env(safe-area-inset-right,0px)) !important; box-sizing:border-box; } @media (min-width:1080px){ html body.feed .topbar > .wrap, html body:not(.feed) .topbar > .wrap{min-height:88px !important} } .story-hero, div.inv-hero, section.inv-hero, .shop-ed-hero, .sv-hero{ min-height:min(clamp(320px,44vw,560px), 54svh) !important; } @supports not (height:1svh){ .story-hero, div.inv-hero, section.inv-hero, .shop-ed-hero, .sv-hero{ min-height:min(clamp(320px,44vw,560px), 54vh) !important; } } .sell-storyhero{min-height:0 !important} .story-lede,.shop-ed-lede,.inv-hero .lede,.sv-hero .lede, .ab-proofnote,.rec-lede,.sub,.barrow .sub, .story-hero h1,div.inv-hero h1,section.inv-hero h1,.shop-ed-hero h1{ text-wrap:balance; } .ab-p,.rv-body,.ec-blurb,.rc-dek{text-wrap:pretty} @media (min-width:1080px){ html body .topbar .logo img, html body.feed .topbar .logo img, html body:not(.feed) .topbar .logo img{ height:clamp(32px,2.6vw,46px) !important;width:auto !important; } } body.feed .topbar:not(.scrolled) .hdr-search #hs-input, body.feed .topbar:not(.scrolled) .hdr-search input, body.feed .topbar:not(.scrolled) .headersearch input{ background:rgba(255,255,255,.16) !important; border-color:rgba(255,255,255,.36) !important; color:#fff !important; } body.feed .topbar:not(.scrolled) .hdr-search #hs-input::placeholder, body.feed .topbar:not(.scrolled) .hdr-search input::placeholder{ color:rgba(255,255,255,.72) !important; } body.feed .topbar:not(.scrolled) .hdr-search .hs-ic, body.feed .topbar:not(.scrolled) .hdr-search svg{color:rgba(255,255,255,.8) !important} .sell-storyhero .story-scrim{ background: linear-gradient(180deg, rgba(8,11,22,.62) 0%, rgba(8,11,22,.40) 30%, rgba(8,11,22,.14) 58%, rgba(8,11,22,0) 92%), linear-gradient(90deg, rgba(8,11,22,.52) 0%, rgba(8,11,22,.18) 42%, rgba(8,11,22,0) 70%) !important; } @media (min-width:1000px){ .sell-storyhero .sellhero-in{align-items:flex-start !important} .sell-storyhero .sellhero-copy{ justify-content:flex-start !important; padding-top:clamp(60px,9vh,130px) !important; align-self:flex-start !important; } } @media (min-width:701px){ .inv-topfilters{margin-bottom:18px !important;padding-bottom:0 !important} .inv-result-count{margin:0 0 14px !important;display:block} .inv-main{padding-top:14px !important} html body .fleetgrid.fleetgrid.fleetgrid, html body .inv-main .fleetgrid.fleetgrid-flat, html body #archive-view .fleetgrid.fleetgrid{margin-top:0 !important;padding-top:0 !important} .inv-smart-row{margin-bottom:14px !important} .inv-layout{padding-top:clamp(18px,2vw,30px) !important} } .cx-ask button[type="submit"]{ background:#1F2956 !important;color:#fff !important;border:0 !important; width:48px;height:48px;flex:0 0 auto; display:inline-flex !important;align-items:center;justify-content:center; } .cx-ask button[type="submit"] svg{ width:22px !important;height:22px !important; stroke:#fff !important;color:#fff !important;fill:none !important; stroke-width:2 !important;display:block !important;opacity:1 !important; } .cx-ask button[type="submit"]:disabled{background:#aeb4c2 !important} .cx-ask button[type="submit"]:disabled svg{stroke:#fff !important} .cx-cars{display:flex;flex-direction:column;gap:10px;margin-top:12px} .cx-car{ display:grid !important; grid-template-columns:minmax(0,1fr) !important; border:1px solid rgba(11,14,23,.14) !important; background:#fff;text-decoration:none;overflow:hidden; } .cx-car-ph{ width:100% !important;height:auto !important; aspect-ratio:16/10 !important; background-size:cover !important;background-position:center 38% !important; background-color:#eceae5;display:block !important; } .cx-car-m{display:flex;flex-direction:column;gap:3px;padding:11px 13px 13px} .cx-car-m b{font-size:15px;line-height:1.2;color:#393B44} .cx-car-m span{font-size:12.5px;color:#6b6a64;font-variant-numeric:tabular-nums} .cx-msg a{ color:#1F2956;text-decoration:underline;text-underline-offset:2px; font-weight:600;word-break:break-word; } .cx-msg.bot a{color:#1F2956} .cx-dots{display:inline-flex !important;align-items:center;gap:5px;min-height:22px} .cx-dots i{ width:7px;height:7px;border-radius:50%;background:#9a988f;display:block; animation:cx-type 1.25s infinite ease-in-out both; } .cx-dots i:nth-child(2){animation-delay:.16s} .cx-dots i:nth-child(3){animation-delay:.32s} @keyframes cx-type{ 0%,68%,100%{transform:translateY(0);opacity:.42} 34%{transform:translateY(-5px);opacity:1} } @media (prefers-reduced-motion:reduce){ .cx-dots i{animation:none;opacity:.6} } @media (max-width:820px){ html body div.inv-hero:focus-within, html body section.inv-hero:focus-within{ min-height:0 !important; } html body div.inv-hero:focus-within .kick, html body div.inv-hero:focus-within h1, html body div.inv-hero:focus-within h2, html body section.inv-hero:focus-within .kick, html body section.inv-hero:focus-within h1, html body section.inv-hero:focus-within h2{ display:none !important; } html body div.inv-hero:focus-within .inv-hero-wrap, html body section.inv-hero:focus-within .inv-hero-wrap{ padding-top:10px !important; padding-bottom:12px !important; } html body .inv-shell:has(.inv-search input:focus) .inv-smart-row, html body #archive-view:has(.inv-search input:focus) .inv-smart-row{ display:none !important; } html body .inv-shell .wrap, html body #archive-view .wrap, html body .inv-shell .inv-hero-wrap, html body #archive-view .inv-hero-wrap, html body div.inv-hero .inv-hero-wrap{ padding-left:12px !important; padding-right:12px !important; } html body .inv-layout, html body .inv-layout-flat, html body .inv-main{ padding-left:0 !important; padding-right:0 !important; } html body .fleetgrid.fleetgrid.fleetgrid{ padding-left:0 !important; padding-right:0 !important; gap:14px !important; } html body .inv-smart-row{padding-top:14px !important;margin-bottom:10px !important} html body .inv-topfilters{margin:0 0 10px !important} html body .inv-main{padding-top:0 !important} html body .inv-result-count{margin:0 0 8px !important} } html body #saved-view .sv-hero, html body #account-view .acct-hero{ min-height:0 !important; display:block !important; padding:clamp(30px,4.4vw,58px) 0 clamp(24px,3.2vw,38px) !important; background:var(--rf-cobalt); color:#FFFFFF; } html body #saved-view .sv-hero::after, html body #account-view .acct-hero::after{content:none !important} html body #saved-view .sv-hero h1, html body #account-view .acct-hero h1{ font-family:var(--font-display); font-weight:800; font-size:clamp(30px,3.6vw,50px) !important; line-height:1.04; letter-spacing:-.02em; margin:0 !important; color:#FFFFFF; } html body #saved-view .sv-hero .kick, html body #account-view .acct-hero .kick{margin:0 0 10px !important} #account-view .acct-idline, #saved-view .sv-hd{ display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;margin-top:14px; } #account-view .acct-who, #saved-view .sv-who{color:rgba(255,255,255,.72);font-size:14px} #account-view .acct-signout{ appearance:none;background:none;border:0;padding:0;cursor:pointer; font:inherit;font-size:13px;color:#FFFFFF; text-decoration:underline;text-underline-offset:3px; text-decoration-color:rgba(255,255,255,.45); } #account-view .acct-signout:hover{text-decoration-color:#FFFFFF} #account-view .acct-wrap{padding-top:clamp(28px,3.4vw,46px);padding-bottom:clamp(48px,6vw,88px)} #account-view .acct-sec{padding:clamp(24px,2.8vw,36px) 0;border-top:1px solid #A9A9A9} #account-view .acct-sec:first-child{border-top:0;padding-top:0} #account-view .acct-sec-hd{margin:0 0 18px} #account-view .acct-sec-hd h2{ font-family:var(--font-display);font-weight:800; font-size:clamp(19px,1.5vw,24px);letter-spacing:-.01em;margin:0; } #account-view .acct-sec-sub{margin:5px 0 0;color:var(--rf-slate);font-size:14px} #account-view .acct-empty{ border:1px solid #A9A9A9;background:#FFFFFF; padding:clamp(20px,2.4vw,30px); } #account-view .acct-empty p{margin:0;max-width:56ch;color:var(--rf-slate);font-size:15px;line-height:1.6} #account-view .acct-empty .btn{margin-top:16px} #account-view .acct-garage{list-style:none;margin:0;padding:0;display:grid;gap:16px} #account-view .acct-car{ display:grid;grid-template-columns:minmax(0,168px) minmax(0,1fr);gap:18px; border:1px solid #A9A9A9;background:#FFFFFF; } #account-view .acct-car-ph{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3;display:block} #account-view .acct-car-body{padding:16px 18px 18px 0} #account-view .acct-car-body h3{margin:0;font-size:17px;font-weight:700;letter-spacing:-.01em} #account-view .acct-car-note{margin:8px 0 0;color:var(--rf-slate);font-size:14px;line-height:1.55} #account-view .acct-next{margin:12px 0 0;font-size:14px} #account-view .acct-next span{ display:inline-block;margin-right:8px;font-size:10px;letter-spacing:.18em; text-transform:uppercase;color:var(--rf-slate); } #account-view .acct-status{ display:inline-block;margin-top:8px;padding:3px 9px; border:1px solid #A9A9A9;font-size:10px;letter-spacing:.14em; text-transform:uppercase;font-weight:700;color:var(--rf-ink); } #account-view .acct-orders{width:100%;border-collapse:collapse;font-size:14px} #account-view .acct-orders th, #account-view .acct-orders td{ text-align:left;padding:12px 14px 12px 0;border-bottom:1px solid #A9A9A9; vertical-align:top; } #account-view .acct-orders thead th{ font-size:10px;letter-spacing:.16em;text-transform:uppercase; color:var(--rf-slate);font-weight:700;padding-top:0; } #account-view .acct-orders tbody th{font-weight:700} #account-view .acct-num{ font-variant-numeric:tabular-nums;font-feature-settings:"tnum"; white-space:nowrap; } #account-view .acct-when{color:var(--rf-slate);white-space:nowrap} #account-view .acct-saved{list-style:none;margin:0;padding:0;border-top:1px solid #A9A9A9} #account-view .acct-saved li{border-bottom:1px solid #A9A9A9} #account-view .acct-saved a{ display:flex;align-items:baseline;justify-content:space-between;gap:18px; padding:13px 0;text-decoration:none;color:inherit; } #account-view .acct-saved a:hover .acct-saved-n{text-decoration:underline;text-underline-offset:3px} #account-view .acct-saved-n{font-weight:600} #account-view .acct-saved-p{ color:var(--rf-slate);font-variant-numeric:tabular-nums;white-space:nowrap; } #account-view .acct-more{ display:inline-block;margin-top:16px;font-size:14px;font-weight:600; text-decoration:none;color:var(--rf-cobalt); } #account-view .acct-more:hover{text-decoration:underline;text-underline-offset:3px} #account-view .acct-details{ margin:0;display:grid;gap:0;border-top:1px solid #A9A9A9; } #account-view .acct-details > div{ display:grid;grid-template-columns:minmax(0,180px) minmax(0,1fr);gap:18px; padding:13px 0;border-bottom:1px solid #A9A9A9; } #account-view .acct-details dt{ font-size:10px;letter-spacing:.16em;text-transform:uppercase; color:var(--rf-slate);font-weight:700;align-self:center; } #account-view .acct-details dd{margin:0;font-size:15px} #account-view .acct-unset{color:var(--rf-slate)} #account-view .acct-foot{margin:18px 0 0;color:var(--rf-slate);font-size:14px} #account-view .acct-foot a{color:var(--rf-cobalt)} @media (max-width:760px){ #account-view .acct-car{grid-template-columns:minmax(0,1fr)} #account-view .acct-car-ph{aspect-ratio:16/9} #account-view .acct-car-body{padding:16px 18px 18px} #account-view .acct-details > div{grid-template-columns:minmax(0,1fr);gap:5px} #account-view .acct-orders th:nth-child(2), #account-view .acct-orders td:nth-child(2), #account-view .acct-orders th:nth-child(5), #account-view .acct-orders td:nth-child(5){display:none} } #auth-view{padding:clamp(40px,5vw,80px) 0 clamp(56px,7vw,104px)} #auth-view .auth-split{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.85fr); gap:clamp(32px,5vw,84px); align-items:start; max-width:1040px; } #auth-view h1{ font-family:var(--font-display);font-weight:800; font-size:clamp(32px,3.6vw,50px);line-height:1.02;letter-spacing:-.022em; margin:10px 0 0; } #auth-view .auth-lede{ margin:14px 0 26px;color:var(--rf-slate); font-size:16px;line-height:1.6;max-width:42ch; } #auth-view .auth-why{border-top:1px solid #A9A9A9;padding-top:22px} #auth-view .auth-why ul{list-style:none;margin:0;padding:0;display:grid;gap:20px} #auth-view .auth-why li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px} #auth-view .auth-why-dot{ width:9px;height:9px;border-radius:50%;background:var(--rf-cobalt); margin-top:7px; } #auth-view .auth-why h2{margin:0;font-size:15px;font-weight:700;letter-spacing:-.005em} #auth-view .auth-why p{margin:4px 0 0;color:var(--rf-slate);font-size:14px;line-height:1.55} #auth-view .auth-why-foot{ margin:24px 0 0;padding-top:18px;border-top:1px solid #A9A9A9; color:var(--rf-slate);font-size:13px;line-height:1.55; } @media (max-width:820px){ #auth-view .auth-split{grid-template-columns:minmax(0,1fr);gap:34px} #auth-view .auth-why{order:2} } @media (max-width:820px){ html body div.inv-hero:focus-within .inv-hero-wrap, html body section.inv-hero:focus-within .inv-hero-wrap{ padding-top:calc(var(--hdr-h,64px) + 12px) !important; padding-bottom:14px !important; } html body div.inv-hero:focus-within, html body section.inv-hero:focus-within{ min-height:0 !important; } } html body .rf-tabwrap > button.rf-ask{ background:#1F2956 !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; color:#FFFFFF !important; border:1px solid rgba(255,255,255,.14) !important; box-shadow: 0 0 0 5px rgba(15,99,165,.30), 0 0 0 11px rgba(15,99,165,.13), 0 12px 30px rgba(6,8,14,.34) !important; } html body .rf-tabwrap > button.rf-ask:hover{background:#22406e !important} html body .rf-tabwrap > button.rf-ask .tb-911{color:#FFFFFF !important} @media (max-width:900px){ html body:has(.rf-tabwrap) #inventory-view, html body:has(.rf-tabwrap) #archive-view, html body:has(.rf-tabwrap) #about-view, html body:has(.rf-tabwrap) #account-view, html body:has(.rf-tabwrap) #saved-view, html body:has(.rf-tabwrap) #record-view, html body:has(.rf-tabwrap) .inv-shell{ padding-bottom:calc(96px + env(safe-area-inset-bottom,0px)) !important; } } @media (max-width:820px){ html body .inv-topfilters{ display:grid !important; grid-template-columns:1fr 1fr !important; gap:8px 10px !important; align-items:stretch !important; margin:0 0 12px !important; } html body .inv-topfilters .inv-tf-group{display:none !important} html body .inv-topfilters .inv-filter-btn{grid-column:1;grid-row:1} html body .inv-topfilters .inv-sort-wrap{grid-column:2;grid-row:1} html body .inv-topfilters .inv-tf-clear, html body .inv-main > .inv-clearall{ grid-column:1 / -1;grid-row:2; justify-self:start;text-align:left;margin:0 !important; } } @media (max-width:820px){ html body .pdp-mobilegal{ margin-left:calc(var(--page-x,20px) * -1) !important; margin-right:calc(var(--page-x,20px) * -1) !important; width:auto !important;max-width:none !important; } html body .pdp-mobilegal img, html body .pdp-mobilegal .ph{ width:100% !important;aspect-ratio:4/3 !important; object-fit:cover !important; } } html body .pdp-bar{ position:fixed !important; left:0 !important;right:0 !important; bottom:0 !important;top:auto !important; z-index:55 !important; background:#FFFFFF !important; border-top:1px solid #A9A9A9 !important; box-shadow:0 -8px 28px rgba(6,8,14,.10) !important; padding-bottom:env(safe-area-inset-bottom,0px) !important; } html body .pdp-bar.down{transform:translateY(100%) !important;pointer-events:none} @media (prefers-reduced-motion: no-preference){ @supports (animation-timeline: view()){ @keyframes rf-chapter-in{ from{opacity:0;transform:translateY(26px)} to{opacity:1;transform:none} } #about-view .ab-ch, #about-view .ab-proof, #about-view .ab-team, #about-view .ab-closer{ animation:rf-chapter-in linear both; animation-timeline:view(); animation-range:entry 4% entry 34%; } #about-view .ab-ch .ab-ch-txt{ animation:rf-chapter-in linear both; animation-timeline:view(); animation-range:entry 10% entry 44%; } } } @media (max-width:820px){ html body div.inv-hero:has(.inv-search input:not(:placeholder-shown)), html body section.inv-hero:has(.inv-search input:not(:placeholder-shown)){ min-height:0 !important; } html body div.inv-hero:has(.inv-search input:not(:placeholder-shown)) .kick, html body div.inv-hero:has(.inv-search input:not(:placeholder-shown)) h1, html body div.inv-hero:has(.inv-search input:not(:placeholder-shown)) h2, html body section.inv-hero:has(.inv-search input:not(:placeholder-shown)) .kick, html body section.inv-hero:has(.inv-search input:not(:placeholder-shown)) h1, html body section.inv-hero:has(.inv-search input:not(:placeholder-shown)) h2{ display:none !important; } html body div.inv-hero:has(.inv-search input:not(:placeholder-shown)) .inv-hero-wrap, html body section.inv-hero:has(.inv-search input:not(:placeholder-shown)) .inv-hero-wrap{ padding-top:calc(var(--hdr-h,64px) + 12px) !important; padding-bottom:14px !important; } html body .inv-shell:has(.inv-search input:not(:placeholder-shown)) .inv-smart-row, html body #archive-view:has(.inv-search input:not(:placeholder-shown)) .inv-smart-row{ display:none !important; } html body div.inv-hero, html body section.inv-hero{ transition:min-height .22s cubic-bezier(.2,.8,.2,1); } } @media (prefers-reduced-motion: reduce){ html body div.inv-hero, html body section.inv-hero{transition:none} } html body .rf-tabwrap > nav.rf-tab, html body .rf-tabbar, html body .rf-tabwrap > div{ background:rgba(252,251,248,.62) !important; -webkit-backdrop-filter:blur(30px) saturate(180%) !important; backdrop-filter:blur(30px) saturate(180%) !important; border:1px solid rgba(255,255,255,.55) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.85), inset 0 -1px 0 rgba(8,11,22,.05), 0 8px 30px rgba(6,8,14,.16) !important; } html body .rf-tabwrap a, html body .rf-tabwrap button, html body .rf-tabbar a, html body .rf-tabbar button{color:rgba(20,24,31,.58) !important} html body .rf-tabwrap a.on, html body .rf-tabwrap a[aria-current], html body .rf-tabbar a.on, html body .rf-tabbar a[aria-current]{color:#141821 !important} html body .rf-tabwrap a.on, html body .rf-tabbar a.on{ background:rgba(255,255,255,.92) !important; box-shadow:0 1px 3px rgba(6,8,14,.10) !important; } @supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){ html body .rf-tabwrap > nav.rf-tab, html body .rf-tabbar, html body .rf-tabwrap > div{background:rgba(252,251,248,.97) !important} } html body .rf-tabwrap > button.rf-ask{ background:#1F2956 !important; border:1px solid rgba(255,255,255,.30) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.20), 0 0 0 5px rgba(27,47,82,.14), 0 8px 26px rgba(6,8,14,.26) !important; } html body .sell-storyhero.story-hero.has-vid{ --sh-banner:clamp(430px,64vh,580px); } html body .sell-storyhero .story-vid, html body .sell-storyhero .story-scrim{ position:absolute !important; top:0 !important; left:0 !important; right:0 !important; bottom:auto !important; height:var(--sh-banner) !important; } html body .sell-storyhero .story-scrim{ z-index:1 !important; pointer-events:none !important; background:linear-gradient(0deg, rgba(8,11,22,.74) 0%, rgba(8,11,22,.44) 24%, rgba(8,11,22,.16) 50%, rgba(8,11,22,0) 78%) !important; } html body.feed{ --rf-tabh:calc(env(safe-area-inset-bottom,0px) + 78px); } html body.feed .rf-tabwrap{ display:flex !important; bottom:calc(env(safe-area-inset-bottom,0px) + 12px) !important; } html body.feed .rf-feed .rfm-cap{ padding-bottom:calc(var(--rf-tabh) + 16px) !important; } html body.feed .rf-feed .rfl-rail{ top:auto !important; bottom:calc(var(--rf-tabh) + 14px) !important; right:14px !important; flex-direction:column !important; gap:14px !important; } html body.feed .rf-tabwrap > button.rf-ask{ position:static !important; top:auto !important; bottom:auto !important; right:auto !important; transform:none !important; } @media (min-width:900px){ html body.feed .rf-tabwrap{display:none !important} } .rf-reveal{ opacity:0; transform:translateY(22px); will-change:opacity,transform; } .rf-reveal.rf-in{ opacity:1; transform:none; transition:opacity .62s cubic-bezier(.2,.7,.25,1), transform .62s cubic-bezier(.2,.7,.25,1); } .rf-in-now{opacity:1;transform:none;transition:none} .sh2-reasons .sw-item.rf-reveal.rf-in{transition-delay:.05s} .sh2-reasons .sw-item.rf-reveal.rf-in:nth-child(2){transition-delay:.11s} .sh2-reasons .sw-item.rf-reveal.rf-in:nth-child(3){transition-delay:.17s} .sh2-reasons .sw-item.rf-reveal.rf-in:nth-child(4){transition-delay:.23s} @media (prefers-reduced-motion: reduce){ .rf-reveal,.rf-reveal.rf-in{ opacity:1 !important;transform:none !important;transition:none !important; } } html body.feed .rf-feed .rfm{ height:100dvh !important; min-height:100dvh !important; max-height:100dvh !important; overflow:hidden !important; } html body.feed .rf-feed{background:#000 !important} html body.feed .rf-feed .rfm{background-color:#000} html body.feed .rf-feed .rfm:has(.rfm-cream-in){background-color:var(--rf-cream,#FBF9F4)} @media (max-width:899px){ html body.feed .rf-tabwrap > nav.rf-tab{display:flex !important} html body.feed .rf-tabwrap{ justify-content:space-between !important; align-items:center !important; } } @media (min-width:900px){ html body.feed .rf-tabwrap, html body.feed .rf-tabwrap > nav.rf-tab{display:none !important} } html body .inv-main > .inv-clearall{ float:right !important; margin:0 0 0 16px !important; font-size:13px; line-height:1.5; } html body .inv-main > .inv-result-count{ display:inline-block !important; margin:0 0 12px !important; line-height:1.5; } html body .inv-main > .fleetgrid{clear:both} @media (max-width:820px){ html body .inv-main > .inv-result-count{margin:0 0 10px !important} html body .inv-main > .inv-clearall{margin-left:12px !important} html body .inv-topfilters{grid-auto-rows:min-content !important} } html body .inv-topfilters .inv-tf-clear{display:none !important} html body .rf-tabwrap > nav.rf-tab, html body .rf-tabbar, html body .rf-tabwrap > div{ background:rgba(255,255,255,.34) !important; -webkit-backdrop-filter:blur(42px) saturate(190%) brightness(1.45) !important; backdrop-filter:blur(42px) saturate(190%) brightness(1.45) !important; border:1px solid rgba(255,255,255,.42) !important; box-shadow: inset 0 1.5px 0 rgba(255,255,255,.92), inset 0 -1px 0 rgba(8,11,22,.07), inset 0 0 22px rgba(255,255,255,.22), 0 10px 34px rgba(6,8,14,.22) !important; } html body .rf-tabwrap a, html body .rf-tabwrap button, html body .rf-tabbar a, html body .rf-tabbar button{color:rgba(18,22,30,.72) !important} html body .rf-tabwrap a.on, html body .rf-tabwrap a[aria-current], html body .rf-tabbar a.on, html body .rf-tabbar a[aria-current]{color:#1F2956 !important} html body .rf-tabwrap a.on, html body .rf-tabbar a.on{ background:rgba(255,255,255,.88) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 1px 4px rgba(6,8,14,.14) !important; } @supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){ html body .rf-tabwrap > nav.rf-tab, html body .rf-tabbar, html body .rf-tabwrap > div{background:rgba(252,251,248,.97) !important} } @media (max-width:899px){ html body.has-pdpbar .rf-tabwrap, html body.has-pdpbar.pdpbar-buy .rf-tabwrap{ display:flex !important; transform:translateX(-50%) !important; opacity:1 !important; pointer-events:none !important; justify-content:flex-end !important; bottom:calc(env(safe-area-inset-bottom,0px) + var(--bar-h,74px) + 16px) !important; } html body.has-pdpbar.pdpbar-buy .rf-tabwrap > nav.rf-tab{display:none !important} html body.has-pdpbar .rf-tabwrap > button.rf-ask{ pointer-events:auto !important; display:inline-flex !important; } html body.has-pdpbar .ask-fab{display:none !important} } html body footer .fgrid{ grid-template-columns:minmax(0,1.15fr) repeat(3, minmax(0,.72fr)) !important; gap:clamp(24px,3vw,56px) !important; align-items:start !important; padding:clamp(34px,3.6vw,56px) 0 clamp(22px,2.4vw,34px) !important; } html body footer .fgrid > div > h4{ margin:0 0 14px !important; font-size:10.5px !important; letter-spacing:.18em !important; text-transform:uppercase; color:#A9A9A9 !important; font-weight:700 !important; } html body footer .fgrid ul{gap:9px !important} html body footer .fcontact{gap:10px !important} html body footer .fblurb{ margin:0 0 20px !important; max-width:34ch; color:rgba(255,255,255,.72) !important; font-size:13.5px;line-height:1.55; } html body footer .fbot{ padding:clamp(13px,1.4vw,18px) 0 !important; align-items:baseline !important; } @media (min-width:900px){ html body footer .fbot > :last-child{padding-right:84px} } @media (max-width:899px){ html body footer .fbot{ padding-bottom:calc(96px + env(safe-area-inset-bottom,0px)) !important; } } html body.feed .rf-feed{margin-bottom:0 !important} html body.feed footer{margin-top:0 !important} html body.feed main#main{padding-bottom:0 !important;margin-bottom:0 !important} html body .rf-tabwrap > nav.rf-tab, html body .rf-tabbar, html body .rf-tabwrap > div{ background:rgba(255,255,255,.70) !important; -webkit-backdrop-filter:blur(34px) saturate(112%) !important; backdrop-filter:blur(34px) saturate(112%) !important; border:1px solid rgba(255,255,255,.62) !important; box-shadow: inset 0 1.5px 0 rgba(255,255,255,.95), inset 0 -1px 0 rgba(8,11,22,.06), 0 10px 34px rgba(6,8,14,.24) !important; } html body .rf-tabwrap a, html body .rf-tabwrap button, html body .rf-tabbar a, html body .rf-tabbar button{color:rgba(18,22,30,.62) !important} html body .rf-tabwrap a.on, html body .rf-tabbar a.on{ background:rgba(255,255,255,.94) !important; color:#1F2956 !important; } html body.feed .rf-tabwrap a.on, html body.feed .rf-tabwrap a[aria-current]{ background:transparent !important; box-shadow:none !important; color:rgba(18,22,30,.62) !important; } html body.menu-open .rf-tabwrap, html body.menu-open .rf-tabwrap > nav.rf-tab, html body.menu-open .rf-tabwrap > button.rf-ask, html body.menu-open .ask-fab{ opacity:0 !important; pointer-events:none !important; visibility:hidden !important; } @media (max-width:900px){ html body .sell-storyhero + .sell-hero2{padding-top:clamp(18px,3vw,26px) !important} html body .sell-hero2 > .sh2-inner{padding-top:0 !important} html body .sell-steps.in-hero{padding-bottom:clamp(18px,3vw,26px) !important} } @media (min-width:901px){ html body .sell-storyhero + .sell-hero2{padding-top:clamp(26px,2.4vw,40px) !important} } @media (max-width:899px){ html body .rf-tabwrap{ justify-content:space-between !important; align-items:center !important; } html body .rf-tabwrap > nav.rf-tab{flex:1 1 auto !important;min-width:0} html body .rf-tabwrap > button.rf-ask{ position:static !important; top:auto !important; bottom:auto !important; right:auto !important; left:auto !important; transform:none !important; flex:0 0 auto !important; } html body .rf-tabwrap > button.rf-ask:active{transform:scale(.94) !important} html body.has-pdpbar.pdpbar-buy .rf-tabwrap{ justify-content:flex-end !important; } } html body .rf-tabwrap > nav.rf-tab, html body .rf-tabbar, html body .rf-tabwrap > div{ background:rgba(255,255,255,.52) !important; -webkit-backdrop-filter:blur(44px) saturate(108%) !important; backdrop-filter:blur(44px) saturate(108%) !important; border:1px solid rgba(255,255,255,.26) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.52), 0 8px 26px rgba(6,8,14,.20) !important; } html body .rf-tabwrap a, html body .rf-tabwrap button, html body .rf-tabbar a, html body .rf-tabbar button{color:rgba(18,22,30,.66) !important} html body .rf-tabwrap a.on, html body .rf-tabbar a.on{ background:rgba(255,255,255,.72) !important; color:#1F2956 !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.7) !important; } @supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){ html body .rf-tabwrap > nav.rf-tab, html body .rf-tabbar, html body .rf-tabwrap > div{background:rgba(252,251,248,.96) !important} } html body.feed .rf-feed .rfl-rail{ flex-direction:row !important; gap:12px !important; right:14px !important; left:auto !important; top:auto !important; bottom:calc(var(--rf-tabh, 78px) + 14px) !important; } html body.feed .rf-feed .rfl-rail .cact.save.on{ background:#006ED4 !important; border-color:#006ED4 !important; } html body.feed .rf-feed .rfl-rail .cact.save.on svg{ fill:#FFFFFF !important; stroke:#FFFFFF !important; } html body .rf-tabwrap a, html body .rf-tabwrap a:hover, html body .rf-tabwrap a:focus, html body .rf-tabwrap a:active, html body .rf-tabwrap a.on, html body .rf-tabwrap a[aria-current], html body .rf-tabwrap a span, html body .rf-tabbar a, html body .rf-tabbar a:hover, html body .rf-tabbar a.on, html body .rf-tabbar a span{ text-decoration:none !important; text-underline-offset:0 !important; border-bottom:0 !important; box-shadow:none; } html body .rf-tabwrap a.on, html body .rf-tabbar a.on{ box-shadow:inset 0 1px 0 rgba(255,255,255,.7) !important; } html body .rf-tabwrap a:focus-visible{ outline:2px solid #006ED4 !important; outline-offset:2px !important; } html body .rf-tabwrap > nav.rf-tab, html body .rf-tabbar{animation:none !important} html body .rf-tabwrap > nav.rf-tab::after, html body .rf-tabbar::after{content:none !important;animation:none !important} html body .rf-tabwrap > button.rf-ask{ box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 8px 24px rgba(6,8,14,.28) !important; } html body .rf-tabwrap > button.rf-ask::after{ content:"" !important; position:absolute;inset:0;border-radius:999px;pointer-events:none; animation:rf-pulse 2.5s ease-out 2 both !important; } @media (prefers-reduced-motion: reduce){ html body .rf-tabwrap > button.rf-ask::after{animation:none !important} } @media (max-width:899px){ html body.has-pdpbar .rf-tabwrap, html body.has-pdpbar.pdpbar-nav .rf-tabwrap{ display:flex !important; transform:translateX(-50%) !important; opacity:1 !important; pointer-events:auto !important; justify-content:space-between !important; bottom:calc(env(safe-area-inset-bottom,0px) + 12px) !important; } html body.has-pdpbar.pdpbar-nav .rf-tabwrap > nav.rf-tab{display:flex !important} html body.has-pdpbar.pdpbar-buy .rf-tabwrap{ justify-content:flex-end !important; pointer-events:none !important; bottom:calc(env(safe-area-inset-bottom,0px) + 92px) !important; } html body.has-pdpbar.pdpbar-buy .rf-tabwrap > nav.rf-tab{display:none !important} html body.has-pdpbar.pdpbar-buy .rf-tabwrap > button.rf-ask{pointer-events:auto !important} } html body.feed .rf-feed .rfl-rail{ flex-direction:column !important; gap:14px !important; right:17px !important; left:auto !important; top:auto !important; bottom:calc(var(--rf-tabh, 78px) + 34px) !important; align-items:center !important; } html body .rf-tabwrap > button.rf-ask{ align-self:stretch !important; height:auto !important; width:auto !important; aspect-ratio:1 / 1 !important; flex:0 0 auto !important; } html body .rf-tabwrap > nav.rf-tab{ padding:5px !important; box-sizing:border-box; } html body .rf-tabwrap > nav.rf-tab a{ border-radius:22px !important; padding:6px 4px !important; } html body.feed .rf-tabwrap a.on, html body.feed .rf-tabwrap a[aria-current]{ background:rgba(255,255,255,.72) !important; color:#1F2956 !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.7) !important; } html body .rf-tabwrap{ --tb-h:58px; align-items:center !important; } html body .rf-tabwrap > nav.rf-tab{ height:var(--tb-h) !important; box-sizing:border-box !important; display:flex !important; align-items:stretch !important; padding:5px !important; } html body .rf-tabwrap > nav.rf-tab a{ display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; gap:3px !important; padding:0 4px !important; min-width:0; } html body .rf-tabwrap > nav.rf-tab a svg{width:21px !important;height:21px !important} html body .rf-tabwrap > nav.rf-tab a span{ font-size:9.5px !important; letter-spacing:.06em !important; line-height:1 !important; white-space:nowrap; } html body .rf-tabwrap > button.rf-ask{ align-self:center !important; aspect-ratio:auto !important; width:var(--tb-h) !important; height:var(--tb-h) !important; min-width:var(--tb-h) !important; flex:0 0 var(--tb-h) !important; border-radius:999px !important; padding:0 !important; } html body .rf-tabwrap > button.rf-ask .tb-911{width:30px !important;height:auto !important} html body.feed .rf-feed .rfl-rail{ flex-direction:column !important; align-items:center !important; gap:14px !important; left:auto !important; top:auto !important; right:calc((100vw - min(94vw, 480px)) / 2) !important; bottom:calc(var(--rf-tabh, 78px) + 34px) !important; } html body.feed .rf-feed .rfl-rail .cact{ width:58px !important; height:58px !important; border-radius:999px !important; flex:0 0 58px !important; } html body.feed .rf-feed .rfl-rail .cact svg{width:25px !important;height:25px !important} html body .topbar .iconbtn svg, html body .topbar .iconbtn .ic, html body .topbar .tb-ic svg, html body .topbar .menu-btn svg, html body .topbar .nav a .ic{ width:24px !important; height:24px !important; } html body .topbar .hdr-search .hs-ic{width:19px !important;height:19px !important} html body.feed .rf-feed .rfl-rail{ right:calc((100vw - min(94vw, 480px)) / 2 + 5px) !important; } html body.feed .rf-feed .rfl-rail .cact{ width:48px !important; height:48px !important; flex:0 0 48px !important; } html body.feed .rf-feed .rfl-rail .cact svg{width:22px !important;height:22px !important} @media (max-width:820px){ html body .recrail .wrap, html body .pdp-more .wrap{ padding-left:12px !important; padding-right:12px !important; } html body .recrail .recrail-track, html body .recrail-track, html body .pdp-more .recrail-track{ grid-auto-columns:86% !important; gap:12px !important; } html body .recrail-track > .card, html body .sell-proof-grid > .card{flex:0 0 86% !important} } html body .rf-tabwrap > button.rf-ask{ border:1.5px solid rgba(255,255,255,.42) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.22), 0 0 0 1px rgba(6,8,14,.18), 0 8px 24px rgba(6,8,14,.30) !important; } html body header.topbar .iconbtn, html body header.topbar .cartbtn{ width:44px !important; height:44px !important; } html body header.topbar .iconbtn svg, html body header.topbar .iconbtn .ic, html body header.topbar .cartbtn svg, html body header.topbar .menu-btn svg{ width:25px !important; height:25px !important; } html body .pdp-bar .pb-share{ display:inline-flex;flex-direction:column;align-items:center;justify-content:center; gap:4px; } html body .pdp-bar .pb-share.on{color:#006ED4} html body .pdp-bar .pb-share svg{width:20px;height:20px} html body header.topbar .iconbtn, html body header.topbar .cartbtn{ width:40px !important; height:40px !important; flex:0 0 auto !important; } html body header.topbar .tools{ gap:0 !important; flex:0 0 auto !important; min-width:0; } html body header.topbar .logo{min-width:0;overflow:hidden} html body header.topbar .logo img{max-width:100%;height:auto} html body header.topbar .iconbtn svg, html body header.topbar .iconbtn .ic, html body header.topbar .cartbtn svg, html body header.topbar .menu-btn svg{ width:24px !important; height:24px !important; } html body header.topbar .iconbtn[aria-label="Saved cars"] svg, html body header.topbar .iconbtn[title="Saved"] .ic{ width:22px !important; height:22px !important; } html body .rf-tabwrap > nav.rf-tab, html body .rf-tabbar{border-radius:20px !important} html body .rf-tabwrap > nav.rf-tab a, html body .rf-tabbar a{border-radius:15px !important} html body .rf-reveal, html body .rf-reveal.rf-in, html body .rf-in-now{will-change:auto !important} html body .pdp-bar{ position:fixed !important; inset:auto 0 0 0 !important; z-index:60 !important; } html body .imgwrap .cardgal{z-index:2 !important} html body .imgwrap .card-hit{pointer-events:none !important} html body .imgwrap .cardgal{cursor:pointer} .rf-para{overflow:hidden} .rf-para .ab-ch-ph, .rf-para > img, .rf-para .rf-para-ph{ transform:translate3d(0,0,0); will-change:transform; scale:1.2; transform-origin:center center; } .rf-para span.ab-ch-ph{background-size:cover;background-position:center} @media (prefers-reduced-motion: reduce){ .rf-para .ab-ch-ph, .rf-para > img, .rf-para .rf-para-ph{scale:1;transform:none !important;will-change:auto} } html body .pdp-mobilegal .pdp-expand{ position:absolute; left:12px; bottom:12px; z-index:4; width:38px;height:38px; display:grid;place-items:center; border:1px solid rgba(255,255,255,.28); border-radius:999px; background:rgba(12,16,24,.42); -webkit-backdrop-filter:blur(14px) saturate(1.3); backdrop-filter:blur(14px) saturate(1.3); color:#FFFFFF; cursor:pointer;padding:0; } html body .pdp-mobilegal .pdp-expand svg{width:18px;height:18px} html body .pdp-mobilegal .pdp-expand:active{transform:scale(.94)} @media (max-width:900px){ html body .pdp-lightbox{z-index:200} html body .pdp-lightbox .lightbox-close{ top:calc(env(safe-area-inset-top,0px) + 12px) !important; right:12px !important; } } html body .rf-tabwrap > nav.rf-tab, html body .rf-tabbar{ border:1px solid rgba(20,24,31,.13) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.62), 0 4px 18px rgba(6,8,14,.16) !important; } @media (max-width:899px){ html body.has-pdpbar:has(.pdp-bar:not(.down)) .rf-tabwrap{ justify-content:flex-end !important; pointer-events:none !important; bottom:calc(env(safe-area-inset-bottom,0px) + 92px) !important; } html body.has-pdpbar:has(.pdp-bar:not(.down)) .rf-tabwrap > nav.rf-tab{ display:none !important; } html body.has-pdpbar:has(.pdp-bar:not(.down)) .rf-tabwrap > button.rf-ask{ pointer-events:auto !important; } html body.has-pdpbar:has(.pdp-bar.down) .rf-tabwrap{ justify-content:space-between !important; pointer-events:auto !important; bottom:calc(env(safe-area-inset-bottom,0px) + 12px) !important; } html body.has-pdpbar:has(.pdp-bar.down) .rf-tabwrap > nav.rf-tab{ display:flex !important; } } html body .pdp-mobilegal .pdp-main.can-expand{cursor:zoom-in} @media (min-width:900px){ html body header.topbar .nav a .ic, html body header.topbar .nav a svg{ width:18px !important; height:18px !important; } html body header.topbar .iconbtn, html body header.topbar .cartbtn{width:38px !important;height:38px !important} html body header.topbar .iconbtn svg, html body header.topbar .iconbtn .ic, html body header.topbar .cartbtn svg{width:20px !important;height:20px !important} html body header.topbar .iconbtn[aria-label="Saved cars"] svg{width:19px !important;height:19px !important} } html body .pdp-bar .pb-share{ display:inline-flex !important; flex-direction:row !important; align-items:center !important; justify-content:center !important; gap:8px !important; border:1px solid #A9A9A9 !important; background:#FFFFFF !important; color:var(--rf-ink,#393B44) !important; padding:0 16px !important; height:44px !important; font:inherit !important; font-size:14px !important; font-weight:600 !important; cursor:pointer !important; border-radius:0 !important; } html body .pdp-bar .pb-share svg{width:18px !important;height:18px !important;flex:none} html body .pdp-bar .pb-share.on{border-color:#006ED4 !important;color:#006ED4 !important} @media (max-width:520px){ html body .pdp-bar .pb-share{padding:0 !important;width:44px !important} html body .pdp-bar .pb-share span{ position:absolute;width:1px;height:1px;overflow:hidden; clip:rect(0 0 0 0);white-space:nowrap; } } @media (min-width:900px){ html body.feed .rf-feed .rfl-rail{ right:clamp(18px,2.2vw,40px) !important; left:auto !important; top:auto !important; bottom:clamp(104px,12vh,140px) !important; flex-direction:column !important; gap:14px !important; } } @media (min-width:900px){ html body.feed .ask-fab, html body:not(.feed) .ask-fab{ right:24px !important; bottom:24px !important; } html body.feed .rf-feed .rfl-rail{ right:30px !important; left:auto !important; top:auto !important; bottom:100px !important; flex-direction:column !important; align-items:center !important; gap:14px !important; } } html body .sell-steps.in-hero h2{color:#FFFFFF !important} html body .sell-steps.in-hero p{color:rgba(255,255,255,.82) !important} html body .sell-steps.in-hero .ss-n{ background:#006ED4 !important; color:#FFFFFF !important; } html body .sell-steps.in-hero{ position:relative; z-index:3 !important; border-top:1px solid rgba(255,255,255,.22) !important; } @media (min-width:821px){ html body .inv-layout, html body .inv-layout-flat, html body .inv-main{ padding-left:0 !important; padding-right:0 !important; } html body .inv-smart-row{ padding-top:clamp(20px,2vw,30px) !important; margin:0 0 clamp(20px,2vw,28px) !important; } html body .inv-topfilters{margin:0 0 clamp(18px,1.8vw,24px) !important} html body .inv-main{padding-top:0 !important} html body .inv-main > .inv-result-count{margin:0 0 14px !important} html body .inv-main > .inv-clearall{margin:0 0 0 16px !important} } @media (min-width:900px) and (prefers-reduced-motion: no-preference){ html:has(#about-view){ scroll-snap-type:y proximity; scroll-padding-top:12px; } #about-view .ab-ch, #about-view .ab-closer{ scroll-snap-align:center; scroll-margin-top:12px; min-height:100svh; } #about-view .ab-proof, #about-view .ab-team{scroll-snap-align:none} } html body .sell-storyhero.sell-light{ background:var(--rf-cream,#FBF9F4) !important; min-height:0 !important; overflow:visible !important; } html body .sell-storyhero.sell-light::after, html body .sell-storyhero.sell-light .story-scrim{content:none !important;display:none !important} html body .sell-light .sellhero-copy .kick{color:#666b76 !important;text-shadow:none !important} html body .sell-light .sellhero-copy h1{color:var(--rf-ink,#393B44) !important;text-shadow:none !important} html body .sell-light .sellhero-copy .story-lede{color:#2E3A4C !important;text-shadow:none !important} html body .sell-light .sh2-proof{color:var(--rf-ink,#393B44) !important} html body .sell-light .sh2-proof b{color:var(--rf-ink,#393B44) !important} html body .sell-light .sh2-proof span{color:#666b76 !important} html body:has(.sell-light) .topbar:not(.scrolled){ background:rgba(255,255,255,.96) !important; border-bottom:1px solid rgba(0,0,0,.06) !important; } html body:has(.sell-light) .topbar:not(.scrolled) .logo img{filter:none !important} html body:has(.sell-light) .topbar:not(.scrolled) .nav a, html body:has(.sell-light) .topbar:not(.scrolled) .nav a .ic, html body:has(.sell-light) .topbar:not(.scrolled) .iconbtn, html body:has(.sell-light) .topbar:not(.scrolled) .iconbtn .ic{ color:var(--rf-cobalt) !important; filter:none !important; text-shadow:none !important; } html body .sell-light .sellhero-in{ align-items:start !important; padding-top:clamp(34px,4.5vh,64px) !important; padding-bottom:clamp(30px,4vw,56px) !important; } html body .sellhero-vid{ margin:clamp(24px,3vw,38px) 0 0; padding:0; width:100%; max-width:520px; aspect-ratio:16 / 9; overflow:hidden; border:1px solid #A9A9A9; background:#1F2956; } html body .sellhero-vid video{ width:100%;height:100%;object-fit:cover;display:block; } html body .sell-light .sell-steps.in-hero{ border-top:1px solid #A9A9A9 !important; background:transparent !important; } html body .sell-light .sell-steps.in-hero h2{color:var(--rf-ink,#393B44) !important} html body .sell-light .sell-steps.in-hero p{color:#2E3A4C !important} html body .sell-light .sell-steps.in-hero .ss-n{background:#1F2956 !important;color:#FFFFFF !important} @media (max-width:900px){ html body .sellhero-vid{max-width:none;aspect-ratio:16 / 10} } html body.feed .rf-feed{ height:100svh !important; background:#000 !important; } html body.feed .rf-feed .rfm{ height:100svh !important; min-height:100svh !important; overflow:hidden !important; background:#000 !important; } html body.feed .rf-feed .rfm-media, html body.feed .rf-feed .rfm-media-v{ position:absolute !important; inset:0 !important; width:100% !important; height:100% !important; background:#000 !important; } html body.feed .rf-feed .rfm-media video, html body.feed .rf-feed .rfm-media-v video, html body.feed .rf-feed .rfm-media img{ width:100% !important; height:100% !important; object-fit:cover !important; object-position:center !important; } html body.feed .rf-feed .rfm{ position:relative !important; height:100svh !important; overflow:hidden !important; background:#000 !important; } html body.feed .rf-feed .rfm > video, html body.feed .rf-feed .rfm > img, html body.feed .rf-feed .rfm video, html body.feed .rf-feed .rfm img.rfm-img, html body.feed .rf-feed .rfm-media, html body.feed .rf-feed .rfm-media-v, html body.feed .rf-feed .rfm-media > *, html body.feed .rf-feed .rfm-media-v > *{ position:absolute !important; top:0 !important; left:0 !important; right:0 !important; bottom:auto !important; width:100% !important; height:100lvh !important; min-height:100% !important; max-height:none !important; object-fit:cover !important; object-position:center !important; } html body.feed .rf-feed .rfm .rfm-cap, html body.feed .rf-feed .rfm .rfl-rail, html body.feed .rf-feed .rfm .rfm-scrim, html body.feed .rf-feed .rfm .rfm-story-in, html body.feed .rf-feed .rfm .rfm-cream-in{ height:auto !important; min-height:0 !important; } html body.feed .rf-feed .rfm .rfm-scrim{ position:absolute !important; inset:0 !important; height:100% !important; } html body.feed .rf-feed .rfm .rfm-cap{position:relative !important} html body .sell-steps.in-hero{display:none !important} html body .sell-light .sellhero-in{padding-bottom:clamp(38px,5vw,68px) !important} @media (max-width:900px){ html body:has(.rf-tabwrap):not(.feed) main#main{ padding-bottom:calc(96px + env(safe-area-inset-bottom,0px)) !important; } } @media (max-width:820px){ html body footer .fgrid{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:28px 18px !important; padding:clamp(30px,7vw,42px) clamp(18px,5vw,24px) clamp(18px,4vw,26px) !important; align-items:start !important; } html body footer .fbrand{grid-column:1 / -1 !important} html body footer .fgrid ul{gap:12px !important} html body footer .fgrid > div > h4{margin:0 0 12px !important} html body footer .fblurb{max-width:38ch} html body footer .fbot{ padding:14px clamp(18px,5vw,24px) calc(96px + env(safe-area-inset-bottom,0px)) !important; flex-direction:column !important; align-items:flex-start !important; gap:6px !important; } html body footer .fbot > :last-child{padding-right:0 !important} } @media (min-width:821px){ html body footer .fgrid{ padding-left:clamp(24px,3vw,48px) !important; padding-right:clamp(24px,3vw,48px) !important; } html body footer .fbot{ padding-left:clamp(24px,3vw,48px) !important; padding-right:clamp(24px,3vw,48px) !important; } } html body .rf-tabwrap > button.rf-ask{background:#25457C !important} html body .rf-tabwrap > button.rf-ask:hover{background:#2C5292 !important} html body .inv-archive .btn.navy, html body .tint.cobalt .btn.navy, html body .sell-closer .btn.navy{ background:#FFFFFF !important; color:#393B44 !important; border:1px solid #FFFFFF !important; } html body .inv-archive .btn.navy:hover, html body .tint.cobalt .btn.navy:hover, html body .sell-closer .btn.navy:hover{ background:#E8E4DA !important; border-color:#E8E4DA !important; color:#393B44 !important; } html body .inv-archive .btn.navy:focus-visible{ outline:2px solid #006ED4 !important; outline-offset:3px !important; } html body #account-view .acct-head{ background:var(--rf-cream,#FBF9F4); border-bottom:1px solid #A9A9A9; padding:clamp(84px,11vh,132px) 0 clamp(24px,3vw,38px); } html body #account-view .acct-head h1{ font-family:var(--font-display); font-weight:800; font-size:clamp(30px,3.8vw,52px); line-height:1.04; letter-spacing:-.02em; margin:0 0 18px; color:var(--rf-ink,#393B44); } html body #account-view .acct-id{ display:flex;align-items:center;gap:14px;flex-wrap:wrap; } html body #account-view .acct-email{ font-size:13.5px;color:#666b76; } html body .acct-wrap{ padding:clamp(26px,3.4vw,46px) 0 clamp(60px,7vw,96px); display:grid;gap:clamp(26px,3vw,44px); } html body .acct-sec{ border-top:1px solid #A9A9A9; padding-top:clamp(18px,2.2vw,26px); } html body .acct-sec:first-child{border-top:0;padding-top:0} html body .acct-sec-hd{ display:flex;align-items:baseline;gap:10px;margin:0 0 16px; } html body .acct-sec-hd h2{ font-family:var(--font-display); font-weight:800; font-size:clamp(17px,1.5vw,22px); letter-spacing:-.01em; margin:0; color:var(--rf-ink,#393B44); } html body .acct-n{ font-size:12px;font-weight:700;color:#666b76; border:1px solid #A9A9A9;border-radius:999px;padding:1px 8px; } html body .acct-empty{ margin:0; color:#2E3A4C; font-size:14.5px; line-height:1.6; max-width:56ch; border:1px solid #A9A9A9; background:#FFFFFF; padding:clamp(16px,1.8vw,22px); } html body .acct-empty a{ display:inline-block;margin-top:12px; color:var(--rf-cobalt,#1F2956); font-weight:700;text-decoration:none; border-bottom:1px solid currentColor; } html body .acct-cars{list-style:none;margin:0;padding:0;display:grid;gap:12px} html body .acct-car{ display:grid; grid-template-columns:minmax(0,180px) minmax(0,1fr); gap:16px;align-items:start; border:1px solid #A9A9A9;background:#FFFFFF; } html body .acct-car img{ width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:16/10; } html body .acct-car-b{padding:14px 16px 16px 0} html body .acct-car-b h3{ font-family:var(--font-display);font-weight:800; font-size:17px;margin:0 0 8px;letter-spacing:-.01em; } html body .acct-car-b h3 a{color:var(--rf-ink,#393B44);text-decoration:none} html body .acct-note{margin:8px 0 0;color:#2E3A4C;font-size:13.5px;line-height:1.55} html body .acct-next{ margin:10px 0 0;font-size:13.5px;color:var(--rf-ink,#393B44); display:flex;gap:8px;align-items:baseline; } html body .acct-next span{ font-size:10px;letter-spacing:.18em;text-transform:uppercase; color:#666b76;font-weight:700;flex:none; } html body .acct-pill{ display:inline-block; font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:700; border:1px solid #A9A9A9;padding:3px 9px;color:#2E3A4C;background:#FBF9F4; } html body .acct-pill.delivered, html body .acct-pill.complete, html body .acct-pill.completed{border-color:#006ED4;color:#006ED4} html body .acct-table{ width:100%;border-collapse:collapse;font-size:13.5px; border:1px solid #A9A9A9;background:#FFFFFF; } html body .acct-table th{ text-align:left;font-size:10px;letter-spacing:.16em;text-transform:uppercase; color:#666b76;font-weight:700;padding:10px 12px;border-bottom:1px solid #A9A9A9; } html body .acct-table td{padding:12px;border-bottom:1px solid #E8E4DA;color:#2E3A4C} html body .acct-table tr:last-child td{border-bottom:0} html body .acct-table a{color:var(--rf-ink,#393B44);font-weight:600;text-decoration:none} @media (max-width:700px){ html body .acct-table thead{display:none} html body .acct-table,html body .acct-table tbody, html body .acct-table tr,html body .acct-table td{display:block;width:100%} html body .acct-table tr{border-bottom:1px solid #A9A9A9;padding:6px 0} html body .acct-table tr:last-child{border-bottom:0} html body .acct-table td{ border:0;padding:5px 12px; display:flex;justify-content:space-between;gap:14px; } html body .acct-table td::before{ content:attr(data-l); font-size:10px;letter-spacing:.16em;text-transform:uppercase; color:#666b76;font-weight:700; } html body .acct-car{grid-template-columns:1fr} html body .acct-car-b{padding:0 16px 16px} } html body .acct-dl{ margin:0;display:grid;gap:0; border:1px solid #A9A9A9;background:#FFFFFF; } html body .acct-dl > div{ display:flex;justify-content:space-between;gap:16px; padding:12px 14px;border-bottom:1px solid #E8E4DA; } html body .acct-dl > div:last-child{border-bottom:0} html body .acct-dl dt{ font-size:10px;letter-spacing:.16em;text-transform:uppercase; color:#666b76;font-weight:700;margin:0; } html body .acct-dl dd{margin:0;font-size:14px;color:var(--rf-ink,#393B44)} html body .acct-dim{color:#A9A9A9} html body .acct-foot{margin:14px 0 0;font-size:13px;color:#666b76} html body .acct-foot a{color:var(--rf-cobalt,#1F2956);font-weight:600} html body .acct-more{ display:inline-block;margin-top:14px;font-weight:700; color:var(--rf-cobalt,#1F2956);text-decoration:none; } html body #auth-view{ background:var(--rf-cream,#FBF9F4); padding:clamp(84px,11vh,140px) var(--page-x,20px) clamp(60px,8vw,110px); } html body .auth-split{ max-width:1080px;margin:0 auto; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.92fr); gap:clamp(30px,5vw,86px); align-items:start; } html body .auth-left h1{ font-family:var(--font-display);font-weight:800; font-size:clamp(32px,4vw,54px);line-height:1.02;letter-spacing:-.022em; margin:0 0 14px;color:var(--rf-ink,#393B44); } html body .auth-lede{ margin:0 0 26px;color:#2E3A4C;font-size:15px;line-height:1.6;max-width:44ch; } html body .auth-back{margin:20px 0 0;font-size:13.5px} html body .auth-back a{color:#666b76;text-decoration:none} html body .auth-back a:hover{color:var(--rf-ink,#393B44)} html body .auth-why{ border-left:1px solid #A9A9A9; padding-left:clamp(22px,3vw,44px); } html body .auth-why ul{list-style:none;margin:0;padding:0;display:grid;gap:22px} html body .auth-why h2{ font-family:var(--font-display);font-weight:800; font-size:15px;letter-spacing:-.005em;margin:0 0 6px; color:var(--rf-ink,#393B44); } html body .auth-why p{margin:0;color:#2E3A4C;font-size:13.5px;line-height:1.6;max-width:46ch} html body .auth-why-foot{ margin:26px 0 0;padding-top:18px;border-top:1px solid #A9A9A9; font-size:13px;color:#666b76; } html body .auth-why-foot a{color:var(--rf-cobalt,#1F2956);font-weight:700} @media (max-width:860px){ html body .auth-split{grid-template-columns:1fr;gap:32px} html body .auth-why{ border-left:0;border-top:1px solid #A9A9A9; padding-left:0;padding-top:26px; } } html body .pdp-sticker .stk-hd{ background:#1F2956 !important; border-color:rgba(255,255,255,.14) !important; } html body .pdp-sticker .stk-hd .stk-title{color:#FFFFFF !important} html body .pdp-sticker .stk-hd .stk-kick{color:rgba(255,255,255,.72) !important} html body .pdp-sticker .stk-hd .stk-meta{color:rgba(255,255,255,.62) !important} html body .pdp-bar, html body .pdp-bar.down{ position:fixed !important; inset:auto 0 0 0 !important; transform:none !important; opacity:1 !important; pointer-events:auto !important; z-index:60 !important; } @media (max-width:899px){ html body.has-pdpbar .rf-tabwrap{ display:flex !important; justify-content:flex-end !important; pointer-events:none !important; bottom:calc(env(safe-area-inset-bottom,0px) + var(--bar-h,74px) + 18px) !important; transform:translateX(-50%) !important; opacity:1 !important; } html body.has-pdpbar .rf-tabwrap > nav.rf-tab{display:none !important} html body.has-pdpbar .rf-tabwrap > button.rf-ask{pointer-events:auto !important} html body.has-pdpbar main#main{ padding-bottom:calc(var(--bar-h,74px) + 96px + env(safe-area-inset-bottom,0px)) !important; } } @media (min-width:900px){ html body.has-pdpbar main#main{ padding-bottom:calc(var(--bar-h,74px) + 40px) !important; } } html body .kick, html body .label, html body .navh, html body .stk-ey, html body .sf-ey, html body .pc-ey{color:#5D6371 !important} html body .auth-field input::placeholder{color:#666b76 !important} html body .hdr-search #hs-input::placeholder{color:#666b76 !important} html body a:focus-visible, html body button:focus-visible, html body input:focus-visible, html body select:focus-visible, html body textarea:focus-visible, html body [tabindex]:focus-visible{ outline:2px solid #006ED4 !important; outline-offset:2px !important; box-shadow:0 0 0 4px rgba(255,255,255,.85) !important; border-radius:2px; } html body footer a:focus-visible, html body footer button:focus-visible, html body .inv-archive a:focus-visible, html body .pdp-lightbox button:focus-visible, html body.feed a:focus-visible, html body.feed button:focus-visible{ outline:2px solid #FFFFFF !important; box-shadow:0 0 0 4px rgba(15,99,165,.9) !important; } html body .inv-search:focus-within{ outline:2px solid #FFFFFF !important; outline-offset:2px !important; box-shadow:0 0 0 4px rgba(15,99,165,.75) !important; } html body .card-dashes > button, html body .card-dashes > .cdash, html body .cardgal .card-dashes > button.cdash{ height:24px !important; padding:7px 0 !important; min-height:24px !important; } html body .cardgal .card-dashes{gap:6px !important} html body .sf-plist li > button{ width:28px !important;height:28px !important; } html body .inv-clear{ min-width:32px !important;min-height:32px !important; padding:6px !important; display:inline-flex !important;align-items:center;justify-content:center; } html body .rf-feed .rfm-scrim{ background:linear-gradient(to top, rgba(6,8,12,.94) 0%, rgba(6,8,12,.78) 14%, rgba(6,8,12,.42) 32%, rgba(6,8,12,0) 56%) !important; } html body .rf-feed .rfm-cap .rfm-s{color:#FFFFFF !important;opacity:.92 !important} html body .rf-feed .rfm-cap .rfm-p{color:#FFFFFF !important;opacity:1 !important} .sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0} .sr-only-focusable:focus,.sr-only-focusable:focus-within{position:static!important;width:auto;height:auto;margin:0;overflow:visible;clip:auto;clip-path:none;white-space:normal} .rf-feed-pause{position:fixed;left:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:64;width:44px;height:44px;display:grid;place-items:center;border-radius:999px;border:1px solid rgba(255,255,255,.26);background:rgba(12,14,18,.46);-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);color:#fff;cursor:pointer;padding:0;opacity:.62;transition:opacity .2s ease,transform .2s ease,background .2s ease} .rf-feed-pause svg{width:19px;height:19px;display:block} .rf-feed-pause:hover{opacity:1;background:rgba(12,14,18,.62)} .rf-feed-pause:focus-visible{opacity:1;outline:2px solid #fff;outline-offset:3px} .rf-feed-pause.is-paused{opacity:1;background:rgba(12,14,18,.72)} @media (max-width:640px){.rf-feed-pause{left:12px;bottom:calc(76px + env(safe-area-inset-bottom))}} @media (prefers-reduced-motion:reduce){.rf-feed-pause{transition:none}} :root{ --rf-primary:#1F2956; --rf-primary-hover:#16273f; } html body .btn.navy, html body .btn.primary, html body .btn.club, html body .mdl-add, html body .dep-cta, html body .ask-cta, html body .pdp-bar .pb-buy{ background:var(--rf-primary) !important; border-color:var(--rf-primary) !important; color:#fff !important; } html body .btn.navy:hover, html body .btn.primary:hover, html body .btn.club:hover, html body .mdl-add:hover, html body .dep-cta:hover, html body .ask-cta:hover, html body .pdp-bar .pb-buy:hover{ background:var(--rf-primary-hover) !important; border-color:var(--rf-primary-hover) !important; color:#fff !important; } html body .inv-archive .btn.navy, html body .tint.cobalt .btn.navy, html body .sell-closer .btn.navy{ background:#FFFFFF !important; color:#393B44 !important; border-color:#FFFFFF !important; } html body .inv-archive .btn.navy:hover, html body .tint.cobalt .btn.navy:hover, html body .sell-closer .btn.navy:hover{ background:#E8E4DA !important; border-color:#E8E4DA !important; color:#393B44 !important; } html body .mdl-add:disabled{ background:#d8dae0 !important; border-color:#d8dae0 !important; color:#75798a !important; } html body .mdl-scrim{ background:rgba(8,10,16,.62) !important; -webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px); } @media (max-width:700px){ html body .mdl-scrim{ align-items:flex-end !important; justify-content:stretch !important; padding:0 !important; } html body .mdl{ width:100vw !important; max-width:100vw !important; height:auto !important; max-height:88svh !important; margin:0 !important; border-radius:16px 16px 0 0 !important; overflow:hidden !important; display:grid !important; grid-template-columns:minmax(0,1fr) !important; grid-template-rows:auto minmax(0,1fr) !important; } html body .mdl .mdl-img{ aspect-ratio:auto !important; min-height:0 !important; height:clamp(140px,24svh,230px) !important; background-color:#f1efe9 !important; background-size:contain !important; background-repeat:no-repeat !important; background-position:center !important; } html body .mdl .mdl-body{ min-height:0 !important; overflow-y:auto !important; -webkit-overflow-scrolling:touch; display:flex !important; flex-direction:column !important; padding:16px 16px calc(14px + env(safe-area-inset-bottom,0px)) !important; } html body .mdl .mdl-desc{ margin:10px 0 16px !important; font-size:14.5px !important; line-height:1.5 !important; } html body .mdl .mdl-price{margin:2px 0 14px !important} html body .mdl .mdl-body h2{margin:0 0 4px !important;font-size:20px !important} html body .mdl .mdl-add{ margin-top:auto !important; height:52px !important; flex:none !important; } html body .mdl .mdl-x{ top:10px !important;right:10px !important; width:40px !important;height:40px !important; background:rgba(255,255,255,.92) !important; border-radius:999px !important; } } @media (max-width:700px) and (max-height:700px){ html body .mdl{max-height:94svh !important} html body .mdl .mdl-img{height:clamp(110px,18svh,150px) !important} html body .mdl .mdl-desc{display:none !important} } .mp-wrap{padding-top:clamp(18px,3vw,34px);padding-bottom:clamp(56px,7vw,104px)} .mp-back{margin:0 0 clamp(14px,2vw,22px);font-size:14px} .mp-back a{color:#5D6371;text-decoration:none} .mp-back a:hover{color:#393B44;text-decoration:underline} .mp-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(24px,4vw,64px);align-items:start} .mp-media{display:flex;flex-direction:column;gap:clamp(10px,1.4vw,18px);min-width:0} .mp-shot{display:block;width:100%;height:auto;background:#f1efe9;object-fit:cover} .mp-shot-empty{aspect-ratio:4/5} .mp-info{position:sticky;top:calc(var(--topbar-h,72px) + 18px);min-width:0} .mp-info h1{font-family:var(--font-display);font-weight:700;letter-spacing:-.015em; font-size:clamp(26px,3.4vw,40px);line-height:1.08;margin:6px 0 10px;text-wrap:balance} .mp-price{font-family:var(--font-display);font-weight:700;font-size:clamp(20px,2.2vw,26px);margin:0 0 16px} .mp-desc{color:#3D434E;font-size:16px;line-height:1.62;margin:0 0 24px;max-width:46ch} .mp-sizes{margin:0 0 20px} .mp-sizelbl{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#5D6371;font-weight:700;margin:0 0 9px} .mp-sizerow{display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:8px} .mp-add{width:100%;justify-content:center;height:54px} .mp-add:disabled{cursor:not-allowed;opacity:.55} .mp-added{min-height:1.4em;margin:10px 0 0;font-size:14px;font-weight:600;color:#2E6A4C} .mp-note{margin:22px 0 0;padding-top:18px;border-top:1px solid rgba(20,24,36,.12); font-size:14px;color:#5D6371;line-height:1.6} .mp-note a{color:#1F2956;font-weight:600} .mp-more{margin-top:clamp(56px,7vw,96px);border-top:1px solid rgba(20,24,36,.12);padding-top:clamp(24px,3vw,40px)} .mp-more h2{font-family:var(--font-display);font-weight:700;font-size:clamp(19px,2vw,24px);margin:0 0 20px} .mp-morerow{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:clamp(12px,1.6vw,20px)} .mp-mcard{display:flex;flex-direction:column;gap:8px;text-decoration:none;color:inherit} .mp-mimg{display:block;aspect-ratio:4/5;background:#f1efe9 center/cover no-repeat} .mp-mname{font-weight:650;font-size:15px;line-height:1.3} .mp-mprice{font-size:14px;color:#5D6371} .mp-mcard:hover .mp-mname{text-decoration:underline} .mp-mcard:focus-visible{outline:2px solid #006ED4;outline-offset:3px} @media (max-width:900px){ .mp-grid{grid-template-columns:minmax(0,1fr);gap:22px} .mp-info{position:static} .mp-media{order:-1} } @media (max-width:560px){ .mp-sizerow{grid-template-columns:repeat(auto-fit,minmax(64px,1fr))} .mp-add{height:52px} .mp-morerow{grid-template-columns:repeat(2,minmax(0,1fr))} } html body .card-dashes > button, html body .card-dashes > .cdash, html body .cardgal .card-dashes > button.cdash{ box-sizing:border-box !important; height:24px !important; min-height:24px !important; padding:11px 0 !important; background-clip:content-box !important; -webkit-background-clip:content-box !important; border:0 !important; border-radius:0 !important; } html body .rf-feed-pause{ top:calc(env(safe-area-inset-top,0px) + 74px) !important; right:16px !important; left:auto !important; bottom:auto !important; } @media (max-width:640px){ html body .rf-feed-pause{ top:calc(env(safe-area-inset-top,0px) + 68px) !important; right:14px !important; left:auto !important; bottom:auto !important; } } html body .rf-tabwrap > nav.rf-tab, html body .rf-tabbar, html body .rf-tabwrap > div{ background:rgba(255,255,255,.44) !important; -webkit-backdrop-filter:blur(40px) saturate(180%) brightness(1.04) !important; backdrop-filter:blur(40px) saturate(180%) brightness(1.04) !important; border:1px solid rgba(255,255,255,.30) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.60), inset 0 -10px 22px rgba(255,255,255,.06), 0 10px 30px rgba(6,8,14,.18) !important; } html body.feed .rf-tabwrap > nav.rf-tab, html body.feed .rf-tabbar, html body.feed .rf-tabwrap > div{ background:rgba(20,24,32,.30) !important; -webkit-backdrop-filter:blur(34px) saturate(200%) brightness(1.12) !important; backdrop-filter:blur(34px) saturate(200%) brightness(1.12) !important; border:1px solid rgba(255,255,255,.16) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.42), inset 0 -12px 26px rgba(255,255,255,.05), 0 12px 38px rgba(0,0,0,.42) !important; } html body.feed .rf-tabwrap > nav.rf-tab a, html body.feed .rf-tabwrap > nav.rf-tab a span, html body.feed .rf-tabbar a, html body.feed .rf-tabbar a span{ color:rgba(255,255,255,.86) !important; } html body.feed .rf-tabwrap > nav.rf-tab a .ic, html body.feed .rf-tabbar a .ic{ color:rgba(255,255,255,.86) !important; stroke:currentColor !important; } html body.feed .rf-tabwrap > nav.rf-tab a.on, html body.feed .rf-tabwrap > nav.rf-tab a.on span, html body.feed .rf-tabbar a.on, html body.feed .rf-tabbar a.on span{ color:#FFFFFF !important; } @supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){ html body .rf-tabwrap > nav.rf-tab, html body .rf-tabbar, html body .rf-tabwrap > div{background:rgba(252,251,248,.97) !important} html body.feed .rf-tabwrap > nav.rf-tab, html body.feed .rf-tabbar, html body.feed .rf-tabwrap > div{background:rgba(14,17,24,.94) !important} } html body .rf-feed-pause{ width:38px !important; height:38px !important; top:calc(env(safe-area-inset-top,0px) + 122px) !important; right:16px !important; left:auto !important; bottom:auto !important; opacity:.88 !important; background:rgba(10,12,16,.62) !important; border:1px solid rgba(255,255,255,.34) !important; box-shadow:0 2px 12px rgba(0,0,0,.38) !important; } html body .rf-feed-pause svg{width:16px !important;height:16px !important} html body .rf-feed-pause.is-paused{ opacity:1 !important; background:rgba(10,12,16,.76) !important; border-color:rgba(255,255,255,.46) !important; } html body .rf-feed-pause:hover, html body .rf-feed-pause:focus-visible{ opacity:1 !important; background:rgba(10,12,16,.78) !important; } @media (max-width:640px){ html body .rf-feed-pause{ width:36px !important; height:36px !important; top:calc(env(safe-area-inset-top,0px) + 112px) !important; right:14px !important; } html body .rf-feed-pause svg{width:15px !important;height:15px !important} } .menudrawer .md-logo{padding:0;border-bottom:0;gap:0;font-size:inherit;font-weight:inherit} .menudrawer .md-foot a{border-bottom:0} .menudrawer .md-foot .btn{padding:13px 22px;font-size:15px} .menudrawer .md-foot .btn.lg{padding:15px 26px;font-size:16px} .md-top{min-height:56px} .md-nav a{min-height:clamp(48px,6.4vh,60px);font-size:clamp(18px,4.6vw,22px);gap:14px} .md-nav a .ic{width:20px;height:20px} .md-nav a i{font-size:16px} .md-foot{gap:8px;padding:16px var(--page-x) calc(16px + env(safe-area-inset-bottom))} .md-foot p{margin-top:4px;font-size:11.5px} .md-nav a{font-family:var(--font-ui);font-weight:600;font-size:clamp(16px,4.1vw,18px);letter-spacing:.02em} .menudrawer .md-foot{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:stretch} .menudrawer .md-foot .btn,.menudrawer .md-foot .btn.lg{width:auto;justify-content:center;text-align:center;padding:14px 12px;font-size:15px;min-height:50px} .menudrawer .md-foot p{grid-column:1 / -1;margin-top:2px} .stk-row dd{font-family:var(--font-ui);font-weight:600} .cardhover .chn{font-family:var(--font-ui);font-weight:700;letter-spacing:.01em} .dst{font-family:var(--font-ui);font-weight:700;font-size:17px;letter-spacing:.01em} .menudrawer .md-foot .btn{border:1px solid transparent} .menudrawer .md-foot .btn.ghost{border-color:var(--rf-grey)} .menudrawer .md-foot .btn.ghost:hover{border-color:var(--rf-ink)} .menudrawer .md-foot .btn::before{content:"";flex:none;width:18px;height:18px;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain} .menudrawer .md-foot .btn.navy::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.6 3.6h3l1.5 3.7-1.9 1.4a12 12 0 0 0 5.2 5.2l1.4-1.9 3.7 1.5v3a1.8 1.8 0 0 1-2 1.8A16.5 16.5 0 0 1 4.8 5.6a1.8 1.8 0 0 1 1.8-2Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.6 3.6h3l1.5 3.7-1.9 1.4a12 12 0 0 0 5.2 5.2l1.4-1.9 3.7 1.5v3a1.8 1.8 0 0 1-2 1.8A16.5 16.5 0 0 1 4.8 5.6a1.8 1.8 0 0 1 1.8-2Z'/%3E%3C/svg%3E")} .menudrawer .md-foot .btn.ghost::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.6 6a1.6 1.6 0 0 1 1.6-1.6h13.6A1.6 1.6 0 0 1 20.4 6v8a1.6 1.6 0 0 1-1.6 1.6H9.6l-4.4 3.8v-3.8a1.6 1.6 0 0 1-1.6-1.6Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.6 6a1.6 1.6 0 0 1 1.6-1.6h13.6A1.6 1.6 0 0 1 20.4 6v8a1.6 1.6 0 0 1-1.6 1.6H9.6l-4.4 3.8v-3.8a1.6 1.6 0 0 1-1.6-1.6Z'/%3E%3C/svg%3E")} .menudrawer .md-foot .btn,.menudrawer .md-foot .btn.lg{padding:14px 10px;font-size:clamp(12px,3.4vw,15px);white-space:nowrap;gap:8px} .menudrawer .md-foot .btn::before{width:16px;height:16px} .md-top{padding-top:12px} .md-nav{padding-top:12px} .md-top{min-height:68px;padding-top:12px;padding-bottom:12px} .md-nav{padding-top:0} .cav{margin:26px 0 0;padding:22px 0 0;border-top:var(--stk-rule,1px solid rgba(20,24,36,.1))} .cav h3{font-family:var(--font-ui);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--rf-slate);margin:0 0 12px} .cav-row{display:flex;flex-wrap:wrap;gap:10px} .cav-btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:9px;min-height:46px;padding:0 16px;border:1px solid var(--rf-grey);background:#fff;color:var(--rf-ink);font-family:var(--font-ui);font-weight:600;font-size:14px;letter-spacing:.01em;cursor:pointer;border-radius:0;transition:border-color .15s ease,background .15s ease,color .15s ease} .cav-btn:hover{border-color:var(--rf-ink)} .cav-btn.on{background:var(--rf-dark,#1F2956);color:#fff;border-color:var(--rf-ink)} .cav-fill{position:absolute;left:0;top:0;bottom:0;z-index:0;background:rgba(20,24,36,.08);pointer-events:none} .cav-btn.on .cav-fill{background:rgba(255,255,255,.18)} .cav-ico{position:relative;z-index:1;display:inline-flex;flex:none} .cav-ico svg{width:15px;height:15px;display:block} .cav-lab{position:relative;z-index:1} .cav-dur{position:relative;z-index:1;font-size:12px;color:var(--rf-slate);font-variant-numeric:tabular-nums} .cav-btn.on .cav-dur{color:hsla(0,0%,100%,.7)} @media (max-width:520px){.cav-row{flex-direction:column}.cav-btn{width:100%;justify-content:flex-start}} .pdp-collage{padding-right:var(--page-x) !important;scroll-padding-right:var(--page-x)} .cav{margin:0;padding:20px var(--stk-x);border-top:var(--stk-rule)} html body:not(.feed):not(.inv-hero):has(.story-hero.sell-light) .topbar:not(.scrolled){ background:var(--rf-white) !important; border-bottom:var(--rule) !important; position:sticky !important; } html body:not(.feed):not(.inv-hero):has(.story-hero.sell-light) .topbar:not(.scrolled) .nav a, html body:not(.feed):not(.inv-hero):has(.story-hero.sell-light) .topbar:not(.scrolled) .nav a .ic, html body:not(.feed):not(.inv-hero):has(.story-hero.sell-light) .topbar:not(.scrolled) .iconbtn, html body:not(.feed):not(.inv-hero):has(.story-hero.sell-light) .topbar:not(.scrolled) .iconbtn .ic, html body:not(.feed):not(.inv-hero):has(.story-hero.sell-light) .topbar:not(.scrolled) .menu-btn, html body:not(.feed):not(.inv-hero):has(.story-hero.sell-light) .topbar:not(.scrolled) .menu-btn svg{ color:var(--rf-cobalt) !important; filter:none !important; } html body:not(.feed):not(.inv-hero):has(.story-hero.sell-light) .topbar:not(.scrolled) .logo img{ filter:none !important; } html body:not(.feed):not(.inv-hero):has(.story-hero.sell-light) .topbar:not(.scrolled) .hdr-search #hs-input{ background:var(--rf-white) !important; border-color:rgba(20,24,36,.18) !important; color:var(--rf-cobalt) !important; } html body:not(.feed):not(.inv-hero):has(.story-hero.sell-light) .topbar:not(.scrolled) .hdr-search #hs-input::placeholder{ color:rgba(20,24,36,.5) !important; } html body:not(.feed):not(.inv-hero):has(.story-hero.sell-light) .topbar:not(.scrolled) .hdr-search .hs-ic{ color:rgba(20,24,36,.55) !important; } .mp-qty{margin:18px 0 0} .mp-qtyrow{display:inline-flex;align-items:stretch;border:1px solid rgba(20,24,36,.18);background:#fff} .mp-qtybtn{ appearance:none;border:0;background:transparent;cursor:pointer; width:44px;min-height:44px;font-size:18px;line-height:1; color:var(--rf-cobalt);font-family:inherit; } .mp-qtybtn:hover:not(:disabled){background:rgba(20,24,36,.05)} .mp-qtybtn:disabled{opacity:.32;cursor:default} .mp-qtybtn:focus-visible{outline:2px solid var(--rf-cobalt);outline-offset:-2px} .mp-qtyval{ display:inline-flex;align-items:center;justify-content:center; min-width:52px;padding:0 6px; border-left:1px solid rgba(20,24,36,.18); border-right:1px solid rgba(20,24,36,.18); font-weight:600;font-size:15px;font-variant-numeric:tabular-nums; color:var(--rf-cobalt); } .mp-qtycap{margin:8px 0 0;font-size:13px;color:rgba(20,24,36,.6)} .cx .cx-body{ padding:20px 18px 22px; gap:14px; background:#F7F5F0; } .cx .cx-body::before{content:"";flex:1 1 0;min-height:0} .cx .cx-msg{ max-width:90%; padding:13px 15px; font-size:14.5px;line-height:1.6; border-radius:3px; } .cx .cx-msg.bot{ background:#fff; border:1px solid rgba(20,24,36,.09); box-shadow:0 1px 2px rgba(20,24,36,.05); color:#393B44; } .cx .cx-msg.me{ background:#1F2956;color:#fff;border:0; box-shadow:0 1px 2px rgba(20,24,36,.12); } .cx .cx-body > .cx-msg.bot:first-of-type{position:relative;margin-top:20px} .cx .cx-body > .cx-msg.bot:first-of-type::before{ content:"The desk"; position:absolute;top:-19px;left:1px; font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase; color:rgba(20,24,36,.42); } .cx .cx-quick{gap:8px;margin-top:2px} .cx .cx-quick button{ border:1px solid rgba(27,47,82,.22) !important; background:#fff !important;color:#1F2956 !important; padding:10px 14px !important; font-size:13px;font-weight:600; border-radius:2px !important; transition:background .14s ease,border-color .14s ease,color .14s ease; } .cx .cx-quick button:hover{ background:#1F2956 !important;border-color:#1F2956 !important;color:#fff !important; } .cx .cx-quick button:focus-visible{outline:2px solid #1F2956;outline-offset:2px} .cx .cx-ask{ gap:10px;padding:14px 14px calc(14px + env(safe-area-inset-bottom,0px)); border-top:1px solid rgba(20,24,36,.12); background:#fff; } .cx .cx-ask input{ height:50px;border-radius:3px; border:1px solid rgba(20,24,36,.18) !important; padding:0 14px;font-size:16px;color:#393B44; transition:border-color .14s ease,box-shadow .14s ease; } .cx .cx-ask input::placeholder{color:rgba(20,24,36,.42)} .cx .cx-ask input:focus{ outline:none !important; border-color:#1F2956 !important; box-shadow:0 0 0 3px rgba(27,47,82,.14) !important; } .cx .cx-ask button[type="submit"]{ width:50px !important;height:50px !important; border-radius:3px !important; background:#1F2956 !important;color:#fff !important;border:0 !important; display:inline-flex !important;align-items:center;justify-content:center; cursor:pointer;transition:opacity .14s ease,background .14s ease; } .cx .cx-ask button[type="submit"]:hover:not(:disabled){background:#16264a !important} .cx .cx-ask button[type="submit"]:disabled{ background:#1F2956 !important;opacity:.28 !important;cursor:default; } .cx .cx-ask button[type="submit"]:focus-visible{outline:2px solid #1F2956;outline-offset:2px} .cx .cx-ask button[type="submit"] svg{ width:22px !important;height:22px !important; display:block !important;flex:none !important; stroke:#fff !important;fill:none !important;stroke-width:2 !important; } .cx .cx-hd{padding:17px 18px} .cx .cx-hd b{font-size:16.5px;letter-spacing:-.015em} .cx .cx-hd span{font-size:11.5px;color:rgba(255,255,255,.6);letter-spacing:.01em} .cx .cx-hd button{border-radius:2px;opacity:.8;transition:opacity .14s ease} .cx .cx-hd button:hover{opacity:1} .cx .cx-car{border-radius:3px} .cx .cx-car:hover{border-color:rgba(27,47,82,.4) !important} .stk-rows .stk-row:last-child:nth-child(odd){grid-column:1 / -1} .stk-rows .stk-row:last-child:nth-child(odd){grid-column:1} .pdp-collage .collage-tile > img{object-fit:contain !important} .pdp-collage .collage-reel-vid{object-fit:cover !important} html body .sell-light .sellhero-copy .sh2-proof b, html body .sell-light .sellhero-copy .sh2-proof span, html body .sell-light .sh2-proof b, html body .sell-light .sh2-proof span{ text-shadow:none !important; } html body .ab-storyhero .story-scrim, html body .rec-storyhero .story-scrim, html body .story-hero:not(.sell-storyhero) .story-scrim{ background: linear-gradient(0deg, rgba(8,11,22,.68) 0%, rgba(8,11,22,.42) 24%, rgba(8,11,22,.16) 50%, rgba(8,11,22,0) 76%), linear-gradient(90deg, rgba(8,11,22,.46) 0%, rgba(8,11,22,.18) 38%, rgba(8,11,22,0) 64%) !important; } html body .pdp-mobilegal{ margin-left:0 !important; margin-right:0 !important; width:auto !important; max-width:none !important; } @media (min-width:900px){ html body #about-view .ab-ch, html body #about-view .ab-closer{ min-height:0 !important; } html body #about-view .ab-ch{ padding-top:clamp(56px,5.5vw,104px) !important; padding-bottom:clamp(56px,5.5vw,104px) !important; } } @media (max-width:820px){ html body:has(.rf-tabwrap) #archive-view .inv-shell{ padding-bottom:0 !important; } } @media (max-width:820px){ html body #archive-view .inv-topfilters{ grid-template-columns:1fr !important; } html body #archive-view .inv-topfilters .inv-sort-wrap{ grid-column:1 / -1 !important; } } html body .shop-ed{ touch-action:auto !important; overscroll-behavior-x:auto !important; } @media (max-width:700px){ html body .shop-ed{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:10px !important; } html body .shop-ed .ecard.wide{grid-column:auto !important} html body .shop-ed .ec-img, html body .shop-ed .ecard.wide .ec-img{aspect-ratio:4 / 5 !important} html body .shop-ed .ec-body{padding:10px 11px 12px !important} html body .shop-ed .ec-top{ display:flex !important;flex-wrap:wrap !important; align-items:baseline !important;gap:2px 8px !important; } html body .shop-ed .ec-name{font-size:14px !important;line-height:1.25 !important} html body .shop-ed .ec-price{font-size:14px !important;white-space:nowrap !important} html body .shop-ed .ec-blurb{ font-size:12px !important;line-height:1.4 !important; display:-webkit-box !important;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden !important; } html body .shop-ed .ec-cta{font-size:10.5px !important;letter-spacing:.14em !important;margin-top:8px !important} } html body .cx .cx-body:not(:has(.cx-turn))::before{ display:none !important; flex:0 0 0 !important; } html body .cx .cx-ask button[type="submit"]:disabled{ background:#1F2956 !important; opacity:.42 !important; } @media (max-width:560px){ html body .cx{ width:100% !important; max-width:100% !important; border-left:0 !important; } html body .cx .cx-body{ padding:18px 16px 20px !important; gap:12px !important; } html body .cx .cx-quick button{ padding:11px 14px !important; font-size:13.5px !important; } } html body .collage-reel{position:relative} html body .collage-reel-play{ position:absolute; z-index:4; right:52px; bottom:12px; width:34px; height:34px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.28); border-radius:999px; background:rgba(12,16,24,.42); -webkit-backdrop-filter:blur(14px) saturate(1.3); backdrop-filter:blur(14px) saturate(1.3); color:#FFFFFF; cursor:pointer; padding:0; } html body .collage-reel-play svg{width:15px;height:15px;display:block} html body .collage-reel-play:hover{background:rgba(12,16,24,.62)} html body .collage-reel-play:active{transform:scale(.94)} html body .collage-reel-play:focus-visible{outline:2px solid #fff;outline-offset:2px} @media (max-width:700px){ html body .fleetgrid > .card, html body .inv-main .fleetgrid > .card, html body #archive-view .fleetgrid > .card{ contain-intrinsic-size:auto 360px !important; } } @media (min-width:701px) and (max-width:1100px){ html body .fleetgrid > .card, html body .inv-main .fleetgrid > .card, html body #archive-view .fleetgrid > .card{ contain-intrinsic-size:auto 400px !important; } } html body .fleetgrid .imgwrap, html body .inv-main .fleetgrid .imgwrap, html body #archive-view .fleetgrid .imgwrap{ background-color:#1F2956; } .fin-page,.dir-page,.svc-page,.legal-page{ max-width:none; padding:clamp(36px,4.5vw,68px) var(--page-x) clamp(64px,7vw,110px); } .legal-page{max-width:74ch;margin:0 auto} .fin-wrap{margin:0 0 clamp(44px,5vw,72px)} .fin-grid{ display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); gap:clamp(20px,2.4vw,40px); align-items:start; } .fin-inputs{display:grid;gap:16px} .fin-f{display:grid;gap:7px;margin:0;border:0;padding:0;min-width:0} .fin-f input{ height:52px;width:100%;box-sizing:border-box; border:1px solid rgba(20,24,36,.18);border-radius:3px; padding:0 14px;font-size:17px;font-family:var(--font-display); font-variant-numeric:tabular-nums;color:var(--rf-ink,#393B44);background:#fff; transition:border-color .14s ease,box-shadow .14s ease; } .fin-f input:focus{ outline:none;border-color:#1F2956; box-shadow:0 0 0 3px rgba(27,47,82,.14); } .fin-terms{border:0} .fin-terms legend{padding:0} .fin-termrow{display:flex;flex-wrap:wrap;gap:7px} .fin-term{ flex:1 1 auto;min-width:62px;height:46px; display:inline-flex;align-items:baseline;justify-content:center;gap:3px; border:1px solid rgba(27,47,82,.22);background:#fff;color:#1F2956; border-radius:2px;cursor:pointer; font-family:var(--font-display);font-weight:700;font-size:16px; font-variant-numeric:tabular-nums; transition:background .14s ease,border-color .14s ease,color .14s ease; } .fin-term span{font-size:10.5px;font-weight:600;letter-spacing:.08em;opacity:.7} .fin-term:hover{border-color:#1F2956} .fin-term.on{background:#1F2956;border-color:#1F2956;color:#fff} .fin-term:focus-visible{outline:2px solid #1F2956;outline-offset:2px} .fin-out{ background:var(--rf-dark,#1F2956);color:#fff; padding:clamp(22px,2.4vw,32px);border-radius:3px; position:sticky;top:calc(var(--v-hdr,76px) + 14px); } .fin-out .sf-ey{color:rgba(255,255,255,.62) !important} .fin-big{ font-family:var(--font-display);font-weight:800; font-size:clamp(38px,4.4vw,58px);line-height:1;letter-spacing:-.02em; font-variant-numeric:tabular-nums;margin:6px 0 20px;color:#fff; } .fin-break{margin:0 0 18px;display:grid;gap:9px} .fin-break > div{ display:flex;justify-content:space-between;gap:14px; padding-bottom:9px;border-bottom:1px solid rgba(255,255,255,.14); } .fin-break dt{font-size:13.5px;color:rgba(255,255,255,.66);margin:0} .fin-break dd{ margin:0;font-size:14.5px;font-weight:600;color:#fff; font-variant-numeric:tabular-nums; } .fin-note{ margin:0;font-size:12.5px;line-height:1.55;color:rgba(255,255,255,.55); } .fin-send{ border:1px solid rgba(20,24,36,.14);border-radius:3px; padding:clamp(20px,2.2vw,30px);background:#fff; } .fin-sendh{ font-family:var(--font-display);font-weight:700;font-size:19px;margin:0 0 5px; } .fin-sendb{margin:0 0 16px;font-size:14.5px;color:#5a6172;max-width:56ch} .fin-sendrow{display:flex;flex-wrap:wrap;gap:10px} .fin-sendrow label{flex:1 1 210px;min-width:0} .fin-sendrow input{ width:100%;height:50px;box-sizing:border-box; border:1px solid rgba(20,24,36,.18);border-radius:3px; padding:0 14px;font-size:16px;background:#fff; } .fin-sendrow input:focus{ outline:none;border-color:#1F2956;box-shadow:0 0 0 3px rgba(27,47,82,.14); } .fin-sendrow .btn{flex:0 0 auto;height:50px} .fin-ok{margin:0;font-size:15.5px;color:#1A6350} .fin-err{margin:10px 0 0;font-size:14px;color:#CC0000} .fin-foot{margin:20px 0 0;font-size:14px;color:#5a6172} .fin-foot a,.fin-ok a{color:#1F2956;text-decoration:underline;text-underline-offset:3px} .fin-more{margin:clamp(34px,4vw,56px) 0 0;max-width:66ch} .fin-more h2{ font-family:var(--font-display);font-weight:700; font-size:clamp(20px,2vw,26px);letter-spacing:-.015em;margin:0 0 12px; } .fin-more p{margin:0 0 13px;font-size:16px;line-height:1.62;color:#2E3A4C} .fin-more .btn{margin-top:6px} .fin-steplist{list-style:none;margin:0;padding:0;display:grid;gap:clamp(20px,2.4vw,32px)} .fin-steplist li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:start} .fin-stepn{ font-family:var(--font-display);font-weight:800;font-size:13px; letter-spacing:.1em;color:#8a93a3;padding-top:4px;font-variant-numeric:tabular-nums; } .fin-steplist h3{ font-family:var(--font-display);font-weight:700;font-size:18px; margin:0 0 6px;letter-spacing:-.01em; } .fin-steplist p{margin:0;font-size:15.5px;line-height:1.6;color:#2E3A4C;max-width:62ch} .dir-card{ border:1px solid rgba(20,24,36,.14);border-radius:3px;background:#fff; padding:clamp(22px,2.4vw,34px);margin:0 0 clamp(30px,3.4vw,48px); } .dir-addr{ font-style:normal;font-family:var(--font-display); font-size:clamp(19px,1.9vw,24px);line-height:1.42;margin:0 0 18px; } .dir-name{display:block;font-weight:800;letter-spacing:-.015em} .dir-acts{display:flex;flex-wrap:wrap;gap:10px} .dir-two{ display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr)); gap:clamp(26px,3vw,52px); } .dir-two h2{ font-family:var(--font-display);font-weight:700;font-size:clamp(19px,1.9vw,23px); margin:0 0 12px;letter-spacing:-.015em; } .dir-two p{margin:0 0 12px;font-size:15.5px;line-height:1.62;color:#2E3A4C} .dir-hours{margin:0 0 14px;display:grid;gap:8px} .dir-hours > div{ display:flex;justify-content:space-between;gap:14px; padding-bottom:8px;border-bottom:1px solid rgba(20,24,36,.10); } .dir-hours dt{margin:0;font-size:15px;color:#2E3A4C} .dir-hours dd{margin:0;font-size:15px;font-weight:600;font-variant-numeric:tabular-nums} .dir-note{font-size:14px !important;color:#5a6172 !important} .dir-closer{ margin:clamp(34px,4vw,56px) 0 0;padding-top:clamp(26px,3vw,40px); border-top:1px solid rgba(20,24,36,.12);max-width:66ch; } .dir-closer h2{font-family:var(--font-display);font-weight:700;font-size:clamp(19px,1.9vw,23px);margin:0 0 12px} .dir-closer p{margin:0 0 13px;font-size:16px;line-height:1.62;color:#2E3A4C} .legal-page h1{ font-family:var(--font-display);font-weight:800; font-size:clamp(32px,4vw,50px);letter-spacing:-.025em;margin:6px 0 12px; } .legal-page .lede{font-size:17px;color:#5a6172;margin:0 0 26px} .legal-flag{ border:1px solid rgba(138,90,0,.35);background:#FBF0DC; padding:14px 16px;border-radius:3px;margin:0 0 30px; } .legal-flag p{margin:0;font-size:14.5px;line-height:1.55;color:#5c421a} .legal-page section{margin:0 0 28px} .legal-page h2{ font-family:var(--font-display);font-weight:700;font-size:19px; margin:0 0 10px;letter-spacing:-.01em; } .legal-page p{margin:0 0 12px;font-size:15.5px;line-height:1.65;color:#2E3A4C} .legal-page a{color:#1F2956;text-decoration:underline;text-underline-offset:3px} .legal-addr{font-style:normal;font-size:15px;line-height:1.6;color:#5a6172;margin-top:12px} .legal-back{margin-top:36px;padding-top:20px;border-top:1px solid rgba(20,24,36,.12)} .gal-wall{ display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr)); gap:3px;background:#1F2956;padding:3px; } .gal-tile{position:relative;display:block;overflow:hidden;background:#1F2956} .gal-tile img{ display:block;width:100%;height:100%;aspect-ratio:16/10; object-fit:cover;object-position:center 42%; transition:transform .5s cubic-bezier(.2,.8,.2,1); } .gal-tile:hover img{transform:scale(1.03)} .gal-cap{ position:absolute;left:0;right:0;bottom:0;z-index:2; padding:26px 14px 12px;color:#fff;pointer-events:none; display:grid;gap:1px; background:linear-gradient(0deg,rgba(8,11,22,.82) 0%,rgba(8,11,22,.34) 55%,rgba(8,11,22,0) 100%); } .gal-yr{ font-family:var(--mono,ui-monospace);font-size:10.5px; letter-spacing:.14em;color:rgba(255,255,255,.72); } .gal-nm{font-family:var(--font-display);font-weight:700;font-size:15px;line-height:1.25} .gal-tile:focus-visible{outline:3px solid #fff;outline-offset:-3px} .gal-foot{padding:clamp(30px,3.4vw,52px) var(--page-x);max-width:none} .gal-foot p{margin:0;font-size:15.5px;color:#2E3A4C} .gal-foot a{color:#1F2956;text-decoration:underline;text-underline-offset:3px} @media (max-width:820px){ .fin-grid{grid-template-columns:minmax(0,1fr)} .fin-out{position:static} .fin-sendrow .btn{width:100%} .dir-acts .btn{flex:1 1 auto;text-align:center} .gal-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;padding:2px} .gal-cap{padding:20px 9px 9px} .gal-nm{font-size:12.5px} } @media (max-width:480px){ .gal-wall{grid-template-columns:minmax(0,1fr)} .fin-term{min-width:54px;font-size:15px} } .deal-page{max-width:860px;margin:0 auto;padding:clamp(32px,4vw,56px) var(--page-x) 90px} .deal-page h1{ font-family:var(--font-display);font-weight:800; font-size:clamp(26px,3vw,38px);letter-spacing:-.02em;margin:6px 0 8px; } .deal-sub{margin:0 0 26px;font-size:15px;color:#5a6172} .deal-sub a{color:#1F2956;text-decoration:underline;text-underline-offset:3px} .deal-wrap{display:grid;gap:22px} .deal-block{border:1px solid rgba(20,24,36,.14);border-radius:3px;background:#fff;padding:18px 20px 16px} .deal-bh{ display:flex;align-items:center;justify-content:space-between;gap:12px; padding-bottom:12px;margin-bottom:6px;border-bottom:1px solid rgba(20,24,36,.10); } .deal-bh h2{font-family:var(--font-display);font-weight:700;font-size:17px;margin:0;letter-spacing:-.01em} .btn.sm{height:34px;padding:0 12px;font-size:12.5px} .deal-row{ display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) auto; gap:12px;align-items:baseline; padding:9px 0;border-bottom:1px solid rgba(20,24,36,.07); } .deal-row:last-of-type{border-bottom:0} .deal-lb{font-size:13.5px;color:#5a6172} .deal-lb i{color:#CC0000;font-style:normal} .deal-vl{ font-family:var(--font-display);font-weight:600;font-size:15.5px; color:var(--rf-ink,#393B44);font-variant-numeric:tabular-nums; word-break:break-all; } .deal-row.missing .deal-vl{color:#a8adb8;font-weight:400} .deal-cp{ border:1px solid rgba(27,47,82,.22);background:#fff;color:#1F2956; border-radius:2px;height:28px;padding:0 10px;cursor:pointer; font-size:11.5px;font-weight:600;letter-spacing:.04em; transition:background .14s ease,color .14s ease; } .deal-cp:hover{background:#1F2956;color:#fff} .deal-cp:focus-visible{outline:2px solid #1F2956;outline-offset:2px} .deal-na{font-size:11.5px;color:#CC0000;white-space:nowrap} .deal-inputs{ display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr)); gap:12px;margin:10px 0 16px; } .deal-inputs label,.deal-inputs fieldset{display:grid;gap:6px;margin:0;border:0;padding:0;min-width:0} .deal-inputs legend{padding:0} .deal-inputs input{ height:42px;width:100%;box-sizing:border-box; border:1px solid rgba(20,24,36,.18);border-radius:3px;padding:0 11px; font-size:15px;font-variant-numeric:tabular-nums;background:#fff; } .deal-inputs input:focus{outline:none;border-color:#1F2956;box-shadow:0 0 0 3px rgba(27,47,82,.14)} .deal-terms{display:flex;flex-wrap:wrap;gap:5px} .deal-terms .fin-term{min-width:50px;height:42px;font-size:14px} .deal-note{ margin:14px 0 0;font-size:12.5px;line-height:1.55;color:#5a6172; padding-top:12px;border-top:1px solid rgba(20,24,36,.07); } .deal-err{margin:0;font-size:13.5px;color:#CC0000} .deal-foot{ margin:6px 0 0;font-size:13.5px;line-height:1.6;color:#5a6172; padding:14px 16px;background:#EDF1F6;border-radius:3px; } @media (max-width:640px){ .deal-row{grid-template-columns:minmax(0,1fr) auto;row-gap:2px} .deal-lb{grid-column:1/-1} } html body .dir-page .btn.line, html body .dir-page .btn.ghost, html body .fin-page .btn.line, html body .fin-page .btn.ghost, html body .svc-page .btn.line, html body .svc-page .btn.ghost, html body .capp-page .btn.line, html body .capp-page .btn.ghost, html body .legal-page .btn.line, html body .legal-page .btn.ghost, html body .gal-foot .btn.ghost, html body .deal-page .btn.ghost, html body #archive-view .arc-empty .btn.ghost, html body .nf-card .btn.ghost, html body .nf-acts .btn.ghost{ background:#FFFFFF !important; color:var(--rf-ink,#393B44) !important; border:1px solid rgba(20,24,36,.28) !important; } html body .dir-page .btn.line:hover, html body .dir-page .btn.ghost:hover, html body .fin-page .btn.line:hover, html body .fin-page .btn.ghost:hover, html body .svc-page .btn.line:hover, html body .svc-page .btn.ghost:hover, html body .capp-page .btn.ghost:hover, html body .legal-page .btn.ghost:hover, html body .gal-foot .btn.ghost:hover, html body .deal-page .btn.ghost:hover, html body #archive-view .arc-empty .btn.ghost:hover, html body .nf-card .btn.ghost:hover, html body .nf-acts .btn.ghost:hover{ border-color:var(--rf-ink,#393B44) !important; background:#FFFFFF !important; } .svc-shots{ display:grid; grid-template-columns:minmax(0,1.55fr) minmax(0,1fr); gap:3px;background:#1F2956;padding:3px; margin:0; } .svc-shot{margin:0;overflow:hidden;background:#1F2956} .svc-shot img{ display:block;width:100%;height:100%;object-fit:cover; } .svc-shot.wide img{aspect-ratio:4 / 3} .svc-shot.tall img{aspect-ratio:3 / 4} @media (max-width:820px){ .svc-shots{grid-template-columns:minmax(0,1fr);gap:2px;padding:2px} .svc-shot.wide img{aspect-ratio:16 / 10} .svc-shot.tall img{aspect-ratio:4 / 3} } .dir-shot{ margin:0 0 clamp(26px,3vw,42px); overflow:hidden;background:#1F2956;border-radius:3px; } .dir-shot img{display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover} .dir-shot figcaption{ padding:10px 14px;font-size:12.5px;color:rgba(255,255,255,.66);background:#1F2956; } .sell-card .sf-sec{ border:0;margin:6px 0 2px;padding:16px 0 0; border-top:1px solid rgba(20,24,36,.12); } .sell-card .sf-sec legend{ padding:0;font-family:var(--font-ui); font-size:10.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase; color:#666b76; } .sell-card .sf-sec .row2{margin-top:12px} .sell-card select{ width:100%;box-sizing:border-box;height:46px; border:1px solid rgba(20,24,36,.18);border-radius:3px; padding:0 12px;font-size:16px;background:#fff;color:var(--rf-ink,#393B44); } .sell-card select:focus{ outline:none;border-color:#1F2956;box-shadow:0 0 0 3px rgba(27,47,82,.14); } @media (max-width:640px){ .sell-card .row2{grid-template-columns:minmax(0,1fr)} } .legal-page .lede{text-transform:none;letter-spacing:0;font-weight:400;font-size:17px;line-height:1.6;color:#5a6172!important;margin:0 0 26px;max-width:60ch} .legal-page section{padding:0;margin:0 0 30px} .legal-page section:last-of-type{margin-bottom:6px} .fin-page > section,.dir-page > section,.svc-page > section{padding-top:0;padding-bottom:0} .dir-page > section.dir-card{padding:clamp(22px,2.4vw,34px)} .dir-page > section.dir-closer{padding-top:clamp(26px,3vw,40px)} .fleetgrid > .card,.inv-main .fleetgrid > .card,#archive-view .fleetgrid > .card{content-visibility:visible;contain-intrinsic-size:none} .fleetgrid .imgwrap .ph{content-visibility:visible;contain-intrinsic-size:none} .fin-storyhero,.svc-storyhero,.dir-storyhero{min-height:0;align-items:center;padding:clamp(52px,6.5vw,92px) 0 clamp(44px,5.5vw,76px)} .fin-storyhero .story-in,.svc-storyhero .story-in,.dir-storyhero .story-in{max-width:1180px;margin:0 auto;width:100%} .fin-storyhero h1,.svc-storyhero h1,.dir-storyhero h1{font-size:clamp(30px,3.6vw,50px);max-width:22ch;text-shadow:none} .fin-storyhero .story-lede,.svc-storyhero .story-lede,.dir-storyhero .story-lede{max-width:54ch} .fin-page,.dir-page,.svc-page{max-width:1180px;margin:0 auto} .fin-grid{grid-template-columns:minmax(0,1fr) minmax(300px,400px)} @media (max-width:820px){.fin-grid{grid-template-columns:minmax(0,1fr)}.fin-out{position:static}} .fleetgrid .imgwrap .ph,.pdp-more .imgwrap .ph,.recrail-track .imgwrap .ph,.sell-proof-grid .imgwrap .ph{object-position:50% 92%} .fleetgrid .imgwrap,.inv-main .fleetgrid .imgwrap,#archive-view .fleetgrid .imgwrap,.recrail-track .imgwrap,.sell-proof-grid .imgwrap,.pdp-more .imgwrap{aspect-ratio:4 / 3 !important} .fleetgrid .imgwrap .ph,.pdp-more .imgwrap .ph,.recrail-track .imgwrap .ph,.sell-proof-grid .imgwrap .ph{object-position:center} .pdp-main{aspect-ratio:4 / 3} .fleetgrid .imgwrap,.inv-main .fleetgrid .imgwrap,#archive-view .fleetgrid .imgwrap,.recrail-track .imgwrap,.sell-proof-grid .imgwrap,.pdp-more .imgwrap{aspect-ratio:3 / 2 !important} .pdp-main{aspect-ratio:3 / 2} .fleetgrid > *{animation:none} .inv-smart-row{padding:14px 0 2px;margin-bottom:0} .inv-topbar{margin-bottom:12px} @media (min-width:901px){.inv-topfilters{margin:14px 0 16px}} .gal-storyhero{min-height:0;align-items:center;padding:clamp(52px,6.5vw,92px) 0 clamp(44px,5.5vw,76px)} .gal-storyhero .story-in{max-width:1180px;margin:0 auto;width:100%} .gal-storyhero h1{font-size:clamp(30px,3.6vw,50px);max-width:22ch;text-shadow:none} .gal-storyhero .story-lede{max-width:54ch} .gal-page,.capp-page{max-width:1180px;margin:0 auto} .fin-page .fin-more,.svc-page .fin-more{margin:clamp(40px,4.5vw,64px) 0 0;padding-top:clamp(22px,2.6vw,34px);border-top:1px solid rgba(20,24,36,.13);max-width:none} .fin-page .fin-more > *,.svc-page .fin-more > *{max-width:64ch} .fin-page .fin-more h2,.svc-page .fin-more h2{font-size:clamp(21px,2.1vw,27px);letter-spacing:-.018em;margin:0 0 14px} .fin-page .fin-more h2 + p,.svc-page .fin-more h2 + p,.dir-page .dir-two h2 + p{font-size:17.5px;line-height:1.58;color:var(--rf-ink)} .fin-steplist li{gap:clamp(16px,2vw,28px);padding-bottom:clamp(20px,2.4vw,30px);border-bottom:1px solid rgba(20,24,36,.09)} .fin-steplist li:last-child{border-bottom:0;padding-bottom:0} .fin-stepn{font-size:clamp(22px,2.4vw,32px);font-weight:800;color:rgba(20,24,36,.20);letter-spacing:-.02em;padding-top:0;min-width:2.2ch} .fin-page > section:last-of-type,.svc-page > section:last-of-type{background:var(--rf-dark,#1F2956);color:#fff;border-top:0;padding:clamp(30px,3.6vw,52px);margin-top:clamp(44px,5vw,72px);max-width:none} .fin-page > section:last-of-type > *,.svc-page > section:last-of-type > *{max-width:58ch} .fin-page > section:last-of-type h2,.svc-page > section:last-of-type h2{color:#fff} .fin-page > section:last-of-type p,.svc-page > section:last-of-type p{color:rgba(255,255,255,.76)} .fin-page > section:last-of-type .btn.navy,.svc-page > section:last-of-type .btn.navy,.dir-closer .btn.navy{background:#fff;border-color:#fff;color:var(--rf-ink)} .fin-page > section:last-of-type .btn.ghost,.svc-page > section:last-of-type .btn.ghost,.dir-closer .btn.ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.45)} .fin-page > section:last-of-type .btn.ghost:hover,.svc-page > section:last-of-type .btn.ghost:hover,.dir-closer .btn.ghost:hover{border-color:#fff} .dir-closer{background:var(--rf-dark,#1F2956);color:#fff;padding:clamp(30px,3.6vw,52px);border-top:0;max-width:none;margin-top:clamp(44px,5vw,72px)} .dir-closer h2{color:#fff} .dir-closer p{color:rgba(255,255,255,.76);max-width:58ch} .fleetgrid .imgwrap .ph,.pdp-more .imgwrap .ph,.recrail-track .imgwrap .ph,.sell-proof-grid .imgwrap .ph{object-position:center top} .capp-page{max-width:980px;margin:0 auto;padding:clamp(28px,4vw,56px) var(--page-x) clamp(56px,6vw,96px)} .capp-page h1{font-family:var(--font-display);font-weight:800;font-size:clamp(30px,3.6vw,46px);letter-spacing:-.025em;margin:6px 0 14px} .capp-lede{font-size:17px;line-height:1.6;color:#5a6172;max-width:62ch;margin:0 0 8px} .capp-car{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;border:1px solid rgba(20,24,36,.14);background:#fff;padding:14px 18px;margin:22px 0 0;border-radius:3px} .capp-carname{font-family:var(--font-display);font-weight:700;font-size:17px;color:var(--rf-ink)} .capp-carmeta{font-size:14px;color:#5a6172;font-variant-numeric:tabular-nums} .capp-sec{border:0;border-top:1px solid rgba(20,24,36,.13);margin:clamp(30px,3.4vw,46px) 0 0;padding:clamp(20px,2.4vw,30px) 0 0} .capp-sec > legend{padding:0;font-family:var(--font-display);font-weight:700;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#6B7385;margin:0 0 16px} .capp-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px} .capp-grid > .c2{grid-column:span 2} .capp-grid > .c4{grid-column:span 4} .capp-grid > .c6{grid-column:span 6} .capp-grid > .c8{grid-column:span 8} .capp-grid > .c12{grid-column:span 12} .capp-grid label{display:grid;gap:6px;min-width:0;margin:0} .capp-grid label > span{font-size:12px;font-weight:600;letter-spacing:.03em;color:#5a6172} .capp-grid input,.capp-grid select,.capp-grid textarea{width:100%;box-sizing:border-box;height:46px;border:1px solid rgba(20,24,36,.18);border-radius:3px;padding:0 12px;background:#fff;color:var(--rf-ink);font-family:var(--font-ui);font-size:15.5px;transition:border-color .14s ease,box-shadow .14s ease} .capp-grid textarea{height:auto;min-height:104px;padding:10px 12px;line-height:1.55;resize:vertical} .capp-grid input:focus,.capp-grid select:focus,.capp-grid textarea:focus{outline:none;border-color:#1F2956;box-shadow:0 0 0 3px rgba(27,47,82,.14)} .capp-hint{font-size:13.5px;line-height:1.55;color:#5a6172;margin:14px 0 0;max-width:74ch} .capp-ssn{border:1px solid rgba(138,90,0,.32);background:#FBF0DC;padding:16px 18px;border-radius:3px;margin:clamp(26px,3vw,38px) 0 0} .capp-ssn p{margin:0 0 8px;font-size:14.5px;line-height:1.58;color:#5c421a} .capp-ssn p:last-child{margin-bottom:0} .capp-warn{font-family:var(--font-display);font-weight:700;font-size:14.5px;color:#5c421a;margin:0 0 8px} .capp-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin:clamp(26px,3vw,38px) 0 0} .capp-fine{font-size:13px;line-height:1.55;color:#6B7385;max-width:74ch;margin:14px 0 0} .capp-foot{font-size:15px;line-height:1.6;color:#2E3A4C;margin:18px 0 0;max-width:74ch} .capp-err{margin:16px 0 0;font-size:14.5px;color:#8c1b0b;border-left:3px solid #c00;padding-left:12px} .capp-done{border:1px solid rgba(20,24,36,.14);background:#fff;padding:clamp(24px,3vw,38px);border-radius:3px;margin-top:24px} @media (max-width:900px){.capp-grid{gap:14px}.capp-grid > .c2{grid-column:span 4}.capp-grid > .c4,.capp-grid > .c6,.capp-grid > .c8{grid-column:span 6}} @media (max-width:620px){.capp-grid > .c2,.capp-grid > .c4,.capp-grid > .c6,.capp-grid > .c8{grid-column:span 12}} html body .story-hero:not(.has-vid):not(:has(.story-img)) .story-scrim{ display:none !important; } html body .fin-storyhero, html body .svc-storyhero, html body .dir-storyhero, html body .gal-storyhero{ min-height:min(clamp(260px,30vw,400px), 46svh) !important; } @supports not (height:1svh){ html body .fin-storyhero, html body .svc-storyhero, html body .dir-storyhero, html body .gal-storyhero{ min-height:min(clamp(260px,30vw,400px), 46vh) !important; } } html body .fin-storyhero h1, html body .svc-storyhero h1, html body .dir-storyhero h1, html body .gal-storyhero h1{ font-size:clamp(30px,3.4vw,46px) !important; max-width:20ch !important; } html body .fin-storyhero .story-img, html body .svc-storyhero .story-img, html body .dir-storyhero .story-img, html body .gal-storyhero .story-img{ object-position:center 44%; background-position:center 44%; } html body .svc-lede{ display:grid; grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr); gap:clamp(28px,4vw,60px); align-items:start; margin:0; } .svc-lede-txt h2{ font-family:var(--font-display);font-weight:700; font-size:clamp(20px,2vw,26px);letter-spacing:-.015em; margin:0 0 12px;color:var(--rf-ink,#393B44); } .svc-lede-txt p{ margin:0 0 13px;font-size:15.5px;line-height:1.68;color:#2E3A4C;max-width:60ch; } .svc-lede-txt p:last-child{margin-bottom:0} html body .svc-lede .svc-shot{margin:0;overflow:hidden;background:#1F2956;border-radius:3px} html body .svc-lede .svc-shot img{ display:block;width:100%;height:auto; aspect-ratio:4 / 5;max-height:440px; object-fit:cover;object-position:center; } html body .svc-lede .svc-shot figcaption{ padding:9px 13px;font-size:12px;letter-spacing:.02em; color:rgba(255,255,255,.66);background:#1F2956; } @media (max-width:860px){ html body .svc-lede{grid-template-columns:minmax(0,1fr);gap:26px} html body .svc-lede .svc-shot img{aspect-ratio:16 / 10;max-height:320px} } html body .legal-page{max-width:1120px;margin:0 auto} .legal-head{margin:0 0 clamp(22px,2.6vw,32px)} .legal-cols{ display:grid; grid-template-columns:minmax(0,224px) minmax(0,1fr); gap:clamp(34px,5vw,76px); align-items:start; } .legal-body{max-width:74ch;min-width:0} .legal-toc{ position:sticky;top:calc(var(--v-hdr,76px) + 18px); border-top:2px solid var(--rf-ink,#393B44); padding-top:14px; } .legal-toc h2{ font-family:var(--font-display);font-weight:700; font-size:11px !important;letter-spacing:.24em;text-transform:uppercase; color:#5a6172;margin:0 0 12px !important; } .legal-toc ol{ list-style:none;margin:0;padding:0; counter-reset:toc; display:grid;gap:2px; } .legal-toc li{counter-increment:toc} .legal-toc a{ display:grid;grid-template-columns:2.2ch minmax(0,1fr);gap:8px; padding:6px 0;font-size:13.5px;line-height:1.4; color:#5a6172;text-decoration:none !important; border-bottom:1px solid rgba(20,24,36,.07); } .legal-toc a::before{ content:counter(toc,decimal-leading-zero); font-family:var(--font-display);font-weight:700;font-size:11px; font-variant-numeric:tabular-nums;color:rgba(20,24,36,.28); padding-top:2px; } .legal-toc a:hover{color:var(--rf-ink,#393B44)} .legal-toc a:hover::before{color:var(--rf-ink,#393B44)} .legal-toc a:focus-visible{ outline:2px solid #1F2956;outline-offset:2px; } .legal-body{counter-reset:legal} html body .legal-body section{ counter-increment:legal; margin:0 0 clamp(26px,3vw,38px); padding-top:clamp(20px,2.4vw,28px); border-top:1px solid rgba(20,24,36,.10); } html body .legal-body section:first-of-type{border-top:0;padding-top:0} html body .legal-body h2{ display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px; align-items:baseline; font-family:var(--font-display);font-weight:700; font-size:clamp(18px,1.7vw,22px);letter-spacing:-.012em; margin:0 0 12px;color:var(--rf-ink,#393B44); } html body .legal-body h2::before{ content:counter(legal,decimal-leading-zero); font-size:12px;font-weight:800;font-variant-numeric:tabular-nums; color:rgba(20,24,36,.26);letter-spacing:.04em; } html body .legal-body section{scroll-margin-top:calc(var(--v-hdr,76px) + 20px)} html body .legal-page .legal-flag{ margin:0 0 clamp(26px,3vw,38px); border-left:3px solid rgba(138,90,0,.55); } @media (max-width:900px){ .legal-cols{grid-template-columns:minmax(0,1fr);gap:26px} .legal-toc{ position:static; background:#fff;border:1px solid rgba(20,24,36,.12); border-top:2px solid var(--rf-ink,#393B44); border-radius:0 0 3px 3px;padding:16px 16px 6px; } .legal-toc ol{grid-template-columns:minmax(0,1fr)} } .capp-head{margin:0 0 clamp(20px,2.4vw,28px);max-width:60ch} html body .capp-head h1{ font-family:var(--font-display);font-weight:800; font-size:clamp(32px,4vw,50px);letter-spacing:-.025em; margin:6px 0 12px;color:var(--rf-ink,#393B44); } html body .capp-head .capp-lede{ font-size:17px;line-height:1.6;color:#5a6172;margin:0;max-width:56ch; } .capp-guard{ border:1px solid rgba(27,47,82,.22); border-left:3px solid #1F2956; background:#F4F6FA; border-radius:0 3px 3px 0; padding:16px 18px 15px; margin:0 0 clamp(24px,2.8vw,34px); max-width:60ch; } html body .capp-guard h2{ font-family:var(--font-display);font-weight:700; font-size:11px !important;letter-spacing:.22em;text-transform:uppercase; color:#1F2956;margin:0 0 10px !important; } .capp-guard ul{ list-style:none;margin:0 0 11px;padding:0; display:flex;flex-wrap:wrap;gap:6px 8px; } .capp-guard li{ font-size:13px;line-height:1;padding:7px 10px; background:#fff;border:1px solid rgba(27,47,82,.20);border-radius:2px; color:#1F2956;font-weight:600; } .capp-guard li{text-decoration:line-through;text-decoration-color:rgba(27,47,82,.45)} .capp-guard p{ margin:0;font-size:13.5px;line-height:1.6;color:#3c4759; } .capp-guard a{color:#1F2956;text-decoration:underline;text-underline-offset:3px} .fin-acts{ display:flex;flex-wrap:wrap;gap:10px; margin:18px 0 0 !important; } .fin-acts .btn{margin:0} @media (max-width:520px){ .fin-acts{flex-direction:column;align-items:stretch} .fin-acts .btn{width:100%;text-align:center} } html body .pdp-save.on, html body .pdp-bar .pb-save.on{ border-color:var(--rf-cobalt,#1F2956); color:var(--rf-cobalt,#1F2956); } html body .pdp-save.on svg, html body .pdp-bar .pb-save.on svg{ fill:var(--rf-cobalt,#1F2956) !important; stroke:var(--rf-cobalt,#1F2956) !important; } html body .pdp-save.on:hover, html body .pdp-bar .pb-save.on:hover{ border-color:var(--rf-ink,#393B44); } html body .cact.save.on, html body .card .cact.save.on, html body.feed .rf-feed .rfl-rail .cact.save.on{ background:var(--rf-cobalt,#1F2956) !important; border-color:var(--rf-cobalt,#1F2956) !important; } html body .cact.save.on svg, html body .card .cact.save.on svg, html body.feed .rf-feed .rfl-rail .cact.save.on svg{ fill:#FFFFFF !important; stroke:#FFFFFF !important; } html body .cact.save.on:hover, html body .card .cact.save.on:hover, html body.feed .rf-feed .rfl-rail .cact.save.on:hover{ background:#24406E !important; border-color:#24406E !important; } html body.feed .topbar:not(.scrolled) .hdr-search #hs-input::placeholder, html body.inv-hero .topbar:not(.scrolled) .hdr-search #hs-input::placeholder, html body:not(.feed):not(.inv-hero):has(.story-hero:not(.sell-light)) .topbar:not(.scrolled) .hdr-search #hs-input::placeholder, html body:not(.feed):not(.inv-hero):has(.shop-ed-hero.has-vid) .topbar:not(.scrolled) .hdr-search #hs-input::placeholder{ color:rgba(255,255,255,.78) !important; } html body.feed .topbar:not(.scrolled) .hdr-search .hs-ic, html body.inv-hero .topbar:not(.scrolled) .hdr-search .hs-ic, html body:not(.feed):not(.inv-hero):has(.story-hero:not(.sell-light)) .topbar:not(.scrolled) .hdr-search .hs-ic, html body:not(.feed):not(.inv-hero):has(.shop-ed-hero.has-vid) .topbar:not(.scrolled) .hdr-search .hs-ic{ color:rgba(255,255,255,.82) !important; } html body #auth-view .auth-why li{ display:block; padding:0 0 clamp(14px,1.6vw,18px); border-bottom:1px solid rgba(20,24,36,.10); } html body #auth-view .auth-why li:last-child{border-bottom:0;padding-bottom:0} html body #auth-view .auth-why ul{gap:clamp(14px,1.7vw,18px)} html body #auth-view .auth-why{ border-top:0; border-left:1px solid rgba(20,24,36,.14); padding-top:0; padding-left:clamp(24px,3.2vw,48px); } html body #auth-view .auth-why .auth-why-h{ font-family:var(--font-display);font-weight:700; font-size:11px;letter-spacing:.24em;text-transform:uppercase; color:#666b76; margin:0 0 clamp(16px,1.8vw,20px); padding-bottom:clamp(12px,1.4vw,15px); border-bottom:2px solid var(--rf-ink,#393B44); } html body #auth-view .auth-why h3{ font-family:var(--font-display);font-weight:700; font-size:15.5px;letter-spacing:-.008em; margin:0 0 5px;color:var(--rf-ink,#393B44); } html body #auth-view .auth-why p{ margin:0;font-size:14.5px;line-height:1.62;color:#2E3A4C;max-width:44ch; } html body #auth-view .auth-why-foot{ margin:clamp(18px,2vw,24px) 0 0;padding-top:0;border-top:0; font-size:13px;line-height:1.6;color:#666b76; } html body #auth-view .auth-why-foot a{ color:var(--rf-cobalt,#1F2956);font-weight:700; } html body #auth-view .auth-split{ max-width:980px; grid-template-columns:minmax(0,460px) minmax(0,1fr); } html body #auth-view .auth-left{max-width:460px} html body #auth-view .authcard{max-width:none;margin:0} html body #auth-view .auth-lede{max-width:none} html body #auth-view{ padding-top:clamp(44px,6vh,76px); padding-bottom:clamp(56px,7vw,96px); } @media (max-width:940px){ html body #auth-view .auth-split{ grid-template-columns:minmax(0,1fr); gap:clamp(28px,4vw,36px); } html body #auth-view .auth-why{ border-left:0; border-top:1px solid rgba(20,24,36,.14); padding-left:0; padding-top:clamp(22px,3vw,30px); } html body #auth-view .auth-left{max-width:none} html body #auth-view .auth-why .auth-why-h{margin-top:0} } :root{ --rf-white:#FFFFFF; --rf-grey:#A9A9A9; --rf-azure:#2E3A4C; --rf-ink:#393B44; --rf-dark:#1F2956; --rf-cobalt:#1F2956; --rf-accent:#006ED4; --rf-red:#006ED4; --rf-danger:#CC0000; --rf-brg:#05520E; --rf-java:#AEDF5A; --rf-signal:#FFC600; --rf-pastel:#E55D01; --rf-viola:#9181C3; } html body .pdp-save.on, html body .pdp-bar .pb-save.on{ border-color:var(--rf-accent,#006ED4); color:var(--rf-accent,#006ED4); } html body .pdp-save.on svg, html body .pdp-bar .pb-save.on svg{ fill:var(--rf-accent,#006ED4) !important; stroke:var(--rf-accent,#006ED4) !important; } html body .cact.save.on, html body .card .cact.save.on, html body.feed .rf-feed .rfl-rail .cact.save.on{ background:var(--rf-accent,#006ED4) !important; border-color:var(--rf-accent,#006ED4) !important; } html body .cact.save.on:hover, html body .card .cact.save.on:hover, html body.feed .rf-feed .rfl-rail .cact.save.on:hover{ background:#0086FF !important; border-color:#0086FF !important; } html body #auth-view .auth-split{ border-top:1px solid rgba(20,24,36,.22); } html body #auth-view .auth-left, html body #auth-view .auth-why{ padding-top:clamp(22px,2.6vw,32px); } html body #auth-view .auth-left .kick, html body #auth-view .auth-why .auth-why-h{ font-family:var(--font-display);font-weight:700; font-size:11px;letter-spacing:.24em;text-transform:uppercase; color:#666b76; margin:0 0 clamp(16px,1.9vw,22px); padding-bottom:0; border-bottom:0; } html body #auth-view .auth-why ul{gap:clamp(16px,1.9vw,20px)} html body #auth-view .auth-why li{ padding:0 0 clamp(16px,1.9vw,20px); } html body #auth-view .auth-why h3{margin:0 0 7px} html body #auth-view .auth-why p.auth-why-foot{ margin:clamp(22px,2.6vw,30px) 0 0; padding-top:clamp(15px,1.8vw,19px); border-top:1px solid rgba(20,24,36,.14); font-size:13px;line-height:1.6;color:#666b76; max-width:none; } html body #auth-view .authcard{ border-radius:0; border:1px solid rgba(20,24,36,.16); box-shadow:none; } html body #auth-view .auth-field input{ border-radius:0; } html body #auth-view .auth-tab.on{ border-bottom-color:var(--rf-accent,#006ED4); color:var(--rf-ink,#393B44); } html body #auth-view .auth-field input:focus{ border-color:var(--rf-accent,#006ED4); box-shadow:0 0 0 3px rgba(0,117,225,.18); } html body #auth-view .auth-msg.bad{ color:var(--rf-danger,#CC0000); font-weight:600; } html body #auth-view .auth-back{ margin:clamp(20px,2.4vw,28px) 0 0; } :root{ --rf-accent-text:#0070D8; } html body .ab-plede, html body .ab-steps-count span, html body .ab2-close .ab2-quiet, html body .ab2-sig p, html body .bag-m > span, html body .bag-tax, html body .cx-who span, html body .inv-smart-chip .inv-chip-n, html body .sf-plabel .opt, html body .sf-pnote, html body .sf-pstate, html body .acct-dim{ color:#5A6172; } html body .hs-chip-n, html body .hs-sugg-t, html body .rec-empty, html body .sell-card .sf-foot, html body .auth-field label, html body .auth-note, html body .auth-tab, html body .card .cmeta, html body .card .specs, html body .foot > .sp-x, html body .mp-back a, html body .mp-mprice, html body .mp-note, html body .mp-sizelbl{ color:#5A6172; } html body .acct-dl dt, html body .acct-foot, html body .acct-n, html body .acct-next span, html body .acct-table th, html body .auth-back a, html body #account-view .acct-email, html body #auth-view .auth-left .kick, html body #auth-view .auth-why .auth-why-h, html body #auth-view .auth-why p.auth-why-foot, html body .sell-card .sf-sec legend, html body .ab2-quiet, html body .cx-car-m span{ color:#5A6172; } html body .auth-field input::placeholder{color:#5A6172 !important} html body .topbar.scrolled .hdr-search #hs-input::placeholder, html body:not(.feed):not(.inv-hero) .hdr-search #hs-input::placeholder{ color:#5A6172 !important; } html body a.recrail-all, html body .recrail-all, html body .seeall, html body .seeall:hover, html body .tn2-note a, html body .cx-quick button:hover, html body .sf-drop:hover .sf-dropin, html body .sh2-reasons .sw-item > summary:hover h3{ color:var(--rf-accent-text,#0070D8); } html body :focus-visible{ outline:2px solid var(--rf-accent,#006ED4); outline-offset:2px; box-shadow:0 0 0 4px rgba(255,255,255,.85); } html body .story-hero :focus-visible, html body footer :focus-visible, html body .tint.cobalt :focus-visible, html body .gal-wall :focus-visible, html body.feed :focus-visible{ box-shadow:0 0 0 4px rgba(8,11,22,.75); } @media (max-width:820px){ html body .card .titlerow{ display:grid; grid-template-columns:minmax(0,1fr); align-items:start; gap:3px; } html body .card .titlerow h3{ flex:none; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; } html body .card .cprice{font-size:17px} } html body .card .imgwrap .badges{ right:96px; max-width:calc(100% - 108px); } html body .mp-sizerow{ display:grid; grid-template-columns:repeat(auto-fit,minmax(90px,1fr)); gap:8px; } html body .mp-sizerow .mdl-size{ width:100%; min-width:0; padding:0 10px; } html body .mp-add{margin-top:clamp(20px,3vw,28px)} html body .ab-closer .ab-creed{ display:flex;flex-direction:column;gap:clamp(6px,.8vw,10px); max-width:26ch;margin:0 auto clamp(22px,2.4vw,32px); } html body .ab-closer .ab-creed p{ margin:0; font-family:var(--font-display);font-weight:700; font-size:clamp(19px,2vw,28px);line-height:1.3;letter-spacing:-.01em; color:#FFFFFF; } html body .ab-closer p.ab-sign{ margin:clamp(24px,2.6vw,36px) 0 clamp(10px,1.2vw,16px); font-family:var(--font-display);font-weight:700; font-size:clamp(17px,1.7vw,22px);letter-spacing:-.005em; color:#FFFFFF; } html body .rc-media .rc-only{ position:absolute;top:12px;right:12px; background:#FFFFFF;color:#141821; font-size:9.5px;font-weight:700;letter-spacing:.13em; text-transform:uppercase;padding:6px 10px; box-shadow:0 2px 10px rgba(6,8,14,.22); } html body .sf-vin .opt{ text-transform:none;letter-spacing:0;font-weight:400; color:#5A6172;font-size:12px;margin-left:6px; } html body .plain{ list-style:none;margin:0 0 13px;padding:0; display:flex;flex-direction:column;gap:9px; } html body .plain li{ position:relative;padding-left:18px; font-size:16px;line-height:1.62;color:#2E3A4C; } html body .plain li::before{ content:'';position:absolute;left:0;top:.62em; width:6px;height:1px;background:#A9A9A9; } html body .stk-docs .cfx-band{ display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:clamp(14px,1.8vw,22px); padding:clamp(15px,1.7vw,20px); border:1px solid rgba(20,24,36,.18); background:#FFFFFF; margin:0 0 18px; } html body .cfx-mark{ display:grid;place-items:center; width:42px;height:42px;flex:none; border:1px solid #A9A9A9; color:#1F2956; } html body .cfx-mark svg{width:21px;height:21px;display:block} html body .cfx-copy{min-width:0} html body .cfx-ey{ margin:0 0 4px; font-size:10px;letter-spacing:.16em;text-transform:uppercase; font-weight:700;color:#5A6172;line-height:1.4; } html body .cfx-h{ margin:0 0 5px; font-family:var(--font-display);font-weight:700; font-size:17px;line-height:1.25;letter-spacing:-.01em;color:#141821; } html body .cfx-p{ margin:0;font-size:13.5px;line-height:1.55;color:#5A6172;max-width:54ch; } html body .cfx-snap{margin-top:12px} html body .cfx-go{ display:inline-flex;align-items:center;justify-content:center;gap:8px; min-height:46px;padding:0 18px;flex:none; background:#1F2956;color:#FFFFFF;border:1px solid #1F2956; font-family:var(--font-ui);font-weight:700;font-size:14px; letter-spacing:.01em;text-decoration:none;border-radius:0; transition:background .15s ease,border-color .15s ease; } html body .cfx-go:hover{background:#24406E;border-color:#24406E;text-decoration:none} html body .cfx-go:focus-visible{outline:2px solid #006ED4;outline-offset:2px} html body .cfx-ext{font-size:12px;opacity:.85} @media (max-width:640px){ html body .stk-docs .cfx-band{ grid-template-columns:auto minmax(0,1fr); row-gap:14px; } html body .stk-docs .cfx-band .cfx-go{ grid-column:1 / -1; justify-self:stretch; } } html body .ct-desk{ list-style:none;margin:0 0 18px;padding:0; display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr)); gap:0 clamp(20px,3vw,44px); } html body .ct-desk li{ display:flex;align-items:baseline;justify-content:space-between; gap:14px;padding:11px 0; border-bottom:1px solid rgba(20,24,36,.12); } html body .ct-name{ font-family:var(--font-display);font-weight:700; font-size:16px;line-height:1.3;color:#141821; } html body .ct-role{ font-size:12.5px;line-height:1.4;letter-spacing:.02em; color:#5A6172;text-align:right;flex:none; } html body .ab-teamgrid article{ display:flex;flex-direction:column;gap:6px;min-width:0; } html body .ab-teamgrid img{ display:block;width:100%;aspect-ratio:4/5;object-fit:cover; border:1px solid #A9A9A9;margin-bottom:6px; background:#EDEAE3; } html body .ab-teamgrid b{ font-family:var(--font-display);font-weight:700; font-size:15px;line-height:1.25;color:#141821; } html body .ab-teamgrid span{ display:block;font-size:13px;line-height:1.35;color:#5A6172; } html body .ab-teamgrid article:not(:has(img))::before{ content:''; display:block; width:100%; aspect-ratio:4/5; margin-bottom:6px; border:1px solid #A9A9A9; background-color:#EDEAE3; background-repeat:no-repeat; background-position:center; background-size:clamp(38px,26%,64px); background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Ccircle cx='24' cy='19' r='7.5' fill='none' stroke='%23A9A9A9' stroke-width='1.4'/%3E%3Cpath d='M10 39c0-7.2 6.3-11.5 14-11.5S38 31.8 38 39' fill='none' stroke='%23A9A9A9' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E"); } html body .pc-band{ border:var(--rule); background:var(--rf-cream); padding:clamp(18px,2.4vw,26px); margin:0 0 clamp(18px,2.4vw,28px); } html body .pc-band .pc-ey{ margin:0 0 6px; font-family:var(--font-display);font-weight:700; font-size:10px;letter-spacing:.16em;text-transform:uppercase; color:var(--rf-slate); } html body .pc-band .pc-h{ margin:0 0 10px; font-family:var(--font-display);font-weight:800; font-size:clamp(18px,2.2vw,24px);line-height:1.15;letter-spacing:-.02em; color:var(--rf-ink);text-wrap:balance; } html body .pc-band .pc-p{ margin:0 0 16px;max-width:56ch; font-family:var(--font-ui); font-size:14.5px;line-height:1.6;color:var(--stk-ink); } html body .pc-band .pc-form{ display:flex;flex-wrap:wrap;gap:8px;align-items:stretch; } html body .pc-band .pc-field{flex:1 1 190px;min-width:0;display:block} html body .pc-band .pc-field input{ width:100%;box-sizing:border-box; min-height:44px;padding:10px 12px; border:var(--rule);border-radius:0; background:var(--rf-white);color:var(--rf-ink); font-family:var(--font-ui);font-size:15px;line-height:1.3; } html body .pc-band .pc-field input::placeholder{color:var(--rf-slate)} html body .pc-band .pc-field input:focus-visible{ outline:2px solid var(--rf-accent);outline-offset:1px; } html body .pc-band .pc-go{ flex:0 0 auto;min-height:44px;padding:10px 18px; white-space:nowrap;cursor:pointer; } html body .pc-band .pc-go[disabled]{opacity:.6;cursor:default} html body .pc-band .pc-done{ margin:0;max-width:56ch; font-family:var(--font-ui); font-size:14.5px;line-height:1.6;color:var(--rf-ink); } html body .pc-band .pc-err{ flex:1 1 100%;margin:2px 0 0; font-family:var(--font-ui); font-size:13.5px;line-height:1.5;color:var(--rf-danger); } html body .pc-band .pc-fine{ margin:12px 0 0; font-family:var(--font-ui); font-size:12.5px;line-height:1.5;color:var(--rf-slate); } @media (max-width:479px){ html body .pc-band .pc-field{flex:1 1 100%} html body .pc-band .pc-go{flex:1 1 100%} } html body .inv-chip .inv-sw{ display:inline-block;flex:0 0 auto; width:11px;height:11px; border:1px solid rgba(20,24,36,.28); } html body .card .cmeta .card-sw{ display:inline-block;flex:0 0 auto; width:11px;height:11px; border:1px solid rgba(20,24,36,.28); opacity:1; } html body .inv-tf-pop{ max-height:min(60vh,420px); overflow-y:auto; overscroll-behavior:contain; } html body .inv-topfilters .inv-tf-tail{ display:inline-flex;align-items:center;gap:12px; margin-left:auto; flex:0 0 auto; } html body .inv-topfilters .inv-result-count{ display:inline-block;margin:0;flex:0 0 auto; font-size:13px;font-weight:600;color:var(--rf-slate); font-variant-numeric:tabular-nums; white-space:nowrap; } html body .inv-topfilters .inv-clearall{ display:inline-flex;margin:0;height:32px;flex:0 0 auto; } @media (min-width:900px){ html body .inv-topfilters .inv-filter-btn{ display:inline-flex;align-items:center;justify-content:center;gap:8px; width:auto;height:36px;padding:0 14px;margin:0;flex:0 0 auto; border:var(--rule);background:#fff;color:var(--rf-ink); font-family:var(--font-ui);font-size:13px;font-weight:600; border-radius:0;cursor:pointer; } html body .inv-topfilters .inv-filter-btn:hover{background:var(--rf-cream)} html body .inv-topfilters{flex-wrap:wrap;row-gap:8px} } @media (max-width:899px){ html body .inv-topfilters .inv-tf-tail{margin-left:0} } html body .inv-smart-row{ padding:0; margin:0 0 clamp(10px,1.2vw,16px); } html body .inv-topfilters{margin:0 0 clamp(12px,1.4vw,18px)} html body #inquire-view .inq-wrap-solo{ grid-template-columns:minmax(0,1fr); max-width:620px; } html body #inquire-view .inq-wrap-solo .inq-main{grid-column:1} html body #inquire-view .inq-quick{gap:12px} html body #inquire-view .inq-q{min-width:0} html body #inquire-view .inq-qv{overflow-wrap:anywhere;white-space:normal} @media (max-width:519px){ html body #inquire-view .inq-quick{grid-template-columns:minmax(0,1fr)} } html body .fin-more .btn.navy{ background:var(--rf-white,#fff); color:var(--rf-dark,#1F2956); border:1px solid var(--rf-white,#fff); } html body .fin-more .btn.navy:hover{ background:var(--rf-cream,#f6f3ec); border-color:var(--rf-cream,#f6f3ec); color:var(--rf-dark,#1F2956); } html body #team-view .tm-hero{ background:var(--rf-dark,#1F2956);color:#fff; padding:clamp(52px,6vw,92px) 0 clamp(32px,4vw,52px); } html body #team-view .tm-hero .kick{color:rgba(255,255,255,.62)} html body #team-view .tm-lede{ margin:14px 0 0;max-width:56ch; font-size:16px;line-height:1.6;color:rgba(255,255,255,.78); } html body #team-view .tm-people{padding:clamp(36px,4.5vw,64px) 0 clamp(16px,2vw,28px)} html body #team-view .ab-teamgrid, html body #about-view .ab-teamgrid{ grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr)); max-width:1180px; } @media (min-width:1000px){ html body #team-view .ab-teamgrid{grid-template-columns:repeat(6,minmax(0,1fr))} } html body #team-view .tm-hiring{ background:var(--rf-dark,#1F2956);color:#fff; margin-top:clamp(28px,3.5vw,48px); padding:clamp(40px,5vw,72px) 0; } html body #team-view .tm-hiring .kick{color:rgba(255,255,255,.62)} html body #team-view .tm-hiring h2{margin:8px 0 0;color:#fff;max-width:22ch} html body #team-view .tm-hp{ margin:14px 0 22px;max-width:60ch; font-size:16px;line-height:1.65;color:rgba(255,255,255,.80); } html body #team-view .tm-hp b{color:#fff} html body #team-view .tm-hacts{margin:0;display:flex;flex-wrap:wrap;gap:10px} html body #about-view .ab-teamh{ margin:8px 0 18px;max-width:26ch; } html body .dir-film{ margin:clamp(28px,3.5vw,48px) 0 0; } html body .dir-film .dir-filmv, html body .dir-film video{ width:100%;display:block; aspect-ratio:16/9;object-fit:cover; border:var(--rule);background:var(--rf-dark,#1F2956); } html body .dir-closer{padding-bottom:clamp(28px,3.5vw,48px)} html body .dir-closer .btn.navy, html body .ab-closer .btn.navy{ background:var(--rf-white,#fff); color:var(--rf-dark,#1F2956); border:1px solid var(--rf-white,#fff); } html body .dir-closer .btn.navy:hover, html body .ab-closer .btn.navy:hover{ background:var(--rf-cream,#f6f3ec); border-color:var(--rf-cream,#f6f3ec); } html body #team-view .tm-hero .kick{ margin:0 0 clamp(10px,1.1vw,16px); color:rgba(255,255,255,.60); } html body #team-view .tm-hero h1{margin:0;max-width:18ch} html body #team-view .tm-hero{ position:relative;isolation:isolate;overflow:hidden; min-height:clamp(300px,34vw,440px); display:flex;align-items:flex-end; padding:0 0 clamp(30px,4vw,56px); } html body #team-view .tm-hero .tm-herov, html body #team-view .tm-hero video{ position:absolute;inset:0;z-index:-2; width:100%;height:100%;object-fit:cover; } html body #team-view .tm-hero::after{ content:'';position:absolute;inset:0;z-index:-1; background:linear-gradient(to top, rgba(20,24,36,.92) 0%, rgba(20,24,36,.72) 45%, rgba(20,24,36,.42) 100%); } html body #team-view .tm-hero .wrap{position:relative;width:100%} html body .ab-teamgrid article:not(:has(img))::before{ content:attr(data-initial); background-image:none; display:grid;place-items:center; width:100%;aspect-ratio:4/5;margin-bottom:6px; border:1px solid var(--rf-grey,#A9A9A9); background-color:var(--rf-cream,#f6f3ec); font-family:var(--font-display); font-weight:800; font-size:clamp(26px,3.4vw,44px); line-height:1; letter-spacing:.02em; color:var(--rf-grey,#A9A9A9); } html body #team-view .tm-hiring h2{max-width:18ch} html body #team-view .tm-hp{margin:12px 0 22px;max-width:46ch} html body #team-view .tm-hero{ position:relative;isolation:isolate;overflow:hidden; background:var(--rf-dark,#1F2956); } html body #team-view .tm-hero .tm-herov, html body #team-view .tm-hero video{ position:absolute;inset:0;z-index:0; width:100%;height:100%;object-fit:cover; pointer-events:none; } html body #team-view .tm-hero::after{ content:'';position:absolute;inset:0;z-index:1; background:linear-gradient(to top, rgba(20,24,36,.92) 0%, rgba(20,24,36,.70) 45%, rgba(20,24,36,.40) 100%); } html body #team-view .tm-hero .wrap{position:relative;z-index:2;width:100%} html body .rf-feed{overscroll-behavior-y:contain} html body .rf-feed .rfm{scroll-snap-stop:always} html:has(body.feed){scroll-snap-type:y mandatory} html body.feed .rf-feed{scroll-snap-align:start;scroll-snap-stop:always} html body.feed > footer{scroll-snap-align:end;scroll-snap-stop:always} html body .cardgal{overflow:hidden} html body .cardgal img[src*="ryanfriedmanmotorcars.com"]{ transform:scale(1.10); transform-origin:top center; object-position:center top !important; } html body .cardgal .card-dashes{ left:12px !important;right:12px !important;bottom:10px !important; gap:0 !important; height:3px; background:rgba(255,255,255,.26); box-shadow:0 1px 3px rgba(0,0,0,.35); } html body .card-dashes > button, html body .card-dashes > .cdash, html body .cardgal .card-dashes > button.cdash{ flex:1 1 0 !important; width:auto !important; max-width:none !important; min-width:0 !important; height:14px !important; min-height:14px !important; padding:5.5px 0 !important; background-color:transparent !important; margin-top:-5.5px !important; } html body .cardgal .card-dashes > button.on, html body .cardgal .card-dashes > .cdash.on{background-color:#fff !important} html body .card .body{padding:14px 16px 0} html body .card .cmeta{ display:grid !important; grid-template-columns:1fr 1fr; gap:0 !important; margin:12px -16px 0 !important; border-top:1px solid rgba(20,24,36,.10); } html body .card .cmeta .sp-dot{display:none !important} html body .card .cmeta .cm-x{ display:flex;align-items:center;gap:7px;min-width:0; padding:9px 16px; border-bottom:1px solid rgba(20,24,36,.10); font-size:11px;letter-spacing:.07em;text-transform:uppercase; font-variant-numeric:tabular-nums; } html body .card .cmeta .cm-x > span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} html body .card .cmeta .cm-x:nth-child(odd){border-right:1px solid rgba(20,24,36,.10)} html body .card .cmeta .cm-x:last-child:nth-child(odd){grid-column:1 / -1;border-right:0} html body .card .cmeta .cm-x:last-child, html body .card .cmeta .cm-x:nth-last-child(2):nth-child(odd){border-bottom:0} html body .tm-hiring .tm-hacts{ display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:26px; } html body .tm-hiring .tm-hacts > .btn{margin:0} html body .tm-hiring .tm-hacts .btn.navy{ background:#fff !important; color:var(--rf-dark,#1F2956) !important; border:1px solid #fff !important; } html body .tm-hiring .tm-hacts .btn.navy:hover, html body .tm-hiring .tm-hacts .btn.navy:focus-visible{ background:var(--rf-cream,#f6f3ec) !important; border-color:var(--rf-cream,#f6f3ec) !important; } html body .tm-hiring .tm-hacts .btn.ghost{ background:transparent !important; color:#fff !important; border:1px solid rgba(255,255,255,.42) !important; } html body .tm-hiring .tm-hacts .btn.ghost:hover, html body .tm-hiring .tm-hacts .btn.ghost:focus-visible{ background:rgba(255,255,255,.10) !important; border-color:rgba(255,255,255,.75) !important; } html body .cx .cx-body::before{content:none !important;display:none !important} html body .cx .cx-body{justify-content:flex-start} html body .ask-fab{ box-shadow:0 10px 28px rgba(15,20,38,.30),0 2px 6px rgba(15,20,38,.18) !important; width:58px;height:58px; } html body .ask-fab:hover{transform:translateY(-2px)} html body .ask-fab svg{width:25px !important;height:25px !important;fill:none !important} html body .cx .cx-ask{padding:12px 14px 14px;gap:10px;align-items:stretch} html body .cx .cx-ask button[type="submit"]{ width:50px;min-width:50px;height:50px;flex:0 0 50px; border:0;border-radius:3px;display:grid;place-items:center; transition:background .14s ease,opacity .14s ease; } html body .cx .cx-ask button[type="submit"]:disabled{ background:var(--rf-dark,#1F2956) !important; opacity:.28 !important; cursor:default; } html body .cx .cx-ask button[type="submit"] svg{width:21px !important;height:21px !important} html body .cx .cx-msg.cx-dots{ display:inline-flex;align-items:center;gap:9px; padding:11px 14px;align-self:flex-start;max-width:none; } html body .cx .cx-msg.cx-dots::after{ content:"The desk is typing"; font-size:11px;letter-spacing:.13em;text-transform:uppercase;font-weight:600; color:rgba(20,24,36,.42); } html body .cx .cx-dots i{width:6px;height:6px;background:#1F2956;opacity:.55} @media (prefers-reduced-motion:reduce){ html body .cx .cx-dots i{animation:none !important;opacity:.45} html body .ask-fab:hover{transform:none} } html body .cx .cx-quick{display:flex;flex-direction:column;gap:8px;margin-top:4px} html body .cx .cx-quick button{ width:100%; display:flex;align-items:center;justify-content:space-between;gap:12px; text-align:left; padding:13px 14px !important; font-size:13.5px !important;font-weight:600; background:#fff !important;color:#1F2956 !important; border:1px solid rgba(27,47,82,.18) !important; border-radius:3px !important; } html body .cx .cx-quick button::after{ content:"";flex:none;width:7px;height:7px; border-right:1.6px solid currentColor;border-top:1.6px solid currentColor; transform:rotate(45deg);opacity:.42; transition:transform .14s ease,opacity .14s ease; } html body .cx .cx-quick button:hover{ background:#1F2956 !important;color:#fff !important; border-color:#1F2956 !important; } html body .cx .cx-quick button:hover::after{opacity:.9;transform:rotate(45deg) translate(2px,-2px)} html body .cx .cx-cars{display:flex;flex-direction:column;gap:8px} html body .cx .cx-car{ display:flex !important; grid-template-columns:none !important; align-items:stretch;gap:0; padding:0 !important; border:1px solid rgba(20,24,36,.13) !important; background:#fff;overflow:hidden; transition:border-color .14s ease,box-shadow .14s ease; } html body .cx .cx-car:hover{ border-color:rgba(31,41,86,.42) !important; box-shadow:0 2px 10px rgba(20,24,36,.10); } html body .cx .cx-car .cx-car-ph{ flex:0 0 118px;width:118px;height:auto;align-self:stretch;min-height:80px; background-color:#1F2956;background-size:cover;background-position:center; } html body .cx .cx-car .cx-car-m{ flex:1 1 auto;min-width:0; display:flex;flex-direction:column;justify-content:center;gap:5px; padding:11px 13px; } html body .cx .cx-car .cx-car-m b{ font-family:var(--font-display);font-weight:700; font-size:13.5px;line-height:1.25;color:var(--rf-ink,#393B44); display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; } html body .cx .cx-car .cx-car-m > span{ font-size:11.5px;letter-spacing:.06em;text-transform:uppercase; color:#6b6a64;font-variant-numeric:tabular-nums; } html body .cx .cx-body > .cx-msg.bot:first-of-type{position:relative;margin-top:20px} html body .cardgal{aspect-ratio:16/9 !important;overflow:hidden} html body .cardgal img, html body .cardgal .ph{ transform:none !important; object-fit:cover !important; object-position:center top !important; width:100% !important;height:100% !important; } html body .inv-main .cardgal .ph{object-position:center top !important} html body .cardgal .card-dashes{bottom:9px !important} html body .fleetgrid .imgwrap, html body .inv-main .fleetgrid .imgwrap, html body #archive-view .fleetgrid .imgwrap, html body .recrail-track .imgwrap, html body .sell-proof-grid .imgwrap, html body .pdp-more .imgwrap{aspect-ratio:16 / 9 !important} html body .cardgal{aspect-ratio:auto !important;position:absolute;inset:0} html body .fleetgrid .imgwrap .ph, html body .pdp-more .imgwrap .ph, html body .recrail-track .imgwrap .ph, html body .sell-proof-grid .imgwrap .ph{object-position:center top !important} @media (min-width:1000px){ html body .inv-main .fleetgrid, html body #archive-view .fleetgrid{ grid-template-columns:repeat(3,minmax(0,1fr)) !important; } } html body{ --s12:40px; --s16:48px; --s24:64px; } @media (max-width:639px){ html body .ab-teamgrid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:12px !important} html body .ab-teamgrid b{font-size:14px;line-height:1.2} html body .ab-teamgrid span{font-size:11.5px !important;line-height:1.3} } html body #team-view .tm-hero h1{ font-size:clamp(30px,6.4vw,58px);line-height:1.02;max-width:16ch; } html body #team-view .tm-hiring h2{font-size:clamp(26px,5.4vw,46px);line-height:1.04} html body #team-view .tm-hiring{padding:clamp(34px,4.4vw,56px) 0 clamp(34px,4.4vw,56px)} html body #team-view .tm-hiring .tm-hp{margin-bottom:0} html body #team-view .tm-people{padding-bottom:clamp(28px,3vw,44px)} html body .fin-termrow{ display:grid !important; grid-template-columns:repeat(6,minmax(0,1fr)) !important; gap:8px !important; } html body .fin-term{ width:100% !important;min-width:0 !important; display:flex;align-items:baseline;justify-content:center;gap:4px; padding:15px 6px !important;font-size:16px !important; font-variant-numeric:tabular-nums; } html body .fin-term span{font-size:11.5px;opacity:.62} @media (max-width:520px){ html body .fin-termrow{grid-template-columns:repeat(3,minmax(0,1fr)) !important} } html body .menudrawer .md-logo img{height:46px !important;width:auto} html body .menudrawer .md-logo{padding:18px 20px !important} html body .rv-band{padding-top:clamp(28px,3.2vw,44px) !important} html body .rv-band .rv-hd{margin-bottom:clamp(14px,1.6vw,22px)} html body .rv-card{cursor:pointer;transition:border-color .14s ease,box-shadow .14s ease} html body .rv-card:hover{border-color:rgba(31,41,86,.4);box-shadow:0 2px 12px rgba(20,24,36,.09)} html body .card .cprice{ font-family:var(--font-ui) !important; font-weight:600 !important; font-size:14.5px !important; color:#5A6172 !important; } html body .card .cprice.is-sold{font-size:11px !important;color:var(--rf-slate) !important} html body .pdp-bar-price .pb-v, html body .pdp-bar-price > span:not(.pb-k), html body .pdp-bar-price strong{ font-family:var(--font-ui) !important; font-weight:600 !important; font-size:17px !important; color:#5A6172 !important; } html body.feed{background:#000 !important} html body.feed #main,html body.feed main{margin-top:0 !important;padding-top:0 !important} html body.feed .vh{position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(0 0 0 0);margin:0 !important} html body .cx .cx-body > .cx-msg.bot:first-of-type::before{content:"The crew" !important} html body .shop-ed .ec-img, html body .shop-ed .ecard.has-life .ec-img{ aspect-ratio:1/1 !important; background-color:#f4f2ec !important; background-size:contain !important; background-position:center !important; background-repeat:no-repeat !important; } html body .shop-ed .ec-blurb{display:none !important} html body .shop-ed .ec-body{ padding:0 !important;display:flex;flex-direction:column;gap:0 !important;flex:1; } html body .shop-ed .ec-top{ display:flex;align-items:baseline;justify-content:space-between;gap:12px; padding:13px 14px 12px !important;flex:1; } html body .shop-ed .ec-name{ font-family:var(--font-display);font-weight:700 !important; font-size:14.5px !important;line-height:1.25 !important; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; } html body .shop-ed .ec-price{ font-family:var(--font-ui) !important;font-weight:600 !important; font-size:14.5px !important;color:#5A6172 !important;letter-spacing:0 !important; } html body .shop-ed .ec-cta{ margin-top:0 !important;padding:9px 14px !important; border-top:1px solid rgba(20,24,36,.10); font-size:11px !important;letter-spacing:.09em;justify-content:space-between; } html body .menudrawer .md-more{ display:grid;grid-template-columns:1fr 1fr; border-top:1px solid rgba(20,24,36,.10);background:#fff; } html body .menudrawer .md-more a{ padding:14px var(--page-x);font-size:14px;font-weight:600;color:#5A6172; border-bottom:1px solid rgba(20,24,36,.07); } html body .menudrawer .md-more a:nth-child(odd){border-right:1px solid rgba(20,24,36,.07)} html body .menudrawer .md-more a:hover{background:var(--rf-cream);color:var(--rf-ink);text-decoration:none} html body .menudrawer .md-ask{ display:flex;align-items:center;gap:12px;width:100%; padding:16px var(--page-x);border:0;border-bottom:1px solid rgba(20,24,36,.10); background:var(--rf-dark,#1F2956);color:#fff; font:inherit;font-size:15px;font-weight:600;text-align:left;cursor:pointer; } html body .menudrawer .md-ask svg{width:21px;height:21px;flex:none} html body .menudrawer .md-ask span{flex:1;min-width:0} html body .menudrawer .md-ask i{font-style:normal;opacity:.6} html body .menudrawer .md-ask:hover{background:#16274a} html body .fin-films{margin:clamp(30px,3.6vw,52px) 0 0} html body .fin-films h2{margin:2px 0 clamp(14px,1.6vw,20px);font-size:clamp(24px,3vw,36px)} html body .fin-filmgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.2vw,18px)} html body .fin-film{ display:flex;flex-direction:column;text-decoration:none;color:inherit; border:1px solid rgba(20,24,36,.13);background:#fff;overflow:hidden; transition:border-color .14s ease,box-shadow .14s ease; } html body .fin-film:hover{border-color:rgba(31,41,86,.42);box-shadow:0 3px 14px rgba(20,24,36,.10)} html body .fin-film-v{display:block;position:relative;aspect-ratio:9/16;background:#0d1119;overflow:hidden} html body .fin-film-v video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} html body .fin-film-m{display:flex;flex-direction:column;gap:5px;padding:11px 13px 13px} html body .fin-film-m b{font-family:var(--font-display);font-weight:700;font-size:14px;line-height:1.25} html body .fin-film-m > span{ display:flex;align-items:baseline;justify-content:space-between;gap:10px; font-size:12.5px;color:#5A6172;font-variant-numeric:tabular-nums; } html body .fin-film-m i{font-style:normal;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--rf-dark,#1F2956)} @media (max-width:700px){ html body .fin-filmgrid{grid-template-columns:1fr 1fr} html body .fin-filmgrid > :nth-child(3){display:none} } html body .pth{position:relative;overflow:hidden;padding:0;background:#e9e5da} html body .pth img{ position:absolute;inset:0;width:100%;height:100%; object-fit:cover;object-position:center;display:block; pointer-events:none; } html body .sell-card label{display:block !important;margin:0} html body .sell-card label > .opt{ display:inline !important;margin-left:6px; font-size:11px;letter-spacing:.06em;text-transform:none;color:#6f6a5e;font-weight:500; } html body .sell-card label > input, html body .sell-card label > select, html body .sell-card label > textarea{ display:block;width:100%;margin-top:7px;box-sizing:border-box; } html body .sell-card .row2{ display:grid;grid-template-columns:1fr 1fr; gap:14px 16px;margin:0 0 16px; } html body .sell-card > label{margin-bottom:16px} html body .sell-card .sf-sec{ border:0;padding:0;margin:clamp(20px,2.4vw,30px) 0 0; } html body .sell-card .sf-sec > legend{ padding:0 0 12px;margin:0;width:100%; font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700; color:#5A6172;border-bottom:1px solid rgba(20,24,36,.10); } html body .sell-card .sf-sec > .row2:first-of-type{margin-top:16px} @media (max-width:560px){ html body .sell-card .row2{grid-template-columns:1fr;gap:0} html body .sell-card .row2 > label{margin-bottom:16px} } html body .card .titlerow{flex-wrap:nowrap !important;align-items:baseline} html body .card .titlerow h3{min-width:0;flex:1 1 auto} html body .card .cprice{flex:0 0 auto;white-space:nowrap} html body .dir-closer .btn.navy, html body .ab-closer .btn.navy, html body .sell-closer .btn.navy, html body .fin-page > section:last-of-type .btn.navy, html body .svc-page > section:last-of-type .btn.navy{ background:#fff !important; border-color:#fff !important; color:var(--rf-dark,#1F2956) !important; } html body .dir-closer .btn.ghost, html body .ab-closer .btn.ghost, html body .sell-closer .btn.ghost{ background:transparent !important; color:#fff !important; border:1px solid rgba(255,255,255,.42) !important; } html body .dir-closer p:last-of-type, html body .ab-closer p:last-of-type{ display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:0; } html body .dir-closer{padding-bottom:clamp(26px,3vw,40px)} html body .dir-page > section.dir-closer + *{margin-top:0} html body .rf-tabwrap > button.rf-ask::after{ animation-fill-mode:backwards !important; } html body.has-pdpbar .rf-tabwrap > button.rf-ask::after{ content:none !important;animation:none !important; } html body .pdp-collage{ --collage-h:min(78vh,840px); padding-left:clamp(8px,1.1vw,14px) !important; padding-right:clamp(8px,1.1vw,14px) !important; scroll-padding-left:clamp(8px,1.1vw,14px) !important; scroll-padding-right:clamp(8px,1.1vw,14px) !important; } html body .menudrawer .md-top{min-height:60px;padding-top:6px;padding-bottom:6px} html body .menudrawer .md-more{background:var(--rf-cream,#f6f3ec)} html body .menudrawer .md-more a{ background:transparent; border-bottom:1px solid rgba(20,24,36,.10); font-size:14.5px;letter-spacing:.01em; } html body .menudrawer .md-more a:hover{background:#fff;color:var(--rf-ink)} html body .menudrawer .md-foot{ padding-left:calc(var(--page-x) + 1px); padding-right:calc(var(--page-x) + 1px); } html body .menudrawer .md-foot .btn{box-sizing:border-box;min-width:0} html body .menudrawer .md-foot .btn.ghost{ border:1px solid rgba(20,24,36,.28) !important; background:#fff !important; } html body .cx .cx-msg.cx-dots::after{content:"The crew is typing" !important} html body .cx .cx-hd{ display:flex;align-items:center;gap:11px; padding:12px 14px 12px 16px; } html body .cx .cx-av{ flex:0 0 38px;width:38px;height:38px;border-radius:999px; display:grid;place-items:center; background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.28); color:#fff;font-family:var(--font-display);font-weight:800; font-size:13px;letter-spacing:.06em; } html body .cx .cx-who{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0} html body .cx .cx-hd b{font-size:15.5px;line-height:1.15} html body .cx .cx-hd .cx-who > span{ font-size:11.5px;color:rgba(255,255,255,.62); overflow:hidden;text-overflow:ellipsis;white-space:nowrap; } html body .cx .cx-call{ flex:none;width:38px;height:38px;display:grid;place-items:center; color:#fff;opacity:.82;border-radius:999px; } html body .cx .cx-call:hover{opacity:1;background:rgba(255,255,255,.12)} html body .cx .cx-call svg{width:19px;height:19px} html body .cx .cx-hd button{opacity:.7;font-size:26px} html body .cx .cx-typerow{display:flex;align-items:flex-end;gap:9px} html body .cx .cx-av.sm{ flex:0 0 28px;width:28px;height:28px;font-size:10.5px; background:rgba(31,41,86,.10);border-color:rgba(31,41,86,.22); color:var(--rf-dark,#1F2956); } html body .cx .cx-typerow .cx-msg.cx-dots{margin:0} html body .cx .cx-ask button[type="submit"] svg{width:23px !important;height:23px !important} html body .cx .cx-ask button[type="submit"]{border-radius:999px !important} html body .cx .cx-ask input{border-radius:999px !important;padding:0 18px !important} html body .cx .cx-car .cx-car-ph{flex:0 0 148px;width:148px;min-height:98px} html body .cx .cx-car .cx-car-m b{font-size:14.5px} html body .cx .cx-car .cx-car-m{gap:6px;padding:12px 14px} html body .pc-band .pc-opt{ display:flex;align-items:flex-start;gap:10px; margin:4px 0 2px;font-size:12.5px;line-height:1.45;color:#5A6172; cursor:pointer; } html body .pc-band .pc-opt input{ flex:0 0 18px;width:18px;height:18px;margin:1px 0 0;accent-color:var(--rf-dark,#1F2956); } html body .pc-band .pc-ft{ display:inline-flex;align-items:center;gap:8px; margin-left:12px;font-size:13px;font-weight:600; color:var(--rf-dark,#1F2956);text-decoration:underline;text-underline-offset:3px; } html body .pc-band .pc-fine{font-size:12px;color:#6f6a5e;margin-top:10px} html body .pc-band .pc-fine a{color:inherit} html body .cx .cx-car .cx-car-ph{ flex:0 0 175px !important;width:175px !important; background-position:center top !important; background-size:cover !important; } html body .cx .cx-ask input, html body .cx .cx-ask button[type="submit"]{border-radius:0 !important} html body .cx .cx-ask input{padding:0 14px !important} html body .cx .cx-ask button[type="submit"]{ background:var(--rf-accent,#006ED4) !important; border:0 !important; opacity:1; transition:opacity .14s ease,background .14s ease; } html body .cx .cx-ask button[type="submit"] svg{ stroke:#fff !important;color:#fff !important; } html body .cx .cx-ask button[type="submit"]:hover:not(:disabled){ background:#0086FF !important; } html body .cx .cx-ask button[type="submit"]:disabled{ background:var(--rf-accent,#006ED4) !important; opacity:.34 !important; cursor:default; } html body .cx .cx-typerow{align-items:center;gap:10px} html body .cx .cx-msg.cx-dots{ background:#fff !important; border:1px solid rgba(20,24,36,.09) !important; box-shadow:0 1px 2px rgba(20,24,36,.05) !important; padding:12px 15px !important; display:inline-flex !important;align-items:center;gap:6px; max-width:none;width:auto; } html body .cx .cx-msg.cx-dots::after{content:none !important} html body .cx .cx-dots i{ width:7px;height:7px;border-radius:50%; background:var(--rf-dark,#1F2956);opacity:.38; } html body .dir-closer p:last-of-type, html body .ab-closer p:last-of-type{ display:block;justify-content:initial;align-items:initial;gap:initial; } html body .dir-closer p:has(> .btn), html body .ab-closer p:has(> .btn), html body .sell-closer p:has(> .btn){ display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:0; } html body .dir-closer p:has(> .btn){justify-content:flex-start} html body .ab-closer p:has(> .btn), html body .sell-closer p:has(> .btn){justify-content:center} html body .ab-closer .ab-soon, html body .ab-closer .ab-places, html body .ab-closer .ab-sign{text-align:center;display:block} html body .ab-closer .ab-go, html body .sell-closer .ab-go{ color:#fff !important; display:inline-block; margin:22px 0 30px; font-family:var(--font-display);font-weight:700; font-size:clamp(17px,1.7vw,23px); text-decoration:underline;text-underline-offset:6px; text-decoration-thickness:1px; text-decoration-color:rgba(255,255,255,.42); } html body .ab-closer .ab-go:hover{text-decoration-color:#fff} html body .ab-closer .ab-sign{margin-top:0} html body .fdrawer-open{ display:flex;align-items:center;gap:10px;width:100%; padding:14px var(--stk-x,16px); border:0;border-top:var(--stk-rule,1px solid rgba(20,24,36,.10)); background:transparent;color:var(--rf-ink,#393B44); font:inherit;font-size:14px;font-weight:600;text-align:left;cursor:pointer; transition:background .14s ease; } html body .fdrawer-open:hover{background:rgba(31,41,86,.05)} html body .fdrawer-open svg{width:19px;height:19px;flex:none;color:var(--rf-dark,#1F2956)} html body .fdrawer-open span{flex:1;min-width:0} html body .fdrawer-open i{font-style:normal;opacity:.45} html body .fdrawer-scrim{ position:fixed;inset:0;z-index:210;background:rgba(10,13,22,.52); opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease; } html body .fdrawer-scrim.on{opacity:1;visibility:visible} html body .fdrawer{ position:fixed;top:0;left:0;bottom:0;z-index:211; width:min(520px,94vw); display:flex;flex-direction:column; background:var(--rf-paper,#fbf9f4); border-right:1px solid rgba(20,24,36,.14); transform:translateX(-100%); transition:transform .26s cubic-bezier(.22,.61,.36,1); visibility:hidden; } html body .fdrawer.on{transform:translateX(0);visibility:visible} @media (prefers-reduced-motion:reduce){ html body .fdrawer{transition:none} } html body .fdrawer:focus{outline:none} html body .fdrawer-hd{ flex:none;display:flex;align-items:center;justify-content:space-between;gap:14px; padding:14px 18px;background:var(--rf-dark,#1F2956);color:#fff; } html body .fdrawer-hd .kick{margin:0 0 3px;color:rgba(255,255,255,.6);font-size:10px} html body .fdrawer-hd b{font-size:15px;line-height:1.2;display:block} html body .fdrawer-hd button{ border:0;background:transparent;color:#fff;font-size:26px;line-height:1; cursor:pointer;min-width:40px;min-height:40px;opacity:.75; } html body .fdrawer-hd button:hover{opacity:1} html body .fdrawer-body{ flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch; padding:18px; } html body .fdrawer-body .fin-card, html body .fdrawer-body .fincalc{margin:0} html body .fdrawer-foot{ margin:16px 0 0;padding-top:14px; border-top:1px solid rgba(20,24,36,.10); font-size:13px; } html body .fdrawer-foot a{color:var(--rf-accent,#006ED4);font-weight:600} html body .ab-closer > .wrap{ display:flex;flex-direction:column;align-items:center; gap:0;text-align:center; } html body .ab-closer > .wrap > *{margin:0 !important} html body .ab-closer h2{margin-bottom:clamp(22px,2.6vw,34px) !important;max-width:20ch} html body .ab-closer .ab-creed{ display:flex;flex-direction:column;gap:clamp(8px,1vw,13px); margin-bottom:clamp(26px,3vw,40px) !important; } html body .ab-closer .ab-go{ margin-bottom:clamp(38px,4.6vw,64px) !important; } html body .ab-closer .ab-sign{ display:block;height:clamp(52px,5.4vw,78px);width:auto; filter:brightness(0) invert(1); opacity:.95; margin-bottom:clamp(14px,1.6vw,20px) !important; } html body .ab-closer .ab-places{margin-bottom:6px !important} html body .ab-closer .ab-soon{margin-bottom:clamp(24px,2.8vw,36px) !important} html body .ab-closer .cta{margin:0 !important} html body .fdrawer{ left:auto !important;right:0 !important; border-right:0 !important; border-left:1px solid rgba(20,24,36,.14); width:min(560px,96vw) !important; transform:translateX(100%); } html body .fdrawer.on{transform:translateX(0)} html body .fdrawer .fin-wrap{margin:0;padding:0;max-width:none} html body .fdrawer .fin-grid{ display:flex !important;flex-direction:column !important; grid-template-columns:none !important; gap:0 !important; } html body .fdrawer .fin-inputs{ display:grid !important; grid-template-columns:1fr 1fr; gap:14px 14px;width:100%;min-width:0; } html body .fdrawer .fin-f{min-width:0;margin:0} html body .fdrawer .fin-f .sf-ey{ display:block;margin:0 0 6px;white-space:normal; font-size:10.5px;letter-spacing:.13em; } html body .fdrawer .fin-f input, html body .fdrawer .fin-f select{ width:100% !important;min-width:0 !important;max-width:none !important; height:46px;box-sizing:border-box; } html body .fdrawer .fin-f.fin-terms{grid-column:1 / -1} html body .fdrawer .fin-termrow{ display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px !important;width:100%; } html body .fdrawer .fin-term{ width:100% !important;max-width:none !important;min-width:0 !important; padding:13px 4px !important;font-size:15px !important; } html body .fdrawer .fin-out{ position:static !important;width:100% !important;margin:18px 0 0 !important; box-sizing:border-box; } html body .fdrawer .fin-send{margin-top:18px} html body .fdrawer .fin-sendrow{display:flex;flex-wrap:wrap;gap:10px} html body .fdrawer .fin-sendrow > *{flex:1 1 180px;min-width:0} html body .fdrawer .fin-foot{margin-top:14px;font-size:13px} html body .inv-topfilters{ display:flex !important;flex-wrap:wrap;align-items:center; gap:10px;width:100%; } html body .inv-topfilters .inv-tf-group, html body .inv-topfilters .inv-filter-btn{flex:0 0 auto} html body .inv-topfilters .inv-tf-tail{ margin-left:auto; display:inline-flex;align-items:center;gap:12px;flex:0 0 auto; } html body .inv-topfilters .inv-sort-wrap{ margin-left:0 !important;flex:0 0 auto;width:auto; } html body .inv-topfilters .inv-result-count{ margin:0 !important;display:inline-block; font-size:13px;font-weight:600;color:var(--rf-slate); font-variant-numeric:tabular-nums;white-space:nowrap; } html body .inv-topfilters .inv-clearall, html body .inv-topfilters .inv-tf-clear{ display:inline-flex !important;align-items:center;gap:7px; height:34px;padding:0 13px;margin:0 !important; border:1px solid var(--rf-dark,#1F2956) !important; background:var(--rf-dark,#1F2956) !important;color:#fff !important; font-family:var(--font-ui);font-size:12px;font-weight:700; letter-spacing:.04em;cursor:pointer;white-space:nowrap; } html body .inv-topfilters .inv-clearall::before, html body .inv-topfilters .inv-tf-clear::before{ content:"";width:11px;height:11px;flex:none; background:currentColor; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M5 5l14 14M19 5L5 19'/%3E%3C/svg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M5 5l14 14M19 5L5 19'/%3E%3C/svg%3E") center/contain no-repeat; } html body .inv-topfilters .inv-clearall:hover, html body .inv-topfilters .inv-tf-clear:hover{background:#16274a !important} @media (max-width:720px){ html body .inv-topfilters .inv-tf-tail{ order:9;margin-left:0;width:100%;justify-content:space-between; } html body .inv-topfilters .inv-sort-wrap{order:10;width:100%;flex:1 1 100%} } html body.feed .rf-feed{ height:100dvh !important;background:#000 !important; } html body.feed .rf-feed .rfm{ height:100dvh !important;min-height:100dvh !important;max-height:100dvh !important; background:#000 !important;overflow:hidden !important; } html body.feed .rf-feed .rfm-media, html body.feed .rf-feed .rfm-media-v, html body.feed .rf-feed .rfm-media > *, html body.feed .rf-feed .rfm-media-v > *, html body.feed .rf-feed .rfm video, html body.feed .rf-feed .rfm img.rfm-img{ position:absolute !important; inset:0 !important; top:0 !important;left:0 !important;right:0 !important;bottom:0 !important; width:100% !important;height:100% !important; min-height:0 !important;max-height:none !important; object-fit:cover !important;object-position:center !important; } html body.feed .rf-feed .rfm .rfm-scrim{position:absolute !important;inset:0 !important;height:100% !important} html body.feed footer{background:#000} html body .ab-closer .ab-places{ display:flex;flex-direction:column;gap:5px;align-items:center; line-height:1.5; } html body .ab-closer .ab-places i{ font-style:normal;opacity:.62;letter-spacing:.12em;font-size:.86em; } html body .inq-opt{ display:flex;align-items:flex-start;gap:10px; margin:2px 0 4px;font-size:13px;line-height:1.45;color:#5A6172;cursor:pointer; } html body .inq-opt input{ flex:0 0 18px;width:18px;height:18px;margin:1px 0 0; accent-color:var(--rf-dark,#1F2956); } html body .topbar .hdr-search #hs-input:focus, html body .inv-search input:focus, html body input[placeholder*="Search"]:focus{ background:var(--rf-paper,#fbf9f4) !important; color:var(--rf-ink,#393B44) !important; border-color:var(--rf-dark,#1F2956) !important; box-shadow:0 0 0 3px rgba(31,41,86,.16) !important; -webkit-text-fill-color:var(--rf-ink,#393B44); } html body .topbar .hdr-search #hs-input:focus::placeholder, html body .inv-search input:focus::placeholder, html body input[placeholder*="Search"]:focus::placeholder{ color:rgba(20,24,36,.45) !important; } html body .topbar .hdr-search #hs-input, html body .inv-search input, html body input[placeholder*="Search"]{font-size:16px !important} html body .story-hero, html body .fin-storyhero, html body .svc-storyhero, html body .dir-storyhero{ background-repeat:no-repeat !important; background-size:cover !important; background-position:center !important; } html body .story-hero::after, html body .inv-hero::after, html body .shop-ed-hero::after, html body .sv-hero::after{ inset:0 !important;height:100% !important;width:100% !important; } html body .cx .cx-cars{display:flex;flex-direction:column;gap:12px;margin-top:2px} html body .cx .cx-car{ display:block !important; border:1px solid rgba(20,24,36,.13) !important; background:#fff;overflow:hidden;text-decoration:none; transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease; } html body .cx .cx-car:hover{ border-color:rgba(31,41,86,.42) !important; box-shadow:0 4px 16px rgba(20,24,36,.12); } html body .cx .cx-car .cx-car-ph{ position:relative;display:block;width:100% !important;flex:none !important; aspect-ratio:16/9;background:#0d1119;overflow:hidden;min-height:0 !important; } html body .cx .cx-car .cx-car-ph video, html body .cx .cx-car .cx-car-ph img{ position:absolute;inset:0;width:100%;height:100%; object-fit:cover;object-position:center top;display:block; } html body .cx .cx-car .cx-car-tags{ position:absolute;top:9px;left:9px;z-index:2; display:flex;flex-wrap:wrap;gap:5px; } html body .cx .cx-car .cx-car-tags i{ font-style:normal;background:rgba(255,255,255,.94);color:var(--rf-dark,#1F2956); font-size:9.5px;font-weight:800;letter-spacing:.11em;text-transform:uppercase; padding:4px 7px; } html body .cx .cx-car .cx-car-m{ display:grid !important; grid-template-columns:1fr auto; align-items:baseline;gap:2px 12px; padding:11px 13px 12px !important; } html body .cx .cx-car .cx-car-m b{ font-family:var(--font-display);font-weight:700;font-size:14.5px;line-height:1.2; color:var(--rf-ink,#393B44); display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; } html body .cx .cx-car .cx-car-p{ font-family:var(--font-ui);font-weight:600;font-size:13.5px;color:#5A6172; white-space:nowrap;font-variant-numeric:tabular-nums; } html body .cx .cx-car .cx-car-s{ grid-column:1 / -1; font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#6f6a5e; font-variant-numeric:tabular-nums; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; } @media (prefers-reduced-motion:reduce){ html body .cx .cx-car .cx-car-ph video{display:none} } html body .story-hero, html body .fin-storyhero, html body .svc-storyhero, html body .dir-storyhero{overflow:hidden !important;position:relative} html body .story-hero > .story-img, html body .story-hero > .story-vid, html body .story-hero > .story-scrim{ position:absolute !important; top:0 !important;left:0 !important;right:0 !important;bottom:0 !important; width:100% !important;height:100% !important; } html body .sell-storyhero > .story-vid, html body .sell-storyhero > .story-scrim{ height:var(--sh-banner) !important;bottom:auto !important; } html body .fin-termrow{ display:grid !important;grid-template-columns:repeat(6,minmax(0,1fr)); gap:8px !important; } html body .fin-term{ display:flex !important;align-items:center;justify-content:center;gap:5px; width:100% !important;min-width:0 !important;max-width:none !important; height:52px;padding:0 4px !important; font-family:var(--font-ui);font-size:15px !important;font-weight:700; font-variant-numeric:tabular-nums; border:1px solid rgba(20,24,36,.18);background:#fff;color:var(--rf-ink,#393B44); cursor:pointer;transition:border-color .12s ease,background .12s ease,color .12s ease; } html body .fin-term span{ font-size:12px !important;font-weight:500 !important; letter-spacing:.02em !important;opacity:.55 !important; } html body .fin-term:hover{border-color:var(--rf-dark,#1F2956)} html body .fin-term.on{ background:var(--rf-dark,#1F2956) !important; border-color:var(--rf-dark,#1F2956) !important;color:#fff !important; } html body .fin-term.on span{opacity:.7 !important} @media (max-width:560px){ html body .fin-termrow{grid-template-columns:repeat(3,minmax(0,1fr))} html body .fin-term{height:48px} } html body .ab-closer{padding:clamp(56px,7vw,104px) 0 !important} html body .ab-closer > .wrap{ display:block !important; text-align:center; max-width:min(1100px, 92vw); margin:0 auto; } html body .ab-closer > .wrap > *{margin-left:auto;margin-right:auto} html body .ab-closer h2{ font-size:clamp(28px,3.7vw,52px) !important; line-height:1.06 !important; letter-spacing:-.02em; max-width:26ch !important; text-wrap:balance; margin:0 auto clamp(20px,2.2vw,30px) !important; } html body .ab-closer .ab-creed{ display:flex;flex-direction:column;gap:clamp(6px,.7vw,10px); max-width:none !important; margin:0 auto clamp(24px,2.6vw,34px) !important; } html body .ab-closer .ab-creed p{ font-size:clamp(17px,1.75vw,25px) !important; line-height:1.28 !important; max-width:none !important; text-wrap:balance; margin:0 !important; } html body .ab-closer .ab-go{ font-size:clamp(15px,1.35vw,19px) !important; margin:0 auto clamp(30px,3.4vw,46px) !important; } html body .ab-closer .ab-sign{ height:clamp(44px,4.2vw,64px) !important; margin:0 auto clamp(12px,1.3vw,17px) !important; } html body .ab-closer .ab-places{ font-size:12px !important;line-height:1.6; margin:0 auto 5px !important; } html body .ab-closer .ab-soon{ font-size:10.5px !important; margin:0 auto clamp(20px,2.2vw,30px) !important; } html body .ab-closer .cta{ display:flex;justify-content:center;gap:14px;flex-wrap:wrap; margin:0 auto !important; } html body .recrail, html body .pdp-more{--rail-x:clamp(20px,3.2vw,64px)} html body .recrail-hd{ max-width:none !important; margin-left:0 !important;margin-right:0 !important; padding-left:var(--rail-x) !important; padding-right:var(--rail-x) !important; display:flex;align-items:flex-end;justify-content:space-between; gap:24px;flex-wrap:wrap; box-sizing:border-box; } html body .recrail-hd > *{min-width:0} html body .recrail-track, html body .pdp-more .recrail-track, html body .sell-proof-grid.recrail-track{ padding-left:var(--rail-x) !important; padding-right:var(--rail-x) !important; scroll-padding-left:var(--rail-x) !important; scroll-padding-right:var(--rail-x) !important; } html body .recrail{ padding-top:clamp(28px,3.4vw,52px) !important; margin-top:clamp(20px,2.4vw,36px) !important; } html body #team-view .tm-hero .tm-sub{ margin:14px 0 0;max-width:44ch; font-size:clamp(14.5px,1.3vw,17px);line-height:1.5; color:rgba(255,255,255,.78); } html body #team-view .tm-hero h1{max-width:19ch;text-wrap:balance} html body .tm-join{ display:block;text-decoration:none; background:var(--rf-dark,#1F2956);color:#fff; border:1px solid var(--rf-dark,#1F2956); transition:background .15s ease,transform .15s ease; } html body .tm-join:hover{background:#16274a;transform:translateY(-2px)} html body .tm-join .tm-join-in{ display:flex;flex-direction:column;gap:8px; aspect-ratio:4/5;padding:16px 15px; justify-content:flex-end; } html body .tm-join b{ font-family:var(--font-display);font-weight:800; font-size:clamp(19px,1.9vw,26px);line-height:1.05; } html body .tm-join .tm-join-in > span{ font-size:12.5px;line-height:1.42;color:rgba(255,255,255,.74); } html body .tm-join i{font-style:normal;font-size:17px;opacity:.7;margin-top:2px} html body #team-view .tm-hiring .tm-hp{max-width:52ch;margin-left:auto;margin-right:auto} html body #team-view .tm-hiring .tm-hfine{ margin:18px 0 0;font-size:11px;letter-spacing:.14em;text-transform:uppercase; color:rgba(255,255,255,.5); } html body #team-view .tm-hiring{text-align:center} html body #team-view .tm-hiring .tm-hacts{justify-content:center} html body #team-view .tm-hero{ background-color:var(--rf-dark,#1F2956) !important; background-image:url("/media-r/banners/rfmc-horizontal-prob3.jpg?width=1600&quality=72") !important; background-size:cover !important; background-position:center !important; background-repeat:no-repeat !important; } html body .optin{ display:flex;align-items:flex-start;gap:11px; margin:6px 0 2px;cursor:pointer; border:1px solid rgba(20,24,36,.12);background:rgba(20,24,36,.02); padding:12px 13px; } html body .optin input{ flex:0 0 18px;width:18px;height:18px;margin:2px 0 0; accent-color:var(--rf-dark,#1F2956); } html body .optin .optin-t{display:flex;flex-direction:column;gap:5px;min-width:0} html body .optin .optin-t b{ font-size:13.5px;font-weight:600;color:var(--rf-ink,#393B44);line-height:1.35; } html body .optin .optin-fine{ font-size:11px;line-height:1.5;color:#6f6a5e; } html body .optin .optin-fine a{color:inherit;text-decoration:underline} html body .pc-band .optin{ border-color:rgba(20,24,36,.14);background:rgba(255,255,255,.5); } html body .cx .cx-cars{gap:14px;margin-left:-4px;margin-right:-4px} html body .cx .cx-car .cx-car-ph{aspect-ratio:4/3 !important} html body .cx .cx-car .cx-car-m{padding:12px 14px 13px !important;gap:3px 12px} html body .cx .cx-car .cx-car-m b{font-size:16px !important;-webkit-line-clamp:1} html body .cx .cx-car .cx-car-p{font-size:15px !important;color:var(--rf-ink,#393B44) !important} html body .cx .cx-car .cx-car-s{font-size:11.5px !important} html body .cx .cx-car .cx-car-tags i{font-size:10px;padding:5px 8px} html body .cx .cx-body{padding-left:14px !important;padding-right:14px !important} html body .cx .cx-turn.assistant .cx-cars, html body .cx .cx-turn .cx-cars{width:100%} html body .pdp-lightbox .lb-turn{display:none} @media (max-width:900px) and (orientation:portrait){ html body .pdp-lightbox .lb-turn{ display:flex;align-items:center;justify-content:center;gap:9px; position:absolute;left:0;right:0;bottom:calc(env(safe-area-inset-bottom,0px) + 16px); z-index:6;margin:0;pointer-events:none; font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:700; color:rgba(255,255,255,.82); } html body .pdp-lightbox .lb-turn svg{width:19px;height:19px;flex:none} html body .pdp-lightbox .pdp-rail{max-height:64px} } @media (max-width:1000px) and (orientation:landscape){ html body .pdp-lightbox{ padding:0 !important;background:#000 !important; } html body .pdp-lightbox .lightbox-inner{ width:100% !important;max-width:none !important; height:100dvh !important;padding:0 !important;margin:0 !important; } html body .pdp-lightbox .pdp-gal{height:100dvh;display:flex;flex-direction:column} html body .pdp-lightbox .pdp-main{ flex:1 1 auto;min-height:0;height:100dvh !important; aspect-ratio:auto !important;background:#000; } html body .pdp-lightbox .pdp-main img, html body .pdp-lightbox .pdp-reel-vid{ width:100% !important;height:100% !important; object-fit:contain !important; } html body .pdp-lightbox .pdp-rail, html body .pdp-lightbox .pdp-count, html body .pdp-lightbox .pdp-expand{display:none !important} html body .pdp-lightbox .lightbox-close{ top:calc(env(safe-area-inset-top,0px) + 8px); right:calc(env(safe-area-inset-right,0px) + 10px); width:38px;height:38px;font-size:20px;opacity:.62; } html body .pdp-lightbox .pnav{ top:0 !important;bottom:0 !important;height:100% !important; width:26% !important;transform:none !important;border-radius:0 !important; background:transparent !important;color:transparent !important; border:0 !important;box-shadow:none !important; } html body .pdp-lightbox .pnav.prev{left:0 !important} html body .pdp-lightbox .pnav.next{right:0 !important} } html body .menudrawer .md-landed{ flex:none;padding:16px 0 18px;background:#fff; border-top:1px solid rgba(20,24,36,.10); } html body .menudrawer .md-lk{ margin:0 0 11px;padding:0 var(--page-x); font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;font-weight:700; color:var(--rf-slate,#6f6a5e); } html body .menudrawer .md-lrail{ display:flex;gap:10px;overflow-x:auto; padding:0 var(--page-x) 2px; scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch; scrollbar-width:none; } html body .menudrawer .md-lrail::-webkit-scrollbar{display:none} html body .menudrawer .md-lcard{ flex:0 0 152px;scroll-snap-align:start;text-decoration:none;color:inherit; display:block;border:0; } html body .menudrawer .md-lcard img{ width:152px;height:86px;object-fit:cover;object-position:center top; display:block;background:#e9e5da;border:1px solid rgba(20,24,36,.12); } html body .menudrawer .md-lcard b{ display:block;margin:7px 0 1px;font-size:12.5px;line-height:1.25;font-weight:600; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; } html body .menudrawer .md-lcard span{ display:block;font-size:12px;color:var(--rf-slate,#6f6a5e); font-variant-numeric:tabular-nums; } html body .menudrawer .md-groups{flex:none;background:var(--rf-cream,#f6f3ec)} html body .menudrawer .md-grp{border-top:1px solid rgba(20,24,36,.10)} html body .menudrawer .md-grp > summary{ list-style:none;cursor:pointer; display:flex;align-items:center;justify-content:space-between; padding:15px var(--page-x); font-size:14px;font-weight:700;color:var(--rf-ink,#393B44); } html body .menudrawer .md-grp > summary::-webkit-details-marker{display:none} html body .menudrawer .md-grp > summary::after{ content:"";width:9px;height:9px;flex:none; border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor; transform:rotate(45deg) translate(-2px,-2px);opacity:.45; transition:transform .16s ease; } html body .menudrawer .md-grp[open] > summary::after{ transform:rotate(-135deg) translate(-2px,-2px); } html body .menudrawer .md-grp > a{ display:block;padding:11px var(--page-x) 11px calc(var(--page-x) + 2px); font-size:14px;color:#5A6172;text-decoration:none;background:#fff; border-top:1px solid rgba(20,24,36,.06); } html body .menudrawer .md-grp > a:hover{background:var(--rf-cream,#f6f3ec);color:var(--rf-ink,#393B44)} html body .menudrawer .md-grp > a:last-of-type{padding-bottom:14px} html body .menudrawer{overflow-y:auto;-webkit-overflow-scrolling:touch} html body .menudrawer .md-nav{flex:none} html body .cx .cx-hd{ height:64px;padding:0 10px 0 14px;gap:12px; border-bottom:1px solid rgba(255,255,255,.10); } html body .cx .cx-av{flex:0 0 36px;width:36px;height:36px;font-size:12.5px} html body .cx .cx-hd b{font-size:15px;letter-spacing:-.01em;line-height:1.2} html body .cx .cx-hd .cx-who > span{ display:inline-flex;align-items:center;gap:6px; font-size:11.5px;color:rgba(255,255,255,.6); } html body .cx .cx-hd .cx-who > span::before{ content:"";width:6px;height:6px;border-radius:50%;flex:none; background:#46d17f;box-shadow:0 0 0 3px rgba(70,209,127,.18); } html body .cx .cx-call, html body .cx .cx-x{ flex:none;width:40px;height:40px; display:grid;place-items:center; border:0;background:transparent;color:#fff;opacity:.72;cursor:pointer; border-radius:2px;padding:0; transition:opacity .14s ease,background .14s ease; } html body .cx .cx-call svg, html body .cx .cx-x svg{width:20px;height:20px;display:block} html body .cx .cx-call:hover, html body .cx .cx-x:hover{opacity:1;background:rgba(255,255,255,.12)} html body .cx .cx-hd .cx-call{margin-right:-2px} html body .cx .cx-body{background:var(--rf-paper,#fbf9f4) !important} html body .cx .cx-ask{ background:var(--rf-paper,#fbf9f4) !important; border-top:1px solid rgba(20,24,36,.10) !important; } html body .cx .cx-ask input{background:#fff !important} html body .cx .cx-body > .cx-msg.bot:first-of-type{ font-size:15px;line-height:1.55; } html body{ --band-y: clamp(38px, 4.4vw, 68px); --band-y-lg: clamp(46px, 5.2vw, 84px); } html body .rec-hero{padding:var(--band-y-lg) 0 var(--band-y) !important} html body .rec-wrap, html body .inq-wrap, html body .sv-wrap, html body #auth-view, html body #account-view .acct-wrap, html body .arc-pager, html body #archive-view .arc-pager{padding-bottom:var(--band-y) !important} html body .sell-why, html body .sell-how, html body .sell-paths, html body .sell-proof, html body .ab-process, html body .ab-team, html body .rv-band, html body .inv-archive, html body .arc-cta, html body .tn2{padding-top:var(--band-y) !important;padding-bottom:var(--band-y) !important} html body .sell-closer, html body .ab-closer{padding:var(--band-y-lg) 0 !important} html body .fin-storyhero, html body .svc-storyhero, html body .dir-storyhero, html body .gal-storyhero, html body .inq-hero{ padding-top:var(--band-y-lg) !important; padding-bottom:var(--band-y) !important; } html body .shop-wrap{ padding-top:var(--band-y) !important; padding-bottom:var(--band-y-lg) !important; } html body .dep-wrap, html body .capp-page{padding-bottom:var(--band-y-lg) !important} html body .arc-empty{padding:var(--band-y-lg) var(--page-x) !important} html body #about-view .ab-ch{padding-bottom:var(--band-y) !important} html body .ab-hero .wrap{padding-bottom:var(--band-y-lg) !important} @media (max-width:560px){ html body .recrail-track{grid-auto-columns:92% !important} html body .card .badges{ flex-wrap:nowrap !important; max-width:calc(100% - 100px) !important; right:88px !important; } html body .card .badges .badge{ font-size:8.8px !important; padding:5px 7px !important; letter-spacing:.055em !important; white-space:nowrap !important; flex:0 0 auto !important; } } html body .sell-hero2{padding-bottom:0 !important} html body .sell-hero2 .sh2-inner{padding-bottom:var(--band-y,clamp(38px,4.4vw,68px)) !important} html body .sell-card input, html body .sell-card select, html body .sell-card textarea, html body .inq-f input, html body .inq-f textarea{line-height:1.45 !important} html body .sell-card textarea, html body .inq-f textarea{min-height:118px !important;padding:12px 14px !important} html body .sell-card textarea::placeholder, html body .inq-f textarea::placeholder{line-height:1.45} @media (max-width:560px){ html body .sf-mode{ text-align:center !important; align-items:center !important; justify-content:center !important; padding:12px 8px !important; } html body .sf-mode b{display:block;width:100%} } html body .ab-teamgrid .tm-join b, html body .tm-join b{color:#fff !important} html body .ab-teamgrid .tm-join .tm-join-in > span, html body .tm-join .tm-join-in > span{color:rgba(255,255,255,.76) !important} html body .ab-teamgrid .tm-join{ display:flex !important;height:100% !important;align-self:stretch; } html body .ab-teamgrid .tm-join .tm-join-in{ aspect-ratio:auto !important; flex:1 1 auto;width:100%; min-height:0; justify-content:flex-end; padding:16px 15px 18px !important; } html body .ab-teamgrid .tm-join i{margin-top:auto;padding-top:12px} html body .cx .cx-ask button[type="submit"]{ background:var(--rf-dark,#1F2956) !important; border:1px solid var(--rf-dark,#1F2956) !important; opacity:1 !important; } html body .cx .cx-ask button[type="submit"] svg{stroke:#fff !important;color:#fff !important} html body .cx .cx-ask button[type="submit"]:hover:not(:disabled){background:#16274a !important} html body .cx .cx-ask button[type="submit"]:disabled{ background:transparent !important; border:1px solid rgba(20,24,36,.18) !important; opacity:1 !important; cursor:default; } html body .cx .cx-ask button[type="submit"]:disabled svg{ stroke:rgba(20,24,36,.30) !important;color:rgba(20,24,36,.30) !important; } @media (max-width:700px){ html body .inv-topfilters{ display:grid !important; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:8px 10px !important; } html body .inv-topfilters .inv-tf-group{display:none !important} html body .inv-topfilters .inv-filter-btn{ grid-column:1;grid-row:1; width:100%;margin:0 !important; white-space:nowrap !important; justify-content:center; } html body .inv-topfilters .inv-sort-wrap{ grid-column:2;grid-row:1; width:100% !important;margin:0 !important; } html body .inv-topfilters .inv-sort{width:100% !important;min-width:0} html body .inv-topfilters .inv-tf-tail{ grid-column:1 / -1;grid-row:2; width:100%;margin:0 !important; display:flex !important;align-items:center; justify-content:space-between;gap:10px; } html body #archive-view .inv-topfilters .inv-tf-group{ display:inline-flex !important;grid-column:1;grid-row:1; } html body #archive-view .inv-topfilters .inv-tf-group .inv-tf-btn{width:100%} html body #archive-view .inv-topfilters .inv-sort-wrap{grid-column:2;grid-row:1} html body #archive-view .inv-topfilters .inv-tf-tail{grid-row:2} } html body .ab-teamgrid .tm-join{ display:flex !important;align-self:stretch; height:auto !important; } html body .ab-teamgrid .tm-join::before{ content:'';flex:0 0 0;width:0;padding-top:calc(125% + 50px); } html body .ab-teamgrid .tm-join .tm-join-in{ aspect-ratio:auto !important; flex:1 1 auto;width:100%;min-height:0; display:flex;flex-direction:column; justify-content:center !important; gap:10px; padding:20px 16px !important; } html body .ab-teamgrid .tm-join i{margin-top:4px;padding-top:0} @media (max-width:700px){ html body #archive-view .inv-topfilters{ display:grid !important; grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important; align-items:center; gap:8px 10px !important; } html body #archive-view .inv-topfilters .inv-tf-group{ display:inline-flex !important; grid-column:1 !important;grid-row:1 !important; width:100% !important;margin:0 !important; } html body #archive-view .inv-topfilters .inv-tf-group .inv-tf-btn{ width:100% !important;justify-content:space-between; } html body #archive-view .inv-topfilters .inv-sort-wrap{ grid-column:2 !important;grid-row:1 !important; width:100% !important;margin:0 !important; } html body #archive-view .inv-topfilters .inv-tf-tail{ grid-column:1 / -1 !important;grid-row:2 !important; width:100% !important;margin:0 !important; } html body #archive-view .inv-topfilters .inv-result-count{ white-space:normal !important;text-align:right; } } @media (max-width:700px){ html body .inv-topfilters{grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important} html body .inv-topfilters .inv-filter-btn{grid-column:1 !important;grid-row:1 !important} html body .inv-topfilters .inv-sort-wrap{grid-column:2 !important;grid-row:1 !important} html body .inv-topfilters .inv-tf-tail{grid-column:1 / -1 !important;grid-row:2 !important} } html body .sldk{ background:var(--rf-paper,#fbf9f4); border-top:1px solid rgba(20,24,36,.10); padding:var(--band-y-lg,clamp(46px,5.2vw,84px)) 0; } html body .sldk-hd{margin-bottom:clamp(20px,2.4vw,30px)} html body .sldk-hd h2{ font-family:var(--font-display);font-weight:800; font-size:clamp(26px,3.4vw,44px);line-height:1.06; letter-spacing:-.01em;color:var(--rf-ink,#393B44); margin:6px 0 0;max-width:20ch;text-wrap:balance; } html body .sldk-hd .sldk-n{ color:var(--rf-primary,#1F2956); font-variant-numeric:tabular-nums; } html body .sldk-sub{ margin:12px 0 0;max-width:52ch; font-size:clamp(13.5px,1.15vw,15px);line-height:1.55; color:var(--rf-slate,#6f6a5e); } html body .sldk-track{ display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,232px); gap:12px; overflow-x:auto;overscroll-behavior-x:contain; scroll-snap-type:x proximity; padding:0 var(--page-x,clamp(20px,3.2vw,56px)) 4px; scrollbar-width:none; } html body .sldk-track::-webkit-scrollbar{display:none} html body .sldk-card{ display:flex;flex-direction:column;gap:0; text-decoration:none;color:inherit; scroll-snap-align:start; background:#fff;border:1px solid rgba(20,24,36,.12); transition:border-color .15s ease,transform .15s ease; } html body .sldk-card:hover{border-color:var(--rf-ink,#393B44);transform:translateY(-2px)} html body .sldk-card:focus-visible{outline:2px solid var(--rf-accent,#006ED4);outline-offset:2px} html body .sldk-img{ position:relative;display:block;width:100%;aspect-ratio:4/3;overflow:hidden; background:#EDEAE3; } html body .sldk-img img{ display:block;width:100%;height:100%;object-fit:cover; transform:scale(1.28) translateY(-7.5%); transform-origin:center; } html body .sldk-tag{ position:absolute;left:0;bottom:0; background:var(--rf-primary,#1F2956);color:#fff; font-family:var(--font-ui);font-size:9.5px;font-weight:700; letter-spacing:.14em;text-transform:uppercase; padding:5px 9px; } html body .sldk-meta{ display:flex;flex-direction:column;gap:3px; padding:11px 12px 13px;border-top:1px solid rgba(20,24,36,.10); } html body .sldk-meta b{ font-family:var(--font-display);font-weight:700; font-size:14px;line-height:1.25;color:var(--rf-ink,#393B44); } html body .sldk-meta span{ font-size:11px;letter-spacing:.09em;text-transform:uppercase; color:var(--rf-slate,#6f6a5e); white-space:nowrap;overflow:hidden;text-overflow:ellipsis; } html body .sldk-foot{margin-top:clamp(18px,2vw,26px)} @media (max-width:560px){ html body .sldk-track{grid-auto-columns:minmax(0,68%)} } @media (max-width:700px){ html body #archive-view .inv-topfilters .inv-tf-group{display:none !important} html body #archive-view .inv-topfilters .inv-filter-btn{ display:inline-flex !important; grid-column:1 !important;grid-row:1 !important; width:100% !important;margin:0 !important; white-space:nowrap !important;justify-content:center; } } @media (max-width:700px){ html body #archive-view .inv-topfilters:not(:has(.inv-filter-btn)) .inv-tf-group{ display:inline-flex !important; grid-column:1 !important;grid-row:1 !important; width:100% !important; } html body #archive-view .inv-topfilters:has(.inv-filter-btn) .inv-tf-group{ display:none !important; } } html body .tm-hiring .wrap > h2, html body .ab-closer .wrap > h2{ margin-left:auto !important; margin-right:auto !important; } html body .topbar .tools .iconbtn .ic, html body .topbar .tools .iconbtn svg{ width:20px !important; height:20px !important; } html body header.topbar .tools .iconbtn[title="Saved"] .ic, html body header.topbar .tools .iconbtn[aria-label="Saved cars"] .ic, html body header.topbar .tools .iconbtn[title="Saved"] svg, html body header.topbar .tools .iconbtn[aria-label="Saved cars"] svg{ width:20px !important; height:20px !important; } html body .card .imgwrap img[src*="mntrdxaixstbwjuxyvtd"], html body .card .cardgal img[src*="mntrdxaixstbwjuxyvtd"], html body .sldk-img img[src*="mntrdxaixstbwjuxyvtd"]{ object-position:50% 50% !important; } html body .sldk-img img[src*="mntrdxaixstbwjuxyvtd"]{ transform:none !important; } html body .card .imgwrap img[src*="mntrdxaixstbwjuxyvtd"][src*="%2F0.jpg"], html body .card .cardgal img[src*="mntrdxaixstbwjuxyvtd"][src*="%2F0.jpg"], html body .card .imgwrap img[src*="mntrdxaixstbwjuxyvtd"][src*="-0.jpg"], html body .card .cardgal img[src*="mntrdxaixstbwjuxyvtd"][src*="-0.jpg"], html body .sldk-img img[src*="mntrdxaixstbwjuxyvtd"][src*="%2F0.jpg"]{ object-position:50% 0% !important; } html body .badges .badge.pending, html body .sldk-tag.pending{ background:var(--rf-primary,#1F2956) !important; border-color:var(--rf-primary,#1F2956) !important; color:#fff !important; } html body .sldk-card .sldk-tag.pending{ background:var(--rf-primary,#1F2956) !important; } html body .pdp-state.pending{ color:#fff !important; letter-spacing:.14em; } html body .pdp-state.pending::before{ content:"";display:inline-block;width:7px;height:7px;margin-right:8px; border-radius:50%;background:#E0A32E;vertical-align:middle; } html body .ab-hero:before{ background:url('/media/banners/17-mile-big-3prob3.jpg') center 26%/cover no-repeat !important; } html body .inv-hero input, html body .inv-hero-wrap input, html body .hdr-search input, html body .inv-shell input[type="search"], html body .inv-shell input[type="text"]{ scroll-margin-top:96px; } html body .inv-hero, html body .inv-hero-wrap{scroll-margin-top:88px} html{--rf-tabh:78px} html body .rf-feed .rfm.rfm{ position:relative !important; height:100dvh !important; min-height:100dvh !important; max-height:100dvh !important; overflow:hidden !important; background:#000 !important; } html body .rf-feed .rfm.rfm video, html body .rf-feed .rfm.rfm img.rfm-img, html body .rf-feed .rfm.rfm .rfm-media, html body .rf-feed .rfm.rfm .rfm-media-v, html body .rf-feed .rfm.rfm .rfm-media > *, html body .rf-feed .rfm.rfm .rfm-media-v > *{ position:absolute !important; inset:0 !important; width:100% !important; height:100% !important; min-height:0 !important; max-height:none !important; object-fit:cover !important; object-position:center !important; } html body .rf-feed .rfm .rfm-cap.rfm-cap.rfm-cap{ position:absolute !important; left:0 !important; right:76px !important; bottom:calc(var(--rf-tabh,78px) + env(safe-area-inset-bottom,0px) + 16px) !important; top:auto !important; padding:0 clamp(14px,4vw,30px) !important; margin:0 !important; max-width:none !important; z-index:12; } html body .rf-feed .rfl-rail.rfl-rail.rfl-rail{ position:absolute !important; top:auto !important; left:auto !important; right:14px !important; bottom:calc(var(--rf-tabh,78px) + env(safe-area-inset-bottom,0px) + 16px) !important; flex-direction:column !important; align-items:center !important; gap:14px !important; opacity:1 !important; transform:none !important; } html body .inv-shell.inv-shell:has(.inv-search input:focus) .inv-smart-row.inv-smart-row, html body #archive-view#archive-view:has(.inv-search input:focus) .inv-smart-row.inv-smart-row{ display:flex !important; } html body header.topbar .logo img, html body header.topbar a.logo img{ content:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNjUuOTA3IiBoZWlnaHQ9IjUwLjU0NyIgdmlld0JveD0iMCAwIDI2NS45MDcgNTAuNTQ3Ij4KICA8ZyBpZD0iR3JvdXBfOTMyMSIgZGF0YS1uYW1lPSJHcm91cCA5MzIxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMjE4MC41MTggMTk0OTEuNTQ3KSI+CiAgICA8ZyBpZD0iR3JvdXBfOTMxNCIgZGF0YS1uYW1lPSJHcm91cCA5MzE0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTcgLTI0KSI+CiAgICAgIDxwYXRoIGlkPSJQYXRoXzE4MTI4IiBkYXRhLW5hbWU9IlBhdGggMTgxMjgiIGQ9Ik0xNy42ODEtMTQuNTFIOC41djQuODgxaDkuMTgxYTIuNDY3LDIuNDY3LDAsMCwwLDEuNDUzLS4zMDcsMS4zMTEsMS4zMTEsMCwwLDAsLjM5LTEuMDg3di0yLjEwOGExLjI4OSwxLjI4OSwwLDAsMC0uMzktMS4wNzFBMi40NjcsMi40NjcsMCwwLDAsMTcuNjgxLTE0LjUxWk00LjQ4MiwwVi0xNy41NDhIMTkuNDlhNC42MTcsNC42MTcsMCwwLDEsMy4wMy44MDUsMy4yNTEsMy4yNTEsMCwwLDEsLjkzOCwyLjZ2NC4xMTdhMy4yNTUsMy4yNTUsMCwwLDEtLjkzOCwyLjU5LDQuNTgzLDQuNTgzLDAsMCwxLTMuMDMuODEzSDE3LjJMMjUuMywwSDE5LjQ0TDEyLjM2OC02LjYyNEg4LjVWMFptMzAuMiwwVi02LjQ1OGwtNy44NTMtNy45MTlIMzEuNTZsNS4xMyw1LjM2Miw1LjItNS4zNjJINDZMMzguMTg0LTYuNTI0VjBaTTQ1LjM1NSwwbDguNTMzLTE0LjM3N2gzLjM3TDY1LjkyNSwwSDYxLjk5bC0xLjgxLTMuMTU0SDUwLjY2OEw0OC44NTgsMFptNi44MDctNS43NzdoNi41OTFMNTUuNC0xMS43NzFaTTY5LjUxMSwwVi0xNC4zNzdoMi40MDdsMTIuMiw5LjU0NnYtOS41NDZoMy4xNzFWMEg4NC44NjdMNzIuNy05LjdWMFptMzguNjQ4LDBWLTE3LjU0OGgxNy43NDd2My4wNzFIMTEyLjI0M3Y0LjYxNWg3LjM4OHYzLjJoLTcuMzg4VjBabTMxLjYwOS0xMS45aC04djMuOTg0aDhhMi4xMzUsMi4xMzUsMCwwLDAsMS4yNTMtLjI2NiwxLjA3MSwxLjA3MSwwLDAsMCwuMzQtLjl2LTEuNjZhMS4wNzEsMS4wNzEsMCwwLDAtLjM0LS45QTIuMTM1LDIuMTM1LDAsMCwwLDEzOS43NjktMTEuOVpNMTI4LjMxMywwVi0xNC4zNzdoMTIuOTQ5YTQuMDQ1LDQuMDQ1LDAsMCwxLDIuNTczLjY1NiwyLjYxMSwyLjYxMSwwLDAsMSwuOCwyLjEzM1YtOC4yYTIuNTYzLDIuNTYzLDAsMCwxLS44LDIuMTA4LDQuMDg0LDQuMDg0LDAsMCwxLTIuNTczLjY0N2gtMS45NzZMMTQ2LjEyNywwSDE0MS4xTDEzNS4wNy01LjQ0NWgtMy4zVjBabTIyLjEsMFYtMTQuMzc3SDE1My45VjBaTTE2MC4zLDBWLTE0LjM3N2gxNS40MjN2Mi41NEgxNjMuODQxVi04LjdoNi45MjN2Mi40NzRoLTYuOTIzdjMuNTM2SDE3NS45MVYwWk0xODQuNTEtMi42ODloNC41MTZxMy43LDAsNS4xOC0xLjA3OUE0LjIsNC4yLDAsMCwwLDE5NS42ODMtNy40YTQuMiw0LjIsMCwwLDAtMS4yMjktMy4zMTIsNS41NjEsNS41NjEsMCwwLDAtMy43NjktMS4wODdIMTg0LjUxWk0xODAuOTc0LDBWLTE0LjM3N2g5LjY3OWE5Ljc4Miw5Ljc4MiwwLDAsMSw2LjQsMS44NTEsNi40OCw2LjQ4LDAsMCwxLDIuMjMzLDUuMjg4LDYuNDA1LDYuNDA1LDAsMCwxLTIuMzY2LDUuNDI5UTE5NC41NTQsMCwxODkuNzcyLDBabTIzLjU5MSwwVi0xNC4zNzdoMi44MDZsNy4wMzksOC41MzMsNy4wMDYtOC41MzNoMi44MjJWMGgtMy4yNTRWLTkuODk1bC02LjQyNSw4LjE2OGgtLjY4MUwyMDcuMzctOS42NjJWMFptMjMuODksMCw4LjUzMy0xNC4zNzdoMy4zN0wyNDkuMDIzLDBoLTMuOTM1bC0xLjgxLTMuMTU0aC05LjUxM0wyMzEuOTU3LDBabTYuODA3LTUuNzc3aDYuNTkxTDIzOC41LTExLjc3MVpNMjUyLjYwOSwwVi0xNC4zNzdoMi40MDdsMTIuMiw5LjU0NnYtOS41NDZoMy4xNzFWMGgtMi40MjRMMjU1LjgtOS43VjBaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTIxNjggLTE5NDUwKSIgZmlsbD0iIzJBMjkyQSIvPgogICAgICA8cGF0aCBpZD0iUGF0aF8xODEyOSIgZGF0YS1uYW1lPSJQYXRoIDE4MTI5IiBkPSJNNC40NDksMFYtMTcuNTQ4aDMuM0wxNi4wMjEtNi45MzlsOC4wODUtMTAuNjA4aDMuMjcxVjBIMjMuNTkxVi0xMC44NDFxMC0uMzE1LjA0Mi0uOHQuMTA4LTEuMDc5cS0uMzMyLjY4MS0uNTgxLDEuMTIxdC0uNDQ4LjcyMkwxNi4xMi0yLjEwOGgtLjgxM0w4LjctMTAuOTA3YTEwLjk1LDEwLjk1LDAsMCwxLS42MjMtLjkzOCw2LjQzMiw2LjQzMiwwLDAsMS0uNDIzLS44NTVxLjA1LjU0OC4wNzUsMXQuMDI1Ljg2M1YwWk0zNy44MzUtMi43NTZINDkuNDIzdi04Ljk4MUgzNy44MzVabS0zLjUtOC4yMzRhMy42MTksMy42MTksMCwwLDEsLjc2NC0yLjY3Myw0LjQ4Miw0LjQ4MiwwLDAsMSwyLjk3Mi0uNzE0SDQ5LjE5YTQuNDc4LDQuNDc4LDAsMCwxLDIuOTguNzE0LDMuNjQ2LDMuNjQ2LDAsMCwxLC43NTUsMi42NzNWLTMuNGEzLjYyMSwzLjYyMSwwLDAsMS0uNzcyLDIuNjg5QTQuNDg1LDQuNDg1LDAsMCwxLDQ5LjE5LDBIMzguMDY3QTQuNDgyLDQuNDgyLDAsMCwxLDM1LjEtLjcxNCwzLjY0OCwzLjY0OCwwLDAsMSwzNC4zMzItMy40Wm0zMy4yMi0uODEzVjBoLTMuNVYtMTEuOEg1Ny4xMDl2LTIuNTczaDE3LjRWLTExLjhaTTgyLjE5NC0yLjc1Nkg5My43ODJ2LTguOTgxSDgyLjE5NFptLTMuNS04LjIzNGEzLjYxOSwzLjYxOSwwLDAsMSwuNzY0LTIuNjczLDQuNDgyLDQuNDgyLDAsMCwxLDIuOTcyLS43MTRIOTMuNTVhNC40NzgsNC40NzgsMCwwLDEsMi45OC43MTQsMy42NDYsMy42NDYsMCwwLDEsLjc1NSwyLjY3M1YtMy40YTMuNjIxLDMuNjIxLDAsMCwxLS43NzIsMi42ODlBNC40ODUsNC40ODUsMCwwLDEsOTMuNTUsMEg4Mi40MjdhNC40ODIsNC40ODIsMCwwLDEtMi45NzItLjcxNEEzLjY0OCwzLjY0OCwwLDAsMSw3OC42OTEtMy40Wk0xMTQuOC0xMS45aC04djMuOTg0aDhhMi4xMzUsMi4xMzUsMCwwLDAsMS4yNTMtLjI2NiwxLjA3LDEuMDcsMCwwLDAsLjM0LS45di0xLjY2YTEuMDcsMS4wNywwLDAsMC0uMzQtLjlBMi4xMzUsMi4xMzUsMCwwLDAsMTE0LjgtMTEuOVpNMTAzLjM0NSwwVi0xNC4zNzdoMTIuOTQ5YTQuMDQ1LDQuMDQ1LDAsMCwxLDIuNTczLjY1NiwyLjYxMSwyLjYxMSwwLDAsMSwuOCwyLjEzM1YtOC4yYTIuNTYzLDIuNTYzLDAsMCwxLS44LDIuMTA4LDQuMDg0LDQuMDg0LDAsMCwxLTIuNTczLjY0N2gtMS45NzZMMTIxLjE1OCwwaC01LjAzTDExMC4xLTUuNDQ1aC0zLjNWMFpNMTU0LjYxLTE0LjQxSDE0My42Vi0zLjNIMTU0LjYxVi03LjA3Mmw0LjA4NC44NDdWLTQuMTVhNC41MzcsNC41MzcsMCwwLDEtLjksMy4yNzlxLS45Ljg3Mi0zLjQ0NS44NzJIMTQzLjg2OXEtMi41NTcsMC0zLjQ1My0uODcyYTQuNTY3LDQuNTY3LDAsMCwxLS45LTMuMjc5Vi0xMy40YTQuNTcsNC41NywwLDAsMSwuOS0zLjI3MXEuOS0uODgsMy40NTMtLjg4aDEwLjQ3NnEyLjU0LDAsMy40NDUuODhhNC41NDEsNC41NDEsMCwwLDEsLjksMy4yNzF2MS42NmwtNC4wODQuNjQ3Wk0xNjMuNjQyLDBsOC41MzMtMTQuMzc3aDMuMzdMMTg0LjIxMSwwaC0zLjkzNWwtMS44MS0zLjE1NGgtOS41MTNMMTY3LjE0NSwwWm02LjgwNy01Ljc3N2g2LjU5MWwtMy4zNTQtNS45OTNabTI4LjgtNi4xMjZoLTh2My45ODRoOGEyLjEzNSwyLjEzNSwwLDAsMCwxLjI1My0uMjY2LDEuMDcxLDEuMDcxLDAsMCwwLC4zNC0uOXYtMS42NmExLjA3MSwxLjA3MSwwLDAsMC0uMzQtLjlBMi4xMzUsMi4xMzUsMCwwLDAsMTk5LjI1Mi0xMS45Wk0xODcuOCwwVi0xNC4zNzdoMTIuOTQ5YTQuMDQ1LDQuMDQ1LDAsMCwxLDIuNTczLjY1NiwyLjYxMSwyLjYxMSwwLDAsMSwuOCwyLjEzM1YtOC4yYTIuNTYzLDIuNTYzLDAsMCwxLS44LDIuMTA4LDQuMDg0LDQuMDg0LDAsMCwxLTIuNTczLjY0N2gtMS45NzZMMjA1LjYxLDBoLTUuMDNsLTYuMDI2LTUuNDQ1aC0zLjNWMFptMzUuMzc4LTExLjhIMjEzLjI4djMuMDM4aDkuMzYzYTQuNTIxLDQuNTIxLDAsMCwxLDIuOTcyLjcwNiwzLjYxNiwzLjYxNiwwLDAsMSwuNzY0LDIuNjgxVi0zLjRhMy42LDMuNiwwLDAsMS0uNzgsMi42ODlBNC40ODksNC40ODksMCwwLDEsMjIyLjY0NCwwaC05LjMzQTQuNjI4LDQuNjI4LDAsMCwxLDIxMC4zLS43MTRhMy41NywzLjU3LDAsMCwxLS43ODktMi42ODl2LS40bDMuMTIxLS41ODF2MS42OTNoMTAuNTc1Vi01Ljk3N2gtOS4zMTNhNC41MTcsNC41MTcsMCwwLDEtMi45ODgtLjcyMiwzLjYsMy42LDAsMCwxLS43OC0yLjY4MXYtMS42MWEzLjU3MSwzLjU3MSwwLDAsMSwuNzgtMi42NjUsNC41MTcsNC41MTcsMCwwLDEsMi45ODgtLjcyMmg4LjUzM2E0LjcyOCw0LjcyOCwwLDAsMSwyLjk4LjY4OSwzLjA3NCwzLjA3NCwwLDAsMSwuODA1LDIuNDMydi4zNDlsLTMuMDM4LjY0N1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMjE0NiAtMTk0MTcpIiBmaWxsPSIjMkEyOTJBIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K") !important; } @keyframes rf-docsheet{ from{transform:translateY(100%)} to{transform:translateY(0)} } @media (max-width:640px){ html body .doc-scrim{ align-items:flex-end !important; padding:0 !important; height:100dvh !important; overscroll-behavior:contain; } html body .doc-modal{ width:100% !important; max-height:calc(100dvh - 24px) !important; border-radius:16px 16px 0 0; padding-bottom:env(safe-area-inset-bottom,0px); animation:rf-docsheet .26s cubic-bezier(.2,.8,.25,1) both; } html body .doc-modal.framed{ height:min(88dvh, calc(100dvh - 24px)) !important; } html body .doc-modal:before{ content:""; flex:0 0 auto; width:38px;height:4px; margin:8px auto 2px; border-radius:999px; background:rgba(20,24,36,.22); } html body .doc-hd{position:sticky;top:0;z-index:2} html body .doc-x{width:40px;height:40px;font-size:26px} html body .doc-out{height:36px} html body .doc-frame{flex:1 1 auto;min-height:0} } @media (prefers-reduced-motion:reduce){ html body .doc-modal{animation:none !important} } @media (max-width:640px){ html body .ab-stats{ grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:12px !important; } html body .ab-stats div{gap:4px !important;min-width:0} html body .ab-stats dd{ font-size:clamp(20px,6.6vw,34px) !important; letter-spacing:-.03em !important; } html body .ab-stats dt{ font-size:clamp(8.5px,2.4vw,11px) !important; letter-spacing:.08em !important; white-space:nowrap !important; } html body .ab-proof{padding:26px 0 !important} html body .ab-proofnote{ margin-top:18px !important; padding-top:14px !important; } } html body .ab-teamgrid .tm-join, html body .tm-join{display:none !important} @media (max-width:640px){ html body #team-view .tm-hiring h2{ max-width:none !important; text-wrap:balance; } html body #team-view .tm-hiring .tm-hp{ max-width:34ch !important; text-wrap:pretty; } html body .tm-hiring .tm-hacts{ display:grid !important; grid-template-columns:minmax(0,1fr) !important; gap:10px !important; margin-top:22px !important; } html body .tm-hiring .tm-hacts > .btn{ width:100% !important; justify-content:center !important; } html body #team-view .tm-hiring{ padding-bottom:calc(34px + 96px + env(safe-area-inset-bottom,0px)) !important; } } html body .sell-card > .sf-vin{margin:0 0 16px} html body .sell-card .sf-vin > .sf-vinrow{margin-top:7px} @media (max-width:640px){ html body .sell-card .row2{margin-bottom:0 !important} } html body .sell-card label:has(> input[name="int_color"]) > .opt{ display:none !important; } :root{ --rf-hdr:88px; } @media (min-width:901px){ :root{ --rf-hdr:96px; } } html body:not(.feed) :where(h1,h2,h3,h4,h5,h6,[id]){ scroll-margin-top:calc(var(--rf-hdr,88px) + 16px); } html body .cx .cx-ask button[type="submit"]{ width:50px !important;min-width:50px !important;height:50px !important; flex:0 0 50px !important; padding:0 !important; border:0 !important; border-radius:0 !important; background:var(--rf-dark,#1F2956) !important; display:grid !important; place-items:center !important; opacity:1 !important; cursor:pointer; transition:background .14s ease,opacity .14s ease; } html body .cx .cx-ask button[type="submit"]:hover:not(:disabled){ background:#16274a !important; } html body .cx .cx-ask button[type="submit"]:disabled{ background:var(--rf-dark,#1F2956) !important; border:0 !important; opacity:.32 !important; cursor:default; } html body .cx .cx-ask button[type="submit"] svg{display:none !important} html body .cx .cx-ask button[type="submit"]:before{ content:""; display:block; width:22px;height:22px; background:#FFFFFF; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 10h10v4H3z M12 6l6 6-6 6z'/%3E%3C/svg%3E") center / 22px 22px no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 10h10v4H3z M12 6l6 6-6 6z'/%3E%3C/svg%3E") center / 22px 22px no-repeat; } html body .inv-filters .inv-fgroup{border-top:0 !important} html body .inv-filters .inv-fgroup + .inv-fgroup{ border-top:var(--rule) !important; } html body .inv-filters .inv-fgroup > h3, html body .inv-filters .inv-fgroup > h4{ font-family:var(--font-ui); font-size:12px !important; font-weight:700 !important; letter-spacing:.1em !important; text-transform:uppercase !important; color:var(--rf-slate) !important; line-height:1.2 !important; margin:0 0 12px !important; } html body .inv-topfilters .inv-tf-tail{ display:flex !important; align-items:center !important; justify-content:space-between !important; gap:12px !important; width:100% !important; min-width:0 !important; } html body .inv-topfilters .inv-tf-tail .inv-result-count{ order:0 !important; flex:0 1 auto !important; width:auto !important; min-width:0 !important; white-space:nowrap !important; } html body .inv-topfilters .inv-tf-tail .inv-clearall{ order:1 !important; flex:0 0 auto !important; width:auto !important; max-width:62% !important; } html body .inv-topfilters:has(.inv-clearall) .inv-result-count{ color:var(--rf-ink,#393B44) !important; font-weight:700 !important; font-size:14px !important; } html body .cx .cx-hd .cx-who > span{display:none !important} html body .menudrawer .md-groups .md-grp > a[href="/saved"], html body .menudrawer .md-groups .md-grp > a[href="/account"]{ display:none !important; } html body .menudrawer .md-grp > a:not([href="/saved"]):not([href="/account"]):last-of-type, html body .menudrawer .md-grp > a[href="/finance-calculator"]{ padding-bottom:14px; } html body .cx .cx-car .cx-car-m > span.cx-car-p{ text-transform:none !important; letter-spacing:0 !important; } html body .sldk-track{ grid-auto-columns:232px !important; } @media (max-width:640px){ html body .sldk-track{ grid-auto-columns:70% !important; } } @media (max-width:640px){ html body footer .fgrid > div:not(.fbrand){ grid-column:1 / -1 !important; padding-top:18px; border-top:1px solid rgba(255,255,255,.14); } html body footer .fgrid > div:not(.fbrand) > ul{ display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:12px 16px !important; } html body footer .fgrid > div:not(.fbrand) > ul > li{min-width:0} html body footer .fgrid > div:not(.fbrand) > ul a{ display:block; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; } html body footer .fgrid > .fbrand{padding-bottom:4px} html body footer .fgrid{gap:22px 18px !important} } html body{ --rail-x:clamp(20px,3.2vw,64px); } @media (hover:none) and (pointer:coarse){ html body .inv-range input, html body .inv-search input, html body .hdr-search #hs-input, html body .topbar .hdr-search #hs-input, html body .topbar .hdr-search input, html body .cx .cx-ask input, html body .deal-inputs input, html body .capp-grid input, html body .capp-grid select, html body .capp-grid textarea, html body .pc-band .pc-field input{ font-size:16px !important; } html body .inv-range input{ padding:0 8px !important; } } html body .card .specs, html body .card .cmeta, html body .foot > .sp-x{ color:#5F6575; } html body .hdr-search .hs-ic, html body .hs-chip-n, html body .hs-sugg-t, html body .rec-empty, html body .sell-card .sf-foot{ color:#5F6575; } html body .hdr-search #hs-input::placeholder{ color:#5F6575; } html body .auth-field label, html body .auth-note, html body .auth-tab, html body .cx .cx-car .cx-car-s, html body .optin .optin-fine, html body .pc-band .pc-fine, html body .sell-card label > .opt{ color:#6B6659; } html body .kick, html body .label, html body .lede, html body .navh, html body .stk-ey, html body .sf-ey, html body .pc-ey, html body .ab2-quiet, html body .cx-car-m span, html body .sell-card .sf-sec legend, html body .acct-dl dt, html body .acct-foot, html body .acct-n, html body .acct-next span, html body .acct-table th, html body .auth-back a, html body .auth-why-foot, html body #account-view .acct-email, html body #auth-view .auth-why .auth-why-h, html body #auth-view .auth-why p.auth-why-foot{ color:#676D7B; } html body .acct-table td::before{ color:#676D7B; } html body .auth-field input::placeholder{ color:#676D7B; } html body .rf-feed .rfm-bg{ display:block !important; opacity:.34 !important; filter:blur(44px) brightness(.42) saturate(1.15) !important; } html body .rf-feed .rfm:has(.rfm-fg) .rfm-bg{ display:none !important; } html body .rf-feed .rfm-media-v video{ object-position:center 38% !important; } html body .menudrawer .md2-search{ padding:14px 20px 6px; } html body .menudrawer .md2-search .hdr-search{ display:block !important; width:100% !important; max-width:none !important; } html body .menudrawer .md2-search #hs-input{ width:100% !important; height:50px !important; font-size:16px !important; border-radius:0 !important; border:var(--rule) !important; background:var(--rf-white,#fff) !important; } html body .menudrawer .md2-nav{ display:flex; flex-direction:column; gap:26px; padding:14px 20px 4px; } html body .menudrawer .md2-grp{ display:flex; flex-direction:column; } html body .menudrawer .md2-h{ margin:0 0 6px; font-family:var(--font-ui); font-size:10.5px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:#6f6a5e; } html body .menudrawer .md2-row{ display:grid; grid-template-columns:1fr auto; align-items:baseline; gap:2px 12px; padding:11px 0; border-bottom:1px solid rgba(20,24,36,.08); color:var(--rf-ink); text-decoration:none; } html body .menudrawer .md2-row:last-child{ border-bottom:0; } html body .menudrawer .md2-l{ font-size:19px; font-weight:600; letter-spacing:-.01em; line-height:1.2; } html body .menudrawer .md2-n{ grid-column:1; font-size:12.5px; color:#676D7B; line-height:1.3; } html body .menudrawer .md2-row > i{ grid-column:2; grid-row:1 / span 2; align-self:center; font-style:normal; font-size:15px; color:#A9A9A9; transition:transform .16s ease, color .16s ease; } html body .menudrawer .md2-row:hover > i, html body .menudrawer .md2-row:focus-visible > i{ transform:translateX(3px); color:var(--rf-ink); } html body .menudrawer .md2-row[aria-current="page"] .md2-l{ color:#1F2956; } html body .menudrawer .md2-row[aria-current="page"]::before{ content:""; position:absolute; margin-left:-12px; width:3px; height:20px; background:#1F2956; } html body .menudrawer .md2-row{ position:relative; } @media (prefers-reduced-motion: reduce){ html body .menudrawer .md2-row > i{ transition:none; } } html body .stk-badges .badge.pending{ background:var(--rf-primary,#1F2956) !important; border-color:var(--rf-primary,#1F2956) !important; color:#fff !important; } html body .fnl{ max-width:1500px;margin:0 auto; padding:clamp(20px,2.4vw,28px) 0; border-top:1px solid rgba(255,255,255,.16); } html body .fnl .nl{max-width:460px} html body .nl .nl-h{ font-family:var(--font-ui); font-size:13px;font-weight:700;letter-spacing:.04em; margin:0 0 10px;color:#fff; } html body .nl .nl-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px} html body .nl .nl-f{display:block;min-width:0} html body .nl .nl-f input{ width:100%;box-sizing:border-box; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.24); color:#fff;border-radius:0; padding:11px 13px;font-size:14px;font-family:inherit; } html body .nl .nl-f input::placeholder{color:rgba(255,255,255,.45)} html body .nl .nl-f input:focus-visible{ outline:2px solid #006ED4;outline-offset:1px; border-color:#006ED4;background:rgba(255,255,255,.11); } html body .nl .nl-go{white-space:nowrap;padding-left:20px;padding-right:20px} html body .nl .nl-go[disabled]{opacity:.6;cursor:default} html body .nl .nl-n{margin:10px 0 0;font-size:12px;color:#A9A9A9;line-height:1.5} html body .nl .nl-err{margin:9px 0 0;font-size:12.5px;color:#FF9C8F} html body .nl-done .nl-h{margin-bottom:4px} html body .nl .nl-hp{ position:absolute;left:-9999px;top:auto; width:1px;height:1px;overflow:hidden; } html body .unsub{ padding:clamp(56px,9vw,120px) 0 clamp(64px,10vw,140px); max-width:600px; } html body .unsub h1{margin:0 0 16px} html body .unsub p{color:#5A6172;font-size:15.5px;line-height:1.65;margin:0 0 12px} html body .unsub p a{color:var(--rf-cobalt,#006ED4)} html body .unsub .unsub-acts{margin-top:26px} @media (max-width:520px){ html body .nl .nl-row{grid-template-columns:1fr;gap:10px} html body .nl .nl-go{width:100%} } html body .ask-foot input:focus, html body .ask-foot input:focus-visible{ border-color:#1F2956; box-shadow:0 0 0 3px rgba(31,41,86,.16); } html body .inq-f input:focus, html body .inq-f textarea:focus, html body .inq-f input:focus-visible, html body .inq-f textarea:focus-visible{ border-color:#1F2956; box-shadow:0 0 0 3px rgba(31,41,86,.16); } html body .recrail.sldk{ background:var(--rf-paper,#fbf9f4); padding-top:clamp(34px,4vw,64px) !important; padding-bottom:clamp(30px,3.6vw,56px) !important; margin-top:0 !important; } html body .recrail-hd .sldk-n{ color:var(--rf-primary,#1F2956); font-variant-numeric:tabular-nums; } html body .sldk .recrail-hd{align-items:flex-start !important} html body .sldk .recrail-act{padding-top:6px} html body .sldk .sldk-sub{margin:12px 0 0;max-width:52ch} @media (max-width:760px){ html body .sldk .sldk-sub{margin-top:10px} } html body .recrail.sldk{ padding-left:var(--page-x) !important; padding-right:var(--page-x) !important; } html body .sldk .card .cprice.is-sold{ background:var(--rf-red,#c00) !important; color:#fff !important; font-size:10px !important; font-weight:700 !important; letter-spacing:.14em !important; padding:4px 8px !important; border-radius:0; line-height:1; } html body .menudrawer .md-logo{ padding-left:0 !important; padding-right:0 !important; } html body .menudrawer .md2-search{ padding-left:var(--page-x); padding-right:var(--page-x); } html body .menudrawer .md2-nav{ padding-left:var(--page-x); padding-right:var(--page-x); } html body .menudrawer .md2-search .hdr-search{ margin-left:0 !important; margin-right:0 !important; } html body .inv-search:focus-within{ outline:none !important; box-shadow:none !important; } html body .inv-search:has(input:focus-visible){ outline:2px solid #FFFFFF !important; outline-offset:2px !important; } html body .inv-search input:focus{ border:1px solid var(--rf-dark,#1F2956) !important; border-radius:0 !important; padding:0 10px !important; box-shadow:none !important; } html body div.inv-hero:has(.inv-search:focus-within), html body section.inv-hero:has(.inv-search:focus-within), html body div.inv-hero:has(.inv-search input:not(:placeholder-shown)), html body section.inv-hero:has(.inv-search input:not(:placeholder-shown)){ min-height:0 !important; transition:min-height .22s ease, padding .22s ease; } html body .inv-hero:has(.inv-search:focus-within) .kick, html body .inv-hero:has(.inv-search input:not(:placeholder-shown)) .kick{ display:none !important; } html body .inv-hero:has(.inv-search:focus-within) .inv-hero-wrap > h1, html body .inv-hero:has(.inv-search input:not(:placeholder-shown)) .inv-hero-wrap > h1{ position:absolute !important; width:1px;height:1px;margin:-1px;padding:0; overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%); white-space:nowrap;border:0; } html body .inv-hero:has(.inv-search:focus-within) .inv-hero-wrap, html body .inv-hero:has(.inv-search input:not(:placeholder-shown)) .inv-hero-wrap{ padding-top:calc(var(--hdr-h,64px) + 10px) !important; padding-bottom:12px !important; transition:padding .22s ease; } html body .inv-shell.inv-shell.inv-shell:has(.inv-search:focus-within) .inv-smart-row.inv-smart-row.inv-smart-row, html body #archive-view#archive-view:has(.inv-search:focus-within) .inv-smart-row.inv-smart-row.inv-smart-row, html body .inv-shell.inv-shell.inv-shell:has(.inv-search input:not(:placeholder-shown)) .inv-smart-row.inv-smart-row.inv-smart-row, html body #archive-view#archive-view:has(.inv-search input:not(:placeholder-shown)) .inv-smart-row.inv-smart-row.inv-smart-row{ display:none !important; } @media (prefers-reduced-motion:reduce){ html body .inv-hero, html body .inv-hero-wrap{transition:none !important} } html body .cx.on{ top:var(--ask-vtop, 0px) !important; bottom:auto !important; height:var(--ask-vh, 100dvh) !important; max-height:var(--ask-vh, 100dvh) !important; display:flex !important; flex-direction:column !important; } html body .cx-scrim.on{ top:var(--ask-vtop, 0px) !important; bottom:auto !important; height:var(--ask-vh, 100dvh) !important; } html body .cx.on .cx-hd{flex:0 0 auto !important} html body .cx.on .cx-ask{flex:0 0 auto !important} html body .cx.on .cx-body{ flex:1 1 auto !important; min-height:0 !important; overflow-y:auto !important; -webkit-overflow-scrolling:touch; overscroll-behavior:contain !important; } html body .menudrawer .recrail.md-rail{ margin:4px 0 0; padding:18px 0 4px; border-top:1px solid rgba(20,24,36,.10); } html body .menudrawer .recrail.md-rail .recrail-hd{padding:0 16px} html body .menudrawer .recrail.md-rail .recrail-track{ padding-left:16px; padding-right:16px; overscroll-behavior-x:contain; } html body .menudrawer .md-rail a{ display:revert; align-items:revert; gap:revert; padding:revert; border-bottom:revert; font-weight:revert; font-size:revert; color:revert; } html body .menudrawer .md-rail a:hover{background:revert} html body .menudrawer .md-rail .ic{width:revert;height:revert;color:revert} html body .menudrawer .recrail.md-rail{flex:none} html body .menudrawer .recrail.md-rail .recrail-hd{ padding-left:var(--page-x); padding-right:var(--page-x); } html body .menudrawer .recrail.md-rail .recrail-track{ padding-left:var(--page-x); padding-right:var(--page-x); } html body .inv-hero:has(.inv-search:focus-within), html body .inv-hero:has(.inv-search input:not(:placeholder-shown)){ background:var(--rf-paper,#fbf9f4) !important; border-bottom:1px solid rgba(20,24,36,.12) !important; } html body .inv-hero:has(.inv-search:focus-within) .inv-hero-video, html body .inv-hero:has(.inv-search:focus-within) > .scrim, html body .inv-hero:has(.inv-search input:not(:placeholder-shown)) .inv-hero-video, html body .inv-hero:has(.inv-search input:not(:placeholder-shown)) > .scrim{ display:none !important; } html body .inv-search:has(input:focus-visible){ outline:none !important; outline-offset:0 !important; } html body .inv-search:focus-within, html body .inv-search:has(input:not(:placeholder-shown)){ outline:none !important; box-shadow:none !important; background:var(--rf-paper,#fbf9f4) !important; border:1px solid var(--rf-dark,#1F2956) !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; } html body .inv-search:focus-within svg, html body .inv-search:has(input:not(:placeholder-shown)) svg{ color:var(--rf-dark,#1F2956) !important; } html body .inv-search input:focus, html body .inv-search input:not(:placeholder-shown){ background:transparent !important; border:0 !important; outline:none !important; box-shadow:none !important; padding:0 !important; color:var(--rf-ink,#393B44) !important; -webkit-text-fill-color:var(--rf-ink,#393B44); } html body .inv-search input:focus::placeholder{ color:rgba(20,24,36,.45) !important; } html body .inv-search input:focus::-webkit-search-cancel-button, html body .inv-search input:not(:placeholder-shown)::-webkit-search-cancel-button{ filter:none !important; opacity:.45 !important; } html body input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]):not([type="reset"]):focus-visible, html body textarea:focus-visible, html body select:focus-visible{ outline:none !important; outline-offset:0 !important; box-shadow:0 0 0 3px rgba(31,41,86,.20) !important; border-color:var(--rf-dark,#1F2956) !important; } html body .inv-search input:focus, html body .inv-search input:focus-visible, html body .inv-search input:not(:placeholder-shown){ outline:none !important; box-shadow:none !important; border:0 !important; } html body .nl .nl-f input:focus, html body .nl .nl-f input:focus-visible{ outline:2px solid #006ED4 !important; outline-offset:1px !important; box-shadow:none !important; border-color:#006ED4 !important; } html body .menudrawer .recrail.md-rail{ --rail-x:var(--page-x); padding-top:18px !important; padding-bottom:6px !important; margin-top:4px !important; margin-bottom:0 !important; } html body .menudrawer .recrail.md-rail{ padding-left:0 !important; padding-right:0 !important; } html body .menudrawer .recrail.md-rail .recrail-hd h2{ font-size:19px !important; line-height:1.2 !important; } html body .menudrawer .recrail.md-rail .recrail-hd{ margin-bottom:14px !important; align-items:flex-end; } html body input[type="file"]:focus-visible{ outline:2px solid var(--rf-accent,#006ED4) !important; outline-offset:2px !important; box-shadow:0 0 0 4px rgba(255,255,255,.85) !important; } html body .cx.on, html body .bag.on, html body .fdrawer.on, html body .menudrawer{ top:var(--vv-top, 0px) !important; bottom:auto !important; height:var(--vv-h, 100dvh) !important; max-height:var(--vv-h, 100dvh) !important; } html body .cx-scrim.on, html body .bag-scrim.on, html body .fdrawer-scrim.on{ top:var(--vv-top, 0px) !important; bottom:auto !important; height:var(--vv-h, 100dvh) !important; } html body .cx.on .cx-body, html body .fdrawer.on .fdrawer-body{ flex:1 1 auto !important; min-height:0 !important; overflow-y:auto !important; -webkit-overflow-scrolling:touch; overscroll-behavior:contain !important; } html body .menudrawer{ overscroll-behavior:contain !important; } html.kb-open body .rf-tabwrap, html.kb-open body .pdp-bar, html.kb-open body .ask-fab{ display:none !important; } html body:has(.rf-feed) .topbar:not(.scrolled) .hdr-search #hs-input, html body:has(.inv-hero) .topbar:not(.scrolled) .hdr-search #hs-input, html body:has(.story-hero) .topbar:not(.scrolled) .hdr-search #hs-input, html body:has(.shop-ed-hero.has-vid) .topbar:not(.scrolled) .hdr-search #hs-input{ background:rgba(255,255,255,.16) !important; border-color:rgba(255,255,255,.36) !important; color:#FFFFFF !important; -webkit-text-fill-color:#FFFFFF; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); } html body:has(.rf-feed) .topbar:not(.scrolled) .hdr-search #hs-input::placeholder, html body:has(.inv-hero) .topbar:not(.scrolled) .hdr-search #hs-input::placeholder, html body:has(.story-hero) .topbar:not(.scrolled) .hdr-search #hs-input::placeholder, html body:has(.shop-ed-hero.has-vid) .topbar:not(.scrolled) .hdr-search #hs-input::placeholder{ color:rgba(255,255,255,.74) !important; } html body:has(.rf-feed) .topbar:not(.scrolled) .hdr-search svg, html body:has(.inv-hero) .topbar:not(.scrolled) .hdr-search svg, html body:has(.story-hero) .topbar:not(.scrolled) .hdr-search svg, html body:has(.shop-ed-hero.has-vid) .topbar:not(.scrolled) .hdr-search svg{ color:rgba(255,255,255,.88) !important; } html body:has(.rf-feed) .topbar .hdr-search #hs-input:focus, html body:has(.inv-hero) .topbar .hdr-search #hs-input:focus, html body:has(.story-hero) .topbar .hdr-search #hs-input:focus, html body:has(.shop-ed-hero.has-vid) .topbar .hdr-search #hs-input:focus{ background:var(--rf-paper,#fbf9f4) !important; color:var(--rf-ink,#393B44) !important; -webkit-text-fill-color:var(--rf-ink,#393B44); border-color:var(--rf-dark,#1F2956) !important; backdrop-filter:none; -webkit-backdrop-filter:none; } html body:has(.rf-feed) .topbar .hdr-search #hs-input:focus::placeholder, html body:has(.inv-hero) .topbar .hdr-search #hs-input:focus::placeholder, html body:has(.story-hero) .topbar .hdr-search #hs-input:focus::placeholder, html body:has(.shop-ed-hero.has-vid) .topbar .hdr-search #hs-input:focus::placeholder{ color:rgba(20,24,36,.45) !important; } html body:has(.rf-feed) .topbar:not(.scrolled) .hdr-search:focus-within svg, html body:has(.inv-hero) .topbar:not(.scrolled) .hdr-search:focus-within svg, html body:has(.story-hero) .topbar:not(.scrolled) .hdr-search:focus-within svg, html body:has(.shop-ed-hero.has-vid) .topbar:not(.scrolled) .hdr-search:focus-within svg{ color:var(--rf-dark,#1F2956) !important; } html body .ab-closer .ab-go.lg{ font-size:clamp(26px,3.4vw,46px) !important; font-family:var(--font-display) !important; font-weight:800 !important; letter-spacing:-.02em; line-height:1.05; margin:clamp(26px,3vw,40px) auto clamp(28px,3.2vw,44px) !important; text-underline-offset:10px !important; text-decoration-thickness:2px !important; text-decoration-color:rgba(255,255,255,.34) !important; transition:text-decoration-color .16s ease; } html body .ab-closer .ab-go.lg:hover{ text-decoration-color:rgba(255,255,255,.9) !important; } @media (max-width:640px){ html body .ab-closer .ab-go.lg{font-size:clamp(24px,7.6vw,34px) !important} } html body .shop-ed .ecard{ background:transparent !important; border:0 !important; overflow:visible !important; } html body .shop-ed .ecard:hover{border-color:transparent !important} html body .shop-ed .ec-img{ border:1px solid rgba(20,24,36,.10); background-color:#fff; transition:border-color .16s ease; } html body .shop-ed .ecard:hover .ec-img{border-color:rgba(20,24,36,.28)} html body .shop-ed .ec-body{ padding:14px 1px 0 !important; gap:5px !important; } html body .shop-ed .ec-top{ display:flex;align-items:baseline;justify-content:space-between;gap:14px; } html body .shop-ed .ec-name{ font-family:var(--font-display) !important; font-weight:700 !important; font-size:clamp(15px,1.15vw,17.5px) !important; line-height:1.22 !important; letter-spacing:-.01em; } html body .shop-ed .ec-price{ font-family:var(--font-display) !important; font-weight:700 !important; font-size:clamp(15px,1.15vw,17.5px) !important; color:var(--rf-ink,#393B44) !important; font-variant-numeric:tabular-nums; } html body .shop-ed .ec-blurb{display:none !important} html body .shop-ed .ec-cta{ font-size:11.5px !important; letter-spacing:.12em; text-transform:uppercase; color:#6f6a5e !important; opacity:.75; transition:opacity .16s ease,color .16s ease; } html body .shop-ed .ecard:hover .ec-cta, html body .shop-ed .ec-hit:focus-visible .ec-cta{ opacity:1; color:var(--rf-ink,#393B44) !important; } html body #team-view .ab-teamgrid{ grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:clamp(20px,2.2vw,34px) !important; } @media (max-width:1080px){ html body #team-view .ab-teamgrid{ grid-template-columns:repeat(3,minmax(0,1fr)) !important; } } html body:has(.unsub) .fnl{ display:none !important; } html body #team-view .ab-teamgrid article:not(:has(img))::before, html body #about-view .ab-teamgrid article:not(:has(img))::before{ content:attr(data-initial); display:flex; align-items:flex-end; justify-content:flex-start; aspect-ratio:4/5; margin-bottom:6px; padding:0 0 clamp(10px,1.1vw,16px) clamp(12px,1.2vw,18px); box-sizing:border-box; background: linear-gradient(180deg, rgba(255,255,255,.05) 0%, rgba(8,11,22,.16) 100%), var(--rf-dark,#1F2956); border:1px solid rgba(20,24,36,.18); font-family:var(--font-display); font-weight:800; font-size:clamp(46px,5.2vw,74px); line-height:.82; letter-spacing:-.045em; color:rgba(255,255,255,.94); } html body #team-view .ab-teamgrid article:not(:has(img)){ position:relative; } html body #team-view .ab-teamgrid article:not(:has(img))::after{ content:""; position:absolute; left:clamp(12px,1.2vw,18px); right:clamp(12px,1.2vw,18px); top:calc(((100% - 46px) / 5 * 4) - clamp(34px,3.6vw,52px)); height:1px; background:rgba(255,255,255,.22); pointer-events:none; } @media (min-width:900px){ html body #team-view .ab-teamgrid article:first-child{ grid-column:span 2; } html body #team-view .ab-teamgrid article:first-child img{ aspect-ratio:16/10 !important; } } html body #team-view .ab-teamgrid article b{ display:block; font-family:var(--font-display); font-weight:700; font-size:clamp(16px,1.25vw,19px); line-height:1.18; letter-spacing:-.015em; margin-top:2px; } html body #team-view .ab-teamgrid article span{ display:block; margin-top:3px; font-size:12.5px; letter-spacing:.05em; color:#6B6659; } html body #team-view .ab-teamgrid article:not(:has(img))::before{ background: linear-gradient(180deg, rgba(255,255,255,.06) 0%, rgba(8,11,22,.10) 100%), var(--rf-cream,#f6f3ec) !important; border:1px solid rgba(20,24,36,.14) !important; color:rgba(31,41,86,.13) !important; font-size:clamp(64px,7vw,104px) !important; align-items:center !important; justify-content:center !important; padding:0 !important; aspect-ratio:4/5; } html body #team-view .ab-teamgrid article:not(:has(img))::after{display:none !important} html body #team-view .ab-teamgrid .tm-car{ display:block; margin-top:10px; padding-top:9px; border-top:1px solid rgba(20,24,36,.14); font-family:var(--font-display); font-weight:700; font-size:clamp(15px,1.2vw,18px); line-height:1.2; letter-spacing:-.015em; color:var(--rf-dark,#1F2956); } html body #team-view .ab-teamgrid .tm-car i{ display:block; font-style:normal; font-family:var(--font-ui); font-weight:600; font-size:10px; letter-spacing:.16em; text-transform:uppercase; color:#6f6a5e; margin-bottom:5px; } html body #team-view .ab-teamgrid article{ background:transparent; border:0; padding:0; } html body #team-view .ab-teamgrid article .tm-car{ transition:color .16s ease; } html body #team-view .ab-teamgrid article:hover .tm-car{ color:var(--rf-accent,#006ED4); } @media (prefers-reduced-motion:reduce){ html body #team-view .ab-teamgrid article .tm-car{transition:none} } html body #record-entry .re-wrap{ padding-top:28px; padding-bottom:8px; } html body #record-entry .re-crumb{ display:flex; align-items:center; gap:8px; font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:#6f6a5e; margin:0 0 18px; } html body #record-entry .re-crumb a{ color:inherit; text-decoration:none; border-bottom:1px solid rgba(138,133,120,.45); } html body #record-entry .re-crumb a:hover{color:var(--rf-accent,#006ED4)} html body #record-entry .re-head{ max-width:760px; margin:0 0 26px; } html body #record-entry .re-kicker{ display:flex; align-items:center; gap:10px; font-size:12px; letter-spacing:.16em; text-transform:uppercase; color:#6f6a5e; margin:0 0 10px; } html body #record-entry .re-only{ border:1px solid currentColor; border-radius:999px; padding:2px 8px; font-size:10px; letter-spacing:.12em; color:var(--rf-accent,#006ED4); } html body #record-entry .re-title{ font-size:clamp(30px,4.4vw,52px); line-height:1.06; letter-spacing:-.015em; margin:0 0 12px; text-wrap:balance; } html body #record-entry .re-dek{ font-size:clamp(16px,1.7vw,20px); line-height:1.5; color:#5f5b52; margin:0 0 10px; } html body #record-entry .re-meta{ font-size:13px; letter-spacing:.04em; color:#6f6a5e; margin:0; } html body #record-entry .re-hero{ display:block; width:100%; height:auto; border-radius:2px; margin:0 0 30px; } html body #record-entry .re-video{ position:relative; aspect-ratio:16/9; width:100%; background:#000; border-radius:2px; overflow:hidden; margin:0 0 30px; } html body #record-entry .re-video iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; } html body #record-entry .re-body{ max-width:64ch; margin:0 0 34px; } html body #record-entry .re-body p{ font-size:17px; line-height:1.68; color:#2f2c27; margin:0 0 1.15em; } html body #record-entry .re-body p:last-child{margin-bottom:0} html body #record-entry .re-event{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px; max-width:760px; padding:20px 22px; margin:0 0 30px; background:#f1efe9; border-radius:3px; } html body #record-entry .re-event-when{ font-size:18px; margin:0 0 4px; } html body #record-entry .re-event-where{ font-size:13px; color:#6b675e; margin:0; } html body #record-entry .re-source{ max-width:64ch; font-size:13px; color:#6f6a5e; margin:0 0 8px; } html body #record-entry .re-source a{color:inherit} html body #record-entry .re-more{ padding-top:6px; padding-bottom:56px; } html body #record-entry .re-more-h{ font-size:13px; letter-spacing:.16em; text-transform:uppercase; color:#6f6a5e; font-weight:500; margin:0 0 16px; } html body #record-entry .re-more-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; } html body #record-entry .re-more-card{ display:flex; flex-direction:column; gap:8px; text-decoration:none; color:inherit; } html body #record-entry .re-more-ph{ display:block; aspect-ratio:16/10; background-size:cover; background-position:center; background-color:#e6e3dc; border-radius:2px; } html body #record-entry .re-more-ph-empty{background-color:#e6e3dc} html body #record-entry .re-more-kind{ font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:#6f6a5e; } html body #record-entry .re-more-title{ font-size:16px; line-height:1.3; } html body #record-entry .re-more-card:hover .re-more-title{ color:var(--rf-accent,#006ED4); } @media (max-width:820px){ html body #record-entry .re-more-grid{grid-template-columns:repeat(2,1fr)} } @media (max-width:560px){ html body #record-entry .re-more-grid{grid-template-columns:1fr;gap:18px} html body #record-entry .re-event{padding:16px} } html body #record-view .rc-out{ position:absolute; right:10px; bottom:10px; font-size:10px; letter-spacing:.12em; text-transform:uppercase; color:#fff; background:rgba(0,0,0,.55); border-radius:999px; padding:3px 9px; pointer-events:none; } html body #record-view .rc{position:relative} html body .topbar .menudrawer .md2-search .hdr-search #hs-input{ background:var(--rf-white,#fff) !important; border-color:rgba(20,24,36,.18) !important; color:var(--rf-ink,#393B44) !important; -webkit-text-fill-color:var(--rf-ink,#393B44) !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; } html body .topbar .menudrawer .md2-search .hdr-search #hs-input::placeholder{ color:#5A6172 !important; } html body .topbar .menudrawer .md2-search .hdr-search .hs-ic, html body .topbar .menudrawer .md2-search .hdr-search svg{ color:#5F6575 !important; } html body .menudrawer .md2-grp{ padding:0; } html body .menudrawer .md-rail{ padding-top:0; padding-bottom:0; } html body .topbar .menudrawer .md2-search .hdr-search .hs-ic{ top:50%; transform:translateY(-50%); } html body .topbar .menudrawer .md2-search .hdr-search #hs-input{ padding-left:46px !important; } html body .topbar .menudrawer .md2-search .hs-drop{ left:0 !important; right:0 !important; width:auto !important; max-height:calc(var(--vv-h, 100dvh) - 210px) !important; overflow-y:auto !important; -webkit-overflow-scrolling:touch; overscroll-behavior:contain; } html body .menudrawer .md-rail .recrail-hd{ display:flex; align-items:baseline; justify-content:space-between; gap:12px; padding:0 20px; margin:0 0 10px; } html body .menudrawer .md-rail .recrail-hd .kick{ margin:0 0 2px; font-size:10.5px; letter-spacing:.16em; } html body .menudrawer .md-rail .recrail-hd h2{ margin:0; font-size:19px; line-height:1.15; letter-spacing:-.01em; } html body .menudrawer .md-rail .recrail-act{ display:flex; align-items:center; gap:10px; flex:none; } html body .menudrawer .md-rail .recrail-all{ font-size:12px; letter-spacing:.1em; white-space:nowrap; } html body .menudrawer .md-rail .recrail-nav{ display:none; } html body .menudrawer .md-rail .recrail-track{ padding-left:20px; padding-right:20px; } @media (max-width:900px){ html body .inv-layout, html body .inv-layout-flat{ row-gap:14px !important; } } @media (max-width:900px){ html body .inv-layout, html body .inv-layout-flat{ padding-top:18px !important; } } html body .inv-search input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]):not([type="reset"]):focus-visible, html body .inv-search input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]):not([type="reset"]):focus{ box-shadow:none !important; border-color:transparent !important; outline:none !important; } html body .menudrawer{ height:calc(var(--vv-h, 100dvh) + var(--vv-kb, 0px)) !important; max-height:none !important; padding-bottom:var(--vv-kb, 0px); } @media (max-width:560px){ html body #record-entry .re-more-grid{ grid-template-columns:1fr; gap:0; } html body #record-entry .re-more-card{ display:grid; grid-template-columns:84px 1fr; grid-template-rows:auto auto; column-gap:14px; align-items:center; padding:12px 0; border-bottom:1px solid rgba(20,24,36,.08); } html body #record-entry .re-more-card:last-child{ border-bottom:0; } html body #record-entry .re-more-ph{ grid-row:1 / span 2; aspect-ratio:1/1; width:84px; } html body #record-entry .re-more-kind{ align-self:end; } html body #record-entry .re-more-title{ align-self:start; font-size:15px; } } html body .fleetempty{ grid-column:1 / -1; } html body .fleetempty .inv-none-h{ font-size:clamp(19px,2.4vw,24px); line-height:1.25; letter-spacing:-.01em; color:var(--rf-ink,#393B44); margin:0 0 6px; text-wrap:balance; } html body .fleetempty .inv-none-s{ font-size:14px; color:#5F6575; margin:0 0 16px; } html body .fleetempty .inv-none-acts{ display:flex; flex-wrap:wrap; gap:10px; margin:0 0 4px; } html body .fleetempty .inv-none-acts .btn{ flex:0 0 auto; } @media (max-width:560px){ html body .fleetempty .inv-none-acts{ flex-direction:column; align-items:stretch; } html body .fleetempty .inv-none-acts .btn{ justify-content:center; width:100%; } } html body #inventory-view .fleetempty{ grid-column:1 / -1; padding:24px 0 4px; } html body #inventory-view .inv-none-h{ font-size:clamp(20px,3.4vw,26px); line-height:1.2; letter-spacing:-.012em; margin:0 0 8px; text-wrap:balance; color:var(--rf-ink,#393B44); } html body #inventory-view .inv-none-s{ font-size:14px; line-height:1.45; color:#5F6575; margin:0 0 16px; } html body #inventory-view .inv-none-acts{ display:flex; flex-wrap:wrap; gap:10px; margin:0 0 6px; } html body #inventory-view .inv-none-acts .btn{ flex:0 0 auto; } @media (max-width:430px){ html body #inventory-view .inv-none-acts .btn{ flex:1 1 100%; justify-content:center; } } html body .inv-main .fleetempty{ text-align:left; padding:34px 0 26px; border:0; border-bottom:1px solid rgba(20,24,36,.10); } html body .inv-main .fleetempty .inv-none-h{ margin:0 0 6px; font-family:var(--font-display); font-size:clamp(19px,2.4vw,24px); line-height:1.2; letter-spacing:-.01em; color:var(--rf-ink,#393B44); text-wrap:balance; } html body .inv-main .fleetempty .inv-none-s{ margin:0 0 16px; font-size:14px; color:#5F6575; } html body .inv-main .fleetempty .inv-none-acts{ display:flex; flex-wrap:wrap; gap:10px; } html body .inv-main .fleetempty .inv-none-acts .btn{ min-height:44px; display:inline-flex; align-items:center; justify-content:center; padding:0 16px; font-size:13px; white-space:nowrap; } @media (max-width:420px){ html body .inv-main .fleetempty .inv-none-acts{ gap:8px; } html body .inv-main .fleetempty .inv-none-acts .btn{ padding:0 12px; font-size:12.5px; } } html body .fleetempty .inv-none-h{ font-size:clamp(18px,4.4vw,22px); line-height:1.25; letter-spacing:-.01em; margin:0 0 6px; color:var(--rf-ink,#393B44); text-wrap:balance; } html body .fleetempty .inv-none-s{ font-size:14px; line-height:1.45; color:#5F6575; margin:0 0 16px; } html body .fleetempty .inv-none-acts{ display:flex; flex-wrap:wrap; gap:10px; align-items:center; } html body .fleetempty .inv-none-h{ margin:0 0 6px; font-family:var(--font-display); font-size:clamp(19px,2.4vw,24px); line-height:1.2; letter-spacing:-.01em; color:var(--rf-ink,#393B44); text-wrap:balance; } html body .fleetempty .inv-none-s{ margin:0 0 16px; font-size:14px; color:#5F6575; } html body .fleetempty .inv-none-acts{ display:flex; flex-wrap:wrap; gap:10px; } html body .fleetgrid .fleetempty{ grid-column:1 / -1; padding:26px 0 30px; } @media (max-width:560px){ html body .fleetempty .inv-none-acts .btn{ flex:1 1 auto; justify-content:center; } } html body #inventory-view .fleetempty{ text-align:left; padding:6px 0 18px; } html body #inventory-view .inv-none-h{ font-size:clamp(18px,2.4vw,22px); line-height:1.25; letter-spacing:-.01em; color:var(--rf-ink,#393B44); margin:0 0 6px; text-wrap:balance; } html body #inventory-view .inv-none-s{ font-size:14px; line-height:1.45; color:#5F6575; margin:0 0 14px; max-width:52ch; } html body #inventory-view .inv-none-acts{ display:flex; flex-wrap:wrap; align-items:center; gap:10px; } html body #inventory-view .inv-none-acts .btn{ flex:0 0 auto; } @media (max-width:420px){ html body #inventory-view .inv-none-acts .btn{ flex:1 1 100%; justify-content:center; } } html body .inv-main .fleetempty:has(.inv-none-h), html body .fleetempty:has(.inv-none-h){ padding:26px 22px; border:0; text-align:left; background:#f1efe9; border-radius:3px; color:inherit; } html body .inv-none-h{ font-size:clamp(18px,2.4vw,22px); line-height:1.25; letter-spacing:-.01em; color:var(--rf-ink,#393B44); margin:0 0 6px; text-wrap:balance; } html body .inv-none-s{ font-size:14px; line-height:1.4; color:#6B6659; margin:0 0 16px; } html body .inv-none-acts{ display:flex; flex-wrap:wrap; align-items:center; gap:10px; } html body .inv-none-acts .btn{ flex:none; } html body .inv-main .fleetempty{ padding:clamp(28px,5vw,52px) clamp(18px,4vw,32px); } html body .inv-main .fleetempty .inv-none-h{ margin:0 0 6px; font-size:clamp(17px,2.4vw,21px); line-height:1.3; color:var(--rf-ink,#393B44); font-weight:600; text-wrap:balance; } html body .inv-main .fleetempty .inv-none-s{ margin:0 0 18px; font-size:14px; line-height:1.45; color:var(--rf-slate,#6f6a5e); } html body .inv-main .fleetempty .inv-none-acts{ display:flex; flex-wrap:wrap; justify-content:center; gap:10px; } html body .inv-main .fleetempty .inv-none-acts .btn{ flex:0 1 auto; } html body .fleetempty{ grid-column:1 / -1; padding:26px 0 22px; } html body .inv-none-h{ font-family:var(--font-display); font-size:clamp(19px,2.4vw,24px); line-height:1.25; letter-spacing:-.01em; margin:0 0 6px; text-wrap:balance; } html body .inv-none-s{ font-size:14px; color:#5F6575; margin:0 0 16px; max-width:52ch; } html body .inv-none-acts{ display:flex; flex-wrap:wrap; gap:10px; align-items:center; } html body .inv-none-acts .btn.sm, html body .btn.ghost.sm, html body .btn.navy.sm{ padding:9px 14px; font-size:13px; line-height:1.2; min-height:0; } @media (max-width:560px){ html body .inv-none-acts{ gap:8px; } html body .inv-none-acts .btn{ flex:1 1 auto; justify-content:center; } } html body .inv-topfilters{ display:flex !important; flex-wrap:wrap !important; align-items:center !important; gap:10px !important; width:100% !important; padding:0 !important; margin:0 0 clamp(12px,1.4vw,18px) !important; grid-template-columns:none !important; grid-template-areas:none !important; } html body .inv-topfilters > *{ margin:0 !important; min-width:0 !important; grid-column:auto !important; grid-row:auto !important; grid-area:auto !important; } html body .inv-topfilters .inv-filter-btn{ order:0 !important; flex:0 0 auto !important; width:auto !important; height:38px !important; padding:0 16px !important; } html body .inv-topfilters .inv-tf-group{ order:1 !important; flex:0 0 auto !important; width:auto !important; } html body .inv-topfilters .inv-tf-group .inv-tf-btn{ width:auto !important; height:38px !important; } html body .inv-topfilters .inv-tf-tail{ order:2 !important; display:flex !important; align-items:center !important; justify-content:center !important; gap:10px !important; flex:1 1 auto !important; width:auto !important; } html body .inv-topfilters .inv-tf-tail .inv-result-count{ order:0 !important; flex:0 1 auto !important; width:auto !important; margin:0 !important; display:inline-flex !important; align-items:center !important; height:38px !important; padding:0 14px !important; border:1px solid var(--rf-grey,#A9A9A9) !important; background:var(--rf-white,#fff) !important; font-size:12.5px !important; font-weight:600 !important; letter-spacing:.01em !important; white-space:nowrap !important; text-align:center !important; } html body .inv-topfilters .inv-sort-wrap{ order:3 !important; flex:0 0 auto !important; width:auto !important; max-width:none !important; margin-left:auto !important; display:flex !important; align-items:center !important; gap:8px !important; } html body .inv-topfilters .inv-sort-wrap{ height:38px !important; } html body .inv-topfilters .inv-sort-wrap .inv-sort{ width:auto !important; min-width:158px !important; height:38px !important; } @media (max-width:1149px){ html body .inv-topfilters .inv-tf-group{ display:none !important; } } @media (max-width:899px){ html body .inv-topfilters .inv-filter-btn{ order:0 !important; flex:1 1 0 !important; width:auto !important; height:44px !important; justify-content:center !important; } html body .inv-topfilters .inv-sort-wrap{ order:1 !important; flex:1 1 0 !important; width:auto !important; height:44px !important; margin-left:0 !important; } html body .inv-topfilters .inv-sort-wrap .inv-sort-label{ display:none !important; } html body .inv-topfilters .inv-sort-wrap .inv-sort{ flex:1 1 auto !important; width:100% !important; min-width:0 !important; height:44px !important; } html body .inv-topfilters .inv-tf-tail{ order:2 !important; flex:1 1 100% !important; width:100% !important; justify-content:center !important; } html body .inv-topfilters .inv-tf-tail .inv-result-count{ height:32px !important; padding:0 12px !important; } } html body .inv-topfilters .inv-tf-tail .inv-clearall, html body .inv-topfilters .inv-tf-tail .inv-tf-clear{ order:1 !important; flex:0 0 auto !important; width:auto !important; max-width:none !important; } html body input[type="search"]::-webkit-search-cancel-button, html body input[type="search"]::-webkit-search-decoration, html body input[type="search"]::-webkit-search-results-button, html body input[type="search"]::-webkit-search-results-decoration{ -webkit-appearance:none !important; appearance:none !important; display:none !important; width:0 !important; height:0 !important; } html body .inv-search .inv-clear, html body .hdr-search .inv-clear, html body .arc-search .inv-clear{ text-decoration:none !important; font-weight:400 !important; font-size:19px !important; line-height:1 !important; width:30px !important; height:30px !important; padding:0 !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; color:var(--rf-slate,#6f6a5e) !important; opacity:.85; } html body .inv-search .inv-clear:hover, html body .hdr-search .inv-clear:hover, html body .arc-search .inv-clear:hover{ color:var(--rf-ink,#393B44) !important; opacity:1; } @media (max-width:899px){ html body .inv-shell.inv-shell.inv-shell:has(.inv-search:focus-within) .inv-topfilters .inv-filter-btn, html body .inv-shell.inv-shell.inv-shell:has(.inv-search:focus-within) .inv-topfilters .inv-sort-wrap, html body #archive-view#archive-view:has(.inv-search:focus-within) .inv-topfilters .inv-filter-btn, html body #archive-view#archive-view:has(.inv-search:focus-within) .inv-topfilters .inv-sort-wrap{ display:none !important; } html body .inv-shell.inv-shell.inv-shell:has(.inv-search:focus-within) .inv-topfilters, html body #archive-view#archive-view:has(.inv-search:focus-within) .inv-topfilters{ gap:0 !important; margin:0 0 8px !important; } html body .inv-shell.inv-shell.inv-shell:has(.inv-search:focus-within) .inv-topfilters .inv-tf-tail, html body #archive-view#archive-view:has(.inv-search:focus-within) .inv-topfilters .inv-tf-tail{ justify-content:flex-start !important; } }
@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){@keyframes rf-rise{from{opacity:0;transform:translate3d(0,34px,0)} to {opacity:1;transform:none}} @keyframes rf-rise-sm{from{opacity:0;transform:translate3d(0,22px,0)} to {opacity:1;transform:none}} @keyframes rf-settle{from{opacity:0;transform:scale(1.075)} to {opacity:1;transform:scale(1)}} @keyframes rf-widen{from{opacity:0;font-variation-settings:"wdth" 84;transform:translate3d(0,20px,0)} to {opacity:1;font-variation-settings:"wdth" 100;transform:none}} #about-view .ab-ch-txt .ab-num, #about-view .ab-ch-txt .kick, #about-view .ab-ch-txt .ab-p, #about-view .ab-ch-txt .ab-go{animation-range:cover 6% cover 40%;} #about-view .ab-ch-txt h2{animation-range:cover 8% cover 48%;} #about-view .ab-ch-img{animation-range:cover 2% cover 46%;} .ab-proof .ab-stats > *, .ab-proof .ab-proofnote, .ab-team article, .ab-closer .wrap > *, .rv-band .rv-head > *, .rv-card{animation-range:cover 5% cover 38%;} .fleetgrid > *, .recrail .card, .ecard, .rc-card, .rec-card{animation-range:cover 4% cover 34%;} .railhead > *, .recrail-head > *, .shop-note .wrap > *, .sell-why .wrap > *, .how-steps li, .how-steps > *{animation-range:cover 5% cover 38%;} .site-footer .ft-col, footer .ft-col{animation-range:cover 4% cover 40%;} #about-view .ab-ch, #about-view .ab-proof, #about-view .ab-team, #about-view .ab-closer, #about-view .ab-ch .ab-ch-txt{animation-name:none;animation-timeline:auto;opacity:1;transform:none;} #about-view .ab-ch-txt .ab-num{animation-range:cover 4% cover 34%;} #about-view .ab-ch-txt .kick {animation-range:cover 7% cover 37%;} #about-view .ab-ch-txt h2 {animation-range:cover 10% cover 50%;} #about-view .ab-ch-txt .ab-p {animation-range:cover 14% cover 46%;} #about-view .ab-ch-txt .ab-go {animation-range:cover 18% cover 50%;} @keyframes rf-parallax{from{transform:translate3d(0,-7%,0) scale(1.16)} to {transform:translate3d(0, 7%,0) scale(1.16)}} #about-view .ab-ch-img{view-timeline-name:--rf-frame;view-timeline-axis:block;} #about-view .ab-ch-img .ab-ch-ph{animation:rf-parallax linear both;animation-timeline:--rf-frame;animation-range:cover 0% cover 100%;will-change:transform;} @keyframes rf-heropush{from{transform:scale(1)} to {transform:scale(1.13)}} @keyframes rf-herodrift{from{transform:translate3d(0,0,0);opacity:1} to {transform:translate3d(0,-64px,0);opacity:.55}} .ab-storyhero{view-timeline-name:--rf-hero;view-timeline-axis:block;} .ab-storyhero .story-vid, .ab-storyhero .story-ph{animation:rf-heropush linear both;animation-timeline:--rf-hero;animation-range:exit 0% exit 100%;will-change:transform;} .ab-storyhero .story-in{animation:rf-herodrift linear both;animation-timeline:--rf-hero;animation-range:exit 0% exit 100%;will-change:transform,opacity;} @media (max-width:700px){@keyframes rf-rise{from{opacity:0;transform:translate3d(0,20px,0)} to {opacity:1;transform:none}} @keyframes rf-rise-sm{from{opacity:0;transform:translate3d(0,14px,0)} to {opacity:1;transform:none}} @keyframes rf-parallax{from{transform:translate3d(0,-4%,0) scale(1.10)} to {transform:translate3d(0, 4%,0) scale(1.10)}} @keyframes rf-heropush{from{transform:scale(1)} to{transform:scale(1.08)}} @keyframes rf-herodrift{from{transform:translate3d(0,0,0);opacity:1} to {transform:translate3d(0,-34px,0);opacity:.6}}}}}

@media (max-width:430px){html body header.topbar .wrap{padding-left:12px !important;padding-right:12px !important;} html body header.topbar .logo{margin-right:12px !important;} html body header.topbar .logo img{max-width:150px !important;}} @media (max-width:359px){html body header.topbar .logo img{max-width:124px !important;}} html body .card-dashes > button.cdash{position:relative;} html body .card-dashes > button.cdash::after{content:"";position:absolute;left:0;right:0;top:-6px;bottom:-6px;} html body .rc-meta{color:#6b6558 !important;} html body .fin-stepn{color:rgba(20,24,36,.55) !important;} html body .tm-hiring .kick{color:#c9c3b4 !important;} html body .rv-card figcaption span{color:#6f6a5e !important;} html body .badge.pedals, html body .badge.pts{font-size:10px !important;line-height:10px !important;} html body input.vh, html body .vh:not(h1):not(h2):not(h3){max-width:1px !important;max-height:1px !important;} html body a[href^="tel:"]:not([class*="btn"]):not(.cx-call), html body a[href^="sms:"]:not([class*="btn"]):not(.cx-call){display:inline-block;padding-top:6px;padding-bottom:6px;margin-top:-6px;margin-bottom:-6px;} html body .optin input[type="checkbox"]{width:22px !important;height:22px !important;flex:0 0 22px !important;}

html body .card .badges .badge.pedals, html body .card .badges .badge.pts{font-size:10px !important;line-height:10px !important;}

html body footer .fgrid > div > h3{margin:0 0 12px !important;font-size:10.5px !important;letter-spacing:.18em !important;text-transform:uppercase !important;color:#A9A9A9 !important;font-weight:700 !important;line-height:1.8 !important;}

@media (max-width:820px){html body .nl-row input[type="email"], html body form input[type="email"], html body select.inv-sort{font-size:16px !important;}}

#about-view .ab-ch{overflow-x:clip;} html body a.recrail-all, html body .auth-back a{display:inline-block;padding-top:5px;padding-bottom:5px;margin-top:-5px;margin-bottom:-5px;}


.dealer-snapshot .snapshot-hover { cursor: pointer; } .dealer-snapshot .ymm { display: flex; align-items: center; position: relative; } .dealer-snapshot .ymm.ymm { height: 79px; } .dealer-snapshot .ymm .ymm-text { width: 240px; } .dealer-snapshot .ymm img { position: absolute; right: 0; bottom: -1px; } .dealer-snapshot .snapshot-red-fox { display: none; } .dealer-snapshot .free-carfax-report.free-carfax-report { padding-top: 20px; padding-bottom: 26px; } .dealer-snapshot .free-carfax-report.free-carfax-report a { width: 205px; } .dealer-snapshot .carfax-snapshot-text.carfax-snapshot-text.carfax-snapshot-text { width: 380px; } .dealer-snapshot .free-carfax-report.free-carfax-report { border-top: none; } #onePriceForm { margin-bottom: 0; } .dealer-value-snapshot .value-container { background-color: #1976D2; cursor: pointer; height: 76px; } .dealer-value-snapshot .carfax-value { font-size: 16px; font-weight: 700; color: #FFFFFF; padding: 8px 0 4px 0; text-align: center; } .dealer-value-snapshot .value-details { display: flex; color: #FFFFFF; } .dealer-value-snapshot .value-item { font-size: 18px; font-weight: 700; height: 32px; width: 50%; display: flex; justify-content: center; align-items: center; } .dealer-value-snapshot .value-type { font-size: 14px; font-weight: 100; padding-left: 5px; } .dealer-value-snapshot .free-carfax-report.free-carfax-report { padding-bottom: 11px; padding-top: 11px; } .dealer-value-snapshot .left-border { border-left: 1px solid #FFFFFF; } .dealer-value-snapshot .carfax-chevron { border-style: solid; border-width: 0.12em 0.12em 0 0; content: ''; display: inline-block; height: 0.4em; position: relative; transform: rotate(45deg); width: 0.4em; top: -0.05em; } .dealer-value-snapshot .carfax-no-pointer { cursor: default; } .dealer-value-snapshot .retail-price-solo { width: 100%; } .dealer-value-snapshot #no-value-message { text-align: center; margin: auto; font-size: 14px; color: #FFFFFF; } .dealer-value-snapshot #no-value-ymm { text-align: center; margin: auto; font-size: 14px; font-weight: 700; color: #FFFFFF; } .carfax-dealer-snapshot-embedded, #carfax-dealer-snapshot-popup { border: 1px solid #666666; width: 350px; } .carfax-snapshot .history-rows { margin: 16px; } .carfax-snapshot .history-row { line-height: 15px; display: flex; align-items: center; min-height: 32px; margin-bottom: 8px; max-height: 80px; } .carfax-snapshot .carfax-snapshot-text, .carfax-snapshot .dealertext { font-size: 14px; display: flex; flex-wrap: wrap; align-items: center; padding-left: 10px; } .carfax-snapshot .row4 .carfax-snapshot-text, .carfax-snapshot .row5 .carfax-snapshot-text { width: 380px; } .carfax-snapshot .row3 .carfax-snapshot-text { width: 290px; } .carfax-snapshot .row2 .carfax-snapshot-text { width: 275px; } .carfax-snapshot .row0 .carfax-snapshot-text, .carfax-snapshot .row1 .carfax-snapshot-text { width: 240px; } .carfax-snapshot .carfax-snapshot-icn { width: 32px; height: 32px; } .carfax-snapshot .carfax-snapshot-rowText { display: inline-block; width: 100%; } .carfax-snapshot .carfax-snapshot-subRowText { font-size: 12px; } .carfax-snapshot .sev-headline { font-size: 14px; color: #212121; display: inline-block; font-weight: 700; max-height: 30px; padding-top: 4px; width: 100%; } .carfax-snapshot .severity-scale { width: 100%; max-width: 212px; margin-top: 6px; } .carfax-snapshot .severity-scale .severity-scale-slider { position: relative; width: 100%; padding: 8px 0 8px 0; } .carfax-snapshot .severity-scale .severity-scale-slider .severity-scale-slider-scale { width: 100%; height: 0; border: 2px solid #e0e0e0; border-radius: 4px; } .carfax-snapshot .severity-scale .severity-scale-labels { display: flex; font-size: 12px; margin-top: 8px; } .carfax-snapshot .severity-scale .severity-scale-labels div { flex: 1; } .carfax-snapshot .severity-scale .severity-scale-labels .severity-minor-label { text-align: left; } .carfax-snapshot .severity-scale .severity-scale-labels .severity-moderate-label { text-align: center; } .carfax-snapshot .severity-scale .severity-scale-labels .severity-severe-label { text-align: right; } .carfax-snapshot .severity-scale .severity-scale-slider-value { position: absolute; height: 20px; width: 20%; top: 0; left: 0; overflow: hidden; border-left: 4px solid white; border-right: 4px solid white; margin: 0 -4px 0 -4px; } .carfax-snapshot .severity-scale .severity-scale-slider-value svg { width: 100%; height: 100%; border-radius: 5px; } .carfax-snapshot .severity-scale.very-minor-damage .severity-scale-slider-value { left: 0; width: 10%; } .carfax-snapshot .severity-scale.minor-damage .severity-scale-slider-value { left: 0; } .carfax-snapshot .severity-scale.minor-to-moderate-damage .severity-scale-slider-value { left: 20%; } .carfax-snapshot .severity-scale.minor-to-moderate-structural-damage .severity-scale-slider-value, .carfax-snapshot .severity-scale.minor-to-moderate-damage-imprecise .severity-scale-slider-value { left: 20%; width: 45%; } .carfax-snapshot .severity-scale.moderate-damage .severity-scale-slider-value { left: 40%; } .carfax-snapshot .severity-scale.moderate-to-severe-damage .severity-scale-slider-value { left: 60%; } .carfax-snapshot .severity-scale.moderate-to-severe-structural-damage .severity-scale-slider-value, .carfax-snapshot .severity-scale.moderate-to-severe-damage-imprecise .severity-scale-slider-value { left: 45%; width: 55%; } .carfax-snapshot .severity-scale.severe-damage .severity-scale-slider-value { left: 80%; } .carfax-snapshot .severity-scale.very-severe-damage .severity-scale-slider-value { left: 90%; width: 10%; } .carfax-snapshot .severity-scale.very-minor-damage .severity-scale-labels .severity-minor-label, .carfax-snapshot .severity-scale.minor-damage .severity-scale-labels .severity-minor-label, .carfax-snapshot .severity-scale.minor-to-moderate-damage .severity-scale-labels .severity-minor-label, .carfax-snapshot .severity-scale.minor-to-moderate-damage-imprecise .severity-scale-labels .severity-minor-label, .carfax-snapshot .severity-scale.minor-to-moderate-structural-damage .severity-scale-labels .severity-minor-label { font-weight: 700; } .carfax-snapshot .severity-scale.minor-to-moderate-damage .severity-scale-labels .severity-moderate-label, .carfax-snapshot .severity-scale.minor-to-moderate-structural-damage .severity-scale-labels .severity-moderate-label, .carfax-snapshot .severity-scale.minor-to-moderate-damage-imprecise .severity-scale-labels .severity-moderate-label, .carfax-snapshot .severity-scale.moderate-damage .severity-scale-labels .severity-moderate-label, .carfax-snapshot .severity-scale.moderate-to-severe-damage-imprecise .severity-scale-labels .severity-moderate-label, .carfax-snapshot .severity-scale.moderate-to-severe-damage .severity-scale-labels .severity-moderate-label, .carfax-snapshot .severity-scale.moderate-to-severe-structural-damage .severity-scale-labels .severity-moderate-label { font-weight: 700; } .carfax-snapshot .severity-scale.moderate-to-severe-damage .severity-scale-labels .severity-severe-label, .carfax-snapshot .severity-scale.moderate-to-severe-structural-damage .severity-scale-labels .severity-severe-label, .carfax-snapshot .severity-scale.moderate-to-severe-damage-imprecise .severity-scale-labels .severity-severe-label, .carfax-snapshot .severity-scale.severe-damage .severity-scale-labels .severity-severe-label, .carfax-snapshot .severity-scale.very-severe-damage .severity-scale-labels .severity-severe-label { font-weight: 700; } .carfax-snapshot-embedded, #carfax-snapshot-popup { width: 450px; } .carfax-snapshot { display: block !important; box-shadow: 0 5px 25px -5px rgba(0, 0, 0, 0.5); font-size: 16px; font-family: Roboto, ui-sans-serif, system-ui, sans-serif; height: inherit; position: relative; color: #212121; background: #FFFFFF; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; } .carfax-snapshot a { text-decoration: none; color: #3777bc; font-size: 12px; } .carfax-snapshot a:hover { text-decoration: underline; } .carfax-snapshot a:focus { outline: thin dotted; } .carfax-snapshot a, .carfax-snapshot a:active, .carfax-snapshot a:visited, .carfax-snapshot a:hover { outline: 0; font-weight: 500; } .carfax-snapshot .snapshot-red-fox { position: absolute; bottom: 94px; right: 0px; height: 177px; } .carfax-snapshot .carfax-snapshot-header { display: flex; align-items: center; background: #1976D2; height: 56px; } .carfax-snapshot .carfax-snapshot-logo { width: 125px; height: 24px; padding-left: 8px; } .carfax-snapshot .carfax-snapshot-header-text { font-size: 16px; font-weight: 700; color: #fff; padding-left: 8px; } .carfax-snapshot .ymm { display: flex; align-items: center; border-bottom: 1px solid #e0e0e0; padding: 16px; box-sizing: border-box; } .carfax-snapshot .ymm-text { font-size: 16px; font-weight: bold; } .carfax-snapshot .free-carfax-report { text-align: center; border-top: 1px #e0e0e0 solid; background: white; padding: 15px 15px 0 15px; line-height: 18px; } .carfax-snapshot .free-carfax-report a { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; font-size: 14px; font-weight: 700; color: white; display: inline-block; background: #005005; width: 183px; height: 40px; line-height: 40px; } .carfax-snapshot .free-carfax-report .free-report-subtitle { font-size: 12px; padding: 10px 0 10px; color: #5b5e5e; text-align: center; } .carfax-snapshot .snapshot-no-fox.snapshot-no-fox.snapshot-no-fox { width: 380px; } .carfax-snapshot .fourRowsYmm .ymm-text { width: 315px; } .carfax-snapshot .accident-superiority-fox { height: 136px; z-index: 5; margin-right: 8px; } .cfx-band--snap{display:block} .cfx-snap{margin-top:18px;max-width:100%} .cfx-snap.carfax-snapshot-embedded{width:450px;max-width:100%} .cfx-snap .carfax-snapshot{box-shadow:none;border:1px solid var(--rf-line,#e0e0e0);border-radius:6px;overflow:hidden} @media (max-width:560px){ .cfx-snap .snapshot-red-fox{display:none} .cfx-snap .carfax-snapshot .carfax-snapshot-text, .cfx-snap .carfax-snapshot .row0 .carfax-snapshot-text, .cfx-snap .carfax-snapshot .row1 .carfax-snapshot-text, .cfx-snap .carfax-snapshot .row2 .carfax-snapshot-text, .cfx-snap .carfax-snapshot .row3 .carfax-snapshot-text, .cfx-snap .carfax-snapshot .row4 .carfax-snapshot-text, .cfx-snap .carfax-snapshot .row5 .carfax-snapshot-text{width:auto;flex:1} .cfx-snap .carfax-snapshot .ymm-text{width:auto} } .cfx-snap .carfax-snapshot a:focus-visible{outline:2px solid currentColor;outline-offset:2px} .cfx-band .cfx-mark{width:auto;min-width:0;border:0;background:none;padding:0;display:flex;align-items:flex-start} .cfx-band .cfx-logo{display:block;width:118px;height:auto;max-width:100%} @media (max-width:560px){.cfx-band .cfx-logo{width:96px}}
html body .cfx-band--snap{display:grid;align-items:start} html body .cfx-band--snap .cfx-snap{grid-column:1/-1;margin-top:16px} html body .cfx-band--snap .cfx-mark, html body .cfx-band--snap .cfx-go{align-self:start} html body .cfx-snap.carfax-snapshot-embedded{width:450px;max-width:100%} html body .cfx-snap .carfax-snapshot{box-shadow:none;border:1px solid rgba(20,24,36,.18);border-radius:4px;overflow:hidden} @media (max-width:640px){ html body .cfx-band--snap{grid-template-columns:auto minmax(0,1fr)} html body .cfx-band--snap .cfx-go{grid-column:1/-1;width:100%} }html body .ab-storyhero.story-hero{min-height:min(78vh,820px) !important} @media (max-height:700px){html body .ab-storyhero.story-hero{min-height:min(88vh,620px) !important}} #about-view .ab-ch-txt .ab-num{animation-range:cover 2% cover 26%} #about-view .ab-ch-txt .kick{animation-range:cover 4% cover 28%} #about-view .ab-ch-txt h2{animation-range:cover 6% cover 32%} #about-view .ab-ch-txt .ab-p{animation-range:cover 8% cover 32%} #about-view .ab-ch-txt .ab-go{animation-range:cover 10% cover 34%} .ab-proof .ab-stats > *,.ab-proof .ab-proofnote,.ab-team article,.ab-closer .wrap > *,.rv-band .rv-head > *,.rv-card{animation-range:cover 2% cover 28%} @keyframes rf-frame-settle{from{transform:scale(1.035)}to{transform:scale(1)}} #about-view .ab-ch-img{animation-name:rf-frame-settle;animation-range:cover 0% cover 26%;opacity:1}
#about-view .ab-proof .ab-stats > *, #about-view .ab-proof .ab-proofnote{animation-name:none;animation-timeline:auto;opacity:1;transform:none}
#about-view .ab-teamp{margin:10px 0 22px;font-size:clamp(15px,1.15vw,17px);line-height:1.6;max-width:52ch;color:var(--rf-slate,#5A6172)} #about-view .ab-proofnote{margin:18px 0 0} #about-view .ab-proofnote .ab-go{color:#fff}
@keyframes rf-headline-in{from{opacity:0;transform:translate3d(0,12px,0)}to{opacity:1;transform:none}} html body #about-view .ab-ch-txt h2{ animation-name:none;animation-timeline:auto; opacity:1;transform:none;font-variation-settings:normal; } html body #about-view .ab-ch-txt .ab-num, html body #about-view .ab-ch-txt .kick, html body #about-view .ab-ch-txt .ab-p, html body #about-view .ab-ch-txt .ab-go{ animation-name:none;animation-timeline:auto;opacity:1;transform:none; } html body #about-view .ab-ch .ab-ch-txt{ animation:rf-headline-in linear both; animation-timeline:view(); animation-range:cover 4% cover 30%; } html body #about-view .ab-closer .wrap > *, html body .rv-band .rv-head > *, html body .ab-team article{ animation-name:none;animation-timeline:auto;opacity:1;transform:none; } html body #about-view .ab-closer .wrap, html body #about-view .ab-team .wrap{ animation:rf-headline-in linear both; animation-timeline:view();animation-range:cover 4% cover 30%; }
html body #about-view > .ab-ch.wide .ab-ch-img{background:#fff} html body #about-view > .ab-ch.wide .ab-ch-ph{ animation-name:none;animation-timeline:auto; transform:none !important;scale:1 !important; background-size:contain;background-repeat:no-repeat;background-position:center; } html body #about-view > .ab-ch.wide:hover .ab-ch-ph{transform:none !important;scale:1 !important} html body #about-view > .ab-ch.wide .ab-ch-cap{ display:grid;grid-template-columns:1fr 1fr; width:100%;max-width:min(1180px,92vw);margin:14px auto 0; font-family:var(--font-ui,inherit);font-size:11px;font-weight:700; letter-spacing:.2em;text-transform:uppercase; color:var(--rf-slate,#5A6172);font-variant-numeric:tabular-nums; } html body #about-view > .ab-ch.wide .ab-ch-cap span{text-align:center} @media (max-width:560px){html body #about-view > .ab-ch.wide .ab-ch-cap{font-size:10px;letter-spacing:.16em}}
html:has(#about-view){scroll-snap-type:none} html body #about-view .ab-ch, html body #about-view .ab-closer, html body #about-view .ab-proof, html body #about-view .ab-team{scroll-snap-align:none} html body #about-view h2 .hl{display:block} html body #about-view h2 .hl + .hl{margin-top:.08em} html body #about-view .ab-ch-txt h2{max-width:30ch !important;text-wrap:balance} html body .ab-closer h2{max-width:34ch !important} html body #about-view .ab-ch-txt .ab-p, html body #about-view .ab-teamp, html body #about-view .ab-closer .ab-creed p{text-wrap:pretty} html body .ab-closer .ab-creed p{font-size:clamp(20px,2.3vw,32px) !important;line-height:1.24 !important} html body .ab-closer .ab-creed{gap:clamp(8px,.9vw,13px) !important}
html body #about-view .ab-closer > .wrap > .ab-creed{margin-top:clamp(26px,3vw,42px) !important} html body #about-view .ab-closer > .wrap > .ab-go{margin-top:clamp(34px,4vw,58px) !important} html body #about-view .ab-closer > .wrap > .ab-sign{margin-top:clamp(34px,4vw,54px) !important} html body #about-view .ab-closer > .wrap > .ab-places{margin-top:clamp(18px,2vw,26px) !important} html body #about-view .ab-closer > .wrap > .ab-soon{margin-top:clamp(6px,.7vw,9px) !important} html body #about-view .ab-closer > .wrap > .cta{margin-top:clamp(30px,3.4vw,46px) !important} html body #about-view .ab-closer .ab-creed{row-gap:.42em !important} html body #about-view .ab-ch-txt > .kick{margin-top:clamp(5px,.6vw,8px) !important} html body #about-view .ab-ch-txt > h2{margin-top:clamp(12px,1.4vw,18px) !important} html body #about-view .ab-ch-txt > .ab-p{margin-top:clamp(18px,2vw,26px) !important} html body #about-view .ab-ch-txt > .ab-go{margin-top:clamp(24px,2.8vw,36px) !important} html body #about-view .ab-team .wrap > .ab-teamh{margin-top:clamp(10px,1.2vw,15px) !important} html body #about-view .ab-team .wrap > .ab-teamp{margin-top:clamp(14px,1.6vw,20px) !important} html body #about-view .ab-team .wrap > .btn{margin-top:clamp(24px,2.8vw,34px) !important} html body #about-view .ab-proof .wrap > .ab-proofnote{margin-top:clamp(20px,2.4vw,30px) !important}
html body #about-view .ab-closer > .wrap > *, html body #about-view .ab-ch-txt > *, html body #about-view .ab-team .wrap > *{margin-top:0 !important;margin-bottom:0 !important} html body #about-view .ab-closer > .wrap > .ab-creed{margin-top:clamp(24px,2.8vw,40px) !important} html body #about-view .ab-closer > .wrap > .ab-go{margin-top:clamp(32px,3.9vw,56px) !important} html body #about-view .ab-closer > .wrap > .ab-sign{margin-top:clamp(32px,3.6vw,52px) !important} html body #about-view .ab-closer > .wrap > .ab-places{margin-top:clamp(16px,1.8vw,24px) !important} html body #about-view .ab-closer > .wrap > .ab-soon{margin-top:clamp(6px,.6vw,8px) !important} html body #about-view .ab-closer > .wrap > .cta{margin-top:clamp(28px,3.2vw,44px) !important} html body #about-view .ab-closer .ab-creed{row-gap:clamp(9px,1vw,14px) !important} html body #about-view .ab-ch-txt > .kick{margin-top:clamp(5px,.55vw,7px) !important} html body #about-view .ab-ch-txt > h2{margin-top:clamp(11px,1.25vw,16px) !important} html body #about-view .ab-ch-txt > .ab-p{margin-top:clamp(17px,1.9vw,24px) !important} html body #about-view .ab-ch-txt > .ab-go{margin-top:clamp(22px,2.5vw,32px) !important} html body #about-view .ab-team .wrap > .ab-teamh{margin-top:clamp(9px,1vw,13px) !important} html body #about-view .ab-team .wrap > .ab-teamp{margin-top:clamp(13px,1.4vw,18px) !important} html body #about-view .ab-team .wrap > .btn{margin-top:clamp(22px,2.4vw,30px) !important}
html body #about-view .ab-ch-txt > h2{margin-top:clamp(8px,.85vw,12px) !important} html body #about-view .ab-ch-txt > .ab-p{margin-top:clamp(21px,2.3vw,30px) !important}
html body #about-view > .ab-ch.wide .ab-ch-img{aspect-ratio:2000/693 !important}
html body .home-rails{background:var(--rf-cream,#F6F3EC);position:relative;z-index:2} html body.feed .home-rails, html body.feed .home-rails .recrail{scroll-snap-align:none;scroll-snap-stop:normal;height:auto;min-height:0} html body .home-rails .recrail{padding-top:clamp(44px,5vw,76px)} html body .home-rails .recrail:last-child{padding-bottom:clamp(44px,5vw,76px)} html body .recrail-track > .ecard{flex:0 0 clamp(250px,23vw,340px);scroll-snap-align:start;min-width:0} html body .recrail-act{display:flex;align-items:center;gap:clamp(12px,1.4vw,20px)} html body .recrail-nav button[disabled]{opacity:.34;cursor:default} html body #about-view .recrail{border-top:1px solid rgba(20,24,36,.1);padding-top:clamp(44px,5vw,76px)}
html body .ab-storyhero.story-hero{min-height:min(66vh,680px) !important} @media (max-height:700px){html body .ab-storyhero.story-hero{min-height:min(82vh,560px) !important}} html body .ab-storyhero::after{content:none !important;background:none !important} html body .ab-storyhero .story-scrim{ inset:0 !important;top:0 !important;bottom:0 !important; height:100% !important;max-height:none !important; background:linear-gradient(0deg, rgba(8,11,22,.72) 0%, rgba(8,11,22,.46) 22%, rgba(8,11,22,.20) 44%, rgba(8,11,22,.06) 66%, rgba(8,11,22,0) 88%) !important; }
html body .story-hero.has-vid.ab-storyhero::after{content:none !important;background:none !important}
html body #about-view .ab-ch-txt > .ab-cta{align-self:flex-start;text-decoration:none} html body .tm-lede{ margin:clamp(12px,1.4vw,18px) 0 0;max-width:46ch; font-size:clamp(15px,1.15vw,18px);line-height:1.6; color:rgba(255,255,255,.86);text-wrap:pretty; }
@keyframes rf-rise-quiet{from{transform:translate3d(0,14px,0)}to{transform:none}} html body #about-view .ab-ch .ab-ch-txt{ animation-name:rf-rise-quiet !important;opacity:1 !important; } html body #about-view .ab-ch-txt .ab-p{ font-size:clamp(16px,1.15vw,19px) !important; line-height:1.66 !important;color:#2C3242 !important; } html body #about-view .ab-ch-txt .ab-go{ color:var(--rf-cobalt,#1857C4) !important;font-weight:700 !important; text-decoration:underline !important;text-underline-offset:.18em; text-decoration-thickness:2px; font-size:clamp(16px,1.2vw,19px) !important; } html body #about-view .ab-ch-txt .ab-go:hover{text-decoration-thickness:3px} html body #about-view .ab-proof{padding-top:clamp(34px,3.6vw,52px) !important;padding-bottom:clamp(34px,3.6vw,52px) !important} html body #about-view > .ab-ch.wide .ab-ch-cap{ margin-top:calc(12px - clamp(28px,3vw,52px)) !important; }
html body .stk-row--paint{grid-column:1} html body .stk-row--price dd{font-weight:700}
html body .cfx-band.cfx-band--snap{ display:grid; grid-template-columns:minmax(0,1fr) auto; column-gap:clamp(22px,2.6vw,44px); row-gap:clamp(14px,1.6vw,22px); align-items:start; } html body .cfx-band--snap .cfx-mark{grid-column:1;grid-row:1;margin-bottom:2px} html body .cfx-band--snap .cfx-copy{grid-column:1;grid-row:2} html body .cfx-band--snap .cfx-go{grid-column:1;grid-row:3;justify-self:start;align-self:start} html body .cfx-band--snap .cfx-snap{ grid-column:2;grid-row:1 / span 3;margin-top:0 !important;align-self:start; } html body .cfx-band--snap .cfx-copy .cfx-p{margin-bottom:0} @media (max-width:860px){ html body .cfx-band.cfx-band--snap{grid-template-columns:minmax(0,1fr)} html body .cfx-band--snap .cfx-mark{grid-row:1} html body .cfx-band--snap .cfx-copy{grid-row:2} html body .cfx-band--snap .cfx-snap{grid-column:1;grid-row:3;justify-self:stretch} html body .cfx-band--snap .cfx-go{grid-row:4;justify-self:stretch;text-align:center} }
html body .cfx-band.cfx-band--snap{ container-type:inline-size;container-name:cfxband; grid-template-columns:minmax(0,1fr) !important; } html body .cfx-band--snap .cfx-mark{grid-column:1;grid-row:1} html body .cfx-band--snap .cfx-copy{grid-column:1;grid-row:2} html body .cfx-band--snap .cfx-snap{grid-column:1;grid-row:3;align-self:start} html body .cfx-band--snap .cfx-go{grid-column:1;grid-row:4;justify-self:start} @container cfxband (min-width:780px){ html body .cfx-band.cfx-band--snap{ grid-template-columns:minmax(260px,1fr) auto !important; } html body .cfx-band--snap .cfx-snap{grid-column:2;grid-row:1 / span 3} html body .cfx-band--snap .cfx-go{grid-row:3} } html body .cfx-snap.carfax-snapshot-embedded{width:min(450px,100%)}
html body .card .cprice.is-sold, html body .sldk .card .cprice.is-sold{ align-self:flex-start !important;justify-self:start !important; width:auto !important;max-width:max-content !important; display:inline-block !important; padding:4px 9px !important;line-height:1 !important; font-size:10.5px !important;letter-spacing:.14em !important;font-weight:700 !important; background:var(--rf-cobalt,#1857C4) !important;color:#fff !important; border-radius:2px !important; } html body .stk-pay{ display:flex;align-items:center;justify-content:space-between; gap:clamp(14px,1.6vw,26px);flex-wrap:wrap; padding:clamp(14px,1.5vw,20px) clamp(14px,1.6vw,22px); border-top:1px solid rgba(20,24,36,.1); } html body .stk-pay .stk-payprice{display:flex;align-items:baseline;gap:14px;margin:0;min-width:0} html body .stk-pay .stk-payprice > span{ font-size:11px;letter-spacing:.14em;text-transform:uppercase; font-weight:700;color:#5A6172;flex:none; } html body .stk-pay .stk-payprice > b{ font-family:var(--font-display);font-weight:800; font-size:clamp(22px,2.2vw,30px);line-height:1.05;color:#141821; font-variant-numeric:tabular-nums;letter-spacing:-.01em; } html body .stk-pay .fdrawer-open{ width:auto !important;flex:0 0 auto; border:0 !important;padding:0 !important; background:none !important;white-space:nowrap; } @media (max-width:520px){ html body .stk-pay{align-items:flex-start;flex-direction:column;gap:12px} } @container cfxband (min-width:780px){ html body .cfx-band.cfx-band--snap{grid-template-columns:minmax(0,1fr) !important} html body .cfx-band--snap .cfx-snap{grid-column:1;grid-row:3} html body .cfx-band--snap .cfx-go{grid-row:4} } @container cfxband (min-width:1000px){ html body .cfx-band.cfx-band--snap{grid-template-columns:minmax(420px,1fr) auto !important} html body .cfx-band--snap .cfx-snap{grid-column:2;grid-row:1 / span 3} html body .cfx-band--snap .cfx-go{grid-row:3} } html body .cfx-band--snap .cfx-go{white-space:nowrap}
html body .card .titlerow h3 a, html body .card .titlerow h3 a:visited, html body .recrail-track .card .titlerow h3 a, html body .recrail-track .card .titlerow h3 a:visited{ color:var(--rf-ink,#141821);text-decoration:none; } html body .card .titlerow h3 a:hover{text-decoration:underline;text-underline-offset:.16em} html body .card .titlerow h3 a:focus-visible{outline:2px solid var(--rf-cobalt,#1857C4);outline-offset:3px}
html body .pv{ position:fixed;inset:0;z-index:200; display:grid;grid-template-columns:minmax(0,1fr) clamp(132px,12vw,196px); grid-template-rows:auto minmax(0,1fr); background:#07090e;color:#fff; } html body .pv-bar{ grid-column:1/-1;display:flex;align-items:center;justify-content:space-between; padding:14px clamp(14px,1.6vw,22px);gap:16px; } html body .pv-count{ font-family:var(--font-ui);font-size:13px;font-weight:700; letter-spacing:.14em;color:rgba(255,255,255,.86);font-variant-numeric:tabular-nums; } html body .pv-count i{font-style:normal;opacity:.4;margin:0 4px} html body .pv-x{ appearance:none;border:0;background:none;color:#fff; font-size:30px;line-height:1;cursor:pointer;padding:2px 10px;border-radius:2px; } html body .pv-x:hover{background:rgba(255,255,255,.1)} html body .pv-stage{position:relative;display:grid;place-items:center;min-width:0;min-height:0;padding:0 clamp(8px,4vw,64px) clamp(14px,1.8vw,26px)} html body .pv-frame{width:100%;height:100%;display:grid;place-items:center;min-width:0;min-height:0;cursor:zoom-in;overflow:hidden} html body .pv-frame img{ max-width:100%;max-height:100%;width:auto;height:auto; object-fit:contain;display:block;user-select:none; transition:transform .28s cubic-bezier(.2,.7,.3,1); } html body .pv-frame.is-zoom{cursor:zoom-out} html body .pv-frame.is-zoom img{transform:scale(2.5)} @media (prefers-reduced-motion:reduce){html body .pv-frame img{transition:none}} html body .pv-nav{ position:absolute;top:50%;transform:translateY(-50%);z-index:2; width:46px;height:46px;display:grid;place-items:center; border:1px solid rgba(255,255,255,.22);background:rgba(7,9,14,.5); color:#fff;cursor:pointer;border-radius:50%;backdrop-filter:blur(4px); } html body .pv-nav svg{width:22px;height:22px} html body .pv-nav:hover{background:rgba(255,255,255,.16)} html body .pv-prev{left:clamp(6px,1.4vw,20px)} html body .pv-next{right:clamp(6px,1.4vw,20px)} html body .pv-rail{ overflow-y:auto;overscroll-behavior:contain; display:grid;grid-template-columns:1fr;gap:6px; padding:0 clamp(10px,1vw,14px) clamp(14px,1.8vw,26px) 0; scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.28) transparent; } html body .pv-thumb{ appearance:none;border:0;padding:0;background:none;cursor:pointer; aspect-ratio:4/3;overflow:hidden;position:relative; outline:2px solid transparent;outline-offset:-2px; } html body .pv-thumb img{width:100%;height:100%;object-fit:cover;display:block;opacity:.5;transition:opacity .18s} html body .pv-thumb:hover img{opacity:.85} html body .pv-thumb[data-on="1"] img{opacity:1} html body .pv-thumb[data-on="1"]{outline-color:#fff} html body .pv-thumb:focus-visible{outline-color:var(--rf-cobalt,#1857C4)} @media (max-width:720px) and (orientation:portrait){ html body .pv{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto} html body .pv-rail{ grid-auto-flow:column;grid-auto-columns:84px;grid-template-columns:none; overflow-x:auto;overflow-y:hidden;padding:0 12px 12px; } html body .pv-nav{width:40px;height:40px} } html body .pv .lb-turn{ position:absolute;left:50%;top:64px;transform:translateX(-50%);z-index:3; display:none;align-items:center;gap:8px;margin:0; padding:8px 14px;border-radius:999px; background:rgba(255,255,255,.1);color:rgba(255,255,255,.9); font-size:12px;letter-spacing:.06em;pointer-events:none; } html body .pv .lb-turn svg{width:16px;height:16px} @media (max-width:720px) and (orientation:portrait){html body .pv .lb-turn{display:flex}} .askdock-menu{ position:fixed; z-index:151; display:flex; flex-direction:column; min-width:212px; border-radius:4px; overflow:hidden; background:var(--rf-dark,#1F2956); box-shadow:0 14px 38px rgba(6,8,14,.42),0 2px 6px rgba(6,8,14,.24); transform-origin:100% 100%; animation:askdock-in .17s cubic-bezier(.2,.8,.2,1) both; } @keyframes askdock-in{ from{opacity:0;transform:translateY(6px) scale(.96)} to{opacity:1;transform:none} } .askdock-item{ display:flex; align-items:center; justify-content:space-between; gap:18px; width:100%; padding:14px 16px; border:0; background:transparent; color:#fff; font:700 13.5px/1.2 var(--font-ui,inherit); letter-spacing:.01em; text-align:left; cursor:pointer; text-decoration:none; } .askdock-item + .askdock-item{border-top:1px solid rgba(255,255,255,.13)} .askdock-item:hover, .askdock-item:focus-visible{background:rgba(255,255,255,.10);text-decoration:none;color:#fff} .askdock-item:focus-visible{outline:2px solid #fff;outline-offset:-2px} .askdock-item svg{width:21px;height:21px;flex:0 0 21px;opacity:.92} @media (prefers-reduced-motion:reduce){ .askdock-menu{animation:none} } #packet-view{background:var(--rf-white)} .pk{max-width:var(--maxw);margin:0 auto;padding:var(--s8) var(--gutter) var(--s16)} .pk-hd{ display:flex;flex-wrap:wrap;align-items:flex-end; gap:var(--s4) var(--s8);padding-bottom:var(--s6); border-bottom:2px solid var(--rf-ink); } .pk-hd-id{flex:1 1 320px;min-width:0} .pk-kick{font-size:11px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:var(--rf-slate);margin-bottom:8px} .pk-title{font-family:var(--font-display);font-weight:700;font-size:clamp(26px,3.4vw,42px);line-height:1.05;letter-spacing:-.02em;text-wrap:balance} .pk-meta{margin-top:8px;color:var(--rf-slate);font-size:13px;line-height:1.6;font-variant-numeric:tabular-nums} .pk-price{font-family:var(--font-display);font-weight:700;font-size:clamp(24px,2.6vw,32px);font-variant-numeric:tabular-nums;white-space:nowrap} .pk-hd-act{display:flex;flex-wrap:wrap;gap:10px;margin-left:auto} .pk-hd-act .btn{white-space:nowrap} .pk-body{ display:grid;grid-template-columns:260px minmax(0,1fr); gap:var(--s8);align-items:start;padding-top:var(--s6); } .pk-rail{position:-webkit-sticky;position:sticky;top:92px} .pk-rail-ey{font-size:10.5px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--rf-slate);margin-bottom:10px} .pk-rail-ey--2{margin-top:var(--s8)} .pk-rail ul{display:flex;flex-direction:column;gap:2px} .pk-tab{ display:flex;align-items:center;gap:11px;width:100%;padding:11px 12px; border:0;border-left:3px solid transparent;background:transparent; color:var(--rf-ink);font-size:14px;font-weight:600;line-height:1.35;text-align:left; } .pk-tab svg{width:18px;height:18px;flex:0 0 18px;color:var(--rf-slate)} .pk-tab span{flex:1 1 auto;min-width:0} .pk-tab:hover{background:var(--rf-paper);text-decoration:none;color:var(--rf-ink)} .pk-tab.on{background:var(--rf-paper);border-left-color:var(--rf-ink);font-weight:700} .pk-tab.on svg{color:var(--rf-ink)} .pk-out{display:flex;flex:0 0 auto;color:var(--rf-grey)} .pk-out svg{width:14px;height:14px} .pk-tab--out:hover .pk-out{color:var(--rf-ink)} .pk-dealer{display:flex;flex-direction:column;gap:4px;font-size:13.5px;line-height:1.6} .pk-dealer b{font-size:14px} .pk-dealer span{color:var(--rf-slate)} .pk-view{display:none} .pk-view.on{display:block} .pk-docbar{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);margin-bottom:var(--s4)} .pk-docbar h2{font-size:19px;letter-spacing:-.01em} .pk-frame{width:100%;height:78vh;min-height:520px;border:var(--rule);background:var(--rf-paper)} .pk-shots{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:var(--s8)} .pk-shots img{width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--rf-paper)} .pk-shots img:first-child{grid-column:1/-1;aspect-ratio:16/9} .pk-specs{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:0 var(--s8)} .pk-spec{padding:13px 0;border-bottom:1px solid #e8e4da;min-width:0} .pk-spec dt{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--rf-slate);margin-bottom:3px} .pk-spec dd{margin:0;font-size:15px;font-weight:600;line-height:1.4;overflow-wrap:anywhere} .pk-spec--vin dd,.pk-spec--stock dd{font-variant-numeric:tabular-nums;letter-spacing:.03em;font-size:14px} .pk-prose{margin-top:var(--s12);max-width:66ch} .pk-prose h2{font-size:22px;margin-bottom:var(--s4);letter-spacing:-.01em} .pk-prose p+p{margin-top:var(--s4)} .pk-foot{margin-top:var(--s12);padding-top:var(--s4);border-top:var(--rule);color:var(--rf-slate);font-size:12.5px;line-height:1.7} .stk-packet{ display:flex;align-items:center;justify-content:space-between;gap:var(--s4); margin-top:var(--s4);padding:16px 18px; border:var(--rule);background:var(--rf-paper);color:var(--rf-ink); } .stk-packet:hover{border-color:var(--rf-ink);text-decoration:none;color:var(--rf-ink)} .stk-packet > span{display:block;min-width:0;font-size:13.5px;line-height:1.55;color:var(--rf-slate)} .stk-packet b{display:block;font-size:15px;margin-bottom:3px;color:var(--rf-ink)} .stk-packet svg{width:20px;height:20px;flex:0 0 20px} @media (max-width:899px){ .pk{padding:var(--s6) 20px var(--s12)} .pk-body{grid-template-columns:1fr;gap:var(--s6)} .pk-rail{position:static} .pk-rail ul{flex-direction:row;gap:0;overflow-x:auto;scrollbar-width:none;border-bottom:var(--rule)} .pk-rail ul::-webkit-scrollbar{display:none} .pk-rail li{flex:0 0 auto} .pk-tab{width:auto;padding:10px 14px;white-space:nowrap;border-left:0;border-bottom:3px solid transparent} .pk-tab.on{border-left:0;border-bottom-color:var(--rf-ink);background:transparent} .pk-rail-ey{display:none} .pk-rail-ey--2{display:block;margin-top:var(--s6)} .pk-shots{grid-template-columns:repeat(2,1fr)} .pk-shots img:first-child{aspect-ratio:4/3} .pk-frame{height:70vh;min-height:420px} .pk-hd-act{margin-left:0;width:100%} .pk-hd-act .btn{flex:1 1 auto;justify-content:center} } @media print{ .topbar,.rf-tabwrap,.ask-fab,.askdock-menu,.pdp-bar,footer, .pk-rail,.pk-hd-act,.pk-docbar .btn{display:none !important} #packet-view{background:#fff} .pk{max-width:none;padding:0} .pk-body{display:block;padding-top:12pt} .pk-hd{border-bottom:1.5pt solid #000;padding-bottom:10pt} .pk-title{font-size:22pt} .pk-price{font-size:18pt} .pk-frame{display:none} .pk-docbar h2{font-size:16pt} .pk-shots{grid-template-columns:repeat(3,1fr);gap:4pt} .pk-shots img:first-child{grid-column:1/-1} .pk-spec{break-inside:avoid;padding:7pt 0} .pk-prose{max-width:none} } #buy-view{background:var(--rf-cream)} .buy-wrap{padding-bottom:clamp(56px,7vw,104px)} .buy-hero{ position:relative;margin:0 0 clamp(28px,4vw,52px); background:#0b0e16;overflow:hidden; } .buy-hero img,.buy-hero video{ width:100%;height:clamp(280px,46vh,520px); object-fit:cover;object-position:center 58%; display:block; } .buy-hero::after{ content:"";position:absolute;inset:auto 0 0 0;height:62%; background:linear-gradient(to top,rgba(6,9,16,.86) 0%,rgba(6,9,16,.52) 42%,rgba(6,9,16,0) 100%); pointer-events:none; } .buy-hero-cap{ position:absolute;left:0;right:0;bottom:0;z-index:1; max-width:var(--maxw);margin:0 auto; padding:0 var(--gutter) clamp(22px,3vw,38px); color:#fff; } .buy-hero-cap h1{ font-family:var(--font-display);font-weight:700;color:#fff; font-size:clamp(28px,4.4vw,56px);line-height:1.02;letter-spacing:-.03em; text-wrap:balance; } .buy-hero-cap p{ margin-top:10px;color:rgba(255,255,255,.82); font-size:13.5px;letter-spacing:.04em;font-variant-numeric:tabular-nums; } .buy-grid{ display:grid;grid-template-columns:minmax(0,1fr) 380px; gap:clamp(32px,4vw,64px);align-items:start; } .buy-terms h2{ font-size:clamp(21px,2.2vw,27px);letter-spacing:-.015em; margin-bottom:var(--s6); } .buy-list{display:flex;flex-direction:column;gap:var(--s4)} .buy-list li{ padding-left:var(--s6);position:relative; font-size:16px;line-height:1.7;color:var(--rf-slate); } .buy-list li::before{ content:"";position:absolute;left:0;top:.72em; width:11px;height:1px;background:var(--rf-ink); } .buy-list b{color:var(--rf-ink);font-weight:700} .buy-cond{ margin-top:clamp(28px,3.5vw,44px); padding:var(--s4) 0 var(--s4) var(--s6); border-left:3px solid var(--rf-ink); } .buy-cond p{font-size:15.5px;line-height:1.7;color:var(--rf-slate)} .buy-cond p+p{margin-top:12px} .buy-cond b{color:var(--rf-ink);font-weight:700} .buy-pay{position:-webkit-sticky;position:sticky;top:92px} .buy-box{background:var(--rf-white);border:var(--rule);padding:clamp(22px,2.4vw,30px)} .buy-k{ font-size:10.5px;font-weight:700;letter-spacing:.24em;text-transform:uppercase; color:var(--rf-slate); } .buy-car{font-size:16px;font-weight:600;line-height:1.35;margin-top:6px} .buy-ask{ margin-top:2px;color:var(--rf-slate); font-size:17px;font-variant-numeric:tabular-nums; } .buy-rule{height:1px;background:var(--rf-grey);opacity:.5;margin:var(--s6) 0} .buy-now{ font-family:var(--font-display);font-weight:700; font-size:clamp(38px,4.4vw,54px);line-height:1;letter-spacing:-.03em; font-variant-numeric:tabular-nums;margin:6px 0 var(--s6); } .buy-box .btn,.buy-cta{width:100%;justify-content:center} .buy-after{ margin-top:12px;text-align:center; font-size:14px;font-weight:600;color:var(--rf-ink); } .buy-alt{margin-top:var(--s6);font-size:13.5px;line-height:1.65;color:var(--rf-slate)} .buy-back{display:inline-block;margin-top:var(--s4);font-size:13.5px;font-weight:600} .buy-fallback{ margin-top:12px;font-size:13.5px;line-height:1.6;color:var(--rf-ink); } .buy-gone,.buy-done{max-width:640px;padding:clamp(48px,7vw,96px) 0} .buy-gone h1,.buy-done h1{font-size:clamp(28px,3.6vw,44px);letter-spacing:-.025em;margin-bottom:var(--s4)} .buy-gone p,.buy-done-lede{font-size:17px;line-height:1.75;color:var(--rf-slate)} .buy-done-lede{margin-bottom:var(--s4)} .buy-done-sub{font-size:15px;line-height:1.7;color:var(--rf-slate);margin-bottom:var(--s8)} .buy-gone-act{display:flex;flex-wrap:wrap;gap:12px;margin-top:var(--s8)} .buy-hero--done img{height:clamp(240px,38vh,420px)} @media (max-width:899px){ .buy-grid{grid-template-columns:1fr;gap:var(--s8)} .buy-pay{position:static;order:-1} .buy-hero img,.buy-hero video{height:clamp(220px,38vh,340px)} .buy-hero-cap{padding:0 20px 20px} .buy-gone-act .btn{flex:1 1 100%;justify-content:center} } @media (prefers-reduced-motion:reduce){ .buy-hero video{animation:none} } .cfx{position:relative;display:inline-block;max-width:100%} .cfx-trigger,.cfx--plain{ display:inline-flex;align-items:center;gap:14px; padding:10px 14px;border:var(--rule);border-radius:3px; background:var(--rf-white);color:var(--rf-ink); text-decoration:none; } .cfx-trigger{cursor:pointer} .cfx-trigger:hover,.cfx--plain:hover,.cfx.on .cfx-trigger{ border-color:var(--rf-ink);text-decoration:none;color:var(--rf-ink); } .cfx-logo{width:150px;height:auto;display:block;flex:0 0 auto} .cfx-say{ display:inline-flex;align-items:center;gap:6px; font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase; color:var(--rf-slate);white-space:nowrap; } .cfx-say svg{width:15px;height:15px;transition:transform .18s ease} .cfx.on .cfx-say svg{transform:rotate(180deg)} .cfx-say i{font-style:normal} .cfx-pop{ position:absolute;top:calc(100% + 8px);left:0;z-index:40; width:min(430px,calc(100vw - 40px)); background:var(--rf-white); border:1px solid var(--rf-grey); box-shadow:0 18px 44px rgba(10,14,26,.20),0 2px 8px rgba(10,14,26,.10); } .cfx-pop[hidden]{display:none} .cfx.on .cfx-pop{animation:cfx-in .16s ease-out both} @keyframes cfx-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}} .cfx-snap{display:block} .cfx-snap img{max-width:100%;height:auto} .cfx-go{ display:flex;align-items:center;justify-content:center;gap:8px; padding:13px 16px;border-top:1px solid var(--rf-grey); font-size:14px;font-weight:700;color:var(--rf-ink); } .cfx-go:hover{background:var(--rf-paper);text-decoration:none;color:var(--rf-ink)} @media (max-width:620px){ .cfx{display:block} .cfx-trigger{width:100%;justify-content:space-between} .cfx-pop{left:0;right:0;width:auto} .cfx-logo{width:128px} } @media (prefers-reduced-motion:reduce){ .cfx.on .cfx-pop{animation:none} .cfx-say svg{transition:none} } .capp-sec[hidden],.capp-ssn[hidden],.capp-fine[hidden]{display:none !important} .capp-steps{margin-bottom:clamp(24px,3vw,36px)} .capp-steps ol{ display:flex;gap:4px;align-items:stretch; margin-bottom:14px; } .capp-steps li{flex:1 1 0;min-width:0} .capp-steps button{ display:flex;align-items:center;gap:10px; width:100%;height:100%;padding:10px 4px; border:0;background:transparent;text-align:left; color:var(--rf-slate); } .capp-steps button:disabled{opacity:.42;cursor:default} .capp-steps li.done button,.capp-steps li.on button{color:var(--rf-ink)} .capp-steps i{ display:grid;place-items:center;flex:0 0 26px; width:26px;height:26px;border:1px solid currentColor; font-style:normal;font-size:12px;font-weight:700; font-variant-numeric:tabular-nums; } .capp-steps li.on i{background:var(--rf-ink);border-color:var(--rf-ink);color:#fff} .capp-steps li.done i{background:var(--rf-ink);border-color:var(--rf-ink);color:#fff;opacity:.55} .capp-steps span{ font-size:13px;font-weight:700;letter-spacing:.02em; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; } .capp-bar{height:3px;background:rgba(57,59,68,.14);overflow:hidden} .capp-bar span{ display:block;height:100%;background:var(--rf-ink); transition:width .32s cubic-bezier(.2,.8,.2,1); } .capp-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px} .capp-back{order:-1} .capp-actions .btn{min-width:150px;justify-content:center} .capp-fine{flex:1 1 100%} @media (max-width:640px){ .capp-steps span{display:none} .capp-steps button{justify-content:center;padding:8px 0} .capp-actions .btn{flex:1 1 100%} } @media (prefers-reduced-motion:reduce){ .capp-bar span{transition:none} } .pdp-collage{position:relative} .collage-chips{ position:absolute;left:14px;bottom:14px;z-index:3; display:flex;gap:8px;flex-wrap:wrap;max-width:calc(100% - 28px); } .cchip{ display:inline-flex;align-items:center;gap:8px; padding:8px 13px;border:0;border-radius:3px; background:rgba(10,13,22,.62); -webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px); color:#fff;font-size:12.5px;font-weight:700;letter-spacing:.05em; line-height:1;white-space:nowrap;cursor:pointer;text-decoration:none; font-variant-numeric:tabular-nums; } .cchip:hover{background:rgba(10,13,22,.84);color:#fff;text-decoration:none} .cchip:focus-visible{outline:2px solid #fff;outline-offset:2px} .cchip svg{width:16px;height:16px;flex:0 0 16px} @media (max-width:900px){ .collage-chips{left:12px;bottom:12px;gap:6px} .cchip{padding:7px 11px;font-size:11.5px} .cchip svg{width:14px;height:14px;flex:0 0 14px} } html body .cfx-pop{ position:fixed; right:auto;bottom:auto; width:min(430px,calc(100vw - 24px)); z-index:60; } @media (max-width:620px){ html body .cfx-pop{left:auto;right:auto;width:min(430px,calc(100vw - 24px))} } .pdp-mobilegal{position:relative} .buy-plain-hd{padding:clamp(40px,6vw,80px) 0 0} .buy-plain-hd h1{ font-family:var(--font-display);font-weight:700; font-size:clamp(28px,4.4vw,52px);line-height:1.04;letter-spacing:-.03em; text-wrap:balance; } .buy-plain-hd p{ margin-top:10px;color:var(--rf-slate); font-size:13.5px;letter-spacing:.04em;font-variant-numeric:tabular-nums; } .buy-hero{position:relative} .buy-hero-still{ position:absolute;inset:0;width:100%;height:100%; object-fit:cover;object-position:center 58%; display:none; } @media (prefers-reduced-motion:reduce){ .buy-hero video{display:none} .buy-hero-still{display:block} } html body .stk-pay .stk-payprice--word > b{ font-size:17px; font-weight:700; letter-spacing:0; } html body .pk-hd .pk-price{ font-family:var(--font-ui); font-size:16px; font-weight:700; letter-spacing:0; color:var(--rf-ink); } html body .pk-hd-act .btn.line{ background:#fff; color:var(--rf-ink); border-color:var(--rf-grey); } html body .pk-hd-act .btn.line:hover{ background:#fff; color:var(--rf-ink); border-color:var(--rf-ink); } @media (max-width:899px){ html body .pk-hd .pk-price{ font-size:15px; margin-top:2px; } html body .stk-docs .cfx{ display:block; width:100%; } html body .stk-docs .cfx-trigger{ display:flex; width:100%; box-sizing:border-box; align-items:center; justify-content:space-between; min-height:58px; padding:14px 16px; border-radius:0; } html body .stk-docs .doc-row{ display:block; margin-top:10px; } html body .stk-docs .doc-chip{ display:flex; width:100%; box-sizing:border-box; align-items:center; justify-content:flex-start; gap:10px; min-height:58px; padding:14px 16px; border-radius:0; } html body .stk-docs .stk-packet{ box-sizing:border-box; margin-top:10px; min-height:58px; padding:14px 16px; border-radius:0; } html body .stk-docs .stk-packet b{ font-size:14.5px; } html body .stk-docs .stk-packet > span{ font-size:13px; line-height:1.5; } } html body #about-view .ab-ch-txt > .ab-cta{ margin-top:clamp(22px,2.5vw,32px) !important; } html body #about-view .ab-ch-txt .ab-p{ line-height:1.5 !important; } @media (max-width:900px){ html body #about-view .ab-ch-txt{ padding:26px 22px 10px; } html body #about-view .ab-ch-txt .ab-p{ line-height:1.5 !important; } } @media (max-width:640px){ html body .ab-closer .ab-go.lg{ line-height:1.24 !important; text-underline-offset:6px !important; } } :root{ --t-body:16px; --t-body-lh:1.56; } html body{ font-size:var(--t-body); line-height:var(--t-body-lh); } html body .fin-page .fin-more h2 + p, html body .svc-page .fin-more h2 + p, html body .dir-page .dir-two h2 + p{ font-size:var(--t-body) !important; line-height:var(--t-body-lh) !important; } html body .fin-more p, html body .plain li, html body .svc-lede-txt p, html body #record-entry .re-body p, html body #about-view .ab-ch-txt .ab-p, html body #about-view .ab-teamp, html body .ab-plede, html body #team-view .tm-hp, html body #team-view .tm-lede, html body .shop-note .sn-p, html body .legal-page .lede, html body .capp-head .capp-lede, html body .buy-gone p, html body .buy-done-lede, html body .buy-done-sub, html body .dep-sub, html body .unsub p{ font-size:var(--t-body) !important; line-height:var(--t-body-lh) !important; } :root{ --t-eyebrow:11px; --t-eyebrow-lh:1.4; --t-fine:13px; --t-fine-lh:1.55; --t-lede:18px; --t-lede-lh:1.5; --t-h3:clamp(18px,1.5vw,21px); --t-h3-lh:1.3; --t-h2:clamp(23px,2.6vw,32px); --t-h2-lh:1.15; --t-h1:clamp(31px,4.4vw,50px); --t-h1-lh:1.05; --m-prose:60ch; --m-lede:50ch; --fl-eyebrow:10px; --fl-head:16px; --fl-para:14px; --fl-block:30px; } html body .legal-page h1, html body .capp-page h1, html body .capp-head h1, html body .unsub h1, html body .fin-storyhero h1, html body .svc-storyhero h1, html body .dir-storyhero h1{ font-size:var(--t-h1) !important; line-height:var(--t-h1-lh) !important; } html body .fin-more h2, html body .fin-page .fin-more h2, html body .svc-page .fin-more h2, html body .svc-lede-txt h2, html body .dir-two h2, html body .legal-page h2, html body .legal-body h2, html body #about-view .ab-ch-txt h2{ font-size:var(--t-h2) !important; line-height:var(--t-h2-lh) !important; } html body .story-lede, html body .shop-ed-lede, html body .inq-lede, html body .arc-lede, html body .rec-lede, html body .tm-lede, html body #team-view .tm-lede, html body .legal-page .lede, html body .capp-lede, html body .capp-head .capp-lede, html body .auth-lede, html body #auth-view .auth-lede{ font-size:var(--t-lede) !important; line-height:var(--t-lede-lh) !important; max-width:var(--m-lede); } html body .legal-page p, html body .dir-two p{ font-size:var(--t-body) !important; line-height:var(--t-body-lh) !important; } html body .fin-more p, html body .svc-lede-txt p, html body .dir-two p, html body .legal-page p, html body #record-entry .re-body p{ max-width:var(--m-prose); } html body .fin-more h2, html body .svc-lede-txt h2, html body .dir-two h2, html body .legal-page h2, html body .legal-body h2{ margin-bottom:var(--fl-head) !important; } html body .fin-more p, html body .svc-lede-txt p, html body .dir-two p, html body .legal-page p{ margin-bottom:var(--fl-para) !important; } html body .stk-pay .stk-payprice > b{ font-size:18px !important; font-weight:700 !important; letter-spacing:0 !important; } html body .pdp-bar .pb-save, html body .pdp-bar .pb-share, html body .pdp-bar .pb-call{ box-sizing:border-box !important; width:46px !important; min-width:46px !important; flex:0 0 46px !important; height:46px !important; min-height:46px !important; padding:0 !important; display:inline-flex !important; flex-direction:row !important; align-items:center !important; justify-content:center !important; gap:0 !important; border-radius:0 !important; } html body .pdp-bar .pb-save:not(.on), html body .pdp-bar .pb-share:not(.on), html body .pdp-bar .pb-call{ border:1px solid rgba(20,24,36,.18) !important; background:#fff !important; color:var(--rf-ink,#393B44) !important; } html body .pdp-bar .pb-save svg, html body .pdp-bar .pb-share svg, html body .pdp-bar .pb-call svg{ width:18px !important; height:18px !important; flex:none !important; } html body .cfx-pop .carfax-snapshot .carfax-snapshot-text, html body .cfx-pop .carfax-snapshot .dealertext, html body .cfx-pop .carfax-snapshot .row0 .carfax-snapshot-text, html body .cfx-pop .carfax-snapshot .row1 .carfax-snapshot-text, html body .cfx-pop .carfax-snapshot .row2 .carfax-snapshot-text, html body .cfx-pop .carfax-snapshot .row3 .carfax-snapshot-text, html body .cfx-pop .carfax-snapshot .row4 .carfax-snapshot-text, html body .cfx-pop .carfax-snapshot .row5 .carfax-snapshot-text{ width:auto !important; min-width:0 !important; max-width:100% !important; } html body .cfx-pop .carfax-snapshot .history-row{ min-height:0 !important; max-height:none !important; align-items:flex-start !important; margin-bottom:12px !important; } html body .cfx-pop .carfax-snapshot .carfax-snapshot-icn{ flex:none !important; } html body .buy-terms h2{ font-size:var(--t-h2) !important; line-height:var(--t-h2-lh) !important; margin-bottom:var(--fl-head) !important; } html body .buy-list{ gap:var(--fl-para) !important; } html body .buy-list li{ font-size:var(--t-body) !important; line-height:var(--t-body-lh) !important; padding-left:20px !important; } html body .buy-list li::before{ top:.63em !important; width:10px !important; } html body .buy-cond{ margin-top:clamp(24px,3vw,36px) !important; padding:12px 0 12px 20px !important; border-left-width:2px !important; } html body .buy-cond p{ font-size:var(--t-body) !important; line-height:var(--t-body-lh) !important; } html body .buy-cond p + p{ margin-top:var(--fl-para) !important; } @media (max-width:899px){ html body .buy-wrap{ padding-bottom:0 !important; } } html body .menudrawer .md-logo img{ height:clamp(32px,2.6vw,46px) !important; max-width:124px !important; width:auto !important; } html body .menudrawer .md-logo{ padding:0 !important; } html body .menudrawer .md-top{ min-height:62px !important; padding-top:0 !important; padding-bottom:0 !important; } html body .menudrawer:has(.hs-drop.open){ overflow:hidden !important; } html body .imgwrap .badges, html body .fleetgrid .imgwrap .badges, html body .recrail-track .imgwrap .badges{ left:10px !important; right:104px !important; max-width:none !important; } @media (max-width:900px){ html body .pdp-collage .collage-chips{ left:62px !important; } } html body .cchip[aria-label$=" 1 photo"]{ display:none !important; } @media (max-width:900px){ html body .pdp-collage .collage-chips{ display:none !important; } } html body footer .nl .nl-go, html body footer .btn.navy.nl-go{ background:#FFFFFF !important; color:var(--rf-dark,#1F2956) !important; border-color:#FFFFFF !important; width:100% !important; justify-content:center !important; } html body .stk-docs .cfx-pop{ position:static !important; top:auto !important; left:auto !important; right:auto !important; bottom:auto !important; width:100% !important; max-width:100% !important; margin-top:10px !important; box-shadow:none !important; border:1px solid rgba(20,24,36,.18) !important; z-index:auto !important; } @media (max-width:900px) and (orientation:portrait){ html body .pdp-lightbox{ padding:0 !important; } html body .pdp-lightbox .lightbox-inner{ width:100vw !important; max-width:100vw !important; max-height:100dvh !important; } html body .pdp-lightbox .pdp-main{ max-height:calc(100dvh - 150px) !important; } html body .pdp-lightbox .pdp-main > img{ max-height:calc(100dvh - 150px) !important; max-width:100vw !important; } } html body .stk-pay .stk-payprice > b, html body .pdp-bar-price .pb-v, html body .pdp-bar-price > span:not(.pb-k), html body .pdp-bar-price strong{ font-family:var(--font-ui) !important; font-size:17px !important; font-weight:700 !important; color:var(--rf-ink,#393B44) !important; letter-spacing:0 !important; font-variant-numeric:tabular-nums !important; } html body #inventory-view .inv-result-count, html body .inv-result-count{ display:inline !important; border:0 !important; background:none !important; padding:0 !important; margin:0 !important; text-align:left !important; font-size:13px !important; font-weight:600 !important; color:var(--rf-slate) !important; } html body .rf-feed .rfm-bg{ display:block !important; opacity:1 !important; filter:none !important; background-size:cover !important; background-position:center !important; } html body .menudrawer .md2-row[aria-current="page"]::before{ top:0 !important; bottom:0 !important; left:-12px !important; margin-left:0 !important; height:auto !important; } html body .pdp-mobilegal{ padding:0 !important; } html body .pdp-mobilegal .pdp-gal{ gap:8px !important; } html body .pdp-mobilegal .pdp-rail{ padding:0 12px 2px !important; } html body .pdp-mobilegal .pdp-main{ aspect-ratio:4/3 !important; } html body .pdp-mobilegal .pdp-main > img{ object-fit:cover !important; object-position:center !important; } html body footer .fsocial{ display:flex; align-items:center; gap:10px; list-style:none; margin:18px 0 0; padding:0; } html body footer .fsocial li{ margin:0; } html body footer .fsocial a{ display:inline-flex; align-items:center; justify-content:center; width:38px; height:38px; border:1px solid rgba(255,255,255,.22); color:#FFFFFF; text-decoration:none; transition:border-color .15s ease, background-color .15s ease; } html body footer .fsocial a:hover{ border-color:#FFFFFF; background-color:rgba(255,255,255,.09); text-decoration:none; } html body footer .fsocial a:focus-visible{ outline:2px solid #006ED4; outline-offset:2px; } html body footer .fsocial svg{ width:18px; height:18px; flex:none; } html body .topbar .iconbtn, html body .topbar .cartbtn, html body .topbar .menu-btn{ width:44px !important; height:44px !important; } html body header.topbar .iconbtn svg, html body header.topbar .iconbtn .ic, html body header.topbar .cartbtn svg, html body header.topbar .menu-btn svg{ width:26px !important; height:26px !important; } html body .rf-feed .rfl-rail.rfl-rail.rfl-rail{ right:18px !important; } html body .rf-feed .rfm-cap .rfm-n::after{ content:""; position:absolute; inset:0; z-index:1; } html body .rf-feed .rfm-cap .rfm-cta{ position:relative; z-index:2; } @media (max-width:900px){ html body .collage-chips{ display:none !important; } } html body .cfx-pop .cfx-go{ display:none !important; } html body .rf-feed-pause[data-quiet="1"]{ opacity:.34; transition:opacity .18s ease; } html body .rf-feed-pause[data-quiet="1"]:hover, html body .rf-feed-pause[data-quiet="1"]:focus-visible{ opacity:1; } @media (prefers-reduced-motion: reduce){ html body .rf-feed-pause[data-quiet="1"]{ transition:none; } }  html body footer .fbrand .fsocial{ flex-direction:row; flex-wrap:wrap; gap:10px; }  html body .pdp-bar .pb-save span, html body .pdp-bar .pb-share span, html body .pdp-bar .pb-call span, html body .pdp-bar .pb-ask span{ position:absolute !important; width:1px !important; height:1px !important; padding:0 !important; margin:-1px !important; overflow:hidden !important; clip:rect(0 0 0 0) !important; clip-path:inset(50%) !important; white-space:nowrap !important; border:0 !important; } html body .pdp-bar .pb-save, html body .pdp-bar .pb-share, html body .pdp-bar .pb-call{ position:relative !important; overflow:hidden !important; } html body .rf-feed .rfm-scrim{ background:linear-gradient(to top, rgba(6,8,12,.82) 0%, rgba(6,8,12,.62) 10%, rgba(6,8,12,.24) 24%, rgba(6,8,12,0) 38%) !important; }  html body:has(.pdp-bar) footer .fbot{ padding-bottom: calc(96px + env(safe-area-inset-bottom, 0px)) !important; }  @media (orientation: portrait){ html body .pv{ grid-template-columns:minmax(0,1fr) !important; grid-template-rows:auto minmax(0,1fr) auto !important; } html body .pv-rail{ grid-auto-flow:column !important; grid-auto-columns:96px !important; grid-template-columns:none !important; overflow-x:auto !important; overflow-y:hidden !important; padding:0 clamp(12px,2vw,24px) clamp(12px,2vw,20px) !important; } html body .pv-thumb{ flex:none !important; } html body .pv-stage{ padding:0 clamp(8px,2vw,28px) clamp(10px,1.4vw,18px) !important; } }  html body header.topbar .nav a[aria-label="About"] svg, html body header.topbar .nav a[aria-label="About"] .ic{ width:26px !important; height:18px !important; } @media (min-width: 901px) and (max-width: 1200px){ html body header.topbar > .wrap > .nav a .lbl{ position:absolute !important; width:1px !important; height:1px !important; padding:0 !important; margin:-1px !important; overflow:hidden !important; clip:rect(0 0 0 0) !important; clip-path:inset(50%) !important; white-space:nowrap !important; border:0 !important; } html body header.topbar > .wrap > .nav a{ padding-left:clamp(7px,.8vw,12px) !important; padding-right:clamp(7px,.8vw,12px) !important; } html body header.topbar .nav a .ic{ margin-right:0 !important; } }  html body .pdp-buy .pdp-srck{ margin:14px 0 8px; font-size:var(--t-eyebrow,11px); line-height:var(--t-eyebrow-lh,1.4); letter-spacing:.14em; text-transform:uppercase; font-weight:700; color:var(--rf-ink,#393B44); opacity:.62; }  html body .pdp-deskspin{ position:relative; background:#1F2956; padding:clamp(8px,1.1vw,14px); } html body .pdp-deskspin .pdp-gal{ display:flex; flex-direction:column; gap:8px; margin-top:0; } html body .pdp-deskspin .pdp-main{ position:relative; height:min(78vh,840px); aspect-ratio:3/2; width:auto; max-width:100%; margin:0 auto; background:#1F2956; overflow:hidden; } html body .pdp-deskspin .pdp-main .spinstage{ position:absolute; inset:0; } html body .pdp-deskspin .collage-chips{ display:flex !important; position:absolute; left:clamp(8px,1.1vw,14px); bottom:clamp(8px,1.1vw,14px); z-index:6; gap:8px; }  html body #inquire-view .wrap{ max-width:var(--maxw,1200px) !important; margin-left:auto !important; margin-right:auto !important; } html body #about-view .ab-storyhero.story-hero .story-scrim{ inset:0 !important; height:100% !important; max-height:none !important; background: linear-gradient(0deg, rgba(8,11,22,.58) 0%, rgba(8,11,22,.34) 26%, rgba(8,11,22,.12) 52%, rgba(8,11,22,0) 78%), linear-gradient(90deg, rgba(8,11,22,.34) 0%, rgba(8,11,22,.10) 38%, rgba(8,11,22,0) 62%) !important; } html body .stk-docs .cfx.cfx--plain{ border:1px solid rgba(20,24,36,.18) !important; border-radius:0 !important; padding:10px 14px !important; gap:10px !important; min-height:44px; box-sizing:border-box; } html body .stk-docs .cfx.cfx--plain:hover{ border-color:var(--rf-ink) !important; } html body .stk-docs .cfx.cfx--plain .cfx-logo{ width:104px !important; } html body .stk-docs .cfx.cfx--plain .cfx-say{ font-size:12px; letter-spacing:.06em; } html body .stk-docs .doc-chip{ min-height:44px; box-sizing:border-box; } @media (min-width:900px){ html body .stk-docs .doc-row{ display:inline-flex; vertical-align:top; margin-left:10px; } } html body .ecard.ecard .ec-name.ec-name{ font-family:var(--font-ui) !important; font-weight:700 !important; font-size:18px !important; line-height:1.18 !important; letter-spacing:-.01em !important; color:var(--rf-ink,#393B44) !important; } html body .ecard.ecard .ec-price.ec-price{ font-family:var(--font-ui) !important; font-weight:600 !important; font-size:14.5px !important; letter-spacing:0 !important; color:#5A6172 !important; }  html body .stk-pay .stk-payprice a.stk-payask{ color:var(--rf-cobalt,#0F63A5); text-decoration:none; border-bottom:2px solid transparent; transition:border-color .15s ease, color .15s ease; } html body .stk-pay .stk-payprice a.stk-payask:hover, html body .stk-pay .stk-payprice a.stk-payask:focus-visible{ border-bottom-color:currentColor; text-decoration:none; }  html body header.topbar nav.nav a[aria-label="About"] svg.ic{ width:28px !important; height:10px !important; flex:0 0 28px !important; }  html body header.topbar nav.nav a[aria-current="page"]{ position:relative; font-weight:700 !important; } html body header.topbar nav.nav a[aria-current="page"]::after{ content:""; position:absolute; left:0; right:0; bottom:-7px; height:2px; background:currentColor; opacity:.92; pointer-events:none; }  html body .inv-topfilters.inv-topfilters .inv-filter-btn{ order:0 !important; } html body .inv-topfilters.inv-topfilters .inv-tf-group{ order:1 !important; } html body .inv-topfilters.inv-topfilters .inv-active{ order:2 !important; } html body .inv-topfilters.inv-topfilters .inv-sort-wrap{ order:3 !important; margin-left:auto !important; } html body .inv-topfilters.inv-topfilters .inv-view{ order:4 !important; } html body .inv-topfilters.inv-topfilters .inv-tf-tail{ order:9 !important; flex:1 1 100% !important; width:100% !important; justify-content:flex-start !important; gap:12px !important; margin:2px 0 0 !important; } html body .inv-topfilters.inv-topfilters .inv-tf-tail .inv-result-count{ border:0 !important; background:none !important; padding:0 !important; height:auto !important; font-size:13px !important; } html body .inv-topfilters.inv-topfilters .inv-active{ display:inline-flex !important; align-items:center; flex-wrap:wrap; gap:8px; flex:0 1 auto !important; min-width:0; } html body .inv-active .inv-apill{ display:inline-flex; align-items:center; gap:7px; height:38px; padding:0 12px 0 14px; border:1px solid rgba(20,24,36,.18); background:var(--rf-cloud,#F2F1EC); color:var(--rf-ink,#393B44); font-family:var(--font-ui); font-size:13px; font-weight:600; line-height:1; white-space:nowrap; cursor:pointer; border-radius:0; transition:border-color .15s ease, background .15s ease; } html body .inv-active .inv-apill:hover{ border-color:var(--rf-ink,#393B44); background:#FFFFFF; } html body .inv-active .inv-apill svg{ width:13px; height:13px; flex:0 0 13px; opacity:.5; } html body .inv-active .inv-apill:hover svg{ opacity:1; } html body .inv-active .inv-apill:focus-visible{ outline:2px solid var(--rf-cobalt,#0F63A5); outline-offset:2px; } html body .inv-topfilters.inv-topfilters .inv-view{ display:inline-flex !important; align-items:stretch; flex:0 0 auto !important; height:38px; border:1px solid var(--rf-grey,#A9A9A9); margin-left:10px; } html body .inv-view .inv-viewbtn{ display:inline-flex; align-items:center; justify-content:center; width:40px; padding:0; border:0; border-radius:0; background:#FFFFFF; color:var(--rf-slate,#5A6172); cursor:pointer; transition:background .15s ease, color .15s ease; } html body .inv-view .inv-viewbtn + .inv-viewbtn{ border-left:1px solid var(--rf-grey,#A9A9A9); } html body .inv-view .inv-viewbtn:hover{ color:var(--rf-ink,#393B44); } html body .inv-view .inv-viewbtn.on{ background:var(--rf-dark,#1F2956); color:#FFFFFF; } html body .inv-view .inv-viewbtn svg{ width:17px; height:17px; } html body .inv-view .inv-viewbtn:focus-visible{ outline:2px solid var(--rf-cobalt,#0F63A5); outline-offset:-2px; } html body .fleetgrid.fleetgrid-list{ display:grid !important; grid-template-columns:minmax(0,1fr) !important; gap:12px !important; } html body .fleetgrid-list .card{ display:grid !important; grid-template-columns:minmax(0,clamp(220px,32%,420px)) minmax(0,1fr) !important; align-items:stretch; } html body .fleetgrid-list .card .imgwrap{ height:100% !important; } html body .fleetgrid-list .card .body{ display:flex !important; flex-direction:column; justify-content:center; padding:clamp(14px,1.6vw,22px) !important; } @media (max-width:640px){ html body .fleetgrid.fleetgrid-list .card{ grid-template-columns:minmax(0,1fr) !important; } } @media (max-width:899px){ html body .inv-topfilters.inv-topfilters .inv-active{ order:8 !important; flex:1 1 100% !important; width:100% !important; } html body .inv-topfilters.inv-topfilters .inv-view{ display:none !important; } }  html body .fleetgrid.fleetgrid.fleetgrid.fleetgrid-list, html body .inv-main .fleetgrid.fleetgrid-flat.fleetgrid-list, html body .inv-shell .fleetgrid.fleetgrid.fleetgrid-list, html body #inventory-view .fleetgrid.fleetgrid.fleetgrid-list{ display:grid !important; grid-template-columns:minmax(0,1fr) !important; gap:10px !important; } html body .fleetgrid.fleetgrid-list .card{ display:grid !important; grid-template-columns:minmax(0,clamp(240px,30%,400px)) minmax(0,1fr) !important; align-items:stretch !important; } html body .fleetgrid.fleetgrid-list .card .imgwrap{ height:100% !important; min-height:150px; } html body .fleetgrid.fleetgrid-list .card .body{ display:flex !important; flex-direction:column !important; justify-content:center !important; min-width:0 !important; padding:clamp(14px,1.6vw,24px) !important; } @media (max-width:720px){ html body .fleetgrid.fleetgrid-list .card{ grid-template-columns:minmax(0,1fr) !important; } html body .fleetgrid.fleetgrid-list .card .imgwrap{ height:auto !important; } }  html body .inv-topfilters .inv-active .inv-apill, html body .inv-topfilters.inv-topfilters .inv-active .inv-apill{ width:auto !important; max-width:none !important; flex:0 0 auto !important; justify-content:flex-start !important; } html body .inv-topfilters.inv-topfilters .inv-active{ justify-content:flex-start !important; align-content:flex-start !important; } html body .inv-topfilters .inv-view .inv-viewbtn{ width:40px !important; max-width:40px !important; flex:0 0 40px !important; }  @media (min-width:900px){ html body .inv-topfilters.inv-topfilters::after{ content:""; flex:0 0 100%; height:0; order:7; } html body .inv-topfilters.inv-topfilters .inv-tf-tail{ display:contents !important; } html body .inv-topfilters.inv-topfilters .inv-tf-tail .inv-result-count{ order:8 !important; flex:0 0 auto !important; margin:0 2px 0 0 !important; font-size:13px !important; font-weight:700 !important; color:var(--rf-ink,#393B44) !important; } html body .inv-topfilters.inv-topfilters .inv-active{ order:9 !important; flex:0 1 auto !important; width:auto !important; margin:0 !important; } html body .inv-topfilters.inv-topfilters .inv-tf-tail .inv-clearall{ order:10 !important; flex:0 0 auto !important; margin:0 !important; } html body .inv-topfilters .inv-active .inv-apill, html body .inv-topfilters.inv-topfilters .inv-active .inv-apill{ height:30px !important; padding:0 9px 0 12px !important; border:1px solid transparent !important; background:rgba(31,41,86,.07) !important; font-size:12.5px !important; font-weight:600 !important; } html body .inv-topfilters .inv-active .inv-apill:hover{ background:rgba(31,41,86,.13) !important; border-color:transparent !important; } html body .inv-topfilters .inv-active .inv-apill svg{ width:12px !important; height:12px !important; flex:0 0 12px !important; } html body .inv-topfilters.inv-topfilters{ row-gap:8px !important; } }  @media (min-width:900px){ html body section.stk-docs{ display:flex !important; flex-wrap:wrap !important; align-items:center !important; gap:10px !important; } html body section.stk-docs > .stk-ey{ flex:0 0 100% !important; margin:0 !important; } html body section.stk-docs .cfx:not(.cfx--plain){ display:contents !important; } html body section.stk-docs .cfx-trigger{ order:1 !important; flex:0 0 auto !important; } html body section.stk-docs .doc-row{ order:2 !important; display:inline-flex !important; flex:0 0 auto !important; margin:0 !important; vertical-align:baseline !important; } html body section.stk-docs .cfx-pop{ order:3 !important; flex:0 0 100% !important; width:100% !important; max-width:560px !important; margin:2px 0 0 !important; } } html body .cfx-pop .cfx-snap .carfax-snapshot .snapshot-red-fox, html body .cfx-snap .carfax-snapshot .snapshot-red-fox{ display:none !important; }  @media (min-width:900px) and (max-width:1199px){ html body .menudrawer{ display:flex !important; } } @media (min-width:1201px) and (max-width:1599px){ html body header.topbar > .wrap > .nav a .lbl{ position:absolute !important; width:1px !important; height:1px !important; padding:0 !important; margin:-1px !important; overflow:hidden !important; clip:rect(0 0 0 0) !important; clip-path:inset(50%) !important; white-space:nowrap !important; border:0 !important; } html body header.topbar > .wrap > .nav a{ padding-left:clamp(7px,.8vw,12px) !important; padding-right:clamp(7px,.8vw,12px) !important; } html body header.topbar .nav a .ic{ margin-right:0 !important; } } @media (min-width:1080px){ html body header.topbar > .wrap > .nav{ max-width:calc(50vw - 120px - var(--page-x,32px)) !important; min-width:0 !important; } } @media (min-width:901px) and (max-width:1199px){ html body:not(.feed) header.topbar .logo img, html body header.topbar .logo img{ height:27px !important; width:auto !important; } }  html body.menu-open .topbar, html body.menu-open header.topbar{ z-index:500 !important; } html body.menu-open .rf-feed-pause{ opacity:0 !important; visibility:hidden !important; pointer-events:none !important; }  html body .inv-topfilters .inv-savesearch{ display:inline-flex; align-items:center; gap:7px; height:30px; padding:0 11px; margin:0; border:1px solid transparent; border-radius:0; background:transparent; color:var(--rf-slate,#5A6172); font-family:var(--font-ui); font-size:12.5px; font-weight:600; line-height:1; white-space:nowrap; cursor:pointer; transition:color .15s ease, background .15s ease, border-color .15s ease; } html body .inv-topfilters .inv-savesearch svg{ width:14px; height:14px; flex:0 0 14px; } html body .inv-topfilters .inv-savesearch:hover{ color:var(--rf-ink,#393B44); background:rgba(31,41,86,.06); } html body .inv-topfilters .inv-savesearch.on{ color:var(--rf-cobalt,#0F63A5); border-color:rgba(15,99,165,.28); background:rgba(15,99,165,.06); } html body .inv-topfilters .inv-savesearch.on svg{ fill:currentColor; } html body .inv-topfilters .inv-savesearch:disabled{ opacity:.45; cursor:default; } html body .inv-topfilters .inv-savesearch:focus-visible{ outline:2px solid var(--rf-cobalt,#0F63A5); outline-offset:2px; } @media (max-width:899px){ html body .inv-topfilters .inv-savesearch{ margin-left:auto; } } html body #saved-view .sv-searches{ margin:clamp(34px,4vw,58px) 0 0; padding-top:clamp(22px,2.6vw,34px); border-top:1px solid rgba(20,24,36,.12); } html body #saved-view .sv-searches-hd{ margin:0 0 clamp(14px,1.6vw,20px); } html body #saved-view .sv-searches-hd h2{ margin:0; font-size:clamp(21px,2.2vw,30px); line-height:1.12; letter-spacing:-.01em; } html body #saved-view .ss-list{ list-style:none; margin:0; padding:0; border-top:1px solid rgba(20,24,36,.10); } html body #saved-view .ss-row{ display:flex; align-items:stretch; gap:8px; border-bottom:1px solid rgba(20,24,36,.10); } html body #saved-view .ss-open{ flex:1 1 auto; min-width:0; display:flex; flex-direction:column; gap:3px; padding:15px 4px 15px 0; color:var(--rf-ink,#393B44); text-decoration:none; } html body #saved-view .ss-open:hover{ text-decoration:none; } html body #saved-view .ss-open:hover .ss-label{ text-decoration:underline; text-underline-offset:3px; } html body #saved-view .ss-label{ font-size:clamp(15px,1.2vw,17.5px); font-weight:600; letter-spacing:-.01em; overflow-wrap:anywhere; } html body #saved-view .ss-was{ font-size:12.5px; color:var(--rf-slate,#5A6172); font-variant-numeric:tabular-nums; } html body #saved-view .ss-drop{ flex:0 0 40px; width:40px; align-self:center; height:40px; display:grid; place-items:center; border:0; background:transparent; color:#A9A9A9; cursor:pointer; transition:color .15s ease, background .15s ease; } html body #saved-view .ss-drop svg{ width:16px; height:16px; } html body #saved-view .ss-drop:hover{ color:var(--rf-ink,#393B44); background:rgba(20,24,36,.05); } html body #saved-view .ss-drop:focus-visible{ outline:2px solid var(--rf-cobalt,#0F63A5); outline-offset:-2px; } html body #saved-view .ss-foot{ margin:clamp(16px,1.8vw,22px) 0 0; font-size:14px; color:var(--rf-slate,#5A6172); max-width:62ch; }  .plate.soon{flex-direction:column;gap:var(--s2);padding:var(--s6);text-align:center;background:var(--rf-paper);box-shadow:inset 0 0 0 1px rgba(57,59,68,.10)} .plate.soon .soon-mark{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--rf-cobalt);opacity:.75;margin-bottom:var(--s2)} .plate.soon .soon-eyebrow{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--rf-slate)} .plate.soon .soon-name{font-size:15px;line-height:1.25;color:var(--rf-ink);max-width:22ch;text-wrap:balance} .plate.soon .soon-note{font-size:12px;line-height:1.4;color:var(--rf-slate);max-width:26ch} .plate.soon.pdp .soon-mark{font-size:13px;margin-bottom:var(--s4)} .plate.soon.pdp .soon-eyebrow{font-size:12px} .plate.soon.pdp .soon-name{font-size:26px;max-width:24ch} .plate.soon.pdp .soon-note{font-size:14px;max-width:34ch}   html body .pdp-collage .collage-tile > img{ object-fit:cover !important; object-position:center !important; background:transparent !important; } html body .hs-th{ background-size:cover !important; } html body .fleetgrid .card .titlerow h3{ -webkit-line-clamp:2 !important; } html body .card .cmeta .cm-x > span{ white-space:normal !important; overflow:visible !important; text-overflow:clip !important; overflow-wrap:anywhere; }   html body .pdp-collage .collage-tile > img{ object-position:center bottom !important; }   body.has-pdpbar .topbar.vdp:not(.scrolled){ background:linear-gradient(180deg,rgba(6,8,12,.60) 0%,rgba(6,8,12,.26) 55%,transparent 100%) !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; border-bottom:0 !important; box-shadow:none !important; } body.has-pdpbar .topbar.vdp:not(.scrolled) .logo img{ filter:brightness(0) invert(1) !important; } body.has-pdpbar .topbar.vdp:not(.scrolled) .nav a, body.has-pdpbar .topbar.vdp:not(.scrolled) .nav a .ic, body.has-pdpbar .topbar.vdp:not(.scrolled) .iconbtn, body.has-pdpbar .topbar.vdp:not(.scrolled) .iconbtn .ic{ color:#fff !important; text-shadow:0 1px 2px rgba(0,0,0,.30); } body.has-pdpbar .topbar.vdp:not(.scrolled) .hdr-search #hs-input, body.has-pdpbar .topbar.vdp:not(.scrolled) .hdr-search input{ background:rgba(255,255,255,.12) !important; border-color:rgba(255,255,255,.34) !important; color:#fff !important; } body.has-pdpbar .topbar.vdp:not(.scrolled) .hdr-search input::placeholder{ color:rgba(255,255,255,.72) !important; } body.has-pdpbar main > .pdp-collage{ margin-top:0 !important; }   @media (prefers-reduced-motion: no-preference){ body.has-pdpbar .pdp-collage button.collage-tile:first-of-type{ overflow:hidden; } body.has-pdpbar .pdp-collage button.collage-tile:first-of-type > img{ animation: rf-lead-settle 18s cubic-bezier(.16,.68,.28,1) 600ms 1 both; transform-origin: 50% 62%; } } @keyframes rf-lead-settle{ from{ transform: scale(1.055); } to { transform: scale(1); } }  html body .acct-subhd{ font-family:var(--font-display);font-weight:800; font-size:13px;letter-spacing:.16em;text-transform:uppercase; color:#666b76;margin:26px 0 12px; } html body .acct-orderlist{list-style:none;margin:0;padding:0;display:grid;gap:14px} html body .acct-order{ border:1px solid #A9A9A9;background:#FFFFFF; } html body .acct-order-hd{ display:flex;align-items:center;gap:12px;flex-wrap:wrap; padding:12px 16px;border-bottom:1px solid #A9A9A9; background:#FBF9F4; } html body .acct-order-no{ font-family:var(--font-display);font-weight:800; font-size:14px;color:var(--rf-ink,#393B44); font-variant-numeric:tabular-nums; } html body .acct-order-hd time{ font-size:12.5px;color:#666b76; } html body .acct-order-hd .acct-pill{margin-left:auto} html body .acct-pill.shipped{border-color:#006ED4;color:#006ED4} html body .acct-pill.preparing{border-color:#8a8578;color:#2E3A4C} html body .acct-lines{list-style:none;margin:0;padding:0} html body .acct-lines > li{ display:grid; grid-template-columns:56px minmax(0,1fr) auto; gap:14px;align-items:center; padding:12px 16px;border-bottom:1px solid #E8E4DA; } html body .acct-lines > li:last-child{border-bottom:0} html body .acct-lines img, html body .acct-line-nopic{ width:56px;height:56px;display:block; object-fit:cover;background:#F6F3EC;border:1px solid #E8E4DA; } html body .acct-line-b{display:flex;flex-direction:column;gap:3px;min-width:0} html body .acct-line-name{ font-size:14px;font-weight:600;color:var(--rf-ink,#393B44); overflow-wrap:anywhere; } html body .acct-line-name a{color:var(--rf-ink,#393B44);text-decoration:none} html body .acct-line-name a:hover{border-bottom:1px solid currentColor} html body .acct-line-meta{ font-size:11px;letter-spacing:.12em;text-transform:uppercase; color:#666b76;font-weight:700; } html body .acct-line-amt{ font-size:14px;color:#2E3A4C;font-variant-numeric:tabular-nums; white-space:nowrap; } html body .acct-line-none{ margin:0;padding:12px 16px; font-size:13px;line-height:1.55;color:#666b76; border-bottom:1px solid #E8E4DA; } html body .acct-order-ft{ display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:0;border-top:1px solid #A9A9A9; } html body .acct-sum{margin:0;padding:14px 16px} html body .acct-sum > div{ display:flex;justify-content:space-between;gap:16px; padding:3px 0;font-size:13px; } html body .acct-sum dt{margin:0;color:#666b76} html body .acct-sum dd{margin:0;color:#2E3A4C;font-variant-numeric:tabular-nums} html body .acct-sum-total{ margin-top:6px;padding-top:8px !important; border-top:1px solid #E8E4DA; } html body .acct-sum-total dt{ font-size:10px;letter-spacing:.16em;text-transform:uppercase; font-weight:700;color:#666b76; } html body .acct-sum-total dd{ font-weight:800;font-size:15px;color:var(--rf-ink,#393B44); } html body .acct-ship{ padding:14px 16px;border-left:1px solid #E8E4DA; } html body .acct-ship-hd{ margin:0 0 6px; font-size:10px;letter-spacing:.16em;text-transform:uppercase; font-weight:700;color:#666b76; } html body .acct-ship address{ font-style:normal;font-size:13px;line-height:1.55;color:#2E3A4C; } html body .acct-ship .acct-line-none{padding:0;border:0} html body .acct-track{ margin:10px 0 0;display:flex;flex-direction:column;gap:6px; font-size:12.5px;color:#666b76;line-height:1.5; } html body .acct-track a{ color:var(--rf-cobalt,#1F2956);font-weight:700;text-decoration:none; border-bottom:1px solid currentColor;align-self:flex-start; } html body .acct-track-plain{ color:#2E3A4C;font-variant-numeric:tabular-nums; overflow-wrap:anywhere; } @media (max-width:700px){ html body .acct-order-ft{grid-template-columns:1fr} html body .acct-ship{border-left:0;border-top:1px solid #E8E4DA} html body .acct-lines > li{grid-template-columns:48px minmax(0,1fr) auto;gap:12px} html body .acct-lines img, html body .acct-line-nopic{width:48px;height:48px} } html body:has(#ship-view) > *:not(#main):not(script):not(style){display:none !important} html body:has(#ship-view) #main{min-height:100vh} html body .ship-page{ max-width:940px;padding-bottom:clamp(60px,8vw,110px); } html body .ship-head{ padding:clamp(70px,9vh,110px) 0 clamp(18px,2.4vw,28px); border-bottom:1.5px solid var(--rf-ink,#393B44); margin-bottom:clamp(20px,2.6vw,30px); } html body .ship-head h1{ font-family:var(--font-display);font-weight:800; font-size:clamp(30px,4vw,48px);line-height:1.03;letter-spacing:-.02em; margin:0 0 10px;color:var(--rf-ink,#393B44); } html body .ship-lede{ margin:0;font-size:15.5px;line-height:1.55;color:#2E3A4C;max-width:58ch; } html body .ship-stuck{ border:1px solid #8C2F1E;border-left-width:4px;background:#FFFFFF; padding:14px 16px;margin:0 0 22px; } html body .ship-stuck h2{ font-family:var(--font-display);font-weight:800;font-size:15px; margin:0 0 6px;color:#8C2F1E; } html body .ship-stuck p{margin:0;font-size:14px;line-height:1.55;color:#2E3A4C} html body .ship-stuck-ids{ margin-top:8px !important;font-weight:700; font-variant-numeric:tabular-nums;color:var(--rf-ink,#393B44); } html body .ship-list{list-style:none;margin:0;padding:0;display:grid;gap:16px} html body .ship-card{border:1px solid #A9A9A9;background:#FFFFFF} html body .ship-card.late{border-left:4px solid #8C2F1E} html body .ship-hd{ display:flex;align-items:baseline;gap:14px;flex-wrap:wrap; padding:11px 16px;border-bottom:1px solid #A9A9A9;background:#FBF9F4; } html body .ship-no{ font-family:var(--font-display);font-weight:800;font-size:19px; color:var(--rf-ink,#393B44);font-variant-numeric:tabular-nums; } html body .ship-units{ font-size:10px;letter-spacing:.16em;text-transform:uppercase; font-weight:700;color:#666b76; } html body .ship-age{margin-left:auto;font-size:13px;color:#666b76} html body .ship-card.late .ship-age{color:#8C2F1E;font-weight:700} html body .ship-body{ display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); } html body .ship-items{list-style:none;margin:0;padding:0} html body .ship-items > li{ display:grid;grid-template-columns:44px auto minmax(0,1fr) auto; gap:12px;align-items:center; padding:10px 16px;border-bottom:1px solid #E8E4DA; } html body .ship-items > li:last-child{border-bottom:0} html body .ship-items img, html body .ship-nopic{ width:44px;height:44px;display:block;object-fit:cover; background:#F6F3EC;border:1px solid #E8E4DA; } html body .ship-qty{ font-weight:800;font-size:17px;color:var(--rf-ink,#393B44); font-variant-numeric:tabular-nums; } html body .ship-name{font-size:14.5px;color:#2E3A4C;overflow-wrap:anywhere} html body .ship-size{ font-weight:800;font-size:15px;color:var(--rf-ink,#393B44); border:1px solid #A9A9A9;padding:2px 9px;white-space:nowrap; } html body .ship-items > li.ship-noitems{display:block;padding:12px 16px;font-size:14px;color:#8C2F1E;font-weight:700} html body .ship-to{padding:12px 16px;border-left:1px solid #E8E4DA} html body .ship-to-hd{ margin:0 0 6px;font-size:10px;letter-spacing:.16em;text-transform:uppercase; font-weight:700;color:#666b76; } html body .ship-to address{ font-style:normal;font-size:16px;line-height:1.5;color:var(--rf-ink,#393B44); overflow-wrap:anywhere; } html body .ship-note{ margin:10px 0 0;padding:8px 10px;background:#FBF9F4;border:1px solid #E8E4DA; font-size:13.5px;line-height:1.5;color:#2E3A4C; } html body .ship-current{ margin:0;padding:10px 16px;border-top:1px solid #E8E4DA; font-size:13.5px;color:#666b76;font-variant-numeric:tabular-nums; } html body .ship-form{ display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px; padding:13px 16px;border-top:1px solid #A9A9A9;background:#FBF9F4; } html body .ship-f{display:flex;flex-direction:column;gap:4px} html body .ship-f-wide{flex:1 1 240px} html body .ship-f > span{ font-size:10px;letter-spacing:.16em;text-transform:uppercase; font-weight:700;color:#666b76; } html body .ship-f select, html body .ship-f input{ font:inherit;font-size:16px; padding:9px 11px;border:1px solid #A9A9A9;background:#FFFFFF; color:var(--rf-ink,#393B44);border-radius:0; } html body .ship-f input{font-variant-numeric:tabular-nums;letter-spacing:.02em} html body .ship-f select:focus-visible, html body .ship-f input:focus-visible{ outline:2px solid #006ED4;outline-offset:1px; } html body .ship-form .btn{min-height:42px} html body .ship-form .btn[disabled]{opacity:.55;cursor:progress} html body .ship-renotify{ display:flex;align-items:flex-start;gap:8px;flex:1 1 100%; font-size:13px;line-height:1.45;color:#2E3A4C; } html body .ship-renotify input{width:16px;height:16px;flex:none;margin-top:2px} html body .ship-msg{ flex:1 1 100%;margin:0;font-size:13.5px;line-height:1.5; padding:8px 10px;border:1px solid #A9A9A9;background:#FFFFFF; } html body .ship-msg.ok{border-color:#006ED4;color:#14181F} html body .ship-msg.bad{border-color:#8C2F1E;color:#8C2F1E;font-weight:700} html body .ship-done{margin-top:clamp(30px,4vw,48px)} html body .ship-done h2{ font-family:var(--font-display);font-weight:800; font-size:clamp(16px,1.5vw,20px);margin:0 0 6px; padding-bottom:7px;border-bottom:1.5px solid var(--rf-ink,#393B44); color:var(--rf-ink,#393B44); } html body .ship-done-lede{margin:0 0 16px;font-size:14px;color:#666b76;max-width:60ch} html body .ship-done .ship-card{opacity:.92} html body .ship-foot{ margin-top:clamp(30px,4vw,48px);padding-top:16px; border-top:1px solid #A9A9A9;font-size:13.5px;color:#666b76;line-height:1.55; } html body .ship-foot a{color:var(--rf-cobalt,#1F2956);font-weight:700} html body .ship-deny{ max-width:560px;padding:clamp(90px,14vh,170px) 0 clamp(60px,9vw,120px); } html body .ship-deny h1{ font-family:var(--font-display);font-weight:800; font-size:clamp(26px,3.4vw,38px);margin:0 0 14px;color:var(--rf-ink,#393B44); } html body .ship-deny p{margin:0;font-size:15.5px;line-height:1.6;color:#2E3A4C} @media (max-width:760px){ html body .ship-body{grid-template-columns:1fr} html body .ship-to{border-left:0;border-top:1px solid #E8E4DA} html body .ship-items > li{grid-template-columns:40px auto minmax(0,1fr) auto;gap:10px} html body .ship-items img, html body .ship-nopic{width:40px;height:40px} html body .ship-f-wide{flex:1 1 100%} html body .ship-form .btn{flex:1 1 100%} } html body .acct-fresh{ font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:700; color:var(--rf-white,#fff);background:var(--rf-cobalt,#1F2956); padding:2px 9px; } html body .acct-new{ font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:700; color:var(--rf-cobalt,#1F2956);border:1px solid currentColor; padding:2px 8px; } html body .acct-order-hd .acct-new{margin-left:0} html body .mp-reel{ width:100%;display:block;background:var(--rf-cream,#F6F3EC); border:1px solid #E8E4DA;margin:0 0 12px; }

/* --- reset journey ------------------------------------------------ */
.auth-alt{
  appearance:none;background:none;border:0;padding:0;margin:0 0 6px;
  font:inherit;color:#1F2956;text-decoration:underline;
  text-underline-offset:2px;cursor:pointer;
}
.auth-alt:hover{color:#0f1733}
.auth-alt:focus-visible{outline:2px solid #1F2956;outline-offset:2px;border-radius:2px}

/* Success is a panel, not a whisper. Same weight as the error it
   replaces, opposite colour, and it keeps the address visible so
   somebody who mistyped it can see that they did. */
.auth-msg.good{
  display:flex;flex-direction:column;gap:3px;
  padding:12px 14px;border:1px solid #cfe0cf;border-left:3px solid #2f6b3f;
  background:#f4f9f4;color:#2c4433;font-size:13px;line-height:1.5;
}
.auth-msg.good strong{font-size:13px;font-weight:700;color:#24502f}


/* --- newsletter on the inquiry thank-you state -------------------- */
/* Separated by a rule rather than just space: it is a second, optional
   offer made after the first one succeeded, and it should read as such
   rather than as part of the confirmation. */
.inq-nl{
  margin-top:26px;padding-top:22px;border-top:1px solid #e3ded2;
}
.inq-nl .nl-h{font-size:15px;font-weight:700;color:#1F2956;margin:0 0 10px}
.inq-nl .nl-n{margin-top:8px}

/* --- the 404's newsletter card ------------------------------------ */
.dep-wrap .nl{margin:0}
.dep-wrap .dep-card + .rail{margin-top:34px}


/* --- single-column auth pages ------------------------------------- */
/* .auth-left is a grid CHILD of .auth-split and has no width of its own.
   /account/password reused it alone and rendered hard against the left
   edge of the viewport. This is the one-column variant of the grid. */
.auth-split.one{
  display:block;max-width:520px;margin:0 auto;
}
.auth-split.one .auth-left{max-width:none}

/* --- account empty states ----------------------------------------- */
/* The link used to sit inside the paragraph, welded to the full stop,
   because JSX collapses the newline between them. It is an action, so
   it gets its own line and a button. */
.acct-empty p{margin:0}
.acct-empty-acts{margin:14px 0 0 !important}

/* --- add a car ----------------------------------------------------- */
.addcar-open{margin:16px 0 0}
.addcar{
  margin:18px 0 0;padding:20px;border:1px solid #e3ded2;background:#fbf9f4;
}
.addcar-h{margin:0 0 6px;font-size:15px;font-weight:700;color:#1F2956}
.addcar-n{margin:0;font-size:13px;line-height:1.6;color:#6f6a5e;max-width:56ch}
.addcar-row{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 0}
.addcar-f{flex:1 1 260px;min-width:0;display:block}
.addcar-f input{
  width:100%;box-sizing:border-box;background:#fff;border:1px solid #d9d3c6;
  padding:13px 12px;font:600 15px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.06em;color:#1F2956;text-transform:uppercase;
}
.addcar-f input:focus{
  outline:0;border-color:#1F2956;box-shadow:0 0 0 3px rgba(27,47,82,.10);
}
.addcar-f input::placeholder{color:#bdb7a9;text-transform:none;letter-spacing:0}
.addcar-err{margin:12px 0 0;font-size:13px;line-height:1.5;color:#8c2b2b}

/* The decoded car. Bordered and on white so it reads as a result to be
   checked rather than more of the form. */
.addcar-hit{
  margin:14px 0 0;padding:16px;border:1px solid #d9d3c6;background:#fff;
}
.addcar-label{margin:0 0 3px;font-size:17px;font-weight:800;line-height:1.3;color:#1F2956}
.addcar-spec{margin:0 0 3px;font-size:13px;color:#6f6a5e}
.addcar-vin{
  margin:0 0 14px;font:600 12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.06em;color:#8a8375;
}
.addcar-done{border-left:3px solid #2f6b3f;background:#f4f9f4;border-color:#cfe0cf}
.addcar-done .addcar-h{color:#24502f}
.acct-car-rm{margin:10px 0 0}


/* ==== UX-02 · breathing room under the header and the footer links ==== */
.topbar + *{padding-top:clamp(18px,3vw,34px)}
#auth-view,#account-view{padding-top:clamp(18px,3vw,34px)}
.ftr h2{margin:0 0 14px;letter-spacing:-.01em}
.ftr ul{display:flex;flex-direction:column;gap:11px}
.ftr ul li{margin:0}
.ftr-cols{gap:clamp(28px,5vw,64px)}

/* ==== UX-03 · newsletter confirmation ================================= */
.nl-done{
  display:grid;grid-template-columns:auto 1fr;gap:4px 12px;
  padding:16px 18px;border:1px solid rgba(242,237,227,.22);
  background:rgba(242,237,227,.06);
}
.nl-tick{
  grid-row:1 / span 2;align-self:start;
  width:26px;height:26px;border-radius:50%;
  display:grid;place-items:center;
  background:#F2EDE3;color:#1F2956;font-size:14px;font-weight:700;line-height:1;
}
.nl-done .nl-h{margin:0;font-size:17px;font-weight:700;color:#F2EDE3;letter-spacing:-.01em}
.nl-done .nl-n{margin:0;font-size:13px;line-height:1.6;color:rgba(242,237,227,.72)}

/* ==== UX-06 · orphaned words in the sell accordions =================== */
/* widows/orphans */
.acc-b,.acc-body,.sell-acc p,.wh-b{text-wrap:pretty}

/* ==== UX-07 · saved, empty =========================================== */
.sv-empty{
  display:grid;justify-items:start;gap:6px;
  max-width:52ch;margin:0 0 34px;padding:26px 28px;
  border:1px solid #e3ded2;background:#fbf9f4;
}
.sv-empty-mark{font-size:22px;line-height:1;color:#b9b2a2;margin-bottom:2px}
.sv-empty-h{margin:0;font-size:19px;font-weight:800;color:#1F2956;letter-spacing:-.01em}
.sv-empty-b{margin:0;font-size:14px;line-height:1.65;color:#6f6a5e}

/* ==== UX-09 · about, paragraph rhythm ================================ */
/* Space BETWEEN paragraphs, not a global line-height bump. */
#about-view p{margin:0 0 1.15em}
#about-view p:last-child{margin-bottom:0}
.ab-ch-t p,.ab-lede,.ab-closer p{line-height:1.75;max-width:60ch}
.ab-ch-t p + p,.ab-closer p + p{margin-top:1.25em}
.ab-ch{padding-block:clamp(38px,6vw,78px)}

/* ==== UX-10 · crew portraits come alive ============================== */
.tm-card{overflow:hidden}
.tm-card img{
  display:block;width:100%;height:auto;
  transition:transform .55s cubic-bezier(.2,.7,.3,1),filter .55s ease;
  will-change:transform;
}
.tm-card:hover img,.tm-card:focus-within img{transform:scale(1.06);filter:saturate(1.06)}
@media (prefers-reduced-motion:reduce){
  .tm-card img{transition:none}
  .tm-card:hover img,.tm-card:focus-within img{transform:none;filter:none}
}

/* ==== UX-11 · the join section can breathe =========================== */
.tm-hiring{padding-block:clamp(56px,9vw,120px)}
.tm-hiring .kick{margin-bottom:16px}
.tm-hiring h2{margin:0 0 20px}
.tm-hp{margin:0 auto 30px;max-width:46ch;line-height:1.7}
.tm-hacts{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:0 0 26px}
.tm-hfine{margin:0}

/* ==== UX-13 · phone and email share a row ============================ */
.inq-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:620px){.inq-pair{grid-template-columns:1fr}}

/* ==== UX-16 · directions ============================================= */
#directions-view section{padding-block:clamp(30px,5vw,60px)}
#directions-view .wrap > * + *{margin-top:clamp(18px,3vw,30px)}
.dir-card,.dir-visit{padding:clamp(22px,4vw,34px)}
.dir-card p,.dir-visit p{margin:0 0 .9em}
.dir-card p:last-child,.dir-visit p:last-child{margin-bottom:0}

/* ==== UX-01 · the review card gets a face ============================ */
.rv-card figcaption{display:flex;align-items:center;gap:11px;margin-top:14px}
.rv-face{
  flex:0 0 auto;width:36px;height:36px;border-radius:50%;
  display:grid;place-items:center;
  font:700 13px/1 inherit;letter-spacing:.02em;color:#fff;
  background:hsl(var(--rv-h,220) 38% 42%);
}
.rv-who{display:flex;flex-direction:column;gap:2px;min-width:0}
.rv-who b{font-size:14px;color:#1F2956;line-height:1.3}
.rv-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:#8a8375}
.rv-lg{
  font-style:normal;font-size:9px;font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;color:#6b5a2a;
  border:1px solid #d9c894;background:#fbf4e2;padding:3px 6px;
}

html body .topbar + #main{padding-top:0} html body #main > .wrap:first-child{padding-top:clamp(18px,3vw,34px)} html body .fin-storyhero .story-in, html body .svc-storyhero .story-in, html body .dir-storyhero .story-in{ max-width:var(--maxw);margin:0 auto;width:100%;box-sizing:border-box; padding-left:var(--gutter);padding-right:var(--gutter); } html body:not(.zz1):not(.zz2):not(.zz3):not(.zz4):not(.zz5):not(.zz6):has(.story-hero) .topbar:not(.scrolled) .logo img, html body:not(.zz1):not(.zz2):not(.zz3):not(.zz4):not(.zz5):not(.zz6):has(.shop-ed-hero.has-vid) .topbar:not(.scrolled) .logo img, html body.inv-hero:not(.zz1):not(.zz2):not(.zz3):not(.zz4):not(.zz5) .topbar:not(.scrolled) .logo img{ filter:brightness(0) invert(1) !important; } html body:has(.story-hero) .topbar:not(.scrolled) .logo, html body:has(.shop-ed-hero.has-vid) .topbar:not(.scrolled) .logo, html body.inv-hero .topbar:not(.scrolled) .logo{ filter:drop-shadow(0 1px 10px rgba(0,0,0,.55)); } html body .pv-rail{grid-auto-rows:max-content;align-content:start} html body .pv-thumb{width:100%;height:auto} html body .pv-frame{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr)} html body .pv-frame img{width:100%;height:100%;min-height:0;min-width:0} @media (max-width:900px){ html body .pv-rail{grid-auto-rows:auto;align-content:normal} html body .pv-thumb{width:auto} } html body #team-view .tm-hiring{padding:clamp(56px,7vw,104px) 0 clamp(52px,6.5vw,96px)} html body #team-view .tm-hiring h2{margin:14px auto 0} html body #team-view .tm-hp{margin:22px auto 0;font-size:17px} html body #team-view .tm-hacts{margin:34px 0 0;gap:12px} html body #team-view .tm-hfine{margin:36px 0 0} html body .rv-face{ width:40px;height:40px; font-family:inherit;font-weight:700;font-size:14px;line-height:1; color:#fff;background:hsl(var(--rv-h,220) 34% 36%);overflow:hidden; } html body .rv-face.has-img{background:#e6e1d6} html body .rv-face img{width:100%;height:100%;object-fit:cover;display:block} html body .sv-empty-mark svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;display:block} html body .inq-form .inq-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px} @media (max-width:620px){ html body .inq-form .inq-pair{grid-template-columns:1fr} }
html body .sw-item > p, html body .sw-item p{text-wrap:pretty} html body .ab-teamgrid article{overflow:hidden} html body .ab-teamgrid article img{ transition:transform .55s cubic-bezier(.2,.7,.3,1),filter .55s ease; will-change:transform; } html body .ab-teamgrid article:hover img, html body .ab-teamgrid article:focus-within img{transform:scale(1.06);filter:saturate(1.06)} @media (prefers-reduced-motion:reduce){ html body .ab-teamgrid article img{transition:none} html body .ab-teamgrid article:hover img, html body .ab-teamgrid article:focus-within img{transform:none;filter:none} } html body #about-view .ab-p{font-size:clamp(16px,1.15vw,18px)}
html body .rv-card figcaption .rv-face, html body .rv-card figcaption span.rv-face{color:#fff !important} html body .stk-kick{color:#c2c8dd} html body .stk-meta{color:#b3bad3} html body .recrail-all{color:var(--rf-cobalt,#1857C4)} html body input:focus-visible, html body textarea:focus-visible, html body select:focus-visible{ outline:2px solid var(--rf-cobalt,#1857C4) !important; outline-offset:2px !important; } html body .inv-hero .inv-search input:focus-visible, html body .topbar:not(.scrolled) #hs-input:focus-visible{outline-color:#fff !important}
html body .pdp-sticker .stk-hd p.stk-kick{color:#c2c8dd !important} html body .pdp-sticker .stk-hd p.stk-meta{color:#b3bad3 !important} :root{--rf-accent-text:#1857C4}
html body .pdp-sticker .stk-hd p.stk-kick, html body .stk-kick{opacity:1 !important;color:#c2c8dd !important} html body .pdp-sticker .stk-hd p.stk-meta, html body .stk-meta{opacity:1 !important;color:#b3bad3 !important}
@media (min-width:1201px) and (max-width:1599px){ html body header.topbar > .wrap > .nav a .lbl{ position:static !important;width:auto !important;height:auto !important; margin:0 !important;padding:0 !important;overflow:visible !important; clip:auto !important;clip-path:none !important;white-space:nowrap; } html body header.topbar > .wrap > .nav a .ic{display:none !important} html body header.topbar > .wrap > .nav{gap:4px !important} html body header.topbar > .wrap > .nav a{font-size:14px !important;padding:8px 9px !important;letter-spacing:0} }
/*UX-42*/@media (min-width:1080px){:root{--hdr-h:88px}}@media (max-width:1079.98px){:root{--hdr-h:62px}}html body div.inv-hero:has(.inv-search:focus-within)::after,html body section.inv-hero:has(.inv-search:focus-within)::after,html body div.inv-hero:has(.inv-search input:not(:placeholder-shown))::after,html body section.inv-hero:has(.inv-search input:not(:placeholder-shown))::after,html body #archive-view div.inv-hero:has(.inv-search:focus-within)::after,html body #archive-view section.inv-hero:has(.inv-search:focus-within)::after,html body #archive-view div.inv-hero:has(.inv-search input:not(:placeholder-shown))::after,html body #archive-view section.inv-hero:has(.inv-search input:not(:placeholder-shown))::after{content:none!important;display:none!important;background:none!important}

/*UX-42b*/html body div.inv-hero:has(.inv-search:focus-within),html body section.inv-hero:has(.inv-search:focus-within),html body div.inv-hero:has(.inv-search input:not(:placeholder-shown)),html body section.inv-hero:has(.inv-search input:not(:placeholder-shown)),html body #archive-view div.inv-hero:has(.inv-search:focus-within),html body #archive-view div.inv-hero:has(.inv-search input:not(:placeholder-shown)){background:var(--rf-cobalt,#1F2956)!important;border-bottom:0!important}@media (min-width:1080px){html body div.inv-hero:has(.inv-search:focus-within) .inv-hero-wrap .kick,html body section.inv-hero:has(.inv-search:focus-within) .inv-hero-wrap .kick,html body div.inv-hero:has(.inv-search input:not(:placeholder-shown)) .inv-hero-wrap .kick,html body section.inv-hero:has(.inv-search input:not(:placeholder-shown)) .inv-hero-wrap .kick{display:block!important}html body div.inv-hero:has(.inv-search:focus-within) .inv-hero-wrap > h1,html body section.inv-hero:has(.inv-search:focus-within) .inv-hero-wrap > h1,html body div.inv-hero:has(.inv-search input:not(:placeholder-shown)) .inv-hero-wrap > h1,html body section.inv-hero:has(.inv-search input:not(:placeholder-shown)) .inv-hero-wrap > h1{display:block!important;position:static!important;width:auto!important;height:auto!important;margin:0 0 .32em!important;padding:0!important;overflow:visible!important;clip:auto!important;clip-path:none!important;white-space:normal!important}html body div.inv-hero:has(.inv-search:focus-within) .inv-hero-wrap,html body section.inv-hero:has(.inv-search:focus-within) .inv-hero-wrap,html body div.inv-hero:has(.inv-search input:not(:placeholder-shown)) .inv-hero-wrap,html body section.inv-hero:has(.inv-search input:not(:placeholder-shown)) .inv-hero-wrap{padding-bottom:28px!important}}

/*UX-44*/html body article.ecard,html body .ecard,html body .sell-why .wrap > *,html body .how-steps li,html body .how-steps > *{animation:none!important;animation-timeline:auto!important;opacity:1!important}

/*UX-45*/@keyframes rf-float-slow{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}html body .rf-tabwrap .rf-ask,html body .rf-ask{animation:rf-float-slow 6s ease-in-out infinite!important}@media (prefers-reduced-motion:reduce){html body .rf-tabwrap .rf-ask,html body .rf-ask{animation:none!important}}@media (max-width:899px){html body.has-pdpbar.pdpbar-buy .rf-tabwrap{bottom:calc(env(safe-area-inset-bottom,0px) + 136px)!important}}
/*UX-46*/@media (min-width:901px) and (max-width:1079.98px){html body .topbar .logo img,html body:not(.feed) .topbar .logo img,html body.feed .topbar .logo img{height:40px!important;width:auto!important}}

/*UX-47*/html body .pdp-mobilegal .pdp-main > img{object-fit:contain!important;object-position:center!important}
/*UX-48*/@media (max-width:899px){html body.has-pdpbar header.topbar.vdp:not(.scrolled),html body.has-pdpbar .topbar.vdp:not(.scrolled){background:rgba(255,255,255,.94)!important;backdrop-filter:blur(14px) saturate(1.3)!important;-webkit-backdrop-filter:blur(14px) saturate(1.3)!important;border-bottom:1px solid rgba(0,0,0,.06)!important;box-shadow:none!important}html body.has-pdpbar .topbar.vdp:not(.scrolled) .logo,html body.has-pdpbar .topbar.vdp:not(.scrolled) .logo img{filter:none!important}html body.has-pdpbar .topbar.vdp:not(.scrolled) .iconbtn,html body.has-pdpbar .topbar.vdp:not(.scrolled) .iconbtn .ic,html body.has-pdpbar .topbar.vdp:not(.scrolled) .menu-btn,html body.has-pdpbar .topbar.vdp:not(.scrolled) .menu-btn svg,html body.has-pdpbar .topbar.vdp:not(.scrolled) .nav a,html body.has-pdpbar .topbar.vdp:not(.scrolled) .nav a .ic{color:var(--rf-cobalt,#1F2956)!important;filter:none!important;text-shadow:none!important}}

/*UX-50*/html body .pdp-collage .collage-tile > img.plate{object-position:center top!important}html body .pdp-collage:not(:has(> .collage-tile:nth-of-type(3))) .collage-tile > img,html body .pdp-collage:not(:has(> :nth-child(3))) .collage-tile > img{object-fit:contain!important;object-position:center!important;background:#1F2956!important}

/*UX-45b*/@media (min-width:900px){html body.has-pdpbar .ask-fab,html body.has-pdpbar:not(.feed) .ask-fab{bottom:calc(env(safe-area-inset-bottom,0px) + 100px)!important;right:24px!important;animation:rf-float-slow 6s ease-in-out infinite!important}html body.has-pdpbar .ask-fab:hover{transform:none}@media (prefers-reduced-motion:reduce){html body.has-pdpbar .ask-fab{animation:none!important}}}

/*UX-51*/html body .clubcard{display:inline-grid;gap:2px;margin:18px 0 22px;padding:18px 22px 16px;min-width:min(100%,300px);background:var(--rf-dark,#1F2956);color:#fff;border:1px solid rgba(255,255,255,.14);box-shadow:0 14px 34px rgba(15,20,38,.22)}html body .clubcard p{margin:0}html body .clubcard .clubcard-k{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.66);font-weight:700}html body .clubcard .clubcard-no{font-family:var(--font-display);font-weight:800;font-size:clamp(34px,5vw,48px);line-height:1;letter-spacing:.02em;font-variant-numeric:tabular-nums;color:#fff;margin-top:6px}html body .clubcard .clubcard-since{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-top:8px}

/*UX-53*/html body :is(.fleetgrid > *,.recrail .card,.ecard,.rc-card,.rec-card,.railhead > *,.recrail-head > *,.shop-note .wrap > *,.sell-why .wrap > *,.how-steps li,.how-steps > *,.site-footer .ft-col,footer .ft-col,.rv-band .rv-head > *,.rv-card,.sh2-reasons .sw-item,.sell-proof .wrap > *,.sell-closer .wrap > *,.pdp-more > *,.rec-wrap .recgrid > *):not(#about-view *){animation-name:none!important;animation-timeline:auto!important;opacity:1!important}

/*UX-25*/html body #team-view .ab-teamgrid article:not(:has(img)),html body #about-view .ab-teamgrid article:not(:has(img)){position:relative;display:flex!important;flex-direction:column;justify-content:flex-end;gap:4px;padding:16px 16px 18px;background:var(--rf-paper,#fbf9f4)!important;border:1px solid rgba(20,24,36,.12);min-height:0}html body #team-view .ab-teamgrid article:not(:has(img))::before,html body #about-view .ab-teamgrid article:not(:has(img))::before{content:attr(data-initial)!important;position:static!important;display:grid!important;place-items:center!important;width:44px!important;height:44px!important;aspect-ratio:auto!important;margin:0 0 auto!important;padding:0!important;border:0!important;border-radius:999px;background:var(--rf-dark,#1F2956)!important;color:#fff!important;font-family:var(--font-display);font-weight:800;font-size:18px!important;line-height:1!important;letter-spacing:0!important}html body #team-view .ab-teamgrid article:not(:has(img))::after{content:none!important;display:none!important}html body #team-view .ab-teamgrid article:not(:has(img)) b{margin-top:14px!important}

/*UX-55 bag footer: the site-wide footer{} element rule (cobalt ground, white text, margin-top var(--s24)) was painting the bag dialog's action row. Scoped override; the component also stops using <footer> in round 13. */
html .bag .bag-ft{margin-top:0 !important;background:#fff !important;color:var(--rf-ink) !important;border-top:1px solid #e6e9ee !important;padding:16px 20px calc(16px + env(safe-area-inset-bottom,0px)) !important}
html .bag .bag-ft .bag-sub{color:var(--rf-ink);font-size:14px}
html .bag .bag-ft .bag-sub b{font-size:16px;font-variant-numeric:tabular-nums}
html .bag .bag-ft .bag-tax{color:var(--rf-slate) !important;margin:2px 0 0}
html .bag .bag-ft .bag-note{margin:10px 0 0;font-size:11.5px;line-height:1.5;color:var(--rf-slate)}
html .bag .bag-ft .bag-err{margin:0 0 8px;font-size:13px;color:#b3261e}
html .bag .bag-gone{display:block;margin-top:4px;font-size:12px;color:#b3261e}

/*UX-67 order confirmation (/shop/thanks) */
#order-view{background:var(--rf-paper,#fbf9f4);padding:calc(var(--hdr-h,62px) + 36px) 0 0}
#order-view .wrap{max-width:1180px;margin:0 auto;padding:0 var(--gutter,20px)}
#order-view .ord-head{max-width:720px;margin:0 0 32px}
#order-view .ord-head .kick{margin:0 0 10px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--rf-accent,#006ED4)}
#order-view .ord-head h1{margin:0 0 14px;font-family:var(--font-display);font-size:clamp(30px,4.2vw,48px);line-height:1.05;color:var(--rf-cobalt,#1F2956);text-wrap:balance}
#order-view .ord-lede{margin:0;font-size:16px;line-height:1.6;color:var(--rf-ink,#393B44);max-width:62ch}
#order-view .ord-note{margin:10px 0 0;font-size:13px;color:var(--rf-slate,#6f6a5e)}
#order-view .ord-grid{display:grid;grid-template-columns:1fr;gap:20px;align-items:start}
@media (min-width:900px){#order-view .ord-grid{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:28px}}
#order-view .ord-side{display:flex;flex-direction:column;gap:20px}
#order-view .ord-card{background:#fff;border:1px solid #e3e1da;padding:22px 22px 20px}
#order-view .ord-card h2{margin:0 0 16px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--rf-slate,#6f6a5e)}
#order-view .ord-lines{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
#order-view .ord-lines li{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid #efede7}
#order-view .ord-lines li:first-child{padding-top:0}
#order-view .ord-th{width:72px;height:72px;background:#f1efe9 center/cover no-repeat}
#order-view .ord-lm{display:flex;flex-direction:column;gap:4px;min-width:0}
#order-view .ord-lm a,#order-view .ord-lm b{font-weight:600;color:var(--rf-cobalt,#1F2956);text-decoration:none;font-size:15px}
#order-view .ord-lm a:hover{text-decoration:underline}
#order-view .ord-lm span{font-size:13px;color:var(--rf-slate,#6f6a5e)}
#order-view .ord-lp{font-variant-numeric:tabular-nums;font-weight:600;color:var(--rf-ink,#393B44)}
#order-view .ord-sum{margin:16px 0 0;display:flex;flex-direction:column;gap:8px}
#order-view .ord-sum div{display:flex;justify-content:space-between;font-size:14px;color:var(--rf-ink,#393B44)}
#order-view .ord-sum dt,#order-view .ord-sum dd{margin:0}
#order-view .ord-sum dd{font-variant-numeric:tabular-nums}
#order-view .ord-sum .ord-total{margin-top:6px;padding-top:12px;border-top:1px solid #e3e1da;font-size:16px;font-weight:700;color:var(--rf-cobalt,#1F2956)}
#order-view address{font-style:normal;font-size:15px;line-height:1.6;color:var(--rf-ink,#393B44)}
#order-view .ord-muted{margin:12px 0 0;font-size:13px;line-height:1.55;color:var(--rf-slate,#6f6a5e)}
#order-view .ord-muted a{color:var(--rf-cobalt,#1F2956)}
#order-view .ord-steps{margin:0;padding:0;list-style:none;counter-reset:s;display:flex;flex-direction:column;gap:14px}
#order-view .ord-steps li{counter-increment:s;display:grid;grid-template-columns:26px 1fr;column-gap:10px;font-size:14px;line-height:1.45}
#order-view .ord-steps li::before{content:counter(s);grid-row:span 2;width:22px;height:22px;border-radius:50%;background:var(--rf-cobalt,#1F2956);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:1px}
#order-view .ord-steps b{color:var(--rf-cobalt,#1F2956);font-weight:600}
#order-view .ord-steps span{color:var(--rf-slate,#6f6a5e)}
#order-view .ord-actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 0}
#order-view .ord-more{margin-top:56px;padding-bottom:8px}
#order-view .ord-more h2{margin:0 0 20px;font-family:var(--font-display);font-size:clamp(22px,2.6vw,30px);color:var(--rf-cobalt,#1F2956)}
#order-view .ord-more .shop-ed{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
@media (min-width:900px){#order-view .ord-more .shop-ed{grid-template-columns:repeat(4,minmax(0,1fr))}}

/*UX-72 edge-to-edge on iPhone. Pairs with viewport-fit=cover (round 17). env(safe-area-inset-top) is 0 everywhere except a notched iPhone in cover mode, so this is inert on desktop and Android. */
@media (max-width:1079.98px){:root{--hdr-h:calc(62px + env(safe-area-inset-top,0px))}}
@media (min-width:1080px){:root{--hdr-h:calc(88px + env(safe-area-inset-top,0px))}}
html body header.topbar{padding-top:env(safe-area-inset-top,0px)}
html body .menudrawer,html body .bag,html body .cx.on,html body .fdrawer{padding-top:env(safe-area-inset-top,0px)}
html:has(body.feed),html body.feed{background:#000}
html:has(body.inv-hero),html:has(.story-hero),html:has(.shop-ed-hero.has-vid){background:#0b0f1a}

/*UX-73 iPhone Safari 26: the strip under the clock takes the BODY background colour, and the area under the floating toolbar shows whatever the page has there. (1) Photo-first pages get a dark body so that strip reads as part of the header; the content keeps its cream on #main. (2) The home feed runs its slides to the large viewport so the photo continues under the toolbar; captions and buttons are lifted by exactly the difference, so they sit where they sit now. On desktop and Android-at-rest 100lvh equals 100dvh and none of this moves. */
html body.inv-hero,html body:has(.story-hero),html body:has(.shop-ed-hero.has-vid){background:#0a0d14 !important}
html body.inv-hero #main,html body:has(.story-hero) #main,html body:has(.shop-ed-hero.has-vid) #main{background:#f6f3ec}
html:has(body.inv-hero),html:has(.story-hero),html:has(.shop-ed-hero.has-vid){background:#0a0d14}
html body.feed .rf-feed,html body.feed .rf-feed .rfm.rfm{height:100lvh !important;min-height:100lvh !important;max-height:100lvh !important;contain-intrinsic-size:100lvh}
html body.feed .rf-feed .rfm .rfm-cap,html body.feed .rf-feed .rfm .rfl-rail{translate:0 calc(100dvh - 100lvh)}

/*UX-73b the footer's top margin was cream only because the body was; on the dark-body pages it becomes padding inside #main so the gap stays cream */
html body.inv-hero > footer,html body:has(.story-hero) > footer,html body:has(.shop-ed-hero.has-vid) > footer{margin-top:0 !important}
html body.inv-hero #main,html body:has(.story-hero) #main,html body:has(.shop-ed-hero.has-vid) #main{padding-bottom:var(--s24,64px)}

/*UX-74 About: the 2006 / 2026 years were drawn under the photograph on phones. The -16px pull-up assumes the desktop photo margin; on phones the photo box has none, so the years sat underneath the image. */
@media (max-width:899.98px){html body #about-view > .ab-ch.wide .ab-ch-cap{margin-top:12px !important;position:relative;z-index:1}}


/*UX-76*/ /* Drawer search, Jared 25 Sep: "hard to see in hamburger". The field sat on the drawer's own paper colour with a hairline border and a pale glass icon, so on a phone it read as a caption, not a box. A white field, a navy-tinted 1.5px border and a navy icon make it the first thing in the drawer. */
html body .topbar .menudrawer .md2-search .hdr-search #hs-input{background:#fff !important;border:1.5px solid rgba(31,41,86,.38) !important;box-shadow:0 1px 2px rgba(20,24,36,.06) !important;color:#1B2030 !important;-webkit-text-fill-color:#1B2030 !important}
html body .topbar .menudrawer .md2-search .hdr-search #hs-input:focus{border-color:#1F2956 !important;outline:none !important;box-shadow:0 0 0 3px rgba(31,41,86,.14) !important}
html body .topbar .menudrawer .md2-search .hdr-search #hs-input::placeholder{color:#3E4456 !important;-webkit-text-fill-color:#3E4456 !important;opacity:1 !important}
html body .topbar .menudrawer .md2-search .hdr-search .hs-ic,html body .topbar .menudrawer .md2-search .hdr-search svg.hs-ic{color:#1F2956 !important;opacity:1 !important;stroke:#1F2956 !important}

/*UX-77*/ /* Drawer suggestions: at least two and a half cars visible with the keyboard up, and a fade that says there is more. Rows were 144px tall (a 168x112 thumbnail plus 16px padding) against a list capped at the visual viewport minus 210px, so with the keyboard open one car fitted. Rows are 86px on phones, the cap subtracts only what actually sits above the list, and the last row can scroll clear of the fade. */
@media (max-width:899.98px){
html body .topbar .menudrawer .md2-search .hs-drop{max-height:max(calc(var(--vv-h,100dvh) - 150px),260px) !important;-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 48px),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 48px),transparent);padding-bottom:40px !important}
html body .topbar .menudrawer .md2-search .hs-item{gap:14px !important;padding:10px 14px !important}
html body .topbar .menudrawer .md2-search .hs-th{width:100px !important;height:66px !important}
html body .topbar .menudrawer .md2-search .hs-n{font-size:14.5px !important;line-height:1.3 !important}
}

/*UX-78*/ /* Footer: the column headings sat on top of their links. */
html body footer .fgrid > div:not(.fbrand) > h2{margin:0 0 20px !important}
@media (max-width:899.98px){html body footer .fgrid > div:not(.fbrand) > h2{margin-bottom:22px !important}}

/*UX-79*/ /* Car page: with no archive band ("we have sold N of these" needs three), "Similar cars" followed the white reviews band directly and kept its own 1px #A9A9A9 top rule and top margin -- a grey line and a stripe of page colour under a band that already ends in a colour change. The colour change is the divider; the rule goes. When the archive band is there, the rule between it and Similar cars is softened to the house hairline. */
html body .rv-band + .recrail:not(.sldk){border-top:0 !important;margin-top:0 !important}
html body .sldk + .recrail{border-top-color:rgba(20,24,36,.10) !important;margin-top:0 !important}


/*UX-92*/ /* Homepage feed: sold cars keep their film and wear a Sold badge in the price slot (Jared, 2026-09-25). */
html body .rf-feed .rfm-p.rfm-sold{display:inline-flex;align-items:center;font-size:12px !important;font-weight:700;letter-spacing:.18em;text-transform:uppercase;line-height:1;padding:7px 11px;border:1.5px solid currentColor;border-radius:2px;opacity:.95}

/* 2026-09-28: tail rewritten for the promoted build (d83d872). Dropped: UX-95 (the header now labels every control, Jared's phone review), UX-97 (the film fills the photo frame, as Jared asked: "the ratio is not right for reel to match the photos"), UX-96b and the 1.7 frame of UX-100. */
/* UX-96: the reel leads the desktop collage. */
html:not(#rf):not(#rf2) body .pdp-collage > .collage-reel{order:-1}
/* UX-96c: photo/360 chips at the collage's bottom-right, clear of the reel's controls. */
html:not(#rf):not(#rf2) body .pdp-collage:has(> .collage-reel) > .collage-chips{left:auto!important;right:14px!important}
/* UX-98 (Jared, 2026-09-27: "these also regressed"). Card spec table: two columns, a glyph per fact. */
html:not(#rf):not(#rf2) body .card .cmeta{display:grid!important;grid-template-columns:1fr 1fr!important;gap:0!important;margin:12px -16px 0!important;border-top:1px solid rgba(20,24,36,.10)!important;flex-wrap:nowrap!important}
html:not(#rf):not(#rf2) body .card .cmeta .cm-x{display:flex!important;align-items:center!important;gap:7px!important;min-width:0!important;padding:9px 16px!important;border:0!important;border-bottom:1px solid rgba(20,24,36,.10)!important;font-size:11px!important;letter-spacing:.07em!important;text-transform:uppercase!important;font-variant-numeric:tabular-nums!important;grid-column:auto!important}
html:not(#rf):not(#rf2) body .card .cmeta .cm-x:nth-child(odd){border-right:1px solid rgba(20,24,36,.10)!important}
html:not(#rf):not(#rf2) body .card .cmeta .cm-x:last-child:nth-child(odd){grid-column:1 / -1!important;border-right:0!important}
html:not(#rf):not(#rf2) body .card .cmeta .cm-x:last-child,html:not(#rf):not(#rf2) body .card .cmeta .cm-x:nth-last-child(2):nth-child(odd){border-bottom:0!important}
html:not(#rf):not(#rf2) body .card .cmeta .cm-x .spi{display:inline-block!important;width:13px!important;height:13px!important;flex:none!important;opacity:1!important}
html:not(#rf):not(#rf2) body .card .cmeta .sp-dot{display:none!important}
/* UX-99 (Jared: "reel then tiles not a big hero"). Photo 1 is an ordinary tile; studio plates anchor to the top. */
html:not(#rf):not(#rf2) body .pdp-collage > .collage-hero{grid-row:auto!important;width:calc(var(--tile-h) * 3 / 2)!important;height:100%!important}
html:not(#rf):not(#rf2) body .pdp-collage .collage-tile > img.plate{object-fit:cover!important;object-position:center top!important}

/* UX-104 (Jared, 2026-09-28: "do we need the text under icons? ... I hate the look in head and sticky button on vdp"). Icon-only header and car-page action bar. Every control keeps its accessible name (aria-label), so screen readers are unaffected; the visible words were a discoverability aid, not an accessibility requirement. Targets stay 44px. */
html:not(#rf):not(#rf2) body header.topbar .tb-lbl,html:not(#rf):not(#rf2) body header.topbar .tb-contact-btn > span{display:none!important}
html:not(#rf):not(#rf2) body header.topbar .tools .cartbtn::after{content:none!important;display:none!important}
html:not(#rf):not(#rf2) body header.topbar .tools .tb-lbl-btn,html:not(#rf):not(#rf2) body header.topbar .tools .cartbtn,html:not(#rf):not(#rf2) body header.topbar .iconbtn.tb-contact-btn{min-width:44px!important;width:44px!important;height:44px!important;padding:0!important;gap:0!important}
html:not(#rf):not(#rf2) body .pdp-bar .pb-save > span,html:not(#rf):not(#rf2) body .pdp-bar .pb-share > span,html:not(#rf):not(#rf2) body .pdp-bar .pb-call > span{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;margin:-1px!important;padding:0!important}

/* UX-105 (Jared, 2026-09-28: "ratio jacked up for single car pages"). The phone gallery frame was 4:3 while the photographs are 3:2, so every photo sat between navy bars. The frame is 3:2 now: photos fill it edge to edge and the reel covers the same frame. */
html:not(#rf):not(#rf2) body .pdp-mobilegal .pdp-main{aspect-ratio:3/2!important;height:auto!important;min-height:0!important}

/* UX-109 (Jared, 2026-09-28: "why is on request huge?! and its call for price"). Car page price.
   1) Unpriced cars read "Call for price" in the price block and the sticky bar. An unpriced car
      is the one whose price block has no finance drawer (the page renders the drawer only
      when a price is shown), so priced and sold cars are untouched. The DOM text stays for
      now; the code bundle changes the wording at the source, cards included.
   2) The price is set smaller on phones (18px, matching the bar), and at 24px on desktop.
   3) Phone gallery: photos stay uncropped (contain), and any gap around a photo that is not exactly 3:2 is studio grey instead of navy. */
html:not(#rf):not(#rf2) body .stk-pay .stk-payprice > b{font-size:24px!important}
@media (max-width:900px){html:not(#rf):not(#rf2) body .stk-pay .stk-payprice > b{font-size:18px!important;font-weight:700!important;letter-spacing:0!important}}





html:not(#rf):not(#rf2) body .pdp-mobilegal .pdp-main{background:#eceef1!important}



/* UX-114 (Jared, 2026-09-28: "icons arent aligned"). Header icons: one size (20px) and optical centering. The glyphs are not centered in their own 24-unit boxes: the bag's wheels put its visual centre 0.8 units low, the phone's 1 unit high, so at the same box they sat about 1.5px apart. Nudged to a shared centre line. */
html:not(#rf):not(#rf2) body header.topbar .tools .tb-lbl-btn svg,html:not(#rf):not(#rf2) body header.topbar .tools .cartbtn svg,html:not(#rf):not(#rf2) body header.topbar .tools .tb-contact-btn svg{width:20px!important;height:20px!important;flex:none}
html:not(#rf):not(#rf2) body header.topbar .tools .cartbtn svg{transform:translateY(-.8px)}
html:not(#rf):not(#rf2) body header.topbar .tools .tb-contact-btn svg{transform:translateY(.8px)}

/* UX-114b (Jared, 2026-09-28, desktop header: "off here to"). The saved-cars button was a 38px box beside the 44px bag and the 40px search field, all top-aligned, so its icon sat 3px above the others. Same 44px box as the bag, and the tool row centres its items. */
html:not(#rf):not(#rf2) body header.topbar .tools{align-items:center!important}
html:not(#rf):not(#rf2) body header.topbar .tools .tb-saved{width:44px!important;height:44px!important;min-width:44px!important;padding:0!important;display:inline-flex;align-items:center;justify-content:center}
@media (max-width:899px){html:not(#rf):not(#rf2) body header.topbar .tools .tb-saved{display:none!important}}

/* UX-115 (review 2026-09-28). Home page, phone, scrolled past the reel feed: the header stayed transparent (body.feed .topbar{background:transparent!important}) with a white logo and white icons, so over the cream sections it read as a ghost logo printed across car cards and titles. Once .scrolled is set it becomes the same frosted white bar every other page uses, navy logo and icons. */
html:not(#rf):not(#rf2) body.feed header.topbar.scrolled{background:rgba(255,255,255,.96)!important;-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);box-shadow:0 1px 0 rgba(20,24,36,.08)!important}
html:not(#rf):not(#rf2) body.feed header.topbar.scrolled .logo img{filter:none!important}
html:not(#rf):not(#rf2) body.feed header.topbar.scrolled .tools .iconbtn,html:not(#rf):not(#rf2) body.feed header.topbar.scrolled .tools .iconbtn svg,html:not(#rf):not(#rf2) body.feed header.topbar.scrolled .tools .iconbtn .ic,html:not(#rf):not(#rf2) body.feed header.topbar.scrolled .menu-btn,html:not(#rf):not(#rf2) body.feed header.topbar.scrolled .menu-btn svg,html:not(#rf):not(#rf2) body.feed header.topbar.scrolled .nav a,html:not(#rf):not(#rf2) body.feed header.topbar.scrolled .nav a .ic{color:#1F2956!important;filter:none!important;text-shadow:none!important}
/* UX-116 (review 2026-09-28). "Pause the reels" was position:fixed, so after the reel feed scrolled away it floated over every section below it (New arrivals, the archive rail's photos). Sticky inside the feed's own scroller instead: same spot while the feed is on screen, gone with it. The negative bottom margin keeps it from taking a row. */
html:not(#rf):not(#rf2) body .rf-feed > .rf-feed-pause{position:sticky!important;top:112px!important;right:auto!important;bottom:auto!important;left:auto!important;display:flex!important;width:44px!important;height:44px!important;margin:0 14px -44px auto!important;align-items:center!important;justify-content:center!important}

/* UX-118 v3 (Jared, 2026-09-28, iPhone Safari: white strip above the reel feed and cream strip below it on the home page). Those strips are Safari's own (status bar and under the floating toolbar); Safari paints them from the page background it sees when the page first paints. The home page is black only once script adds body.feed, so at first paint Safari saw the cream default and kept it. :has(.rf-feed) is true in the server HTML, so the page is black from the first frame. (v1, a taller feed, and v2, a fixed black edge bar, did not reach those strips and are removed.) */
html:not(#rf):not(#rf2):has(.rf-feed),html:not(#rf):not(#rf2) body:has(.rf-feed){background:#000!important}

/* UX-118 v4 (Jared, 2026-09-28, iPhone Safari 26: white strip at the top, cream strip at the bottom). Found the actual source. Safari 26 ignores theme-color and tints its status bar and bottom-toolbar strips from fixed/sticky elements touching those edges, INCLUDING hidden ones (visibility:hidden / opacity:0 still count; only display:none removes an element). Closed, the bag drawer and the Ask panel (.bag, .cx: fixed, full height, white) sat at the top edge, and the Ask panel's reply bar (.cx-ask: sticky, bottom 0, cream #FBF9F4) sat at the bottom edge; measured at 390x844 on the home page. Closed drawers and their scrims are now display:none, so Safari falls back to the page background (black on the home page). Opening still slides in (@starting-style); closing is instant. */
html:not(#rf):not(#rf2) body .bag:not(.on),html:not(#rf):not(#rf2) body .bag-scrim:not(.on),html:not(#rf):not(#rf2) body .cx:not(.on),html:not(#rf):not(#rf2) body .cx-scrim:not(.on){display:none!important}
@starting-style{html:not(#rf):not(#rf2) body .bag.on,html:not(#rf):not(#rf2) body .cx.on{transform:translateX(100%)}html:not(#rf):not(#rf2) body .bag-scrim.on,html:not(#rf):not(#rf2) body .cx-scrim.on{opacity:0}}

/* UX-118 v5: FULL-BLEED REEL (Jared: "make reel full height full bleed no padding ... for video only; text, header, tab bar" stay put). Safari 26 only draws page pixels under its status bar and floating toolbar once the page is scrolled; at scrollY 0 it paints a flat colour. RfFeed (code) adds html.rf-bleed on phones and starts the page scrolled by --rf-bleed-top. Here: the feed and every panel are taller than the screen by the two bleeds, so the video runs under both bars; caption, action rail and story cards are moved back into the visible screen; the pause control keeps its place; the page snap point moves to .rf-bleed-snap. Everything is scoped to html.rf-bleed, so nothing changes until that code ships. */
.rf-bleed-snap{display:none}
html.rf-bleed{--rf-bleed-top:62px;--rf-bleed-bot:136px}
html.rf-bleed .rf-bleed-snap{display:block;position:absolute;top:var(--rf-bleed-top);left:0;width:1px;height:1px;pointer-events:none;scroll-snap-align:start;scroll-snap-stop:always}
html.rf-bleed body.feed .rf-feed{scroll-snap-align:none!important}
html.rf-bleed body.feed .rf-feed,html.rf-bleed body.feed .rf-feed .rfm.rfm,html.rf-bleed body .rf-feed .rfm.rfm{height:calc(100dvh + var(--rf-bleed-top) + var(--rf-bleed-bot))!important;min-height:calc(100dvh + var(--rf-bleed-top) + var(--rf-bleed-bot))!important;max-height:calc(100dvh + var(--rf-bleed-top) + var(--rf-bleed-bot))!important;contain-intrinsic-size:calc(100dvh + var(--rf-bleed-top) + var(--rf-bleed-bot))}
html.rf-bleed body.feed .rf-feed .rfm .rfm-cap,html.rf-bleed body.feed .rf-feed .rfm .rfl-rail{translate:0 calc(0px - var(--rf-bleed-bot))!important}
html.rf-bleed body.feed .rf-feed .rfm .rfm-story-in,html.rf-bleed body.feed .rf-feed .rfm .rfm-cream-in{translate:0 calc((var(--rf-bleed-top) - var(--rf-bleed-bot)) / 2)}
html.rf-bleed:not(#rf):not(#rf2) body .rf-feed > .rf-feed-pause{top:calc(var(--rf-bleed-top) + 112px)!important}
html.rf-bleed body .rf-feed .rfm-scrim{background:linear-gradient(to top, rgba(6,8,12,.82) 0, rgba(6,8,12,.82) var(--rf-bleed-bot), rgba(6,8,12,.62) calc(var(--rf-bleed-bot) + 8%), rgba(6,8,12,.24) calc(var(--rf-bleed-bot) + 22%), rgba(6,8,12,0) calc(var(--rf-bleed-bot) + 36%))!important}

/* UX-118 v6 (Jared, 2026-09-28: bleed live, "bottom fixed not top"). Safari 26 still paints the status-bar strip itself when a position:fixed element sits within ~4px of the top edge, even a transparent one, and the header is exactly that. While the home reel is up (html.rf-bleed, header not yet .scrolled) the header box starts 6px down with 6px less top padding: nothing on screen moves, and Safari shows the video under the clock. Once scrolled into the page the header is the frosted white bar at top 0 again. */
html.rf-bleed:not(#rf):not(#rf2) body.feed header.topbar:not(.scrolled){top:6px!important;padding-top:max(0px, calc(env(safe-area-inset-top,0px) - 6px))!important}

/* UX-120 (Jared, 2026-09-28: "still getting header missing on load on vdp ... or is it opacity?"). It is opacity. The car-page header is opacity:0 (.topbar.vdp) and is only switched back on by body:not(.feed) .topbar.vdp{opacity:1}. The home reel puts body.feed on; if that class is still on the body when a car page renders (arriving from the reel), the car-page header stays invisible over an empty band until a reload. A header is never meant to be invisible on a page that has no reel, so: no .rf-feed on the page -> header visible, frosted white, navy logo and icons, whatever classes the body carries. The code fix (clear the reel classes on every navigation) is in the next bundle. */
html:not(#rf):not(#rf2) body:not(:has(.rf-feed)) header.topbar{opacity:1!important;pointer-events:auto!important}
html:not(#rf):not(#rf2) body.feed:not(:has(.rf-feed)) header.topbar{background:rgba(255,255,255,.94)!important;top:0!important}
html:not(#rf):not(#rf2) body.feed:not(:has(.rf-feed)) header.topbar .logo img{filter:none!important}
html:not(#rf):not(#rf2) body.feed:not(:has(.rf-feed)) header.topbar .tools .iconbtn,html:not(#rf):not(#rf2) body.feed:not(:has(.rf-feed)) header.topbar .tools .iconbtn svg,html:not(#rf):not(#rf2) body.feed:not(:has(.rf-feed)) header.topbar .menu-btn,html:not(#rf):not(#rf2) body.feed:not(:has(.rf-feed)) header.topbar .menu-btn svg{color:#1F2956!important;filter:none!important}
/* UX-121 (2026-09-28): sell header logo + quick line contrast; /inquire Text/Call as a 50/50 button row */
html:not(#rf):not(#rf2) body:has(.sell-light) header.topbar:not(.scrolled) .logo,html:not(#rf):not(#rf2) body:has(.sell-light) header.topbar:not(.scrolled) .logo img{filter:none!important}
html:not(#rf):not(#rf2) body .sell-light .sell-quick{color:#2E3A4C!important;margin-top:22px!important}
html:not(#rf):not(#rf2) body .sell-light .sell-quick a{color:#1F2956!important;text-decoration:underline!important;text-underline-offset:3px}
html:not(#rf):not(#rf2) body .inq-quick{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:10px!important}
html:not(#rf):not(#rf2) body .inq-quick .inq-q{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;text-align:center!important;min-width:0!important;min-height:58px!important;margin:0!important;padding:9px 10px!important;border:1.5px solid #1F2956!important;border-radius:0!important;background:#fff!important;color:#1F2956!important;text-decoration:none!important;box-shadow:none!important}
html:not(#rf):not(#rf2) body .inq-quick .inq-q:first-child{background:#1F2956!important;color:#fff!important}
html:not(#rf):not(#rf2) body .inq-quick .inq-q .inq-qk{font-size:13px!important;line-height:1.1!important;font-weight:700!important;letter-spacing:.1em!important;text-transform:uppercase!important;color:inherit!important;margin:0!important}
html:not(#rf):not(#rf2) body .inq-quick .inq-q .inq-qv{font-size:12px!important;line-height:1.2!important;font-weight:500!important;color:inherit!important;opacity:.82;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0!important}
html:not(#rf):not(#rf2) body .inq-quick .inq-q:hover{filter:brightness(1.08)}
/* UX-122 (2026-09-28): full-bleed media pages on phones. html.rf-edge is set by TopBar (bundle 5) when a page opens on a media hero (story/inventory/team hero, car-page gallery). A 62px runway above the page lets the page open scrolled, so iOS Safari composites the hero under the status bar instead of painting a flat strip (same technique as the home reel, UX-118); the header sits 6px down while at the top so Safari does not sample it, and reads transparent/white over the media. Inert until the class is set. */
@media (max-width:899px){
html.rf-edge{--rf-bleed-top:62px;background:var(--rf-edge-bg,#0A0D14)!important}
html.rf-edge body::before{content:"";display:block;height:var(--rf-bleed-top);background:var(--rf-edge-bg,#0A0D14)}
html.rf-edge:not(#rf):not(#rf2) body header.topbar{position:fixed!important;left:0!important;right:0!important}
html.rf-edge:not(#rf):not(#rf2) body header.topbar:not(.scrolled){top:6px!important;padding-top:max(0px,calc(env(safe-area-inset-top,0px) - 6px))!important;background:linear-gradient(rgba(6,9,18,.40),rgba(6,9,18,0))!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;border-color:transparent!important}
html.rf-edge:not(#rf):not(#rf2) body header.topbar:not(.scrolled) .logo{filter:drop-shadow(0 1px 10px rgba(0,0,0,.55))!important}
html.rf-edge:not(#rf):not(#rf2) body header.topbar:not(.scrolled) .logo img{filter:brightness(0) invert(1)!important}
html.rf-edge:not(#rf):not(#rf2) body header.topbar:not(.scrolled) .tools .iconbtn,html.rf-edge:not(#rf):not(#rf2) body header.topbar:not(.scrolled) .menu-btn{color:#fff!important;border-color:#fff!important;filter:drop-shadow(0 1px 8px rgba(0,0,0,.6))!important}
html.rf-edge:not(#rf):not(#rf2) body header.topbar:not(.scrolled) .tools .iconbtn svg,html.rf-edge:not(#rf):not(#rf2) body header.topbar:not(.scrolled) .menu-btn svg{color:#fff!important}
html.rf-edge:not(#rf):not(#rf2) body .pdp-mobilegal{margin-top:0!important}
html.rf-edge:not(#rf):not(#rf2) body .tm-hero{height:auto!important;min-height:calc(300px + var(--rf-bleed-top))!important;padding-top:calc(var(--rf-bleed-top) + 18px)!important}
}
/* UX-123 (2026-09-28): Call + Text as a 50/50 button row on phones wherever the two sit together as buttons (finance, buying remotely, directions, contact, archive no-results, sell CTA band) and in the header Call/Text sheet; 404 newsletter card legible on white */
@media (max-width:899px){
html:not(#rf):not(#rf2) body main :is(p,div):has(> a.btn[href^="tel:"]):has(> a.btn[href^="sms:"]){display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:10px!important;align-items:stretch!important;justify-content:stretch!important}
html:not(#rf):not(#rf2) body main :is(p,div):has(> a.btn[href^="tel:"]):has(> a.btn[href^="sms:"]) > *:not(a.btn[href^="tel:"]):not(a.btn[href^="sms:"]){grid-column:1/-1!important;margin:0!important}
html:not(#rf):not(#rf2) body main :is(p,div):has(> a.btn[href^="tel:"]):has(> a.btn[href^="sms:"]) > a.btn:is([href^="tel:"],[href^="sms:"]){width:auto!important;min-width:0!important;max-width:none!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;white-space:nowrap!important;padding-inline:6px!important;font-size:13.5px!important;letter-spacing:0!important}
html:not(#rf):not(#rf2) body header.topbar .tb-contact{position:static!important}
html:not(#rf):not(#rf2) body header.topbar .tb-contact-sheet{position:absolute!important;left:12px!important;right:12px!important;top:calc(100% + 4px)!important;width:auto!important;min-width:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:8px!important;padding:12px!important;background:#fff!important;border:1px solid rgba(20,24,36,.12)!important;box-shadow:0 14px 34px rgba(20,24,36,.18)!important}
html:not(#rf):not(#rf2) body header.topbar .tb-contact-sheet > :not(a){grid-column:1/-1!important;margin:2px 4px 0!important;padding:0!important;border:0!important}
html:not(#rf):not(#rf2) body header.topbar .tb-contact-sheet > a{display:flex!important;align-items:center!important;justify-content:center!important;height:48px!important;padding:0 6px!important;margin:0!important;min-width:0!important;white-space:nowrap!important;text-align:center!important;font-size:14px!important;font-weight:700!important;letter-spacing:0!important;border:1.5px solid #1F2956!important;background:#fff!important;color:#1F2956!important;text-decoration:none!important}
html:not(#rf):not(#rf2) body header.topbar .tb-contact-sheet > a:first-child{background:#1F2956!important;color:#fff!important}
}
html:not(#rf):not(#rf2) body .dep-card .nl .nl-h{color:#1F2956!important}
html:not(#rf):not(#rf2) body .dep-card .nl input[type=email],html:not(#rf):not(#rf2) body .dep-card .nl .nl-f input{color:#1F2956!important;background:#fff!important;border-color:rgba(31,41,86,.28)!important}
html:not(#rf):not(#rf2) body .dep-card .nl input::placeholder{color:#7A7F8C!important}
html:not(#rf):not(#rf2) body .dep-card .nl .nl-n{color:#6B7080!important}
/* UX-124 (2026-09-28): navy closing band on finance-style pages (.fin-page > section:last-of-type): inline links, hours labels and the visit note were navy/grey on navy (Buying remotely) */
html:not(#rf):not(#rf2) body .fin-page > section:last-of-type a:not(.btn){color:#fff!important;text-decoration:underline!important;text-underline-offset:3px}
html:not(#rf):not(#rf2) body .fin-page > section:last-of-type dt,html:not(#rf):not(#rf2) body .fin-page > section:last-of-type .dir-note{color:rgba(255,255,255,.74)!important}
html:not(#rf):not(#rf2) body .fin-page > section:last-of-type dd{color:#fff!important}
/* UX-125 (2026-09-28): sell page (light hero) header search placeholder was white on white on desktop */
html:not(#rf):not(#rf2) body:has(.sell-light) header.topbar .hdr-search #hs-input::placeholder,html:not(#rf):not(#rf2) body:has(.sell-light) header.topbar .hdr-search input::placeholder{color:rgba(20,24,36,.5)!important;opacity:1!important}
html:not(#rf):not(#rf2) body:has(.sell-light) header.topbar .hdr-search #hs-input,html:not(#rf):not(#rf2) body:has(.sell-light) header.topbar .hdr-search input{color:#1F2956!important}
/* UX-125b: the white came from -webkit-text-fill-color (also made typed text white) */
html:not(#rf):not(#rf2) body:has(.sell-light) header.topbar .hdr-search #hs-input,html:not(#rf):not(#rf2) body:has(.sell-light) header.topbar .hdr-search input{-webkit-text-fill-color:#1F2956!important}
html:not(#rf):not(#rf2) body:has(.sell-light) header.topbar .hdr-search #hs-input::placeholder,html:not(#rf):not(#rf2) body:has(.sell-light) header.topbar .hdr-search input::placeholder{-webkit-text-fill-color:rgba(20,24,36,.5)!important}
/* UX-122b (2026-09-28): car page in edge mode -- dark runway and dark letterbox behind the photo, so the status bar and the band above a photograph read as one dark field instead of a light-grey strip */
@media (max-width:899px){
html.rf-edge:has(.pdp-mobilegal){--rf-edge-bg:#0A0D14!important}
html.rf-edge:not(#rf):not(#rf2) body .pdp-mobilegal .pdp-main{background:#0A0D14!important}
}
/* UX-126 (2026-09-28): photo viewer on iPhone. In landscape Safari sized the photograph at its natural height (percentage max-height inside a grid track) and cut the bottom off; the frame is now a positioned box and the photograph fills it with contain. Landscape: counter, arrows and rail clear the notch side; the bottom Close (which sat on the photograph) gives way to the top-right x. */
html:not(#rf):not(#rf2) body .pv .pv-frame{position:relative!important;min-width:0!important;min-height:0!important;width:100%!important;height:100%!important;align-self:stretch!important;justify-self:stretch!important;overflow:hidden!important}
html:not(#rf):not(#rf2) body .pv .pv-frame > img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;margin:0!important;object-fit:contain!important}
@media (orientation:landscape) and (max-height:500px){
html:not(#rf):not(#rf2) body .pv .pv-bar{padding-left:max(14px,calc(env(safe-area-inset-left,0px) + 6px))!important;padding-right:max(14px,calc(env(safe-area-inset-right,0px) + 6px))!important}
html:not(#rf):not(#rf2) body .pv .pv-prev{left:max(12px,calc(env(safe-area-inset-left,0px) + 4px))!important}
html:not(#rf):not(#rf2) body .pv .pv-stage{padding-left:max(34px,calc(env(safe-area-inset-left,0px) + 34px))!important}
html:not(#rf):not(#rf2) body .pv .pv-rail{padding-right:max(10px,calc(env(safe-area-inset-right,0px) + 6px))!important}
html:not(#rf):not(#rf2) body .pv .pv-dock{display:none!important}
}
/* UX-122c (2026-09-28): hold edge pages at the runway the way the home reel is held (html:has(body.feed) snaps). iPhone showed Inventory at scrollY 0 -- the navy runway under the status bar -- because Safari puts a fresh page back at the top after the script scrolled it. The page body is a mandatory snap area that starts 62px down and runs to the end of the document, so everything below the runway scrolls freely and the page can never come to rest on the runway. In-page anchors keep their clearance under the header. */
@media (max-width:899px){
html.rf-edge:not(#rf):not(#rf2){scroll-snap-type:y mandatory!important;scroll-padding-top:0!important}
html.rf-edge:not(#rf):not(#rf2) body{scroll-snap-align:start!important;scroll-margin-top:calc(-1 * var(--rf-bleed-top))!important}
html.rf-edge:not(#rf):not(#rf2) main [id]{scroll-margin-top:72px}
}
/* UX-127 (2026-09-28, Jared: "take off turn my phone"): no rotate prompt in the photo viewer */
html:not(#rf):not(#rf2) body .pv .lb-turn,html:not(#rf):not(#rf2) body .lb-turn{display:none!important}
/* UX-122d (2026-09-28): car page gallery started 12px down (.pdp-gal margin-top collapsing through main), leaving a strip of page colour between the top of the screen and the photograph under the transparent header */
@media (max-width:899px){
html.rf-edge:not(#rf):not(#rf2) body .pdp-mobilegal .pdp-gal{margin-top:0!important}
}
/* UX-122e (2026-09-28, Jared iPhone: "black bar supposed to be there?"). Car page and team: page background dark from first paint (Safari paints the status bar from the page background while the page sits at the top), content keeps its cream; the photograph sits against the top edge instead of centred with a dark band above it; the transparent header's gradient no longer repeats into its 1px bottom border (the thin line across the photo). */
@media (max-width:899px){
html:not(#rf):not(#rf2):has(body .pdp-mobilegal),html:not(#rf):not(#rf2) body:has(.pdp-mobilegal){background:#0A0D14!important}
html:not(#rf):not(#rf2):has(body .tm-hero),html:not(#rf):not(#rf2) body:has(.tm-hero){background:#1F2956!important}
html:not(#rf):not(#rf2) body:has(.pdp-mobilegal) > main,html:not(#rf):not(#rf2) body:has(.tm-hero) > main{background:#F6F3EC!important}
html:not(#rf):not(#rf2) body:has(.pdp-mobilegal) > footer,html:not(#rf):not(#rf2) body:has(.tm-hero) > footer{box-shadow:0 -64px 0 #F6F3EC}
html.rf-edge:not(#rf):not(#rf2) body header.topbar:not(.scrolled){background-repeat:no-repeat!important;background-origin:border-box!important;border-bottom-color:transparent!important}
html.rf-edge:not(#rf):not(#rf2) body .pdp-mobilegal .pdp-main img{object-position:50% 0!important}
}
/* UX-122f (2026-09-28, Jared: "the overlay isn't flush to top"). The dark wash behind the transparent header was the header's own background, and the header sits 6px down (so iOS Safari does not sample it) -- leaving a 6px unshaded strip of photograph above it. The wash now belongs to the page: a layer on the root that starts at the top of the media and scrolls with it, sitting just under the header (z 39 < 40). */
@media (max-width:899px){
html.rf-edge:not(#rf):not(#rf2) body header.topbar:not(.scrolled){background:transparent!important;background-image:none!important}
html.rf-edge:not(#rf):not(#rf2)::after{content:""!important;display:block!important;position:absolute!important;left:0;right:0;top:var(--rf-bleed-top);height:calc(env(safe-area-inset-top,0px) + 150px);background:linear-gradient(rgba(6,9,18,.46),rgba(6,9,18,.18) 55%,rgba(6,9,18,0));pointer-events:none;z-index:39}
}
/* UX-122h (2026-09-28, Jared iPhone: grey wash over the Ask panel). The header wash (UX-122f) was a layer on the root at z 39; opening Ask (or the menu, the bag, the photo viewer) fixes the body for the scroll lock, which makes the body its own stacking layer, so the root layer painted over everything in it -- the Ask panel included. The wash now lives inside the page (main::before): same place, same scroll, and every panel above the page stays above it. */
@media (max-width:899px){
html.rf-edge:not(#rf):not(#rf2)::after{content:none!important;display:none!important}
html.rf-edge:not(#rf):not(#rf2) body > main::before{content:""!important;display:block!important;position:absolute!important;left:0;right:0;top:var(--rf-bleed-top);height:calc(env(safe-area-inset-top,0px) + 150px);background:linear-gradient(rgba(6,9,18,.46),rgba(6,9,18,.18) 55%,rgba(6,9,18,0));pointer-events:none;z-index:39}
}
/* UX-128 (2026-09-28): with Ask open on a phone the strip behind the clock took the page colour (black on car pages); it takes the panel header's navy. */
@media (max-width:899px){
html:not(#rf):not(#rf2):has(body.ask-open),html:not(#rf):not(#rf2) body.ask-open{background:#1F2956!important}
}

/* UX-129 (2026-09-28): the UX-109 "Call for price" stand-in is retired. The page now writes "Call for price" itself (code bundle 1), so the CSS that blanked the price text and drew the words in a ::after is removed: it read "a car with no finance drawer" as "a car with no price", which a priced car without finance would have tripped, and screen readers heard the hidden text. /ship expired-link page gets its side margins. */
html:not(#rf):not(#rf2) body #ship-view.ship-deny{padding:max(56px,calc(env(safe-area-inset-top,0px) + 32px)) 20px 56px!important;max-width:560px!important;margin:0 auto!important}

/* UX-131 (2026-09-28): merch linked styles row on the product page (bundle 11); The Record "Show more" (240 entries after the channel import) */
html:not(#rf):not(#rf2) body .mp-styles{margin:22px 0 4px}
html:not(#rf):not(#rf2) body .mp-styles-h{margin:0 0 10px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:#5A6172}
html:not(#rf):not(#rf2) body .mp-styles ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:10px}
html:not(#rf):not(#rf2) body .mp-sw{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:#1F2956}
html:not(#rf):not(#rf2) body .mp-sw-img{display:block;aspect-ratio:1/1;width:100%;background:#EEF0F4 center/cover no-repeat;border:1px solid rgba(20,24,36,.12);transition:border-color .15s}
html:not(#rf):not(#rf2) body a.mp-sw:hover .mp-sw-img{border-color:#1F2956}
html:not(#rf):not(#rf2) body .mp-sw.on .mp-sw-img{border:2px solid #1F2956}
html:not(#rf):not(#rf2) body .mp-sw-name{font-size:11.5px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html:not(#rf):not(#rf2) body .mp-sw.on .mp-sw-name{font-weight:700}
html:not(#rf):not(#rf2) body .rec-more{display:flex;flex-direction:column;align-items:center;gap:10px;margin:36px 0 12px}
html:not(#rf):not(#rf2) body .rec-more .btn{min-width:200px}
html:not(#rf):not(#rf2) body .rec-count{font-size:12px;color:#8a8f9b;font-variant-numeric:tabular-nums}

/* UX-133 (2026-09-29): account page TLC. Body lines up with the header (the section padding shorthand had zeroed the side gutter); the add-a-car panel is part of its card, not a box in a box; Find it sits level with the field; one slate for secondary text; staff tools panel (bundle 12). */
html:not(#rf):not(#rf2) body #account-view .acct-wrap{padding-left:var(--gutter,32px)!important;padding-right:var(--gutter,32px)!important}
html:not(#rf):not(#rf2) body #account-view .acct-empty{max-width:720px}
html:not(#rf):not(#rf2) body #account-view .acct-empty p,html:not(#rf):not(#rf2) body #account-view .addcar-n{color:#5A6172}
html:not(#rf):not(#rf2) body #account-view .acct-empty .addcar{margin:22px 0 0;padding:20px 0 0;border:0;border-top:1px solid #E4E6EB;background:transparent}
html:not(#rf):not(#rf2) body #account-view .addcar-h{color:#1F2956;font-size:15px}
html:not(#rf):not(#rf2) body #account-view .addcar-row{align-items:stretch;gap:10px}
html:not(#rf):not(#rf2) body #account-view .addcar-row .btn{margin:0!important;height:auto;min-height:48px;padding:0 22px;flex:0 0 auto}
html:not(#rf):not(#rf2) body #account-view .addcar-f input{height:48px;padding:0 14px;border-color:#C9CDD5}
html:not(#rf):not(#rf2) body #account-view .addcar-f input::placeholder{color:#9AA0AB;font-weight:500;font-family:inherit;letter-spacing:0}
html:not(#rf):not(#rf2) body #account-view .addcar-row + .addcar-err,html:not(#rf):not(#rf2) body #account-view .addcar > .addcar-n:last-child{margin-top:12px}
html:not(#rf):not(#rf2) body #account-view .addcar-open{margin:18px 0 0}
html:not(#rf):not(#rf2) body #account-view .acct-staff{border:1px solid #1F2956;background:#fff;padding:18px 20px}
html:not(#rf):not(#rf2) body #account-view .acct-staff-h{margin:0 0 12px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:#1F2956}
html:not(#rf):not(#rf2) body #account-view .acct-staff ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}
html:not(#rf):not(#rf2) body #account-view .acct-staff a{display:flex;flex-direction:column;gap:3px;height:100%;box-sizing:border-box;padding:12px 14px;border:1px solid #E4E6EB;text-decoration:none;color:#1F2956;font-weight:700;font-size:14.5px;transition:border-color .15s,background .15s}
html:not(#rf):not(#rf2) body #account-view .acct-staff a:hover{border-color:#1F2956;background:#F6F7F9}
html:not(#rf):not(#rf2) body #account-view .acct-staff a span{font-weight:400;font-size:12.5px;line-height:1.4;color:#5A6172}
@media (max-width:640px){html:not(#rf):not(#rf2) body #account-view .addcar-row .btn{flex:1 1 100%}}

/* UX-135 (2026-09-29): merch product page as a house page, not a catalogue row. Jared: "think bigger sexier, ralph lauren meets gucci meets ferrari". Full-bleed gallery (lead frame full width, the rest in 4:5 pairs), a quiet sticky column on ivory with tracked capitals and hairline rules, swatch styles, a navy bar to buy, an editorial "More from the shop". Phones: the gallery is a full-bleed swipe with the next frame peeking. CSS only; the page markup is unchanged. */
html:not(#rf):not(#rf2) body .mp-wrap{--mp-ink:#14161C;--mp-mute:#6B7080;--mp-rule:#DAD6CC;--mp-tile:#ECEAE4;max-width:none!important;width:100%!important;padding:0!important;margin:0!important}
html:not(#rf):not(#rf2) body .mp-back{margin:0!important;padding:16px clamp(20px,3vw,40px);font-size:11px!important;letter-spacing:.22em;text-transform:uppercase}
html:not(#rf):not(#rf2) body .mp-back a{color:var(--mp-mute)!important;text-decoration:none!important}
html:not(#rf):not(#rf2) body .mp-back a:hover{color:var(--mp-ink)!important}
html:not(#rf):not(#rf2) body .mp-grid{display:grid!important;grid-template-columns:minmax(0,1.5fr) minmax(400px,1fr)!important;gap:0!important;align-items:start!important}
html:not(#rf):not(#rf2) body .mp-media{display:grid!important;grid-template-columns:1fr 1fr;gap:4px!important;order:0!important}
html:not(#rf):not(#rf2) body .mp-media > *{grid-column:auto;margin:0!important}
html:not(#rf):not(#rf2) body .mp-media > :first-child,html:not(#rf):not(#rf2) body .mp-media > :last-child:nth-child(even){grid-column:1/-1}
html:not(#rf):not(#rf2) body .mp-media .mp-shot,html:not(#rf):not(#rf2) body .mp-media .mp-reel{display:block;width:100%!important;height:auto!important;aspect-ratio:4/5;object-fit:cover;background:var(--mp-tile)!important;border:0!important}
html:not(#rf):not(#rf2) body .mp-media .mp-reel{background:#0B0C10!important}
html:not(#rf):not(#rf2) body .mp-info{position:sticky!important;top:var(--topbar-h,72px)!important;display:flex;flex-direction:column;box-sizing:border-box;padding:clamp(32px,3.6vw,64px) clamp(28px,4.5vw,88px) 40px!important;max-width:620px}
html:not(#rf):not(#rf2) body .mp-info .kick{order:1;margin:0 0 18px!important;font-size:11px!important;letter-spacing:.3em!important;text-transform:uppercase;font-weight:600!important;color:var(--mp-mute)!important}
html:not(#rf):not(#rf2) body .mp-info h1{order:2;font-family:var(--font-display)!important;font-weight:700!important;text-transform:uppercase;font-size:clamp(28px,2.6vw,42px)!important;line-height:1.04!important;letter-spacing:.005em!important;margin:0 0 16px!important;color:var(--mp-ink)!important;text-wrap:balance}
html:not(#rf):not(#rf2) body .mp-info .mp-price{order:3;font-family:var(--font-ui,inherit)!important;font-weight:500!important;font-size:17px!important;letter-spacing:.06em;margin:0 0 28px!important;color:var(--mp-ink)!important;font-variant-numeric:tabular-nums}
html:not(#rf):not(#rf2) body .mp-info .mp-desc{order:4;font-size:15px!important;line-height:1.75!important;color:#4A4F5C!important;max-width:44ch;margin:0 0 26px!important}
html:not(#rf):not(#rf2) body .mp-info .mp-styles{order:5}
html:not(#rf):not(#rf2) body .mp-info .mp-sizes{order:6}
html:not(#rf):not(#rf2) body .mp-info .mp-qty{order:7}
html:not(#rf):not(#rf2) body .mp-info .mp-add{order:8}
html:not(#rf):not(#rf2) body .mp-info .mp-added{order:9}
html:not(#rf):not(#rf2) body .mp-info .mp-note{order:10}
html:not(#rf):not(#rf2) body .mp-info .mp-styles,html:not(#rf):not(#rf2) body .mp-info .mp-sizes,html:not(#rf):not(#rf2) body .mp-info .mp-qty{margin:0!important;padding:18px 0!important;border-top:1px solid var(--mp-rule)}
html:not(#rf):not(#rf2) body .mp-info .mp-styles-h,html:not(#rf):not(#rf2) body .mp-info .mp-sizelbl{margin:0 0 14px!important;font-size:11px!important;letter-spacing:.24em!important;text-transform:uppercase;font-weight:600!important;color:var(--mp-ink)!important}
html:not(#rf):not(#rf2) body .mp-info .mp-styles-h span{margin-left:.9em;letter-spacing:.08em;text-transform:none;font-weight:400;color:var(--mp-mute)}
html:not(#rf):not(#rf2) body .mp-info .mp-styles ul{display:flex!important;flex-wrap:wrap;gap:12px!important}
html:not(#rf):not(#rf2) body .mp-info .mp-sw{display:block!important;width:68px}
html:not(#rf):not(#rf2) body .mp-info .mp-sw-img{aspect-ratio:4/5!important;background-color:var(--mp-tile)!important;border:0!important;outline:1px solid transparent;outline-offset:3px;transition:outline-color .2s}
html:not(#rf):not(#rf2) body .mp-info a.mp-sw:hover .mp-sw-img{outline-color:var(--mp-rule)}
html:not(#rf):not(#rf2) body .mp-info .mp-sw.on .mp-sw-img{outline:1px solid var(--mp-ink)!important}
html:not(#rf):not(#rf2) body .mp-info .mp-sw-name{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
html:not(#rf):not(#rf2) body .mp-info .mp-sizerow{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:6px!important}
html:not(#rf):not(#rf2) body .mp-info .mdl-size{height:48px!important;min-width:0!important;padding:0 4px!important;background:transparent!important;border:1px solid #CFCBC2!important;box-shadow:none!important;color:var(--mp-ink)!important;font-size:12px!important;font-weight:600!important;letter-spacing:.12em;text-transform:uppercase;transition:border-color .15s,background .15s}
html:not(#rf):not(#rf2) body .mp-info .mdl-size:hover{border-color:var(--mp-ink)!important}
html:not(#rf):not(#rf2) body .mp-info .mdl-size.on{background:var(--mp-ink)!important;border-color:var(--mp-ink)!important;color:#fff!important}
html:not(#rf):not(#rf2) body .mp-info .mp-qty{padding:14px 0!important;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
html:not(#rf):not(#rf2) body .mp-info .mp-qty .mp-sizelbl{margin:0!important}
html:not(#rf):not(#rf2) body .mp-info .mp-qtyrow{border:1px solid #CFCBC2!important;background:transparent!important}
html:not(#rf):not(#rf2) body .mp-info .mp-qtybtn{width:40px!important;min-height:40px!important;color:var(--mp-ink)!important}
html:not(#rf):not(#rf2) body .mp-info .mp-qtyval{min-width:44px!important;border-color:#CFCBC2!important;color:var(--mp-ink)!important;font-size:14px!important}
html:not(#rf):not(#rf2) body .mp-info .mp-qtycap{flex-basis:100%}
html:not(#rf):not(#rf2) body .mp-info .mp-add{margin:6px 0 0!important;height:60px!important;border-radius:0!important;background:#1F2956!important;border:1px solid #1F2956!important;color:#fff!important;font-size:12.5px!important;font-weight:700!important;letter-spacing:.26em!important;text-transform:uppercase;box-shadow:none!important;transition:background .2s}
html:not(#rf):not(#rf2) body .mp-info .mp-add:hover:not(:disabled){background:var(--mp-ink)!important;border-color:var(--mp-ink)!important}
html:not(#rf):not(#rf2) body .mp-info .mp-add:disabled{opacity:1!important;background:transparent!important;color:#1F2956!important;border-color:#1F2956!important}
html:not(#rf):not(#rf2) body .mp-info .mp-added{margin:10px 0 0!important;font-size:12px!important;letter-spacing:.14em;text-transform:uppercase;color:#2E6A4C!important}
html:not(#rf):not(#rf2) body .mp-info .mp-note{margin:18px 0 0!important;padding:18px 0 0!important;border-top:1px solid var(--mp-rule)!important;font-size:12.5px!important;letter-spacing:.02em;line-height:1.7!important;color:var(--mp-mute)!important}
html:not(#rf):not(#rf2) body .mp-info .mp-note a{color:var(--mp-ink)!important;font-weight:600!important;text-decoration:underline;text-underline-offset:3px}
html:not(#rf):not(#rf2) body .mp-more{margin:0!important;padding:clamp(64px,8vw,128px) clamp(20px,3vw,40px) clamp(72px,8vw,120px)!important;border-top:1px solid var(--mp-rule)!important}
html:not(#rf):not(#rf2) body .mp-more h2{text-align:center;margin:0 0 clamp(28px,3.5vw,48px)!important;font-family:var(--font-ui,inherit)!important;font-size:12px!important;font-weight:600!important;letter-spacing:.32em!important;text-transform:uppercase;color:var(--mp-ink)!important}
html:not(#rf):not(#rf2) body .mp-morerow{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important}
html:not(#rf):not(#rf2) body .mp-mcard{gap:0!important}
html:not(#rf):not(#rf2) body .mp-mimg{aspect-ratio:4/5!important;background-color:var(--mp-tile)!important;transition:opacity .3s}
html:not(#rf):not(#rf2) body .mp-mcard:hover .mp-mimg{opacity:.9}
html:not(#rf):not(#rf2) body .mp-mname{margin:16px 0 4px;text-align:center;font-size:11.5px!important;font-weight:600!important;letter-spacing:.18em;text-transform:uppercase;color:var(--mp-ink)}
html:not(#rf):not(#rf2) body .mp-mcard:hover .mp-mname{text-decoration:none!important}
html:not(#rf):not(#rf2) body .mp-mprice{text-align:center;font-size:12.5px!important;letter-spacing:.06em;color:var(--mp-mute)!important}
@media (max-width:899px){
html:not(#rf):not(#rf2) body .mp-grid{grid-template-columns:minmax(0,1fr)!important}
html:not(#rf):not(#rf2) body .mp-back{padding:12px 20px}
html:not(#rf):not(#rf2) body .mp-media{display:flex!important;flex-direction:row!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:2px!important;scrollbar-width:none;-webkit-overflow-scrolling:touch}
html:not(#rf):not(#rf2) body .mp-media::-webkit-scrollbar{display:none}
html:not(#rf):not(#rf2) body .mp-media > *,html:not(#rf):not(#rf2) body .mp-media .mp-shot,html:not(#rf):not(#rf2) body .mp-media .mp-reel{flex:0 0 86%!important;width:86%!important;min-width:0!important;scroll-snap-align:start}
html:not(#rf):not(#rf2) body .mp-media > :only-child{flex-basis:100%!important;width:100%!important}
html:not(#rf):not(#rf2) body .mp-info{position:static!important;max-width:none;padding:32px 20px 40px!important}
html:not(#rf):not(#rf2) body .mp-info h1{font-size:clamp(26px,7vw,34px)!important}
html:not(#rf):not(#rf2) body .mp-morerow{grid-template-columns:repeat(2,minmax(0,1fr))!important}
html:not(#rf):not(#rf2) body .mp-more{padding:56px 0 64px!important}
html:not(#rf):not(#rf2) body .mp-more h2{padding:0 20px}
}

/* UX-138 (2026-09-29): product gallery as a straight 2-up grid (Jared: "should be 2 x 2"), frames at 2:3 -- the shape the photography is shot in (1024x1536) -- so nothing is cropped, and anything of another shape is cropped from the top down, never through a head. */
html:not(#rf):not(#rf2) body .mp-media > :first-child,html:not(#rf):not(#rf2) body .mp-media > :last-child:nth-child(even){grid-column:auto!important}
html:not(#rf):not(#rf2) body .mp-media .mp-shot,html:not(#rf):not(#rf2) body .mp-media .mp-reel,html:not(#rf):not(#rf2) body .mp-media > :first-child{aspect-ratio:2/3!important;object-position:50% 12%!important}
@media (max-width:899px){html:not(#rf):not(#rf2) body .mp-media .mp-shot,html:not(#rf):not(#rf2) body .mp-media .mp-reel{aspect-ratio:2/3!important}}

/* UX-138b (2026-09-29): a product with a single photograph fills the gallery instead of sitting in half of it beside an empty column; square, since the flat product shots are square. */
html:not(#rf):not(#rf2) body .mp-media > :only-child{grid-column:1/-1!important;aspect-ratio:1/1!important;object-position:50% 50%!important}

/* UX-139 (2026-09-29): /shop collection -- bigger frames, true ratio. Three across on a desktop (two on a phone), each frame 4:5 and filled edge to edge (cover, held toward the top so heads and prints stay in) instead of a square with the photo shrunk inside it and grey bars either side. Names in the page's tracked capitals, price quiet beneath. */
html:not(#rf):not(#rf2) body .shop-ed{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:clamp(28px,3vw,48px) clamp(8px,1.2vw,18px)!important;overflow:visible!important}
html:not(#rf):not(#rf2) body .shop-ed .ec-img,html:not(#rf):not(#rf2) body .shop-ed .ecard.has-life .ec-img,html:not(#rf):not(#rf2) body .shop-ed .ecard.wide .ec-img{aspect-ratio:4/5!important;background-size:cover!important;background-position:50% 22%!important;background-color:#ECEAE4!important;border:0!important}
html:not(#rf):not(#rf2) body .shop-ed .ec-body{padding:16px 2px 0!important;gap:6px!important}
html:not(#rf):not(#rf2) body .shop-ed .ec-top{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:6px!important;padding:0!important}
html:not(#rf):not(#rf2) body .ecard.ecard .ec-name.ec-name{font-family:var(--font-ui)!important;font-size:12.5px!important;font-weight:600!important;letter-spacing:.16em!important;text-transform:uppercase;line-height:1.35!important;color:#14161C!important;-webkit-line-clamp:2}
html:not(#rf):not(#rf2) body .ecard.ecard .ec-price.ec-price{font-size:13.5px!important;font-weight:500!important;letter-spacing:.05em!important;color:#6B7080!important}
html:not(#rf):not(#rf2) body .shop-ed .ec-cta{display:none!important}
html:not(#rf):not(#rf2) body .shop-ed .ec-hit{overflow:hidden}
html:not(#rf):not(#rf2) body .shop-ed .ec-hit:hover .ec-img{transform:none}
@media (max-width:899px){html:not(#rf):not(#rf2) body .shop-ed{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:28px 8px!important}html:not(#rf):not(#rf2) body .ecard.ecard .ec-name.ec-name{font-size:11px!important;letter-spacing:.12em!important}}

/* UX-141 (2026-09-29): illustrated team portraits (/team/*-art.jpg) are drawn at 4:5 -- every card, Ryan's lead card included, shows the whole drawing instead of Ryan's being cut to the 16:10 his old landscape photo needed. */
html:not(#rf):not(#rf2) body .ab-teamgrid img[src*="-art."]{aspect-ratio:4/5!important;object-fit:cover!important;object-position:50% 30%!important;background:#F6F3EC!important}

/* UX-142 (2026-09-29): team cards without a portrait are the same size and shape as the ones with -- a 4:5 frame, name and role underneath -- instead of a box that stretched to the height of Ryan's double card or shrank to a strip. The frame is a sketch in waiting: the drawings' own cream paper, a pencil-line 911, the person's initial large and faint, and "Sitting for the artist" in small caps. Every card sits at the top of its row so none stretches. Applies on /team and on About. */
html:not(#rf):not(#rf2) body .ab-teamgrid{align-items:start!important}
html:not(#rf):not(#rf2) body :is(#team-view,#about-view) .ab-teamgrid article{align-self:start!important}
html:not(#rf):not(#rf2) body :is(#team-view,#about-view) .ab-teamgrid article:not(:has(img)){position:relative!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;gap:6px!important;padding:0!important;min-height:0!important;background:transparent!important;border:0!important}
html:not(#rf):not(#rf2) body :is(#team-view,#about-view) .ab-teamgrid article:not(:has(img))::before{content:attr(data-initial)!important;position:static!important;display:flex!important;align-items:flex-start!important;justify-content:center!important;box-sizing:border-box!important;width:100%!important;height:auto!important;aspect-ratio:4/5!important;margin:0 0 6px!important;padding:24% 0 0!important;border:1px solid #A9A9A9!important;border-radius:0!important;background-color:#F6F1E6!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 90'%3E%3Cg fill='none' stroke='%231F2956' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg stroke-width='1.3' opacity='.42'%3E%3Cpath d='M10 64c1-9 12-14 30-16 16-12 38-22 66-22 24 0 42 9 56 19 16 2 28 7 30 15v6H10z'/%3E%3Cpath d='M62 47c10-9 26-15 44-15 14 0 26 5 34 13z'/%3E%3Ccircle cx='50' cy='70' r='11'/%3E%3Ccircle cx='156' cy='70' r='11'/%3E%3Ccircle cx='50' cy='70' r='4'/%3E%3Ccircle cx='156' cy='70' r='4'/%3E%3C/g%3E%3Cg stroke-width='.9' opacity='.2'%3E%3Cpath d='M12 63c2-8 13-13 31-15 15-11 37-20 64-20 25 0 43 9 57 19'/%3E%3Cpath d='M4 84h192M22 88h40M120 88h58'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),radial-gradient(120% 90% at 50% 40%,rgba(255,255,255,.55),rgba(0,0,0,0) 70%),repeating-linear-gradient(-28deg,rgba(31,41,86,.035) 0 1px,transparent 1px 7px)!important;background-repeat:no-repeat,no-repeat,repeat!important;background-position:50% 84%,center,0 0!important;background-size:80% auto,100% 100%,auto!important;font-family:var(--font-display)!important;font-weight:800!important;font-size:clamp(64px,7vw,112px)!important;line-height:1!important;letter-spacing:-.02em!important;color:rgba(31,41,86,.16)!important}
html:not(#rf):not(#rf2) body :is(#team-view,#about-view) .ab-teamgrid article:not(:has(img))::after{content:"Sitting for the artist"!important;display:block!important;position:absolute!important;left:12px!important;top:12px!important;right:auto!important;height:auto!important;background:none!important;font-family:var(--font-ui,inherit)!important;font-size:9.5px!important;font-weight:600!important;letter-spacing:.2em!important;text-transform:uppercase!important;color:rgba(31,41,86,.45)!important;pointer-events:none}
html:not(#rf):not(#rf2) body :is(#team-view,#about-view) .ab-teamgrid article:not(:has(img)) b{margin-top:2px!important}

/* UX-142b (2026-09-29, Jared): blanks are just the initial -- no pencil car, no caption. Ryan's card is a true 2x2: two columns and two rows, so Tommy/Heather sit beside the top half and Barrett/Danny beside the bottom half, and his drawing fills the whole block. */
html:not(#rf):not(#rf2) body :is(#team-view,#about-view) .ab-teamgrid article:not(:has(img))::before{background-image:none!important;align-items:center!important;padding:0!important;color:rgba(31,41,86,.18)!important;font-size:clamp(72px,8vw,120px)!important}
html:not(#rf):not(#rf2) body :is(#team-view,#about-view) .ab-teamgrid article:not(:has(img))::after{content:none!important;display:none!important}
html:not(#rf):not(#rf2) body #team-view .ab-teamgrid article:first-child{grid-row:span 2!important;align-self:stretch!important;display:flex!important;flex-direction:column!important}
html:not(#rf):not(#rf2) body #team-view .ab-teamgrid article:first-child img{flex:1 1 0!important;height:0!important;min-height:0!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:50% 30%!important}

/* UX-142c: on a phone the grid is three narrow columns, so Ryan's card goes full width at 4:5 above the rest rather than a tall sliver spanning two rows. */
@media (max-width:899px){html:not(#rf):not(#rf2) body #team-view .ab-teamgrid article:first-child{grid-column:1/-1!important;grid-row:auto!important}html:not(#rf):not(#rf2) body #team-view .ab-teamgrid article:first-child img{flex:none!important;height:auto!important;aspect-ratio:4/5!important}}

/* UX-142d (Jared, iPhone): on a phone the team is two columns of real-size cards, not three slivers; Ryan full width across the top at 4:5. */
@media (max-width:599px){html:not(#rf):not(#rf2) body #team-view .ab-teamgrid,html:not(#rf):not(#rf2) body #about-view .ab-teamgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:26px 12px!important}html:not(#rf):not(#rf2) body #team-view .ab-teamgrid article:first-child{grid-column:1/-1!important;grid-row:auto!important}html:not(#rf):not(#rf2) body #team-view .ab-teamgrid article:first-child img{flex:none!important;height:auto!important;aspect-ratio:4/5!important;object-position:50% 25%!important}}

/* UX-144 (Jared 2026-09-29: "can you make sure boxes are always the same size"). Every car card the same height: every grid row is as tall as the tallest (grid-auto-rows:1fr), the title always holds two lines, each spec cell always holds two, and the spec table sits on the card's floor. List view untouched. */
html:not(#rf):not(#rf2) body .fleetgrid:not(.fleetgrid-list){align-items:stretch!important;grid-auto-rows:1fr!important}
html:not(#rf):not(#rf2) body .fleetgrid:not(.fleetgrid-list)>.card{height:100%!important;display:flex!important;flex-direction:column!important}
html:not(#rf):not(#rf2) body .card:not(.fleetgrid-list .card)>.body{flex:1 1 auto!important;display:flex!important;flex-direction:column!important}
html:not(#rf):not(#rf2) body .card:not(.fleetgrid-list .card) .titlerow h3{line-height:1.2!important;min-height:2.4em!important}
html:not(#rf):not(#rf2) body .card:not(.fleetgrid-list .card) .titlerow{margin-bottom:12px!important}
html:not(#rf):not(#rf2) body .card:not(.fleetgrid-list .card) .cmeta{margin-top:auto!important}
html:not(#rf):not(#rf2) body .card:not(.fleetgrid-list .card) .cmeta .cm-x{box-sizing:border-box!important;line-height:1.3!important;min-height:calc(2.6em + 19px)!important}