@font-face{font-family:Barlow;src:url('../../assets/fonts/barlow-regular.ttf')}@font-face{font-family:Barlow;src:url('../../assets/fonts/barlow-bold.ttf');font-weight:700}@font-face{font-family:BarlowCondensed;src:url('../../assets/fonts/barlow-condensed-bold.ttf');font-weight:700}*{box-sizing:border-box}body{margin:0;background:#000;color:#fff6e6;font-family:Barlow,Arial,sans-serif}a{color:inherit}main{max-width:1560px;margin:auto;padding:0 40px}header{height:130px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #382b40}header img{width:180px;height:120px;object-fit:contain}.back{color:#d2b6f5;text-decoration:none;font-size:17px}.intro{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:30px 0}.eyebrow{font-size:12px;letter-spacing:2px;color:#c49be7;margin:0 0 10px}h1,h2{font-family:BarlowCondensed,Arial,sans-serif;font-weight:700}h1{font-size:62px;line-height:.95;margin:0 0 14px}.intro-copy{font-size:18px;line-height:1.5;margin:0;color:#c0afcc}.signature{width:360px;max-width:35%}.study-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.color-study{min-width:0;border:1px solid #46334f;background:#100b16;overflow:hidden}.study-heading{display:flex;justify-content:space-between;align-items:center;padding:22px 24px 0}.finish{font-size:12px;color:#bba8c7;letter-spacing:.8px}h2{font-size:34px;margin:6px 0 0;text-transform:uppercase}.study-number{font:700 36px BarlowCondensed;color:#76528a}.side-crop{height:185px;position:relative;overflow:hidden;background:radial-gradient(ellipse at center,#51345b33,transparent 70%)}.side-scene{--scene-width:1000px;position:absolute;left:50%;top:50%;width:var(--scene-width);height:calc(var(--scene-width)*var(--ratio));transform-origin:calc(var(--side-x)*var(--scene-width)) calc(var(--side-y)*var(--scene-width)*var(--ratio));transform:translate(calc(var(--side-x)*var(--scene-width)*-1),calc(var(--side-y)*var(--scene-width)*var(--ratio)*-1)) rotate(-90deg)}.side-scene>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:fill}.study-footer{padding:0 24px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.study-footer p{font-size:15px;margin:0;color:#cbb7d9}.study-footer>span{font-size:9px;letter-spacing:1px;color:#947fa4}footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0;color:#9d88ad;font-size:12px}footer>span{letter-spacing:1px}@media(max-width:1300px){.side-scene{--scene-width:800px}.study-footer>span{display:none}.signature{width:300px}h1{font-size:54px}}@media(max-width:800px){main{padding:0 20px}header{height:100px}header img{width:130px;height:90px}.back{font-size:14px}.intro{display:block;padding:24px 0}.eyebrow{font-size:10px}h1{font-size:46px}.intro-copy{font-size:16px}.signature{display:none}.study-grid{grid-template-columns:1fr;gap:18px}.side-scene{--scene-width:780px}.side-crop{height:160px}.study-heading{padding:18px 18px 0}h2{font-size:30px}.study-footer{padding:0 18px 18px}.study-footer p{font-size:14px}footer{font-size:10px;align-items:flex-start;flex-direction:column;gap:6px}footer p{margin:0}}@media(max-width:600px){.side-scene{--scene-width:620px}}@media(max-width:480px){.side-scene{--scene-width:480px}.side-crop{height:140px}}@media(max-width:380px){.side-scene{--scene-width:400px}}
.side-scene{--scene-width:2100px}@media(max-width:1300px){.side-scene{--scene-width:1850px}}@media(max-width:800px){.side-scene{--scene-width:1800px}}@media(max-width:600px){.side-scene{--scene-width:1450px}}@media(max-width:480px){.side-scene{--scene-width:1050px}}@media(max-width:380px){.side-scene{--scene-width:900px}}

/* Fit the entire bolder signature into each close-up at every screen width. */
.side-crop{container-type:inline-size}.side-crop .side-scene{--scene-width:min(2100px,calc(90cqw * var(--signature-zoom)))}