.works{background:#101713;color:#f5f2ed}.works .wrap{max-width:1440px}.section-top.dark{border-color:#354039}.works h2{margin:60px 0;color:#f5f2ed}.works h2 em{color:#c8aa7b}.work-grid{display:grid;grid-template-columns:1.15fr 1fr;grid-template-rows:repeat(2,minmax(330px,1fr));gap:18px}.work-card{position:relative;margin:0;overflow:hidden;min-height:330px;background:#1b211d}.work-tall{grid-row:1/3}.work-card img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1);filter:saturate(.88)}.work-card:hover img{transform:scale(1.025)}.work-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,8,6,.82),transparent 55%)}.work-card figcaption{position:absolute;z-index:2;left:28px;right:28px;bottom:22px}.work-card figcaption span{font-size:11px;letter-spacing:2px;color:#d4b47f}.work-card figcaption p{margin:8px 0 0;color:#f2eee7;font-family:Georgia,serif;font-size:20px;line-height:1.4}
.curtain{background:none!important;display:block!important;transform:none!important;transition:none!important}.curtain-panel{position:absolute;top:0;bottom:0;width:51%;background:repeating-linear-gradient(90deg,#1d201d 0,#30322c 14%,#191b19 27%,#2a2c27 40%);transition:transform 1.55s cubic-bezier(.77,0,.18,1);box-shadow:inset -15px 0 30px rgba(0,0,0,.35)}.curtain-left{left:0}.curtain-right{right:0;box-shadow:inset 15px 0 30px rgba(0,0,0,.35)}.curtain-title{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;text-align:center;transition:opacity .45s ease}.curtain-title span:first-child{font-family:Georgia,serif;letter-spacing:3px}.curtain-title span:last-child{font-size:12px;color:#a49a8c}.is-revealed .curtain-left{transform:translateX(-100%)}.is-revealed .curtain-right{transform:translateX(100%)}.is-revealed .curtain-title{opacity:0}
@media(max-width:800px){.works h2{margin:42px 0}.work-grid{grid-template-columns:1fr;grid-template-rows:none}.work-tall{grid-row:auto}.work-card{aspect-ratio:4/5;min-height:0}.work-card:nth-child(2),.work-card:nth-child(3){aspect-ratio:4/3}}
@media(prefers-reduced-motion:reduce){.curtain-panel,.curtain-title,.work-card img{transition:none}}
