.notes-index .book{margin-top:24px;min-height:calc(100vh - 60px)}
.notes-content{margin:0 62px 0 87px;padding:44px 0 70px}
.notes-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center;margin-bottom:46px}
.notes-intro h1{font-size:clamp(42px,5vw,68px);letter-spacing:-.055em;line-height:1.08}
.notes-intro>p{font-size:18px;max-width:380px;border-left:1px solid #bbb9c5;padding-left:25px}
.note-card{display:grid;grid-template-columns:1fr 1fr;gap:60px;border-top:1px solid #bbb9c5;padding-top:35px;align-items:center}
.note-photo{display:block;background:#efede8;overflow:hidden}.note-photo img{width:100%;max-height:570px;object-fit:contain;transition:transform .3s}.note-photo:hover img{transform:scale(1.015)}
.note-category{font-size:10px;letter-spacing:.13em;color:#61516e;margin-bottom:24px}.note-copy h2{font-size:clamp(34px,4vw,54px);letter-spacing:-.05em;line-height:1.08;margin-bottom:23px}.note-copy h2 a{text-decoration:none}.note-copy h2 a:hover{text-decoration:underline;text-decoration-thickness:1px}
.note-copy>p:not(.note-category):not(.note-author):not(.note-topics){font-size:16px;line-height:1.7}.note-author{font-size:12px;color:#5d5e59;margin-top:23px}.note-read{display:inline-block;margin-top:28px;font-size:15px}.note-read span{padding-left:25px}.note-topics{font-size:10px;letter-spacing:.1em;margin-top:30px;padding-top:18px;border-top:1px solid #d3cfd3;color:#5d5e59}
.notes-footer{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #bbb9c5;margin:0 62px 0 87px;padding:25px 0;font-size:11px}.notes-footer>a{text-decoration:none;letter-spacing:.12em}.notes-footer nav{display:flex;gap:24px}
@media(max-width:800px){.notes-index .book{margin-top:0;min-height:100vh;margin-bottom:0}.notes-content{margin:0 25px 0 40px;padding-top:34px}.notes-intro{gap:25px}.notes-intro>p{font-size:15px}.note-card{gap:30px}.notes-footer{margin:0 25px 0 40px}}
@media(max-width:620px){.notes-content{margin:0 22px;padding:30px 0 45px}.notes-intro{grid-template-columns:1fr;gap:20px;margin-bottom:30px}.notes-intro h1{font-size:44px}.notes-intro>p{font-size:17px}.note-card{grid-template-columns:1fr;gap:25px;padding-top:25px}.note-photo img{max-height:470px}.note-copy h2{font-size:40px}.note-category{margin-bottom:16px}.notes-footer{margin:0 22px;flex-direction:column;gap:17px}.notes-footer nav{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.note-photo img{transition:none}}