/* Melaaura Home — Recent Work */
.mh-recent-work{ padding:clamp(76px,12vh,150px) clamp(20px,5vw,100px); }
.mh-recent-work .mh-rw__wrap{ max-width:1360px; margin:0 auto; }
.mh-recent-work .mh-rw__head{ display:flex; align-items:flex-end; justify-content:space-between; gap:24px; flex-wrap:wrap; margin-bottom:clamp(40px,6vh,60px); }
.mh-recent-work .mh-rw__eyebrow{ display:flex; align-items:center; gap:14px; margin-bottom:22px; }
.mh-recent-work .mh-rw__eyebrow-line{ display:block; width:36px; height:1px; background:var(--mh-accent,#B28C3F); }
.mh-recent-work .mh-rw__eyebrow span:last-child{ font-size:12px; letter-spacing:0.28em; text-transform:uppercase; color:var(--mh-mute,#8B8174); font-weight:500; }
.mh-recent-work .mh-rw__title{ font-weight:400; font-size:clamp(32px,4.2vw,64px); line-height:1.02; letter-spacing:-0.01em; color:var(--mh-ink,#16130F); margin:0; }
.mh-recent-work .mh-rw__archive{ display:inline-flex; align-items:center; gap:12px; font-size:12px; letter-spacing:0.18em; text-transform:uppercase; color:var(--mh-ink,#16130F); text-decoration:none; border-bottom:1px solid var(--mh-ink,#16130F); padding-bottom:6px; transition:color .3s ease, border-color .3s ease; }
.mh-recent-work .mh-rw__archive:hover{ color:var(--mh-accent,#B28C3F); border-color:var(--mh-accent,#B28C3F); }
.mh-recent-work .mh-rw__arrow{ font-size:1.2em; line-height:1; }
.mh-recent-work .mh-rw__scroller{ display:flex; gap:clamp(18px,2vw,26px); overflow-x:auto; scroll-snap-type:x proximity; scroll-behavior:smooth; padding:4px 0 14px; scrollbar-width:none; -webkit-overflow-scrolling:touch; cursor:grab; }
.mh-recent-work .mh-rw__scroller.is-grabbing{ cursor:grabbing; scroll-snap-type:none; scroll-behavior:auto; user-select:none; }
.mh-recent-work .mh-rw__scroller.is-grabbing .mh-rw__img{ pointer-events:none; }
.mh-recent-work .mh-rw__scroller a, .mh-recent-work .mh-rw__scroller img{ -webkit-user-drag:none; user-select:none; }
.mh-recent-work .mh-rw__tile{ position:relative; width:clamp(320px,46vw,560px); flex:none; scroll-snap-align:start; aspect-ratio:16/10; overflow:hidden; border-radius:var(--mh-rw-radius,18px); display:block; text-decoration:none; background:#000; }
.mh-recent-work .mh-rw__img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform 1.4s cubic-bezier(.22,.61,.36,1); }
.mh-recent-work .mh-rw__tile:hover .mh-rw__img{ transform:scale(1.06); }
.mh-recent-work .mh-rw__scrim{ position:absolute; inset:0; background:linear-gradient(180deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 32%, rgba(0,0,0,0) 56%, rgba(0,0,0,0.64) 100%); }
.mh-recent-work .mh-rw__meta{ position:absolute; left:26px; top:22px; color:#FFFFFF; font-size:10px; letter-spacing:0.24em; text-transform:uppercase; opacity:0.85; }
.mh-recent-work .mh-rw__cap{ position:absolute; left:28px; right:28px; bottom:26px; color:#FFFFFF; }
.mh-recent-work .mh-rw__name{ font-size:clamp(26px,2.2vw,36px); line-height:1.05; }
.mh-recent-work .mh-rw__line{ margin-top:12px; width:52px; height:1px; background:var(--mh-accent,#B28C3F); transition:width .6s cubic-bezier(.22,.61,.36,1); }
.mh-recent-work .mh-rw__tile:hover .mh-rw__line{ width:150px; }
@media (hover:none){ .mh-recent-work .mh-rw__line{ width:52px; } }

/* nav arrows (top-right, by the archive link) */
.mh-recent-work .mh-rw__scroller::-webkit-scrollbar{ display:none; height:0; }
.mh-recent-work .mh-rw__head-r{ display:flex; align-items:center; gap:clamp(16px,2vw,26px); }
.mh-recent-work .mh-rw__nav{ display:flex; gap:10px; }
.mh-recent-work .mh-rw__navbtn{ width:46px; height:46px; padding:0; border-radius:50%; border:1px solid rgba(22,19,15,0.22); background:transparent; color:var(--mh-ink,#16130F); display:inline-flex; align-items:center; justify-content:center; cursor:pointer; transition:background .25s ease,color .25s ease,border-color .25s ease,opacity .25s ease; }
.mh-recent-work .mh-rw__navbtn:hover{ background:var(--mh-ink,#16130F); color:#fff; border-color:var(--mh-ink,#16130F); }
.mh-recent-work .mh-rw__navbtn:disabled{ opacity:0.28; cursor:default; }
.mh-recent-work .mh-rw__navbtn:disabled:hover{ background:transparent; color:var(--mh-ink,#16130F); border-color:rgba(22,19,15,0.22); }
@media (max-width:600px){ .mh-recent-work .mh-rw__nav{ display:none; } }