/* Collections: expanding photo panels (index-panels.html comparison) */
.collections-panels{background:#f5f4f1;padding:76px 0 80px;scroll-margin-top:76px}
.collections-head{display:flex;justify-content:space-between;align-items:flex-end;gap:48px;padding:0 5.7% 34px}
.collections-head .eyebrow{display:flex;align-items:center;gap:16px;margin:0 0 14px}
.collections-head .eyebrow::after{content:"";display:block;width:26px;border-top:1px solid var(--muted)}
.collections-head h2{margin:0;font-size:clamp(2.4rem,3.4vw,4rem);line-height:1.02;text-wrap:balance}
.collections-head>p{margin:0;max-width:36ch;color:var(--muted);font-size:clamp(.95rem,1vw,1.12rem);line-height:1.6}

.cpanels{display:flex;gap:6px;height:clamp(420px,34vw,600px);padding:0 6px}
.cpanel{position:relative;flex:1 1 0;min-width:0;overflow:hidden;background:#111;color:#fff;text-decoration:none;transition:flex-grow .75s cubic-bezier(.22,.7,.2,1)}
.cpanel.is-open{flex-grow:3.4}
.cpanel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.06);filter:brightness(.8) saturate(.92);transition:transform 1.2s cubic-bezier(.22,.7,.2,1),filter .6s ease}
.cpanel.is-open img{transform:scale(1);filter:none}
.cpanel::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(8,10,12,.8) 0%,rgba(8,10,12,.22) 42%,rgba(8,10,12,.06) 100%);pointer-events:none}
.cpanel:nth-child(2) img{object-position:37% center}
.cpanel:nth-child(3) img{object-position:center 45%}

.cpanel-name{position:absolute;left:50%;bottom:30px;z-index:2;writing-mode:vertical-rl;transform:translateX(-50%) rotate(180deg);white-space:nowrap;font-family:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;font-size:clamp(1.1rem,1.35vw,1.5rem);letter-spacing:.02em;transition:opacity .3s ease}
.cpanel.is-open .cpanel-name{opacity:0}

.cpanel-info{position:absolute;left:clamp(22px,2.4vw,40px);bottom:clamp(26px,2.8vw,46px);z-index:2;width:min(25rem,calc(100% - 48px));display:flex;flex-direction:column;gap:10px;opacity:0;transform:translateY(14px);transition:opacity .3s ease,transform .5s ease;pointer-events:none}
.cpanel.is-open .cpanel-info{opacity:1;transform:none;transition-delay:.28s}
.cpanel-count{font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;opacity:.85}
.cpanel-title{font-family:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;font-size:clamp(2rem,2.6vw,3.1rem);line-height:1}
.cpanel-desc{font-size:.95rem;line-height:1.5;opacity:.9;max-width:34ch}
.cpanel-cta{margin-top:6px;width:fit-content;padding-bottom:5px;border-bottom:1px solid currentColor;font-size:.7rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.cpanel:focus-visible{outline:2px solid #fff;outline-offset:-8px}

@media (max-width:1000px){
  .collections-head{flex-direction:column;align-items:flex-start;gap:16px;padding:0 6% 32px}
  .cpanels{height:480px}
  .cpanel.is-open{flex-grow:2.8}
  .cpanel-desc{display:none}
}
@media (max-width:700px){
  .collections-panels{padding:60px 0 64px;scroll-margin-top:70px}
  .collections-head{padding:0 5% 26px}
  .collections-head h2{font-size:clamp(2.3rem,9vw,3.1rem)}
  .cpanels{flex-direction:column;height:auto;gap:5px;padding:0 5px}
  .cpanel,.cpanel.is-open{flex:none;height:128px}
  .cpanel img,.cpanel.is-open img{transform:none;filter:none}
  .cpanel::after{background:linear-gradient(90deg,rgba(8,10,12,.72) 0%,rgba(8,10,12,.2) 70%)}
  .cpanel:nth-child(n) img{object-position:center}
  .cpanel-name,.cpanel.is-open .cpanel-name{opacity:1;writing-mode:horizontal-tb;transform:translateY(-50%);left:22px;bottom:auto;top:50%;font-size:1.6rem}
  .cpanel-name::after{content:"\2192";margin-left:12px;font-family:Arial,Helvetica,sans-serif;font-size:1.1rem}
  .cpanel-info{display:none}
}
@media (prefers-reduced-motion:reduce){
  .cpanel,.cpanel img,.cpanel-name,.cpanel-info{transition:none}
}