.aof-rg{background:var(--aof-surface-tint);padding:var(--aof-band-y) var(--aof-gutter);color:#1a1a1a;font-family:Manrope,system-ui,sans-serif}.aof-rg__inner{max-width:var(--aof-content-max);margin:0 auto}.aof-rg__head{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:24px}@media(min-width:750px){.aof-rg__head{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:32px}}@media(min-width:1200px){.aof-rg__head{margin-bottom:20px}}.aof-rg__grid{list-style:none;margin:0;padding:0}@media(min-width:990px){.aof-rg__grid{display:grid;grid-template-columns:1.55fr 1fr 1fr;grid-template-rows:1fr 1fr auto;gap:12px;aspect-ratio:1536 / 610}.aof-rg__tile{margin:0}.aof-rg__tile--featured{grid-column:1 / 2;grid-row:1 / 4}.aof-rg__more{grid-column:2 / 4;grid-row:3 / 4}}@media(min-width:1200px){.aof-rg__grid{gap:16px}}@media(max-width:749px){.aof-rg__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}.aof-rg__spacer{display:none}.aof-rg__tile{margin:0}.aof-rg__tile--featured{grid-column:1 / 3;height:clamp(420px,60vh,560px)}.aof-rg__tile:not(.aof-rg__tile--featured){aspect-ratio:4 / 5}.aof-rg__more{display:flex;grid-column:1 / 3;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scrollbar-width:none;gap:0;padding:0 12px;min-height:48px}.aof-rg__more::-webkit-scrollbar{display:none}.aof-rg__more-label{margin-right:14px}.aof-rg__more-list{flex:0 0 auto;gap:0}.aof-rg__more-list li{flex:0 0 auto}.aof-rg__more-link{scroll-snap-align:start;padding:10px 12px}}@media(min-width:750px)and (max-width:989px){.aof-rg__grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.aof-rg__tile{margin:0}.aof-rg__tile--featured,.aof-rg__more{grid-column:1 / 3}}.aof-rg__card{position:relative;display:block;height:100%;background:#f4f4f4;overflow:hidden;color:#fff;text-decoration:none;aspect-ratio:4 / 3}@media(max-width:749px){.aof-rg__card{aspect-ratio:auto}}@media(min-width:750px)and (max-width:989px){.aof-rg__card{aspect-ratio:1 / 1}.aof-rg__tile--featured .aof-rg__card{aspect-ratio:16 / 9}}@media(min-width:990px){.aof-rg__card{aspect-ratio:auto}}.aof-rg__card:hover .aof-rg__img{transform:scale(1.02)}.aof-rg__media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.aof-rg__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}.aof-rg__img--placeholder{background:repeating-linear-gradient(135deg,#3c3c3c 0px 12px,#464646 12px 24px)}.aof-rg__tile--featured .aof-rg__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(to bottom,#00000014,#0000 50%)}.aof-rg__featured-pill{position:absolute;top:14px;left:14px;z-index:2;background:#000000d1;color:#fff;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:6px 10px}@media(min-width:990px){.aof-rg__featured-pill{top:20px;left:20px;padding:7px 12px;font-size:11px}}.aof-rg__featured-quote{color:#555}@media(max-width:749px){.aof-rg__featured-quote{top:54px}}@media(min-width:750px){.aof-rg__featured-quote{color:#777}}@media(min-width:990px){.aof-rg__featured-quote{color:#999}}.aof-rg__label{position:absolute;right:0;bottom:0;z-index:2;display:inline-flex;align-items:center;gap:6px;margin:0;padding:13px 18px;background:#fff;color:#1a1a1a;font-size:13px;font-weight:700;letter-spacing:.08em;line-height:1.2;text-transform:uppercase;white-space:nowrap;max-width:calc(100% - 8px);transition:background .2s ease,color .2s ease}@media(max-width:749px){.aof-rg__tile:not(.aof-rg__tile--featured) .aof-rg__label{font-size:11px}}@media(min-width:990px){.aof-rg__label{font-size:14px;padding:15px 22px}}@media(min-width:1200px){.aof-rg__label{font-size:15px;padding:16px 24px}}.aof-rg__tile--featured .aof-rg__label{font-size:17px;font-weight:600;padding:15px 18px;gap:8px}@media(min-width:750px){.aof-rg__tile--featured .aof-rg__label{font-size:22px;padding:20px 22px;gap:10px}}@media(min-width:990px){.aof-rg__tile--featured .aof-rg__label{font-size:23px;padding:24px}}@media(min-width:1200px){.aof-rg__tile--featured .aof-rg__label{font-size:24px;padding:26px 28px}}.aof-rg__chev{width:10px;height:10px;flex:0 0 auto;color:currentColor;transition:transform .25s ease}.aof-rg__tile--featured .aof-rg__chev{width:12px;height:12px}@media(min-width:750px){.aof-rg__tile--featured .aof-rg__chev{width:14px;height:14px}}@media(min-width:990px){.aof-rg__tile--featured .aof-rg__chev{width:18px;height:18px}}.aof-rg__card:hover .aof-rg__label{background:#1a1a1a;color:#fff}.aof-rg__card:hover .aof-rg__chev{transform:translate(2px)}.aof-rg__more{display:flex;align-items:center;gap:20px;background:#1a1a1a;padding:0 22px;color:#fff;min-height:42px}@media(min-width:990px){.aof-rg__more{min-height:47px}}@media(min-width:1200px){.aof-rg__more{min-height:50px}}.aof-rg__more-label{flex:0 0 auto;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#ffffffb3;white-space:nowrap}.aof-rg__more-list{list-style:none;margin:0;padding:0;display:flex;gap:4px;flex:1}.aof-rg__more-list li{margin:0;flex:1 1 0;display:flex;justify-content:center}.aof-rg__more-link{display:inline-flex;align-items:center;gap:8px;padding:4px 8px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;text-decoration:none;white-space:nowrap;transition:color .2s ease}.aof-rg__more-link:hover{color:#ffffffa6}.aof-rg__more-icon{width:16px;height:16px;flex:0 0 auto;color:#fff;transition:color .2s ease}.aof-rg__more-link:hover .aof-rg__more-icon{color:#ffffffa6}.aof-rg__featured-quote{color:#0d0d0dcc;left:auto;right:30px;text-align:right;max-width:30ch;font-size:16px;line-height:1.45}@media(max-width:749px){.aof-rg__featured-quote{top:64px}}@media(min-width:750px){.aof-rg__featured-quote{color:#0d0d0dcc;top:42px;left:auto;right:38px;max-width:32ch;font-size:17px}}@media(min-width:990px){.aof-rg__featured-quote{color:#0d0d0dcc;top:54px;left:auto;right:48px;font-size:19px;line-height:1.5}}@media(min-width:1200px){.aof-rg__featured-quote{top:62px;left:auto;right:58px;font-size:21px}}@media(min-width:990px)and (max-aspect-ratio:1/1){.aof-rg__grid{grid-template-columns:1fr 1fr;grid-template-rows:none;aspect-ratio:auto;gap:14px}.aof-rg__tile--featured{grid-column:1 / 3;grid-row:auto;aspect-ratio:16 / 9}.aof-rg__tile:not(.aof-rg__tile--featured){aspect-ratio:1 / 1}.aof-rg__more{grid-column:1 / 3;grid-row:auto}}@media(min-width:990px)and (max-width:1199px)and (min-aspect-ratio:1/1){.aof-rg__tile--featured{grid-row:1 / 3}.aof-rg__more{grid-column:1 / 4;grid-row:3 / 4}}.aof-rg__tile[data-art=aof_tom_baron_pike] .aof-rg__img{object-position:50% 28%}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-aof-rod-grid.css.map */