/* Real ceremony examples: a contained grid, with full-size 480px thumbnails. */
.livestream-page .livestream-examples{padding:clamp(65px,7vw,110px) 24px;background:linear-gradient(180deg,#f0f5f4 0%,#f8faf9 65%,#fff 100%)}
.livestream-page .livestream-examples-intro{max-width:720px;margin:0 auto 52px;text-align:center}
.livestream-page .livestream-examples-intro .detail-index{margin-bottom:20px}
.livestream-page .livestream-examples-intro h2{font:500 clamp(45px,4.6vw,72px)/.98 "Cormorant Garamond",Georgia,serif;letter-spacing:-.03em;margin:0 0 25px}
.livestream-page .livestream-examples-intro h2 em{font-weight:500}
.livestream-page .livestream-examples-intro>p:last-child{max-width:530px;margin:auto;font-size:13px;line-height:1.9;text-wrap:pretty}
.livestream-page .livestream-examples-grid{max-width:1010px;margin:auto;display:grid;grid-template-columns:repeat(2,minmax(0,480px));justify-content:center;gap:52px 50px}
.livestream-page .livestream-example{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:16px}
.livestream-page .livestream-example-preview{grid-column:1/-1;position:relative;display:block;width:100%;max-width:480px;aspect-ratio:16/9;background:#e6eeee;overflow:hidden;text-decoration:none}
.livestream-page .livestream-example-preview img{width:100%;height:100%;object-fit:cover;object-position:center}
.livestream-page .livestream-example-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:52px;height:52px;padding-left:3px;border:1px solid #ffffffd9;border-radius:50%;background:#33474b85;color:#fff;font:18px/1 Arial,sans-serif;transition:background .2s ease}
.livestream-page .livestream-example-preview:hover .livestream-example-play,.livestream-page .livestream-example-preview:focus-visible .livestream-example-play{background:#33474bd9}
.livestream-page .livestream-example h3{font:500 clamp(28px,2.7vw,34px)/1.1 "Cormorant Garamond",Georgia,serif;margin:20px 0 0}
.livestream-page .livestream-example>p{font:500 10px/1.6 Manrope,sans-serif;margin:20px 0 0}
.livestream-page .livestream-example>p a{display:inline-flex;align-items:center;min-height:36px;gap:8px;text-decoration:none;border-bottom:1px solid var(--blue-dark)}
.livestream-page .livestream-example>p a:hover{color:var(--blue-dark)}
@media(max-width:700px){
 .livestream-page .livestream-examples{padding:65px 24px 75px}
 .livestream-page .livestream-examples-intro{margin-bottom:36px}
 .livestream-page .livestream-examples-grid{grid-template-columns:minmax(0,480px);gap:38px}
 .livestream-page .livestream-example h3{font-size:30px;margin-top:14px}
 .livestream-page .livestream-example>p{margin-top:14px}
}
@media(max-width:380px){
 .livestream-page .livestream-example{grid-template-columns:1fr}
 .livestream-page .livestream-example>p{margin-top:5px}
}