/* A photographic mosaic: one tall lead, stacked companions, then uneven pairs. */
.home-template #index > .content{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(20px,2.5vw,36px);max-width:1440px;margin:0 auto;padding:clamp(24px,4vw,64px) clamp(20px,4vw,64px) 0}
.home-template #index > .content > :not(.post){grid-column:1/-1}
.home-template #index .post{grid-column:span 6;min-width:0}
.home-template #index .post > .inner{max-width:none;height:100%;padding:0}
.home-template #index .post-box-with-thumbnail{position:relative;isolation:isolate;display:grid;align-items:end;min-height:500px;height:100%;box-sizing:border-box;padding:clamp(28px,3.5vw,48px);border:0;overflow:hidden;background:#151719}
.post-thumbnail{position:absolute;inset:0;display:block;overflow:hidden;line-height:0;z-index:-1;background:#151719}
.post-thumbnail:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02) 20%,rgba(0,0,0,.32) 48%,rgba(0,0,0,.88) 100%)}
.post-thumbnail img{display:block;width:100%;height:100%;object-fit:cover;margin:0;transition:transform .5s ease}
.post-box-with-thumbnail:hover .post-thumbnail img{transform:scale(1.025)}
.post-box-with-thumbnail .post-summary{max-width:720px;min-width:0;pointer-events:none}
.post-box-with-thumbnail .post-summary a{pointer-events:auto}
.post-box-with-thumbnail .post-title{margin:0 0 20px;font-size:clamp(3rem,3.2vw,4.6rem);line-height:1.1;letter-spacing:-.025em;color:#fff;overflow-wrap:anywhere;text-wrap:balance;text-shadow:0 2px 12px rgba(0,0,0,.3)}
.post-box-with-thumbnail .post-meta{color:rgba(255,255,255,.85);font-size:1.4rem;line-height:1.6}
.post-box-with-thumbnail .post-excerpt{display:none}
.post-box-with-thumbnail a:focus-visible{outline:2px solid #fff;outline-offset:6px}
.home-template #index .post-box:not(.post-box-with-thumbnail){padding:40px 24px;max-width:760px;margin:auto;box-sizing:border-box}
.home-template #index .post.featured .inner:after{display:none}
@media(min-width:901px){
 .home-template #index .post:nth-of-type(1){grid-column:1/8;grid-row:1/3}
 .home-template #index .post:nth-of-type(1) .post-box-with-thumbnail{min-height:816px}
 .home-template #index .post:nth-of-type(1) .post-title{font-size:clamp(4rem,4.2vw,6rem)}
 .home-template #index .post:nth-of-type(2){grid-column:8/-1;grid-row:1}
 .home-template #index .post:nth-of-type(3){grid-column:8/-1;grid-row:2}
 .home-template #index .post:nth-of-type(2) .post-box-with-thumbnail,.home-template #index .post:nth-of-type(3) .post-box-with-thumbnail{min-height:390px}
 .home-template #index .post:nth-of-type(2) .post-title,.home-template #index .post:nth-of-type(3) .post-title{font-size:clamp(2.8rem,2.7vw,3.8rem)}
 .home-template #index .post:nth-of-type(4){grid-column:span 5}
 .home-template #index .post:nth-of-type(5){grid-column:span 7}
 .home-template #index .post:nth-of-type(6){grid-column:1/-1}
 .home-template #index .post:nth-of-type(6) .post-box-with-thumbnail{min-height:440px}
 .home-template #index .post:nth-of-type(6) .post-title{font-size:clamp(4rem,4.2vw,6rem)}
 .home-template #index .post:nth-of-type(7){grid-column:span 7}
 .home-template #index .post:nth-of-type(8){grid-column:span 5}
}
@media(max-width:900px){
 .home-template #index > .content{grid-template-columns:minmax(0,1fr);gap:24px}
 .home-template #index .post{grid-column:1}
 .home-template #index .post-box-with-thumbnail{min-height:460px;padding:28px}
 .home-template #index .post-box-with-thumbnail .post-title{font-size:3.5rem}
 .post-box-with-thumbnail .post-meta{font-size:1.25rem}
}
@media(prefers-reduced-motion:reduce){.post-thumbnail img{transition:none}.post-box-with-thumbnail:hover img{transform:none}}