/* The title is the native link. Its hit area covers the card; nested controls stay above it. */
.project-case-link{position:static;color:inherit;text-decoration:none}
.project-case-link::after{content:"";position:absolute;inset:0;z-index:1;cursor:pointer;border-radius:inherit}
.project-card a:not(.project-case-link){position:relative;z-index:3}
.project-card .view-case{z-index:3}
.project-card .project-copy h3,.project-card:hover .project-copy h3{transform:none}
.project-card:has(.project-case-link:focus-visible),.project-card:has(.view-case:focus-visible){outline:3px solid var(--acid);outline-offset:4px;box-shadow:0 0 0 7px #080808}
.project-case-link:focus-visible{outline:none}
.project-card--epoch{background:#e8e4db;color:#191919}
.project-card--epoch .project-copy>div,.project-card--epoch .project-copy p{color:#595650}
.project-word-cover{height:100%;padding:clamp(24px,4vw,48px);display:flex;flex-direction:column;justify-content:space-between;gap:16px;background:#e8e4db;color:#191919}
.project-word-cover>span{margin-left:68px;font-size:10px;text-transform:uppercase;letter-spacing:.13em}
.project-word-cover strong{font-size:clamp(48px,7vw,100px);line-height:.81;letter-spacing:-.07em;font-weight:500}
.project-word-cover small{font-size:12px;line-height:1.5;margin-right:160px}
.case-details[hidden],.case-materials[hidden],.case-gallery[hidden],.case-toolbar-link[hidden],.case-project-link[hidden]{display:none!important}
.case-details{padding:0 0 40px;display:grid;grid-template-columns:1fr 1fr;gap:24px 40px}
.case-detail{border-top:1px solid var(--line);padding-top:16px}
.case-detail h3,.case-feature h3{margin:0 0 12px;font-size:18px;font-weight:500;letter-spacing:-.02em}
.case-detail p,.case-feature p{margin:0;color:#bfc0b8;font-size:15px;line-height:1.65}
.case-features{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-top:12px}
.case-feature{padding:16px 0;border-top:1px solid var(--line)}
.case-feature>span{display:block;margin-bottom:16px;color:var(--acid);font-size:11px;letter-spacing:.1em}
.case-frame.is-ready-presentation{width:min(100%,calc((100dvh - 260px)*var(--frame-ratio)))}
.case-frame.is-ready-presentation figcaption{display:flex;align-items:start;justify-content:space-between;gap:24px}
.case-frame-copy{min-width:0}
.case-frame-copy strong{display:block;margin-bottom:6px;color:var(--paper);font-size:13px;font-weight:500}
.case-frame-copy span{display:block;color:#b8b9b1;font-size:13px;line-height:1.55}
.case-frame-detail{flex:none;display:inline-flex;align-items:center;min-height:44px;gap:12px;padding:8px 0;font-size:12px;text-decoration:underline;text-underline-offset:5px}
.case-frame-detail:hover{color:var(--acid)}
.case-materials{padding:28px 0 40px;border-top:1px solid var(--line)}
.case-materials h3{margin:0 0 12px;font-size:24px;font-weight:500;letter-spacing:-.025em}
.case-materials p{max-width:640px;margin:0;color:#bfc0b8;font-size:15px;line-height:1.65}
.case-materials ul{display:grid;grid-template-columns:1fr 1fr;gap:16px 32px;margin:24px 0 0;padding-left:20px;color:#bfc0b8;font-size:14px;line-height:1.6}
@media(max-width:900px){.contact .contact-row{flex-direction:column;align-items:stretch}.contact .contact-card{width:100%;max-width:660px}.contact .contact-row>p{width:auto;max-width:560px}}
@media(max-width:620px){
 .project-word-cover{padding:20px;gap:10px}.project-word-cover>span{margin-left:36px;font-size:8px}.project-word-cover strong{font-size:clamp(42px,14vw,68px)}.project-word-cover small{max-width:130px;margin-right:120px;font-size:10px}
 .case-details{grid-template-columns:1fr;gap:24px;padding-bottom:32px}.case-detail p,.case-feature p{font-size:14px}.case-features{grid-template-columns:1fr;gap:0}.case-feature{padding:20px 0}
 .case-frame.is-ready-presentation figcaption{flex-direction:column;gap:6px}.case-frame-detail{min-height:44px}.case-frame-copy strong{font-size:13px}.case-frame-copy span{font-size:13px}
 .case-materials ul{grid-template-columns:1fr;gap:16px}.case-materials h3{font-size:22px}
}
@media(forced-colors:active){.project-card:has(.project-case-link:focus-visible),.project-card:has(.view-case:focus-visible){outline-color:Highlight;box-shadow:none}}
