/* Selected Work: aligned cards, independent scroll depth, no placeholder boxes */
:root{--pf-bg:#090a0b;--pf-ink:#f4f3f0;--pf-mute:#a3a5a6;--pf-red:#d52d32}
.works-head{padding:clamp(115px,12vw,170px) 6vw clamp(65px,8vw,115px);background:var(--pf-bg)}
.works-head .eyebrow{margin:0 0 30px;color:var(--pf-mute);font-size:10px;letter-spacing:.2em}
.works-head .eyebrow:before{content:"";display:inline-block;width:16px;height:2px;background:var(--pf-red);vertical-align:middle;margin-right:10px}
.works-head h1{margin:0;color:#f7f6f4;font-size:clamp(55px,8.3vw,134px);line-height:.91;letter-spacing:-.075em;font-weight:800}
.works-head h1 span{color:var(--pf-red)}
.works-intro{max-width:440px;color:#a8a8a8;font-size:clamp(13px,1.1vw,16px);line-height:1.75;margin:34px 0 0}
.works-projects{background:var(--pf-bg);padding:0 6vw clamp(75px,9vw,130px)}
.works-projects-grid{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(80px,9vw,130px) clamp(20px,3vw,44px);align-items:start}
.wp-card{display:block;min-width:0;position:relative;color:var(--pf-ink);text-decoration:none;outline-offset:5px}
.wp-image{display:block;aspect-ratio:4/3;overflow:visible;background:transparent;position:relative}
.wp-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:filter .35s ease;filter:none;will-change:auto}
.wp-card:hover .wp-image img,.wp-card:focus-visible .wp-image img{filter:brightness(1.09)}
.wp-card:focus-visible{outline:2px solid var(--pf-red)}
.wp-text{position:relative;z-index:2;display:flex;flex-direction:column;gap:9px;padding:15px 0 0;opacity:1;transform:none;background:none}
.wp-meta{font-size:10px;letter-spacing:.15em;color:var(--pf-mute)}
.wp-name{font-size:clamp(18px,1.65vw,25px);font-weight:700;letter-spacing:-.035em;line-height:1.2;overflow-wrap:anywhere}
.works-back{padding:0 6vw 100px;background:var(--pf-bg);display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}
.works-back a{font-size:11px;letter-spacing:.13em;text-decoration:none;color:var(--pf-ink);border-bottom:1px solid #64676a;padding-bottom:12px}
.works-back a:hover{color:#e13232;border-color:#e13232}
@media(max-width:900px){.works-projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.works-head h1{font-size:clamp(52px,10vw,95px)}}
@media(max-width:540px){.works-projects-grid{grid-template-columns:1fr;row-gap:35px}.works-head{padding:110px 6vw 65px}.works-head h1{font-size:clamp(45px,11vw,70px)}.wp-name{font-size:21px}.wp-image{aspect-ratio:4/3}}
@media(prefers-reduced-motion:reduce){.wp-image img{transform:none!important;will-change:auto;transition:none}.wp-card{transform:none!important}}