/* Generated by tools/build_frontend_css.py. Do not edit directly. */
/* Ownership output: hero-compatibility-early */

/* Source 1: assets/src/hero/hero-compat-early-media-radius.css | media: all */
/* VH 1.4.95 — media border + radius contract.



















   Root causes fixed:



















   - base hero media/card styles still had translucent/white borders;



















   - Founder Note template still used Bootstrap border/media shadow classes;



















   - older cleanup only made borders transparent, leaving visible seams/gaps. */



















html body .vh-layout-hero{



















	--vh-hero-media-radius-resolved: var(--vh-hero-media-radius-top-left, var(--vh-hero-media-radius-top, 1.35rem));



















}







































/* Hero media shells: keep the rounded image-card look, remove accidental border seams. */



















html body .vh-layout-hero :is(.vh-hero-media,.vh-hero-wide-media,.vh-hero-before-after-card,.vh-hero-collage){



















	border:0 !important;



















	outline:0 !important;



















	background-clip:padding-box !important;



















	overflow:hidden !important;



















}



















html body .vh-layout-hero :is(.vh-hero-media,.vh-hero-wide-media){



















	border-top-left-radius:var(--vh-hero-media-radius-top-left, var(--vh-hero-media-radius-top, 1.35rem)) !important;



















	border-top-right-radius:var(--vh-hero-media-radius-top-right, var(--vh-hero-media-radius-top, 1.35rem)) !important;



















	border-bottom-left-radius:var(--vh-hero-media-radius-bottom-left, var(--vh-hero-media-radius-bottom, 1.35rem)) !important;



















	border-bottom-right-radius:var(--vh-hero-media-radius-bottom-right, var(--vh-hero-media-radius-bottom, 1.35rem)) !important;



















}



















html body .vh-layout-hero :is(.vh-hero-media,.vh-hero-wide-media) > :is(img,picture,video,iframe),



















html body .vh-layout-hero :is(.vh-hero-media,.vh-hero-wide-media) picture > img{



















	border:0 !important;



















	outline:0 !important;



















	box-shadow:none !important;



















	border-top-left-radius:var(--vh-hero-media-radius-top-left, var(--vh-hero-media-radius-top, 1.35rem)) !important;



















	border-top-right-radius:var(--vh-hero-media-radius-top-right, var(--vh-hero-media-radius-top, 1.35rem)) !important;



















	border-bottom-left-radius:var(--vh-hero-media-radius-bottom-left, var(--vh-hero-media-radius-bottom, 1.35rem)) !important;



















	border-bottom-right-radius:var(--vh-hero-media-radius-bottom-right, var(--vh-hero-media-radius-bottom, 1.35rem)) !important;



















	display:block !important;



















}







































/* Portfolio Grid Hero cards are media cards too. They should be rounded, not outlined. */



















html body .vh-layout-hero .vh-hero-portfolio-card,



















html body .vh-layout-hero .vh-hero-portfolio-card--empty{



















	border:0 !important;



















	outline:0 !important;



















	border-radius:var(--vh-hero-portfolio-card-radius, var(--vh-hero-media-radius-top-left, var(--vh-hero-media-radius-top, 1.35rem))) !important;



















	overflow:hidden !important;



















	background-clip:padding-box !important;



















}



















html body .vh-layout-hero .vh-hero-portfolio-card > :is(img,.vh-hero-portfolio-placeholder){



















	border:0 !important;



















	outline:0 !important;



















	box-shadow:none !important;



















	border-radius:inherit !important;



















	display:block !important;



















}







































/* Founder Note: remove Bootstrap border/media-column seams but keep the intentional white copy panel/card. */



















html body #founder-note .vh-founder-note-card,



















html body #founder-note .vh-founder-note-card.border{



















	border:0 !important;



















	outline:0 !important;



















	background-clip:padding-box !important;



















	overflow:hidden !important;



















}



















html body #founder-note :is(.vh-founder-note-media-col,.vh-founder-note-media,.vh-founder-note-media img){



















	border:0 !important;



















	outline:0 !important;



















	box-shadow:none !important;



















	background-clip:padding-box !important;



















}



















html body #founder-note .vh-founder-note-media,



















html body #founder-note .vh-founder-note-media img{



















	width:100% !important;



















	height:100% !important;



















	display:block !important;



















}



















html body #founder-note .vh-founder-note-media img{



















	object-fit:cover !important;



















}







































/* Demo/related media grids: prevent white inner image borders without removing their container radius/shadow. */



















html body :is(.vh-mosaic-grid,.vh-front-portfolio-grid,.vh-demo-gallery-carousel) :is(img,.vh-gallery-tile){



















	border:0 !important;



















	outline:0 !important;



















}