/* V2 / Earlier Works on Top — curated preview, 2026-10-11.
   Deliberately placed after Selected Works (14 case studies), not in its grid.
   Uses original portfolio images and preserves their proportions. */
.earlier-preview{border-top:1px solid rgba(255,255,255,.32);padding-top:clamp(52px,7vw,108px);margin-top:clamp(60px,8vw,132px);color:#f5f5f1;scroll-margin-top:95px}
.earlier-preview-top{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr);gap:32px;align-items:end;margin-bottom:clamp(34px,5vw,64px)}
.earlier-preview-index{display:block;font-size:11px;font-weight:700;letter-spacing:.14em;color:#bbbbba;margin-bottom:28px}
.earlier-preview-top h3{font-size:clamp(54px,8vw,128px);line-height:.92;letter-spacing:-.078em;font-weight:750;margin:0}
.earlier-preview-top h3 em{font-family:Georgia,'Times New Roman',serif;font-weight:500;font-style:italic;letter-spacing:-.065em}
.earlier-preview-top p{font-size:13px;line-height:2.05;color:#b9b9b7;margin:0 0 5px}
.earlier-preview-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(12px,1.8vw,24px);row-gap:clamp(38px,4.4vw,62px)}
.earlier-preview-card{grid-column:span 6;min-width:0;color:#f5f5f1;text-decoration:none;display:block}
.earlier-preview-card:nth-child(1),.earlier-preview-card:nth-child(4){grid-column:span 7}
.earlier-preview-card:nth-child(2),.earlier-preview-card:nth-child(3){grid-column:span 5}
.earlier-preview-image{margin:0;overflow:hidden;background:#fff;aspect-ratio:1.43;display:flex;align-items:center;justify-content:center}
.earlier-preview-image img{width:100%;height:100%;object-fit:contain;transition:transform .8s cubic-bezier(.18,.8,.2,1)}
.earlier-preview-card:hover .earlier-preview-image img,.earlier-preview-card:focus-visible .earlier-preview-image img{transform:scale(1.035)}
.earlier-preview-card:focus-visible{outline:2px solid #ffe240;outline-offset:5px}
.earlier-preview-caption{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.4);padding-top:15px;margin-top:13px}
.earlier-preview-meta{font-size:10px;color:#ababaa;letter-spacing:.09em;text-transform:uppercase}
.earlier-preview-caption h4{font-size:clamp(21px,2.5vw,38px);font-weight:690;line-height:1.12;letter-spacing:-.052em;margin:9px 0 0;overflow-wrap:anywhere}
.earlier-preview-caption h4 span{display:block;font-size:.7em;letter-spacing:-.04em;font-weight:500;margin-top:4px}
.earlier-preview-arrow{font-size:25px;line-height:1;transition:transform .25s ease}
.earlier-preview-card:hover .earlier-preview-arrow{transform:translate(4px,-4px)}
.earlier-preview-cta{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-top:clamp(65px,8vw,120px);border-top:1px solid rgba(255,255,255,.55);border-bottom:1px solid rgba(255,255,255,.55);padding:24px 0 32px;transition:padding .3s,color .3s,background .3s}
.earlier-preview-cta small{display:block;font-size:10px;font-weight:700;letter-spacing:.12em;color:#b5b5b5;margin-bottom:17px}
.earlier-preview-cta strong{font-size:clamp(32px,5vw,80px);letter-spacing:-.07em;line-height:1;font-weight:700}
.earlier-preview-cta-arrow{font-size:12px;letter-spacing:.08em;white-space:nowrap}
.earlier-preview-cta:hover{padding-left:15px;padding-right:15px;background:#ffe240;color:#111}
.earlier-preview-cta:hover small{color:#555}
/* Retain the existing Archive link as the concise fallback and navigation. */
.earlier-preview + .v2-archive-link{margin-top:22px;font-size:12px;letter-spacing:0;padding:11px 0;opacity:.7}
.earlier-preview + .v2-archive-link span:first-child{font-size:14px;letter-spacing:0}
.earlier-preview + .v2-archive-link:hover{opacity:1}
@media(max-width:850px){.earlier-preview-top{grid-template-columns:1fr;gap:15px}.earlier-preview-top p{max-width:640px}.earlier-preview-card:nth-child(n){grid-column:span 6}}
@media(max-width:620px){.earlier-preview{padding-top:58px;margin-top:88px}.earlier-preview-top h3{font-size:clamp(52px,12vw,78px)}.earlier-preview-top p{font-size:12px}.earlier-preview-grid{gap:25px 12px}.earlier-preview-card:nth-child(n){grid-column:span 6}.earlier-preview-card:first-child{grid-column:span 12}.earlier-preview-image{aspect-ratio:1.43}.earlier-preview-meta{font-size:8px;letter-spacing:.01em}.earlier-preview-caption{gap:6px;margin-top:8px;padding-top:9px}.earlier-preview-caption h4{font-size:clamp(15px,4.2vw,24px)}.earlier-preview-arrow{font-size:15px}.earlier-preview-cta{align-items:flex-start;flex-direction:column;gap:14px}.earlier-preview-cta strong{font-size:clamp(30px,9vw,46px)}.earlier-preview + .v2-archive-link{gap:3px;margin-top:18px}}
@media(prefers-reduced-motion:reduce){.earlier-preview-card img,.earlier-preview-arrow,.earlier-preview-cta{transition:none!important}}

/* Shakurel / 7th curated Earlier Work item */
.earlier-preview-grid > .earlier-preview-card:nth-child(7){grid-column:span 12;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(16px,3vw,52px);align-items:end}
.earlier-preview-grid > .earlier-preview-card:nth-child(7) .earlier-preview-caption{margin-top:0;margin-bottom:4px;padding-top:20px;align-self:end}
.earlier-preview-grid > .earlier-preview-card:nth-child(7) .earlier-preview-image{aspect-ratio:1.43}
.earlier-preview-grid > .earlier-preview-card:nth-child(7) .earlier-preview-caption h4{font-size:clamp(33px,4.4vw,64px)}
@media(max-width:620px){
 .earlier-preview-grid > .earlier-preview-card:nth-child(7){grid-column:span 12;display:block}
 .earlier-preview-grid > .earlier-preview-card:nth-child(7) .earlier-preview-caption{margin-top:8px;padding-top:9px}
 .earlier-preview-grid > .earlier-preview-card:nth-child(7) .earlier-preview-caption h4{font-size:clamp(24px,7vw,36px)}
}