@layer components{.media-carousel{min-width:0}.media-track{display:flex;gap:var(--space-layout-md);overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;position:relative;scrollbar-width:thin;padding-bottom:var(--space-layout-sm)}.media-slide{flex:0 0 32%;margin:0;min-width:0;scroll-snap-align:start}.media-slide>a{display:block;position:relative;border-radius:var(--radius-surface);overflow:hidden;background:var(--color-surface-subtle)}.media-slide img{display:block;width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover}.media-slide img.media-composite{object-fit:contain}.media-hero .media-slide{flex-basis:100%}.media-hero .media-slide img{aspect-ratio:4 / 5}.media-enlarge{position:absolute;right:12px;bottom:12px;width:48px;height:48px;display:grid;place-content:center;border-radius:var(--radius-control);color:var(--color-text-primary);background:var(--color-surface-default)}.media-toolbar{display:flex;gap:var(--space-layout-sm);flex-wrap:wrap;justify-content:space-between;align-items:center}.media-hint{font-size:var(--font-size-label);color:var(--color-text-secondary)}.media-controls{display:flex;gap:var(--space-layout-xs);align-items:center;font-size:var(--font-size-label)}.media-controls[hidden]{display:none}.media-controls button,.media-dialog-close button{min-width:48px;min-height:48px;border:1px solid var(--color-border-subtle);border-radius:var(--radius-control);background:var(--color-surface-default);color:var(--color-text-primary);cursor:pointer;font:inherit;padding:10px 16px}.media-controls button:hover{background:var(--color-surface-selected)}.media-dialog{padding:var(--space-layout-lg);border:0;border-radius:var(--radius-surface);background:var(--color-surface-default);color:var(--color-text-primary);width:min(1000px,calc(100vw - 24px));max-height:calc(100dvh - 24px);margin:auto;overflow-y:auto}.media-dialog::backdrop{background:var(--color-background-inverse);opacity:.92}.media-dialog-open{overflow:hidden}.media-dialog-close{display:flex;justify-content:end;margin-bottom:var(--space-layout-sm)}.media-dialog figure{margin:0}.media-dialog figure img{width:100%;height:62dvh;object-fit:contain}.media-dialog .media-controls{justify-content:center}.portfolio-page{padding-bottom:var(--space-section)}.portfolio-heading{padding-block:var(--space-layout-xl)}.portfolio-heading h1{font-size:var(--font-size-heading-lg);font-weight:var(--primitive-font-weight-medium);letter-spacing:var(--primitive-letter-spacing-tight)}.media-grid .media-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-layout-xs);overflow:visible;scroll-snap-type:none;padding:0}.media-grid .media-slide>a{border-radius:0}.media-grid .media-slide img{aspect-ratio:1}.media-grid .media-enlarge{display:none}.hydroseeding-video{width:100%;max-width:356px;max-height:640px;aspect-ratio:356 / 640;border-radius:var(--radius-surface);background:var(--color-background-inverse)}.holiday-copy{max-width:var(--size-content-line)}.holiday-official{padding:var(--space-layout-lg);background:var(--color-surface-subtle);border-radius:var(--radius-surface)}.holiday-brand{width:min(100%,260px);height:auto}.holiday-card-photo{width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover}[data-service-page=lawn-care] .media-slide{flex-basis:100%}@media(width<768px){.media-slide{flex-basis:84%}.media-hero .media-slide img{aspect-ratio:16 / 10}.media-dialog{padding:var(--space-layout-sm)}.media-dialog figure img{height:55dvh}}}
