.classical-section{padding-top:65px;padding-bottom:65px;scroll-margin-top:100px}.classical-header{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;border-top:1px solid #4f4535;padding-top:32px}.classical-header .eyebrow{color:#b8a582}.classical-header h2{font-weight:400;font-size:clamp(36px,4.5vw,59px);line-height:1.1;letter-spacing:-1.5px;margin:17px 0 18px}.classical-header h2 em{font-family:Georgia,serif;font-weight:400;color:#c5b292}.classical-header p{font-size:13px;color:#acb4c3;max-width:660px;line-height:1.9}.classical-volume{width:175px;height:175px;border:1px solid #65583e;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 40% 30%,#302b22,#0d131e 75%);border-radius:50%;color:#cdbb97;box-shadow:0 0 0 12px #bfa46f07}.classical-volume span{font-family:Georgia,serif;font-size:75px;line-height:1}.classical-volume small{font-size:8px;letter-spacing:3px;margin-top:12px}.classical-actions{display:flex;align-items:center;gap:17px;flex-wrap:wrap;margin:25px 0 29px}.classical-actions .primary{background:#b6a07c;color:#0b1019;border-color:#d7c39e;min-height:48px}.classical-actions .primary:disabled{opacity:.4}.classical-actions .text-link{font-size:11px}.classical-actions .quiet{font-size:11px;color:#b9ab93;margin-left:auto}.classical-row{display:grid;grid-template-columns:32px minmax(0,1fr) 55px 44px;gap:16px;align-items:center;padding:14px 0;border-top:1px solid #293340;min-height:85px}.classical-row.selected{background:#baa77f0b}.classical-index{font-size:10px;color:#ac9977}.classical-title{background:none;border:0;text-align:left;padding:4px 0;cursor:pointer;min-height:50px;color:#e6ecf8;line-height:1.7}.classical-title strong{display:block;font-size:14px;font-weight:500}.classical-title span{display:block;color:#aab6ca;font-size:12px}.classical-duration{font-size:11px;color:#aab6ca;text-align:right}.classical-row .icon-button{min-width:44px;min-height:44px;color:#cfb88f}.classical-notes{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;border-top:1px solid #374050;padding-top:18px;margin-top:7px}.classical-notes p{font-size:10px;line-height:1.8;color:#a5afbf;max-width:770px;margin:0}.classical-notes .link-button{font-size:11px;min-height:44px;white-space:nowrap}.classical-error{font-size:12px;color:#d9b5a1}.classical-error:empty{display:none}
@media(max-width:700px){.classical-section{padding-top:35px;padding-bottom:38px}.classical-header{grid-template-columns:minmax(0,1fr) 75px;gap:10px;padding-top:24px}.classical-header h2{font-size:36px;letter-spacing:-1px}.classical-header p{font-size:12px;grid-column:1/-1}.classical-header>div:first-child{grid-column:1/-1}.classical-volume{display:none}.classical-actions{gap:14px;margin:20px 0}.classical-actions .quiet{width:100%;margin-left:0;font-size:10px}.classical-actions .primary{font-size:12px;padding:13px 20px}.classical-row{grid-template-columns:20px minmax(0,1fr) 37px 35px;gap:8px;min-height:88px;padding:12px 0}.classical-title strong{font-size:12px}.classical-title span{font-size:11px;line-height:1.8}.classical-duration{font-size:10px}.classical-row .icon-button{min-width:35px;min-height:44px}.classical-notes{flex-direction:column;gap:8px}.classical-header .eyebrow{font-size:8px;letter-spacing:1.6px}}