/* Harmatnyom collection — scoped to the collection and its teaser. */
.hm-page{--hm-ink:#394c51;--hm-coral:#9b5748;--hm-paper:#f6f1e9}
.hm-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;background:var(--hm-paper);gap:clamp(24px,5vw,76px);padding:clamp(36px,5vw,76px);max-width:1600px;margin:auto}
.hm-hero h1{font-size:clamp(3rem,6vw,6rem);line-height:1.08;margin:14px 0 20px;overflow-wrap:anywhere}
.hm-subtitle{font-family:Georgia,serif;font-size:clamp(1.45rem,2.5vw,2.25rem);line-height:1.4;color:var(--hm-ink)}
.hm-hero img{width:100%;height:auto;max-height:690px;object-fit:contain}
.hm-nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.hm-nav a{padding:8px 14px;border:1px solid #a6aaa0;border-radius:24px;text-decoration:none;font-size:.9rem}.hm-nav a:hover,.hm-nav a:focus-visible{background:#e6e9e2}
.hm-section{scroll-margin-top:100px}.hm-section h2{font-size:clamp(2rem,3.5vw,3.6rem)}.hm-intro{max-width:720px;margin-bottom:34px}
.hm-story{max-width:780px;margin:auto}.hm-story p{line-height:1.9}.hm-story details{border-top:1px solid #c9c0b3;padding-top:18px}.hm-story summary{font-size:1.05rem;cursor:pointer;color:var(--hm-ink);padding:8px 0}.hm-story details[open] summary{margin-bottom:22px}.hm-story .hm-last{font-family:Georgia,serif;font-size:1.5rem;color:var(--hm-coral)}
.hm-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 28px}.hm-card{margin:0;min-width:0}.hm-card img{width:100%;height:auto;aspect-ratio:5/6;object-fit:contain;background:#eee9e1}.hm-card h3{font-size:1.65rem;margin:20px 0 12px}.hm-card p{font-size:.96rem;line-height:1.75}.hm-number{font-size:.72rem;letter-spacing:.12em;color:#6d7771;display:block;margin-top:18px}.hm-card .hm-number+h3{margin-top:6px}
.hm-wide{margin:0 0 58px}.hm-wide:last-child{margin-bottom:0}.hm-wide img{width:100%;height:auto;object-fit:contain}.hm-wide figcaption{padding-top:20px;max-width:800px}.hm-wide h3{font-size:1.8rem;margin-bottom:10px}.hm-meta{font-size:.85rem;color:#606761}.hm-products{display:flex;flex-wrap:wrap;gap:8px 24px;padding:0;list-style:none;margin-top:18px;font-size:.88rem}.hm-products li{padding-bottom:5px;border-bottom:1px solid #cdc5b8}
.hm-caption{color:#606761;font-size:.87rem}.hm-page .zoom-button{display:block;width:100%;margin:0}.hm-page .zoom-button:focus-visible{outline:3px solid #506974;outline-offset:5px}.hm-note{background:#edf0eb;padding:18px 0;font-size:.9rem}.hm-note p{margin:0}
.hm-teaser{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,64px);align-items:center}.hm-teaser img{width:100%;height:auto;max-height:540px;object-fit:contain}.hm-teaser h2{font-size:clamp(2.4rem,4vw,4.2rem)}
@media(max-width:900px){.hm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hm-hero{gap:28px;padding:40px 24px}.hm-hero h1{font-size:clamp(2.7rem,6.3vw,4.5rem)}}
@media(max-width:620px){.hm-hero,.hm-teaser{grid-template-columns:1fr}.hm-hero{padding:32px 20px}.hm-hero h1{font-size:clamp(2.5rem,12vw,4rem)}.hm-hero img{max-height:520px}.hm-grid{grid-template-columns:1fr;gap:40px}.hm-card img{max-height:640px}.hm-wide{margin-bottom:44px}.hm-nav{gap:8px}.hm-nav a{padding:8px 12px}.hm-products{gap:10px 18px}}
