:root{--mi-ink:#39352e;--mi-canvas:#e8e1d2}body.beaux-material-index{margin:0;overflow-x:hidden;background:var(--mi-canvas);color:var(--mi-ink);font-family:Arial,Helvetica,sans-serif}#beaux-material-index *{box-sizing:border-box}#beaux-material-index .fixed-field{position:fixed;inset:0;z-index:-1;overflow:hidden;background:var(--mi-canvas)}#beaux-material-index .field-image,#beaux-material-index .field-before,#beaux-material-index .field-after{position:absolute;inset:0}#beaux-material-index .field-image{opacity:0;transition:opacity .8s cubic-bezier(.2,.8,.2,1)}#beaux-material-index .field-image.is-current{opacity:1}#beaux-material-index .field-before,#beaux-material-index .field-after{background-image:var(--image);background-size:200% 100%;background-repeat:no-repeat;background-position:left center}#beaux-material-index .field-after{background-position:right center;opacity:0;transition:opacity .8s cubic-bezier(.2,.8,.2,1)}#beaux-material-index .field-image.is-revealed .field-after{opacity:1}#beaux-material-index .masthead{position:fixed;z-index:4;inset:0 0 auto;display:flex;align-items:flex-start;justify-content:space-between;padding:22px 28px;color:rgb(255 255 255/.76);pointer-events:none}#beaux-material-index .masthead p,#beaux-material-index .material-footer{margin:0;font-size:8px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}#beaux-material-index .masthead p{padding-top:5px}#beaux-material-index .compact-logo{display:block;opacity:0;transform:translateY(-5px);color:inherit;font-family:Georgia,'Times New Roman',serif;font-size:clamp(28px,2.8vw,46px);font-weight:400;letter-spacing:-.085em;line-height:.72;pointer-events:auto;text-decoration:none;transition:opacity .8s ease,transform .8s ease}#beaux-material-index .compact-logo.is-visible{opacity:1;transform:translateY(0)}#beaux-material-index .compact-logo:focus-visible{outline:1px solid currentColor;outline-offset:6px}#beaux-material-index .intro{height:72svh;display:grid;place-items:center;padding:clamp(22px,8vw,160px)}#beaux-material-index .intro-mark{display:grid;width:min(54vw,760px);justify-items:center;margin-inline:auto;transform:translateY(clamp(42px,8vh,110px))}#beaux-material-index .intro img{display:block;width:100%;height:auto;opacity:.76}#beaux-material-index .intro-rule{width:100%;margin-top:clamp(26px,3vw,42px);border-top:1px solid rgb(255 255 255/.76)}#beaux-material-index .scroll-cue{width:100%;margin:clamp(20px,2vw,28px) 0 0;color:rgb(255 255 255/.76);opacity:0;transform:translateY(5px);font-size:9px;font-weight:700;letter-spacing:.18em;text-align:center;text-transform:uppercase;transition:opacity 1.2s ease,transform 1.2s ease}#beaux-material-index .scroll-cue.is-visible{opacity:1;transform:translateY(0)}#beaux-material-index .sequence{position:relative}#beaux-material-index .chapter{height:100svh;position:relative;display:flex;align-items:flex-end;padding:0 clamp(21px,4.2vw,70px) 14vh}#beaux-material-index .chapter-word{width:100%;display:flex;align-items:baseline;justify-content:space-between;padding:0;color:rgb(255 255 255/.76);opacity:var(--scroll-opacity,1);border:0;background:transparent;cursor:pointer;text-align:left}#beaux-material-index .chapter-word:focus-visible{outline:1px solid rgb(255 255 255/.76);outline-offset:10px}#beaux-material-index .chapter-word span{font-family:Georgia,'Times New Roman',serif;font-size:clamp(62px,13.5vw,220px);line-height:.72;letter-spacing:-.085em}#beaux-material-index .chapter-word small{opacity:0;transform:translateY(7px);transition:opacity .35s ease,transform .35s ease;font-size:clamp(15px,1.45vw,24px);font-weight:700;letter-spacing:.16em;text-transform:uppercase}#beaux-material-index .chapter-word small.show{opacity:1;transform:translateY(0)}#beaux-material-index .chapter:last-child{height:160svh;align-items:flex-start;padding-top:84svh;padding-bottom:0}#beaux-material-index .contour-title span{font-size:clamp(50px,11vw,178px)}#beaux-material-index .contour-field .field-after{transform:scaleX(-1)}#beaux-material-index .skin-field .field-after::after,#beaux-material-index .book-field .field-after::after{position:absolute;inset:0;background:linear-gradient(90deg,rgb(0 0 0/.22) 0%,rgb(0 0 0/.09) 38%,transparent 72%);content:''}#beaux-material-index .material-footer{position:relative;z-index:2;display:flex;justify-content:space-between;padding:15px 28px 20px;color:rgb(255 255 255/.76);background:var(--mi-ink);border-top:1px solid rgb(255 255 255/.35)}@media(max-width:1024px) and (min-width:701px){#beaux-material-index .intro-mark{width:min(54vw,620px)}}@media(max-width:700px){#beaux-material-index .masthead{padding:17px 18px}#beaux-material-index .compact-logo{font-size:26px}#beaux-material-index .intro{height:68svh;padding:24px}#beaux-material-index .intro-mark{width:70vw;transform:translateY(16vh)}#beaux-material-index .intro img{width:100%}#beaux-material-index .chapter{padding:0 18px 16vh}#beaux-material-index .chapter:last-child{height:155svh;padding:84svh 18px 0}#beaux-material-index .chapter-word{display:grid;gap:14px}#beaux-material-index .chapter-word span{font-size:clamp(66px,21vw,112px)}#beaux-material-index .contour-title span{font-size:clamp(50px,15.8vw,88px)}#beaux-material-index .chapter-word small{font-size:14px}#beaux-material-index .material-footer{padding:14px 18px 18px}}@media(prefers-reduced-motion:reduce){#beaux-material-index .field-image,#beaux-material-index .field-after,#beaux-material-index .chapter-word small{transition:none}#beaux-material-index .field-after{opacity:1}#beaux-material-index .chapter-word small{opacity:1;transform:none}}