.type-study { padding: 48px max(28px, 8vw); max-width: 1700px; margin: auto; }
.study-header { display: flex; justify-content: space-between; align-items: end; gap: 24px; }
.study-label { margin: 0 0 20px; font-size: 10px; letter-spacing: 2px; color: #777; }
.study-header h1 { margin: 0; font-size: 28px; font-weight: 400; letter-spacing: 1px; }
.study-header a,.specimen-info a { color: #bbb; text-decoration: none; font-size: 11px; border-bottom: 1px solid #444; padding: 6px 0; }
.study-intro { margin: 24px 0 36px; font-size: 12px; line-height: 1.9; color: #888; }
.specimens { border-top: 1px solid #252525; }
.specimen { display: grid; grid-template-columns: 245px 1fr; gap: 50px; align-items: center; padding: 37px 0; border-bottom: 1px solid #252525; min-height: 220px; }
.specimen-info h2 { margin: 0; font-size: 15px; font-weight: 400; }
.specimen-info h2>span { display: inline-block; color: #777; font-size: 10px; margin-right: 15px; }
.specimen-info p { color: #777; font-size: 11px; margin: 15px 0 23px; line-height: 1.7; }
.specimen-sample { justify-self: center; text-align: center; padding-right: 5vw; }
.specimen-sample .wordmark { font-size: 38px; gap: 32px; }
.specimen-sample .monogram { width: 60px; }
.specimen-sample .announcement { margin-top: 32px; }
.study-footer { display: flex; justify-content: space-between; gap: 25px; margin-top: 29px; font-size: 10px; line-height: 1.9; color: #666; }
.study-footer a { color: inherit; }
a:focus-visible { outline: 1px solid #ddd; outline-offset: 5px; }
@media(max-width:900px) { .type-study { padding: 35px 25px; } .specimen { grid-template-columns: 190px 1fr; gap: 20px; } .specimen-sample { padding-right: 0; } .specimen-sample .wordmark { font-size: 30px; gap: 20px; } .study-footer { display: block; } .study-footer span { display: block; margin-top: 12px; } }
@media(max-width:600px) { .study-header { display: block; } .study-header h1 { font-size: 25px; } .study-header>a { display: inline-block; margin-top: 18px; } .study-intro { font-size: 11px; } .specimen { grid-template-columns: 1fr; gap: 32px; padding: 30px 0 38px; } .specimen-info { display: grid; grid-template-columns: 1fr auto; } .specimen-info p { grid-column: 1 / -1; grid-row: 2; margin: 12px 0 0; } .specimen-info h2 { font-size: 14px; } .specimen-sample .wordmark { font-size: 27px; gap: 20px; } .specimen-sample .monogram { width: 48px; } .specimen-sample .announcement { font-size: 13px; margin-top: 26px; } }