.classic-selections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.classic-selection{position:relative;isolation:isolate;display:flex;flex-direction:column;min-width:0;min-height:300px;overflow:hidden;padding:28px;border:1px solid #d2b58a30;border-radius:20px;color:#eee4d3;text-decoration:none;background:radial-gradient(ellipse at 100% 0%,color-mix(in srgb,var(--selection-end) 55%,transparent),transparent 75%),linear-gradient(145deg,var(--selection-start),#11100f);transition:transform .3s cubic-bezier(.2,.7,.3,1),border-color .3s,box-shadow .3s}
.classic-selection:before{content:'';position:absolute;z-index:-1;inset:0;opacity:.3;background:linear-gradient(120deg,transparent 30%,#fff1,transparent 70%);transform:translateX(-45%);transition:transform .6s,opacity .6s;pointer-events:none}
.classic-selection:hover{transform:translateY(-3px);border-color:var(--selection-accent);box-shadow:0 18px 42px -30px #000c}
.classic-selection:hover:before{transform:translateX(25%);opacity:.6}
.classic-selection:focus-visible,.classic-selection-page a:focus-visible{outline:2px solid var(--selection-accent,#d2b58a);outline-offset:5px}
.classic-selection-category{display:flex;align-items:center;flex-wrap:wrap;gap:9px;color:var(--selection-accent,#d2b58a);font-size:16px;line-height:1.5}
.classic-selection-category>svg{flex:none}.classic-selection-category>span{margin-left:auto;color:#d0c5b9;font-variant-numeric:tabular-nums}
.classic-selection h3{max-width:26ch;margin:27px 0 14px;font:400 clamp(26px,2.6vw,35px)/1.2 Georgia,serif;letter-spacing:-.025em;text-wrap:pretty;overflow-wrap:anywhere;color:#f0e7da}
.classic-selection p{max-width:48ch;margin:0 0 30px;font-size:18px;line-height:1.65;color:#cdc2b7}
.classic-selection-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:auto;padding-top:8px;font-size:16px;line-height:1.5;color:var(--selection-accent,#d2b58a)}
.classic-selection-bottom>svg{transition:transform .3s}.classic-selection:hover .classic-selection-bottom>svg{transform:translateX(4px)}
.classic-selections>.classic-selection:first-child{grid-column:1/-1;min-height:260px;padding:32px 36px}
.classic-selections>.classic-selection:first-child h3{font-size:clamp(32px,3.8vw,46px);max-width:30ch}
.classic-selection-tab-count{display:inline-block;margin-left:7px;font-size:16px;color:#ab9777;font-variant-numeric:tabular-nums}
.classic-selection-page{padding-block:30px 80px;color:#e9dfd1}
.classic-selection-breadcrumb{margin-bottom:26px;font-size:17px;color:#c3ae91}
.classic-selection-breadcrumb>a{display:inline-flex;align-items:center;gap:10px;min-height:44px;text-decoration:none;color:inherit}
.classic-selection-breadcrumb svg{transform:rotate(180deg);width:20px}
.classic-selection-hero{position:relative;overflow:hidden;isolation:isolate;padding:clamp(24px,4.5vw,60px);border:1px solid #d2b58a30;border-radius:24px;background:radial-gradient(ellipse at 100% 0%,color-mix(in srgb,var(--selection-end) 55%,transparent),transparent 80%),linear-gradient(145deg,var(--selection-start),#11100f)}
.classic-selection-hero>.classic-selection-category{max-width:700px}
.classic-selection-hero h1{max-width:24ch;font:400 clamp(36px,5vw,68px)/1.1 Georgia,serif;letter-spacing:-.035em;margin:30px 0 24px;text-wrap:pretty;overflow-wrap:anywhere;color:#f4eade}
.classic-selection-subtitle{max-width:55ch;font-size:clamp(20px,2.1vw,25px);line-height:1.55;color:var(--selection-accent,#d2b58a);margin:0 0 22px}
.classic-selection-description{max-width:65ch;font-size:18px;line-height:1.8;color:#c9beb2}
.classic-selection-description p{margin:0 0 18px}
.classic-selection-start{display:inline-flex;align-items:center;gap:24px;min-height:50px;margin-top:16px;padding:11px 18px;border:1px solid #d2b58a50;border-radius:12px;font-size:18px;text-decoration:none;color:#eee3d4;background:transparent;transition:border-color .25s,background .25s}
.classic-selection-start:hover{border-color:var(--selection-accent);background:#ffffff05}
.classic-selection-poems{list-style:none;margin:30px 0 0;padding:0}
.classic-selection-poems>li{border-bottom:1px solid #d2b58a26}
.classic-selection-poems>li>a{display:grid;grid-template-columns:46px minmax(0,1fr) 24px;gap:24px;align-items:center;padding:28px 12px;text-decoration:none;color:#e7dccc;border-radius:10px;transition:background .25s}
.classic-selection-poems>li>a:hover{background:#d2b58a07}
.classic-selection-number{font-size:18px;color:var(--selection-accent,#d2b58a);font-variant-numeric:tabular-nums;align-self:start;padding-top:5px}
.classic-selection-poems h2{font:400 clamp(25px,2.8vw,34px)/1.25 Georgia,serif;margin:0 0 10px;text-wrap:pretty;overflow-wrap:anywhere}
.classic-selection-poems p{font-size:18px;line-height:1.7;color:#bcb0a0;margin:0;max-width:65ch}
.classic-selection-poems>li>a>svg{color:var(--selection-accent,#d2b58a)}
@media(max-width:767px){.classic-selections{grid-template-columns:minmax(0,1fr);gap:16px}.classic-selection,.classic-selections>.classic-selection:first-child{padding:25px;min-height:290px}.classic-selections>.classic-selection:first-child h3{font-size:32px}.classic-selection h3{font-size:29px}.classic-selection-category{gap:7px}.classic-selection-category>span{margin-left:8px}.classic-selection-hero{border-radius:18px}.classic-selection-hero h1{font-size:clamp(35px,8vw,52px)}.classic-selection-poems>li>a{grid-template-columns:30px minmax(0,1fr) 20px;gap:14px;padding:24px 0}.classic-selection-poems h2{font-size:27px}.classic-selection-page{padding-top:20px}}
@media(prefers-reduced-motion:reduce){.classic-selection,.classic-selection:before,.classic-selection-bottom>svg,.classic-selection-start,.classic-selection-poems>li>a{transition:none}.classic-selection:hover,.classic-selection:hover:before,.classic-selection:hover .classic-selection-bottom>svg{transform:none}}

/* Real paintings have their own space; text never covers the sitter's face. */
.classic-selection:has(.classic-selection-art){padding:0;gap:0}
.classic-selection-art{display:block;position:relative;overflow:hidden;aspect-ratio:1.9;background:#181510;flex:none}
.classic-selection-art img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.3,1)}
.classic-selection-art:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 65%,#11100f45);pointer-events:none}
.classic-selection:hover .classic-selection-art img{transform:scale(1.025)}
.classic-selection-card-copy{display:flex;flex-direction:column;flex:1;min-width:0;padding:25px 28px 27px}
.classic-selection-card-copy h3{margin-top:20px;font-size:clamp(26px,2.5vw,33px)}
.classic-selection-card-copy p{margin-bottom:20px}
.classic-selections>.classic-selection:first-child:has(.classic-selection-art){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);padding:0;min-height:350px}
.classic-selections>.classic-selection:first-child>.classic-selection-art{grid-column:2;grid-row:1;aspect-ratio:auto;min-height:350px}
.classic-selections>.classic-selection:first-child>.classic-selection-card-copy{grid-column:1;grid-row:1;padding:32px 36px}
.classic-selections>.classic-selection:first-child h3{font-size:clamp(31px,3.5vw,43px)}
.classic-selection-hero:has(.classic-selection-hero-art){display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);padding:0;gap:0}
.classic-selection-hero-copy{min-width:0}
.classic-selection-hero:has(.classic-selection-hero-art)>.classic-selection-hero-copy{grid-column:1;grid-row:1;padding:clamp(28px,3.5vw,46px)}
.classic-selection-hero-art{grid-column:2;grid-row:1;aspect-ratio:auto;min-height:440px}
.classic-selection-hero-copy h1{font-size:clamp(35px,4.2vw,57px);max-width:21ch}
.classic-selection-hero-art:after{background:linear-gradient(90deg,#11100f30,transparent 25%)}
.classic-selection-credit{margin:13px 0 0;text-align:right;font-size:16px;line-height:1.6;color:#af9f88}
.classic-selection-credit a{color:inherit;text-decoration:none;text-underline-offset:4px}
.classic-selection-credit a:hover{text-decoration:underline;color:#dfccb0}
@media(max-width:767px){
 .classic-selections>.classic-selection:first-child:has(.classic-selection-art){display:flex;min-height:0}
 .classic-selections>.classic-selection:first-child>.classic-selection-art{aspect-ratio:1.9;min-height:0}
 .classic-selection-card-copy,.classic-selections>.classic-selection:first-child>.classic-selection-card-copy{padding:24px}
 .classic-selection:has(.classic-selection-art){min-height:0}
 .classic-selection-hero:has(.classic-selection-hero-art){grid-template-columns:minmax(0,1fr)}
 .classic-selection-hero-art{grid-column:1;grid-row:1;aspect-ratio:1.45;min-height:0}
 .classic-selection-hero:has(.classic-selection-hero-art)>.classic-selection-hero-copy{grid-row:2;padding:26px}
 .classic-selection-hero-copy h1{font-size:clamp(35px,8vw,48px)}
 .classic-selection-credit{text-align:left}
}
@media(prefers-reduced-motion:reduce){.classic-selection-art img{transition:none}.classic-selection:hover .classic-selection-art img{transform:none}}