/* One media frame standard for every content gallery. Brand and hero images are independent. */
:root{--sivory-card-width:360px;--sivory-card-caption:64px;--sivory-media-height:270px}
body :is(#sivory-media-standard,.service-category-gallery,.featured-track,.new-nails-grid){align-items:stretch!important;gap:18px!important}
body :is(#sivory-media-standard,.service-category-gallery,.featured-track,.new-nails-grid)>:is(figure,article){flex:0 0 var(--sivory-card-width)!important;width:var(--sivory-card-width)!important;max-width:var(--sivory-card-width)!important;height:calc(var(--sivory-media-height) + var(--sivory-card-caption))!important;min-height:0!important;aspect-ratio:auto!important;margin:0!important;padding:0!important;display:grid!important;grid-template-rows:var(--sivory-media-height) var(--sivory-card-caption)!important;overflow:hidden!important;border-radius:16px!important;background:#071427!important;box-sizing:border-box!important}
body :is(#sivory-media-standard,.service-category-gallery,.featured-track,.new-nails-grid)>:is(figure,article)>:is(img,video){position:static!important;inset:auto!important;display:block!important;width:100%!important;height:var(--sivory-media-height)!important;min-height:0!important;max-height:none!important;aspect-ratio:4/3!important;object-fit:contain!important;object-position:center!important;transform:none!important;margin:0!important;padding:0!important;background:#071427!important}
body :is(#sivory-media-standard,.featured-card-copy,.new-nail-label,.service-category-card>span){position:static!important;inset:auto!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;height:var(--sivory-card-caption)!important;margin:0!important;padding:8px 12px!important;border-radius:0!important;background:#071427!important;color:#f5ead9!important;text-align:center!important;box-sizing:border-box!important;font-size:14px!important;line-height:1.3!important}
body .featured-card-copy span{font-size:12px!important;letter-spacing:.06em!important}body .featured-card-copy h3{font-family:inherit!important;font-size:17px!important;line-height:1.3!important;margin:0!important}
body :is(#sivory-media-standard,.featured-card,.new-nail-card)::after{display:none!important}
body :is(#sivory-media-standard,.pedicure-grid,.lash-grid,.gallery-grid,.product-gallery,main>.gallery.wrap){display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;align-items:stretch!important}
body :is(#sivory-media-standard,.pedicure-grid,.lash-grid,.gallery-grid,.product-gallery,main>.gallery.wrap)>:is(article,figure){position:relative!important;display:flex!important;flex-direction:column!important;min-width:0!important;width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;aspect-ratio:auto!important;margin:0!important;padding:0!important;grid-row:auto!important;border-radius:16px!important;overflow:hidden!important;background:#071427!important}
body :is(#sivory-media-standard,.pedicure-grid,.lash-grid,.gallery-grid,.product-gallery,main>.gallery.wrap)>:is(article,figure)>:is(img,video){position:static!important;display:block!important;width:100%!important;height:auto!important;aspect-ratio:4/3!important;object-fit:contain!important;object-position:center!important;transform:none!important;min-height:0!important;max-height:none!important;margin:0!important;background:#071427!important}
body :is(#sivory-media-standard,.pedicure-caption,.lash-caption,.gallery-caption,main>.gallery.wrap figcaption:not(.sivory-design-caption)){position:static!important;inset:auto!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;min-height:64px!important;height:64px!important;box-sizing:border-box!important;overflow:hidden!important;margin:0!important;padding:8px 12px!important;text-align:center!important;background:#071427!important;color:#f5ead9!important;font-size:14px!important;line-height:1.4!important}
body :is(#sivory-media-standard,.pedicure-caption,.lash-caption,.gallery-caption) h3{font-family:inherit!important;font-size:17px!important;line-height:1.3!important;margin:2px 0 0!important}
body :is(#sivory-media-standard,.pedicure-grid,.lash-grid,.gallery-grid,.product-gallery,main>.gallery.wrap)>:is(article,figure):not(:has(>figcaption,>.pedicure-caption,>.lash-caption,>.gallery-caption)){padding-bottom:64px!important}
@media(max-width:1000px){body :is(#sivory-media-standard,.pedicure-grid,.lash-grid,.gallery-grid,.product-gallery,main>.gallery.wrap){grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){:root{--sivory-card-width:min(360px,calc(100vw - 56px));--sivory-media-height:min(270px,calc((100vw - 56px)*.75))}body :is(#sivory-media-standard,.pedicure-grid,.lash-grid,.gallery-grid,.product-gallery,main>.gallery.wrap){grid-template-columns:minmax(0,1fr)!important}}

/* Home pedicure stays in a single horizontal row at every viewport. */
body :is(#sivory-media-standard,.pedicure) .pedicure-grid.pedicure-grid{display:flex!important;flex-wrap:nowrap!important;gap:18px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;padding:2px 2px 18px!important;align-items:stretch!important;scrollbar-width:thin}
body :is(#sivory-media-standard,.pedicure) .pedicure-grid.pedicure-grid>.pedicure-card{flex:0 0 var(--sivory-card-width)!important;width:var(--sivory-card-width)!important;max-width:var(--sivory-card-width)!important;height:calc(var(--sivory-media-height) + var(--sivory-card-caption))!important;display:grid!important;grid-template-rows:var(--sivory-media-height) var(--sivory-card-caption)!important;scroll-snap-align:start;min-height:0!important;padding:0!important}
body :is(#sivory-media-standard,.pedicure) .pedicure-grid.pedicure-grid>.pedicure-card>img{width:100%!important;height:var(--sivory-media-height)!important;object-fit:contain!important;transform:none!important}

/* Taller media frames make portrait posters readable without cropping. */
:root{--sivory-media-height:450px}
body :is(.pedicure-grid,.lash-grid,.gallery-grid,.product-gallery,main>.gallery.wrap)>:is(article,figure)>:is(img,video){aspect-ratio:4/5!important}
body :is(.pedicure-card,.lash-card,.gallery-card)::after{pointer-events:none!important}
@media(max-width:600px){:root{--sivory-media-height:min(450px,calc((100vw - 56px)*1.25))}}