/* Home ex novo coordinated with atelier article style */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Lora:ital,wght@0,400;0,500;0,600;1,400&display=swap');

.home-page{
  --atelier-serif:'Lora', Georgia, serif;
  --atelier-sans:'Inter', Arial, sans-serif;
  --atelier-bg:#f7f4ee;
  --atelier-panel:#ece7df;
  --atelier-ink:#1d2328;
  --atelier-muted:#70777d;
  --atelier-accent:#8a3b47;
  --atelier-line:#d5d0c8;
  background:var(--atelier-bg);
  color:var(--atelier-ink);
}
.home-page .masthead{
  background:#f7f4ee;
  border-bottom:1px solid var(--atelier-line);
}
.home-page .topline{display:none}
.home-page .brand{max-width:1240px;margin:auto;padding:20px 24px 14px;display:flex;align-items:end;justify-content:space-between}
.home-page .brand-mark{display:flex;gap:6px;align-items:baseline;font-family:var(--atelier-sans);letter-spacing:-.035em;font-weight:600}
.home-page .brand-mark span,.home-page .brand-mark strong{font-size:clamp(30px,3.8vw,46px)}
.home-page .brand-mark i{font-family:var(--atelier-serif);font-size:.48em;color:#81766d}
.home-page .brand-mark strong{color:var(--atelier-accent)}
.home-page .brand p{margin:0 0 3px 20px;max-width:320px;text-align:right;font:400 15px/1.35 var(--atelier-serif);color:#5f666c}
.home-page nav{border-top:1px solid var(--atelier-line)}
.home-page .navlinks{max-width:1240px;margin:auto;display:flex;justify-content:flex-end;align-items:center;padding:0 24px}
.home-page .navlinks a,.home-page .navlinks button{border:0;background:none;padding:11px 12px;font:600 10px var(--atelier-sans);letter-spacing:.04em;text-transform:uppercase}
.home-page .navlinks a:first-child{color:var(--atelier-accent)}

.atelier-home__intro{background:var(--atelier-panel);border-bottom:1px solid var(--atelier-line)}
.atelier-home__intro-inner{max-width:1240px;margin:auto;padding:42px 24px 38px}
.atelier-home__intro-kicker{font:600 10px/1.3 var(--atelier-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--atelier-accent);margin-bottom:10px}
.atelier-home__intro h1{font:500 clamp(36px,4.6vw,58px)/1.12 var(--atelier-serif);letter-spacing:-.018em;margin:0;max-width:760px}
.atelier-home__intro p{max-width:650px;margin:16px 0 0;font:400 19px/1.5 var(--atelier-serif);color:#5c646a}

.atelier-home__lead{max-width:1240px;margin:auto;padding:34px 24px 46px;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:30px}
.atelier-home__lead-main{background:#fff;border:1px solid var(--atelier-line)}
.atelier-home__lead-image{display:block;aspect-ratio:16/9;overflow:hidden}
.atelier-home__lead-image img{width:100%;height:100%;object-fit:cover}
.atelier-home__lead-copy{padding:24px 26px 28px}
.atelier-home__cat{font:600 10px/1.3 var(--atelier-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--atelier-accent)}
.atelier-home__lead-copy h2{font:500 clamp(32px,4vw,50px)/1.1 var(--atelier-serif);letter-spacing:-.015em;margin:9px 0 14px}
.atelier-home__lead-copy p{font:400 18px/1.5 var(--atelier-serif);color:#5a6268;margin:0 0 16px}
.atelier-home__meta{font:500 9px/1.4 var(--atelier-sans);letter-spacing:.06em;text-transform:uppercase;color:#7a8186}
.atelier-home__lead-side{display:flex;flex-direction:column;border-top:1px solid var(--atelier-line)}
.atelier-home__mini{display:grid;grid-template-columns:110px 1fr;gap:14px;padding:14px 0;border-bottom:1px solid var(--atelier-line)}
.atelier-home__mini-image{display:block;width:110px;height:86px;overflow:hidden}
.atelier-home__mini-image img{width:100%;height:100%;object-fit:cover}
.atelier-home__mini h3{font:500 18px/1.18 var(--atelier-serif);margin:5px 0 7px}
.atelier-home__mini span{font:500 9px var(--atelier-sans);text-transform:uppercase;color:#7e858a}

.atelier-home__latest{max-width:1240px;margin:auto;padding:0 24px 58px}
.atelier-home__section-head{display:flex;justify-content:space-between;align-items:end;padding-bottom:14px;border-bottom:1px solid var(--atelier-line);margin-bottom:24px}
.atelier-home__section-head span{font:600 10px var(--atelier-sans);text-transform:uppercase;letter-spacing:.08em;color:var(--atelier-accent)}
.atelier-home__section-head h2{font:500 36px/1.15 var(--atelier-serif);margin:4px 0 0}
.atelier-home__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.atelier-home__card{background:#fff;border:1px solid var(--atelier-line)}
.atelier-home__card-image{display:block;aspect-ratio:4/3;overflow:hidden}
.atelier-home__card-image img{height:100%;object-fit:cover;transition:transform .3s}
.atelier-home__card:hover img{transform:scale(1.02)}
.atelier-home__card-copy{padding:15px 16px 18px}
.atelier-home__card h3{font:500 22px/1.16 var(--atelier-serif);margin:7px 0 9px}
.atelier-home__card p{font:400 15px/1.45 var(--atelier-serif);color:#62696e;margin:0 0 12px}

.atelier-home__author{display:grid;grid-template-columns:1fr 340px;background:#e6e0d7;border-top:1px solid var(--atelier-line);border-bottom:1px solid var(--atelier-line)}
.atelier-home__author-copy{padding:56px max(24px,calc((100vw - 1240px)/2));padding-right:44px;align-self:center}
.atelier-home__author-copy>span{font:600 10px var(--atelier-sans);text-transform:uppercase;letter-spacing:.08em;color:var(--atelier-accent)}
.atelier-home__author h2{font:500 clamp(34px,4vw,52px)/1.12 var(--atelier-serif);letter-spacing:-.015em;margin:10px 0 14px;max-width:720px}
.atelier-home__author p{font:400 18px/1.5 var(--atelier-serif);color:#596167;max-width:690px}
.atelier-home__author a{font:600 10px var(--atelier-sans);text-transform:uppercase;color:var(--atelier-accent)}
.atelier-home__author-image img{width:100%;height:100%;min-height:360px;object-fit:cover}

.home-page footer{max-width:none;margin:0;background:#f7f4ee;border-top:1px solid var(--atelier-line);padding:28px max(24px,calc((100% - 1240px)/2)) 42px}
.home-page footer strong{font-family:var(--atelier-serif);font-size:26px;text-transform:none}
.home-page footer p{font-family:var(--atelier-serif);font-size:15px}

@media(max-width:980px){
  .atelier-home__lead{grid-template-columns:1fr}
  .atelier-home__lead-side{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}
  .atelier-home__grid{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .home-page .brand{display:block}
  .home-page .brand p{text-align:left;margin:7px 0 0}
  .home-page .menu{display:block}
  .home-page .navlinks{display:none;padding:0}
  .home-page .navlinks.open{display:flex;flex-direction:column;align-items:stretch}
  .atelier-home__lead-side{grid-template-columns:1fr}
  .atelier-home__grid{grid-template-columns:1fr}
  .atelier-home__author{grid-template-columns:1fr}
  .atelier-home__author-image{order:-1}
  .atelier-home__author-copy{padding:40px 24px}
}
@media(max-width:560px){
  .atelier-home__intro-inner{padding:34px 18px 30px}
  .atelier-home__intro h1{font-size:34px}
  .atelier-home__lead{padding:24px 18px 36px}
  .atelier-home__lead-copy{padding:20px}
  .atelier-home__latest{padding-left:18px;padding-right:18px}
  .atelier-home__author h2{font-size:32px}
}