:root{--dark:#0a0a0a;--cream:#f3ead9;--ink:#1a1410}body{background:var(--dark)}.before,.between{max-width:40rem;min-height:100vh;color:var(--muted);align-items:center;padding:0 6vw;font-size:1.1rem;display:flex}.invert{background:var(--dark);height:100vh;position:relative;overflow:hidden}.light{opacity:0;background:url(/assets/shadow-ByzAljci.jpg) 50%/cover no-repeat;position:absolute;inset:0}.invert.band{height:60vh}.text h2{letter-spacing:-.02em;font-size:clamp(1.8rem,4.5vw,4rem);font-weight:500;line-height:1.05}.content{align-content:center;height:100%;padding:0 6vw;display:grid;position:relative}.text{grid-area:1/1;grid-template-columns:1.2fr 1fr;align-items:end;gap:2rem 6vw;display:grid}.text h1{letter-spacing:-.02em;font-size:clamp(2.4rem,6.5vw,6rem);font-weight:500;line-height:1.05}.text p{max-width:30rem;font-size:clamp(1rem,1.4vw,1.3rem);line-height:1.5}.text-light{background:url(/assets/shadow-ByzAljci.jpg) 50%/cover no-repeat;color:#0000;-webkit-background-clip:text;background-clip:text}.text-dark{color:var(--ink);opacity:0}.after{min-height:120vh;color:var(--fg);flex-direction:column;gap:1rem;padding:20vh 6vw 10vh;display:flex}.after h2{font-size:clamp(1.8rem,4vw,3rem);font-weight:500}.after p{max-width:34rem;font-size:1.1rem;line-height:1.5}@media (width<=719px){.text{grid-template-columns:1fr;align-items:start}}