.collection-page main{max-width:1440px}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.button-primary,.button-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 22px;font-size:13px;font-weight:700;letter-spacing:.03em}
.button-primary{background:#c9af83;color:#142027}
.button-secondary{border:1px solid #c9af83;color:#e6d6b6}
.button-primary:focus-visible,.button-secondary:focus-visible,.work-card:focus-visible,.hero-art:focus-visible{outline:2px solid #d4c5a7;outline-offset:4px}

.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,100px);align-items:center;padding:64px 0 88px}
.hero h1{font-family:Georgia,serif;font-size:clamp(46px,6.4vw,96px);font-weight:400;line-height:.98;letter-spacing:-.05em;margin:18px 0 28px}
.hero h1 em{color:#c9af83}
.hero-text>p:not(.eyebrow){color:#aebcba;line-height:1.7;max-width:560px;font-size:16px}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.hero-art{display:block;justify-self:center;width:min(100%,520px)}
.hero-art img{display:block;width:100%;height:auto;box-shadow:0 30px 80px #000a,0 0 0 1px #ffffff12}
.hero-art span{display:block;margin-top:16px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#8ea2a1;text-align:center}

.section-heading{max-width:640px;margin-bottom:38px}
.section-heading h2,.studio-invite h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(32px,4vw,52px);letter-spacing:-.03em;margin:12px 0 14px}
.section-heading p:not(.eyebrow){color:#aebcba;line-height:1.65}
.works{padding:56px 0 40px;border-top:1px solid #3a4a4d}
.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:56px clamp(24px,4vw,64px)}
.work-card{display:flex;flex-direction:column;gap:6px}
.work-card img{display:block;width:100%;height:auto;margin-bottom:12px;box-shadow:0 18px 44px #0009,0 0 0 1px #ffffff10;transition:transform .35s ease,box-shadow .35s ease}
.work-card:hover img{transform:translateY(-4px);box-shadow:0 26px 60px #000b,0 0 0 1px #ffffff1a}
.work-card strong{font-family:Georgia,serif;font-weight:400;font-size:21px;color:#f1eee5}
.work-card span{font-size:10px;letter-spacing:.14em;color:#8ea2a1}
.work-card .work-card-series{color:#c9af83;text-transform:uppercase;font-weight:700}

.series{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding:64px 0;margin-top:48px;border-top:1px solid #3a4a4d}
.series h3{font-family:Georgia,serif;font-weight:400;font-size:24px;margin:10px 0}
.series p:not(.eyebrow){color:#aebcba;line-height:1.6;font-size:14px;margin:0}
.making{padding:64px 0;border-top:1px solid #3a4a4d}
.making ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:0;padding:0;list-style:none;counter-reset:step}
.making li{color:#aebcba;line-height:1.6;font-size:14px}
.making strong{display:block;font-family:Georgia,serif;font-weight:400;font-size:20px;color:#f1eee5;margin-bottom:8px}
.studio-invite{display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap;padding:48px clamp(24px,4vw,56px);margin:24px 0 80px;background:#172329;border:1px solid #3b4c50}
.studio-invite p:not(.eyebrow){color:#aebcba;line-height:1.6;max-width:540px;margin:0}

.work{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:clamp(32px,5vw,88px);align-items:start;padding:48px clamp(20px,4vw,64px) 72px}
.work-art{margin:0;position:sticky;top:24px}
.work-art img{display:block;width:100%;height:auto;max-height:calc(100vh - 120px);object-fit:contain;box-shadow:0 30px 80px #000a}
.work-art img[hidden]{display:none}
.work-art .work-print{width:auto;max-width:100%;margin:auto}
.work-views{display:flex;justify-content:center;gap:4px;margin:0 auto 16px;border:1px solid #4b5d60;border-radius:20px;padding:2px;width:max-content}
.work-views button{border:0;background:none;color:#a6bab8;font-size:10px;letter-spacing:.14em;text-transform:uppercase;padding:6px 12px;border-radius:16px}
.work-views button[aria-pressed=true]{background:#c9af83;color:#142027;font-weight:700}
.work-text h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(40px,4.6vw,64px);letter-spacing:-.04em;line-height:1;margin:14px 0 10px}
.work-place{font-size:11px;letter-spacing:.16em;color:#a6bab8;margin:0 0 26px}
.work-caption{font-size:17px;line-height:1.6;color:#e2e4dc;margin:0 0 18px}
.statement{font-family:Georgia,serif;font-size:17px;line-height:1.7;color:#cfd5cf;font-style:italic}
.work-facts{margin:26px 0 10px}
.work-edition{margin-top:34px;padding-top:26px;border-top:1px solid #3a4a4d;display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.work-edition h2{font-family:Georgia,serif;font-weight:400;font-size:24px;margin:0}
.work-edition p{color:#aebcba;line-height:1.6;margin:0 0 8px;font-size:14px}
.work-neighbors{display:flex;justify-content:space-between;gap:16px;max-width:1440px;margin:0 auto;padding:28px clamp(20px,4vw,64px);border-top:1px solid #3a4a4d}
.work-neighbors a{display:flex;flex-direction:column;gap:4px;font-family:Georgia,serif;font-size:19px;color:#f1eee5}
.work-neighbors a:last-child{text-align:right}
.work-neighbors small{font-family:Arial,Helvetica,sans-serif;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#c9af83}

@media(max-width:900px){
  .hero{grid-template-columns:1fr;padding:40px 0 64px}.hero-art{order:-1;width:min(78%,420px)}
  .series,.making ol{grid-template-columns:1fr;gap:26px}
  .work{grid-template-columns:1fr;padding-top:28px}.work-art{position:static}.work-art img{max-height:none}
  .work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 18px}.work-card strong{font-size:17px}
}
@media(max-width:480px){.hero-actions a{width:100%}.work-card span{font-size:9px}}