.r3d-view-demo{--r3d-blue:#087bb5;--r3d-navy:#0a324b;--r3d-line:#dceaf1;max-width:1180px;margin:30px auto;padding:22px;font-family:Inter,system-ui,sans-serif}.r3d-view-items{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.r3d-view-label{font-size:12px;color:#748994;border:1px solid var(--r3d-line);border-radius:999px;padding:6px 10px}.r3d-view-compact-grid .r3d-view-items{grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.r3d-view-compact-grid .r3d-image{height:125px}.r3d-view-compact-grid .r3d-card-body{padding:8px}.r3d-view-image-overlay .r3d-card{position:relative;border:0}.r3d-view-image-overlay .r3d-image{height:280px}.r3d-view-image-overlay .r3d-card-body{position:absolute;inset:auto 0 0;padding:38px 15px 15px;background:linear-gradient(transparent,rgba(0,31,48,.92));color:#fff}.r3d-view-image-overlay .r3d-card h3 a,.r3d-view-image-overlay .r3d-card small{color:#fff}.r3d-view-horizontal-list .r3d-view-items{grid-template-columns:repeat(2,1fr)}.r3d-view-horizontal-list .r3d-card{display:grid;grid-template-columns:160px 1fr}.r3d-view-horizontal-list .r3d-image{height:140px}.r3d-view-horizontal-list .r3d-card-body{display:flex;flex-direction:column;justify-content:center}.r3d-view-masonry .r3d-view-items{display:block;columns:4;column-gap:16px}.r3d-view-masonry .r3d-card{break-inside:avoid;margin:0 0 16px}.r3d-view-masonry .r3d-card:nth-child(3n+1) .r3d-image{height:270px}.r3d-view-carousel .r3d-view-items{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:5px 0 18px}.r3d-view-carousel .r3d-card{min-width:260px;scroll-snap-align:start}.r3d-view-featured .r3d-view-items{grid-template-columns:repeat(3,1fr)}.r3d-view-featured .r3d-card:first-child{grid-column:span 2;grid-row:span 2}.r3d-view-featured .r3d-card:first-child .r3d-image{height:475px}.r3d-view-minimal .r3d-card{border:0;border-radius:0;background:transparent}.r3d-view-minimal .r3d-image{background:#f7f8f8;border-radius:4px}.r3d-view-minimal .r3d-card-body{padding:10px 2px}@media(max-width:900px){.r3d-view-items,.r3d-view-compact-grid .r3d-view-items,.r3d-view-featured .r3d-view-items{grid-template-columns:repeat(2,1fr)}.r3d-view-masonry .r3d-view-items{columns:2}}@media(max-width:560px){.r3d-view-items,.r3d-view-compact-grid .r3d-view-items,.r3d-view-featured .r3d-view-items,.r3d-view-horizontal-list .r3d-view-items{grid-template-columns:1fr}.r3d-view-horizontal-list .r3d-card{grid-template-columns:120px 1fr}.r3d-view-masonry .r3d-view-items{columns:1}.r3d-view-featured .r3d-card:first-child{grid-column:auto;grid-row:auto}.r3d-view-featured .r3d-card:first-child .r3d-image{height:280px}}