/* Home "Majlis Talks" section (Omran picked sample 2, five across; swipe strip on phone). 9vw margins (--sm), #111111, sketches multiplied on paper. */
.hm{position:relative;z-index:2;background:var(--white);padding:clamp(4rem,7vw,6.5rem) var(--sm) clamp(4rem,7vw,6rem)}
.hm-head{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);align-items:end;border-bottom:1px solid var(--line);padding-bottom:.9rem;margin-bottom:clamp(1.4rem,2.4vw,2.2rem)}
.hm-head h2{grid-column:1/span 4;margin:0}
.hm-head h2 .ar{font-family:var(--font-ar);letter-spacing:0;text-transform:none;font-size:1.3em;margin-left:.5em;font-weight:400}
.hm-tag{grid-column:5/span 6;margin:0;color:var(--grey);font-size:var(--t-small);letter-spacing:.02em;line-height:1.5}
.hm-all{grid-column:11/span 2;justify-self:end}
.hm a{color:inherit}
.hm-sk{display:block;background:var(--paper,#f4f3ef);overflow:hidden;aspect-ratio:4/3}
.hm-sk picture,.hm-sk img{display:block;width:100%;height:100%}
.hm-sk img{object-fit:contain;mix-blend-mode:multiply;transition:transform 1.1s var(--ease-2,ease)}
.hm-n,.hm-date,.hm-wc{color:var(--grey);font-size:var(--t-small);letter-spacing:.06em;text-transform:uppercase;font-variant-numeric:tabular-nums}
.hm-t{display:block;color:var(--black);font-weight:400;letter-spacing:-.01em;line-height:1.22;text-wrap:balance}
.hm-ex{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#5c5c58;line-height:1.45}
.hm-date,.hm-wc{white-space:nowrap}
.hm-wc .rd-n{white-space:nowrap}
@media (hover:hover){.hm-card:hover .hm-sk img{transform:scale(1.04)}.hm-card:hover .hm-t{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}}
@media (max-width:767px){.hm-head{grid-template-columns:1fr auto;row-gap:.5rem}.hm-head h2{grid-column:1}.hm-all{grid-column:2;grid-row:1}.hm-tag{grid-column:1/-1;grid-row:2}}

/* 2 · five across */
.hm2 .hm-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(1rem,1.6vw,1.6rem)}
.hm2 .hm-card{display:flex;flex-direction:column;gap:.5rem;min-width:0}
.hm2 .hm-meta{display:flex;justify-content:space-between;gap:.5rem;margin-top:.25rem}
.hm2 .hm-t{font-size:clamp(.95rem,1.05vw,1.08rem)}
.hm2 .hm-ex{font-size:.8rem;-webkit-line-clamp:3}
@media (max-width:767px){
  .hm2 .hm-row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 calc(var(--sm)*-1);padding:0 var(--sm);scroll-padding:0 var(--sm);gap:1rem;scrollbar-width:none}
  .hm2 .hm-row::-webkit-scrollbar{display:none}
  .hm2 .hm-card{flex:0 0 62%;scroll-snap-align:start}
}


/* "// Selected Research (04)" display row was 6px wider than a 390px phone (sideways scroll): let it shrink */
@media (max-width:767px){.page-home .works-head .row2{font-size:min(var(--t-display),12.2vw);gap:.5rem}}