/* Divino — site-specific styles. Loaded after base.css. */

h1,h2,h3{font-weight:500;letter-spacing:0}
h2{font-size:clamp(1.9rem,1.4rem + 2vw,2.8rem)}

/* wordmark */
.brand{font-family:var(--font-display);font-weight:600;font-size:1.6rem;letter-spacing:.01em}
.brand svg{width:.55em;height:.55em;margin-left:-.15em;align-self:flex-start;margin-top:.15em}

/* hero: the name, large */
.hero{padding-block:clamp(2.5rem,7vw,5.5rem) clamp(2.5rem,6vw,4.5rem);border-bottom:1px solid var(--line)}
.hero .bigtype{font-weight:600;font-size:clamp(4.5rem,17vw,13rem);line-height:.85;letter-spacing:-.01em;display:flex;align-items:flex-start}
.hero .bigtype svg{width:.32em;height:.32em;margin-top:.04em;margin-left:-.06em;flex:none}
.hero h1{font-size:clamp(1.6rem,1.2rem + 1.8vw,2.6rem);font-weight:500;max-width:22ch;margin-top:var(--s-6)}
.hero .lede{color:var(--ink)}
.hero .addr{margin-top:var(--s-5);color:var(--ink-2);font-size:var(--fs-sm)}

/* the carte */
.carte{display:grid;gap:var(--s-7) var(--s-8);grid-template-columns:1fr}
@media(min-width:900px){.carte{grid-template-columns:1fr 1fr}.carte .wide{grid-column:1 / -1}}
.carte h3{font-size:var(--fs-xl);color:var(--brand);margin-bottom:var(--s-3)}
.list-rows li{grid-template-columns:1fr}
.list-rows h4{font-family:var(--font-body);font-size:var(--fs-md);font-weight:700;margin:0;letter-spacing:0}
.list-rows p{max-width:60ch}
.carte .wide .list-rows{columns:2 340px;column-gap:var(--s-8);border-top:0}
.carte .wide .list-rows li{break-inside:avoid;border-top:1px solid var(--line);border-bottom:0}
.nowrap{white-space:nowrap}
.note{font-size:var(--fs-sm);color:var(--ink-2);margin-top:var(--s-6)}

/* d'ici: the one bold moment */
.dici{background:var(--ink);color:#fff}
.dici h2{color:#fff}
.dici .intro{color:#d6d6d6;font-size:var(--fs-lg)}
.places{list-style:none;margin:var(--s-7) 0 0;padding:0}
.places li{display:grid;grid-template-columns:1fr;gap:var(--s-2);padding:var(--s-5) 0;border-top:1px solid #444}
.places li:last-child{border-bottom:1px solid #444}
.places b{font-family:var(--font-display);font-weight:500;font-size:clamp(1.8rem,1.2rem + 3vw,3.6rem);line-height:1;color:#fff}
.places span{color:#d6d6d6;max-width:46ch}
.places em{font-style:normal;color:#fff;font-weight:700}
@media(min-width:900px){.places li{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:baseline;gap:var(--s-6)}}

/* midi + groupes */
.split-2{display:grid;gap:var(--s-7);grid-template-columns:1fr}
@media(min-width:900px){.split-2{grid-template-columns:3fr 2fr;gap:var(--s-9)}}
.midi-format{font-size:var(--fs-lg);margin-bottom:var(--s-5)}

/* contact */
.visit{display:grid;gap:var(--s-7);grid-template-columns:1fr}
@media(min-width:900px){.visit{grid-template-columns:2fr 3fr;align-items:start}}
.visit .phone{font-family:var(--font-display);font-size:clamp(2rem,1.5rem + 2vw,3rem);font-weight:500;text-decoration:none;color:var(--ink);display:inline-block;padding-block:.1em}
.visit .phone:hover{color:var(--brand)}
.map iframe{width:100%;height:100%;border:0;display:block}
.socials{display:flex;gap:var(--s-5);flex-wrap:wrap}
.socials a{display:inline-flex;align-items:center;min-height:44px}

.site-footer{background:var(--bg-alt)}