/* Five editorial, paired scenes for the reworked homepage. */
#beaux-material-index .field-image:after{position:absolute;inset:0;z-index:1;content:'';background:linear-gradient(90deg,rgb(18 17 13/.52),rgb(18 17 13/.18) 53%,rgb(18 17 13/.06));pointer-events:none}
#beaux-material-index .field-before,#beaux-material-index .field-after{z-index:0}
/* Each generated file is a 2:1 two-state sprite: keep each square scene in
   proportion, then crop it to cover the current viewport rather than stretch it. */
#beaux-material-index .field-before,#beaux-material-index .field-after{background-size:max(200vw,200vh) max(100vw,100vh)}
/* The generated after-panels sit fractionally left of their matching before-panels. */
#beaux-material-index .field-after{background-position:99% center}
/* The Edit alone gets a little closer: crop both paired panels equally, then
   keep its right-hand Polaroids precisely on the same register. */
@media(min-width:1025px){#beaux-material-index .edit-field .field-before,#beaux-material-index .edit-field .field-after{transform:scale(1.035)}#beaux-material-index .edit-field .field-after{background-position:99.7% center}}
#beaux-material-index .chapter-word span{font-family:'Instrument Serif',Georgia,'Times New Roman',serif;font-size:clamp(62px,12vw,198px);line-height:.78;letter-spacing:-.065em}
#beaux-material-index .chapter-word small{max-width:40%;line-height:1.15;text-align:right}
#beaux-material-index .chapter:last-child{height:160svh;align-items:flex-start;padding-top:84svh;padding-bottom:0}
#beaux-material-index .menu-field .field-after::after,#beaux-material-index .book-field .field-after::after{position:absolute;inset:0;content:'';background:linear-gradient(90deg,rgb(0 0 0/.16),transparent 70%)}
@media(max-width:700px){#beaux-material-index .chapter-word{gap:15px}#beaux-material-index .chapter-word span{font-size:clamp(54px,17vw,100px);line-height:.8}#beaux-material-index .chapter-word small{max-width:none;text-align:left}/* Match the same crop point in each half of the 2:1 sprite. */#beaux-material-index .field-before{background-position:17.5% center}#beaux-material-index .field-after{background-position:82.5% center}}