/* Finishing touches: comparative reading and academic attribution. */
.layer-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:42px 0 36px}
.layer-cards button{position:relative;min-height:155px;text-align:left;padding:23px 22px 21px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;background:#24352f;border:1px solid #647268;color:#d8d8c9;transition:border-color .25s,transform .25s,background .25s;letter-spacing:normal;text-transform:none}
.layer-cards button:hover{transform:translateY(-3px);background:#30463d;color:#f0e6d2}
.layer-cards button.active{background:#e7d9c1;color:#1c302b;border-color:#e7d9c1}
.layer-card-index{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#b5a17f}
.layer-cards button.active .layer-card-index{color:#8b6847}
.layer-cards strong{font-family:'Playfair Display',Georgia,serif;font-size:clamp(23px,2.4vw,34px);font-weight:400;letter-spacing:0;line-height:1.18}
.layer-card-hint{font-size:12px;letter-spacing:.01em;opacity:.8}
.layer-card-arrow{position:absolute;right:19px;top:18px;font-size:20px;font-weight:400;opacity:.75}
.layer-visual{height:480px;position:relative;overflow:hidden;background:#15201b}
.layer-visual img{width:100%;height:100%;object-fit:cover;transition:opacity .22s ease}
.layer-visual>span{position:absolute;bottom:20px;left:20px;background:#17251fe3;border:1px solid #d4bf9a88;padding:12px 15px;font-size:10px;letter-spacing:.13em;color:#f4e3c5}
.layer-stage{grid-template-columns:1.05fr 1fr;gap:7%;align-items:center}
.layer-stage-copy h3{line-height:1.12}
.layer-stage-copy .layer-question{font-family:'Playfair Display',Georgia,serif;font-style:italic;font-size:19px;color:#dfc7a6!important;line-height:1.5;margin-top:20px}
.layer-link{display:inline-block;margin-top:18px;padding-bottom:9px;border-bottom:1px solid #c9a875;color:#eed9b4;font-size:12px;letter-spacing:.035em}
.layer-link:hover{color:#fff}
.layer-stage-copy .note{margin-top:35px;line-height:1.6;max-width:390px}
.academic-footer{padding-top:45px;padding-bottom:48px;align-items:flex-start;border-top:1px solid #756e5940;gap:45px}
.footer-brand{display:flex;flex-direction:column;gap:14px;max-width:300px;font-size:11px;color:#e3d7bc}
.footer-brand span{font-size:10px;color:#b6ad98;letter-spacing:.07em}
.footer-academic{max-width:610px;display:flex;flex-direction:column;gap:9px;line-height:1.6;text-align:right;color:#b5b2a5;letter-spacing:.02em}
.footer-academic strong{font-size:12px;line-height:1.5;letter-spacing:.01em;font-weight:600;color:#e8dbc7}
@media(max-width:850px){.layer-cards{gap:10px}.layer-cards button{padding:17px 14px;min-height:145px}.layer-card-arrow{right:12px;top:11px}.layer-card-hint{font-size:11px}.layer-visual{height:400px}}
@media(max-width:760px){.layer-cards{grid-template-columns:1fr;gap:10px;margin:30px 0}.layer-cards button{min-height:108px;display:grid;grid-template-columns:1fr auto;gap:6px}.layer-cards strong,.layer-card-hint,.layer-card-index{grid-column:1}.layer-cards strong{font-size:29px}.layer-visual{height:380px}.layer-stage{grid-template-columns:1fr}.academic-footer{gap:23px}.footer-academic{text-align:left}}