/*
Reception section — pixel-matched to a supplied reference screenshot.
Full-bleed background, giant faded quote-mark decoration top-left, centered
kicker/heading with the same decore_line.png underline as the trailer
section, 4-column card grid.

Equal-height cards ("red attribution in the same position on every card"):
relies on two plain CSS mechanics rather than a guessed min-height —
(1) CSS Grid's default align-items:stretch already makes every card in the
same ROW match the tallest card in that row, and (2) each card is
display:flex;flex-direction:column with the quote <p> as flex:1, which
pushes the .bsw-reception-attr block to the bottom of whatever height the
grid gave the card. Rows can differ in height from each other (row 2's
quotes are shorter, matching the reference), but every card's attribution
sits flush on its own card's bottom edge either way.
*/

.bsw-reception-section{position:relative;width:100%;padding:100px 24px 90px;background-size:cover;background-position:center}
.bsw-reception-section::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.3)}

.bsw-reception-inner{position:relative;z-index:2;max-width:1200px;margin:0 auto}
.bsw-reception-bigmark{position:absolute;top:-30px;left:0;font-family:var(--bsw-font-serif);font-size:200px;line-height:1;color:rgba(255,255,255,.06);pointer-events:none;user-select:none}

.bsw-reception-header{position:relative;text-align:center;max-width:700px;margin:0 auto}
.bsw-reception-header .bsw-h2{position:relative;margin-bottom:0}

.bsw-reception-grid{position:relative;margin-top:56px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.bsw-reception-card{display:flex;flex-direction:column;background:rgba(20,18,18,.55);border-left:3px solid var(--bsw-red);padding:26px 22px}
.bsw-reception-card .mark{color:var(--bsw-red);font-family:var(--bsw-font-serif);font-size:38px;line-height:.5;display:block;margin-bottom:16px}
.bsw-reception-card p{flex:1 0 auto;color:var(--bsw-text-bright);font-size:15px;font-weight:500;line-height:1.55;margin:0}

.bsw-reception-attr{display:block;margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.15);text-decoration:none}
.bsw-reception-attr .src,.bsw-reception-attr .by{display:block;color:var(--bsw-red);font-family:var(--bsw-font-support);font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase}
.bsw-reception-attr .by{margin-top:2px}

@media (max-width:1024px){
	.bsw-reception-grid{grid-template-columns:repeat(2,1fr)}
}

@media (max-width:600px){
	.bsw-reception-section{padding:80px 20px 60px}
	.bsw-reception-bigmark{font-size:120px;top:-15px}
	.bsw-reception-grid{grid-template-columns:1fr;margin-top:40px}
}