@font-face{font-family:LC;src:url(fonts/libre-caslon-text-latin-400-normal.woff2) format("woff2");font-display:swap}
@font-face{font-family:LC;font-style:italic;src:url(fonts/libre-caslon-text-latin-400-italic.woff2) format("woff2");font-display:swap}
@font-face{font-family:Jo;src:url(fonts/jost-latin-400-normal.woff2) format("woff2");font-display:swap}
@font-face{font-family:Jo;font-weight:600;src:url(fonts/jost-latin-600-normal.woff2) format("woff2");font-display:swap}
:root{--co:#2f1f16;--cr:#f6efe2;--br:#c9a24d;--br2:#7a5c16;--focus:#7a5c16;--bar-bg:#2f1f16;--bar-fg:#f6efe2}
body{font:400 1.1rem/1.6 Jo,system-ui,sans-serif;background:var(--cr);color:var(--co)}h1,h2,h3{font-family:LC,Georgia,serif;font-weight:400;line-height:1.08}.wrap{width:min(100% - 2rem,1120px);margin-inline:auto}
.lang{position:absolute;right:1rem;top:.65rem;z-index:3;color:var(--cr);font-weight:600;padding:.3rem}
.hero{background:var(--co);color:var(--cr);display:grid}.hero-t{padding:4.2rem 1rem 2.6rem}.ov{color:var(--br);font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:.9rem}h1{font-size:clamp(3rem,13vw,7rem);margin:.6rem 0 1rem}h1 em{color:var(--br)}.l{max-width:32ch;font-size:1.2rem;margin-bottom:1.4rem}.hero :focus-visible{outline-color:#fff}.btn{display:inline-flex;align-items:center;min-height:50px;padding:.6rem 1.4rem;background:var(--br);color:var(--co);font-weight:600;text-decoration:none}.btn:hover{background:#fff}.hero img{width:100%;height:100%;max-height:520px;object-fit:cover}
.clock{border-bottom:1px solid var(--br2)}.clock ol{display:grid;grid-template-columns:repeat(3,1fr)}.clock li{padding:1.1rem .5rem;text-align:center}.clock li+li{border-left:1px solid var(--br2)}.clock a{text-decoration:none;font:italic 400 clamp(1.15rem,4vw,1.7rem) LC,serif;display:block;padding:.4rem 0}
section{padding:4.2rem 0}h2{font-size:clamp(2.5rem,9vw,4.6rem);margin-bottom:1rem}.g2{display:grid;gap:2.4rem;align-items:center}.g2>*{min-width:0}figure img,.g2 a img{width:100%;aspect-ratio:4/3;object-fit:cover}
.piz{background:var(--co);color:var(--cr)}.piz h2{color:var(--br)}.piz :focus-visible{outline-color:#fff}.pg{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:1.6rem}.pg img{width:100%;aspect-ratio:1;object-fit:cover}.pl{margin-top:1.4rem;columns:2;gap:2rem}.pl li{padding:.3rem 0;break-inside:avoid}
blockquote{font:italic 400 1.4rem/1.35 LC,serif}blockquote footer{font:400 .92rem Jo,sans-serif;margin-top:.5rem}.qs{display:grid;gap:2rem;margin-top:1.4rem}
.tel{font:400 clamp(2.2rem,10vw,3.5rem)/1.05 LC,serif;text-decoration:none;display:inline-block;margin:.4rem 0 .7rem;color:var(--br2)}.map-btn{min-height:250px}
footer.f{background:var(--co);color:var(--cr);padding:2.3rem 0;font-size:.97rem}footer.f p{margin-bottom:.7rem}footer.f :focus-visible{outline-color:#fff}
@media(min-width:768px){.g2,.qs{grid-template-columns:1fr 1fr;gap:4.5rem}.pg{grid-template-columns:repeat(4,1fr)}section{padding:6rem 0}}
@media(min-width:1024px){.hero{grid-template-columns:1.1fr 1fr;min-height:82vh}.hero-t{align-self:center;padding:5rem 3rem 4rem max(1rem,calc((100vw - 1120px)/2))}.hero img{max-height:none}}
.kph{aspect-ratio:1;display:grid;place-items:center;text-align:center;padding:1rem;border:1px solid var(--br);font:italic 400 1.05rem/1.3 LC,serif;color:var(--br)}#colazioni a img{max-width:250px;margin:auto}