/* Local editorial-front candidate for translated Holland Magazine homepages. */
.hm-front-head{padding:24px 0 22px;border-bottom:1px solid var(--line)}
.hm-front-head .hm-kicker{font:700 11px/1.2 Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:0 0 10px}
.hm-front-head h1{font-size:clamp(39px,4.5vw,62px);line-height:1.06;max-width:16ch;margin:0 0 12px}
.hm-front-head>p:last-child{font:20px/1.45 var(--serif);color:var(--muted);max-width:60ch;margin:0}
.hm-topic-nav{display:flex;gap:9px;flex-wrap:wrap;padding:20px 0 25px}
.hm-topic-nav a{font:700 11px/1.2 Arial,sans-serif;letter-spacing:.04em;border:1px solid var(--line);padding:9px 13px;color:var(--navy);background:#fff}
.hm-topic-nav a:hover{border-color:var(--accent);color:var(--accent)}
.hm-feature{display:grid;grid-template-columns:minmax(0,1.72fr) minmax(285px,1fr);gap:30px;align-items:start}
.hm-feature .hm-lead .card{border:0}
.hm-feature .hm-lead img{width:100%;height:390px;object-fit:cover}
.hm-feature .hm-lead .copy{padding:19px 0 0}
.hm-feature .hm-lead h2{font-size:clamp(32px,3vw,43px);line-height:1.1;margin:0 0 11px}
.hm-feature .hm-lead p{font:18px/1.5 var(--serif);color:var(--muted);margin:0 0 8px}
.hm-feature .hm-side{border-left:1px solid var(--line);padding-left:24px}
.hm-feature .hm-side .card{border:0;border-bottom:1px solid var(--line);padding:0 0 13px;margin:0 0 13px}
.hm-feature .hm-side .card a{display:grid;grid-template-columns:112px minmax(0,1fr);gap:13px;align-items:start}
.hm-feature .hm-side img{width:112px;height:91px;object-fit:cover}
.hm-feature .hm-side .copy{padding:0}
.hm-feature .hm-side h2{font-size:18px;line-height:1.22;margin:0}
.hm-feature .hm-side p,.hm-feature .hm-side .read{display:none}
.hm-topic{padding:34px 0 40px;border-top:1px solid var(--line);margin-top:36px}
.hm-topic-head{display:flex;justify-content:space-between;align-items:baseline;gap:15px;margin-bottom:21px}
.hm-topic-head h2{font-size:clamp(28px,3vw,37px);line-height:1.1;margin:0}
.hm-topic-head>a{font:700 11px/1.2 Arial,sans-serif;letter-spacing:.04em;color:var(--accent);white-space:nowrap}
.hm-topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.hm-topic-grid .card{background:transparent;border:0}
.hm-topic-grid .card img{width:100%;height:190px;object-fit:cover}
.hm-topic-grid .card .copy{padding:12px 0 0}
.hm-topic-grid .card h2{font-size:22px;line-height:1.2;margin:0 0 7px;overflow-wrap:anywhere}
.hm-topic-grid .card p{font-size:14px;line-height:1.5;margin:0 0 6px}
.hm-topic:nth-of-type(odd){background:#f4f1eb;margin-left:-28px;margin-right:-28px;padding-left:28px;padding-right:28px;border:0}
@media(max-width:900px){.hm-feature{grid-template-columns:1fr}.hm-feature .hm-side{border-left:0;border-top:1px solid var(--line);padding:18px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.hm-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.hm-front-head{padding:14px 0 16px}.hm-front-head h1{font-size:39px}.hm-front-head>p:last-child{font-size:17px}.hm-topic-nav{overflow:auto;flex-wrap:nowrap;white-space:nowrap;padding:14px 0 19px}.hm-feature .hm-lead img{height:245px}.hm-feature .hm-lead h2{font-size:32px}.hm-feature .hm-lead p{font-size:16px}.hm-feature .hm-side{grid-template-columns:1fr;gap:0}.hm-feature .hm-side .card a{grid-template-columns:100px minmax(0,1fr)}.hm-feature .hm-side img{width:100px;height:80px}.hm-feature .hm-side h2{font-size:18px}.hm-topic{padding:22px 0 25px;margin-top:23px}.hm-topic-head{align-items:start}.hm-topic-head h2{font-size:28px}.hm-topic-head>a{font-size:10px}.hm-topic-grid{grid-template-columns:1fr;gap:19px}.hm-topic-grid .card{display:grid;grid-template-columns:115px minmax(0,1fr);gap:12px}.hm-topic-grid .card>a{display:contents}.hm-topic-grid .card img{width:115px;height:93px}.hm-topic-grid .card .copy{padding:0}.hm-topic-grid .card h2{font-size:19px}.hm-topic-grid .card p,.hm-topic-grid .card .read{display:none}.hm-topic:nth-of-type(odd){margin-left:-17px;margin-right:-17px;padding-left:17px;padding-right:17px}}
@media(max-width:650px){.hm-topic-grid .card{display:block}.hm-topic-grid .card>a{display:grid;grid-template-columns:115px minmax(0,1fr);gap:12px}.hm-topic-grid .card>a:not(:has(img)){grid-template-columns:1fr}}
