/* Marco Manzi · sito personale
   Layout: sala scura come il locale di Giotto (velluto verde-nero, ottone),
   alternata a fasce chiare color farina. Serif per i nomi e i numeri delle guide,
   sans pulito per tutto il resto. Stessa famiglia tipografica della Scuola Mani in Pasta,
   così i siti del gruppo sembrano un'unica casa. */
:root{
  --ink:#0f1615;        /* sala */
  --ink-2:#172120;      /* sala, piano rialzato */
  --ink-line:#2a3634;
  --flour:#f4f1ea;      /* fasce chiare */
  --flour-2:#ebe6db;
  --brass:#b58d4c;      /* ottone delle lampade */
  --brass-hi:#d9b979;
  --tomato:#a8322a;     /* solo per piccoli segni */
  --on-ink:#ece6da;
  --on-ink-mute:#a7aba3;
  --on-flour:#1d2624;
  --on-flour-mute:#5d6662;
  --flour-line:#d9d2c3;
  --serif:"Cormorant Garamond", "Cormorant", Garamond, "Times New Roman", serif;
  --sans:"Manrope", "Helvetica Neue", Arial, sans-serif;
  --wrap:1200px;
  --gut:max(20px, env(safe-area-inset-left, 0px));
  --gut-r:max(20px, env(safe-area-inset-right, 0px));
  color-scheme: dark;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--on-ink);font-family:var(--sans);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
[hidden]{display:none!important}
a{color:inherit}
:focus-visible{outline:2px solid var(--brass-hi);outline-offset:3px}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--ink)}

.wrap{max-width:var(--wrap);margin:0 auto;padding-left:var(--gut);padding-right:var(--gut-r)}
.band{padding-block:clamp(72px,10vw,128px)}
.band--flour{background:var(--flour);color:var(--on-flour)}
.band--flour2{background:var(--flour-2);color:var(--on-flour)}
.band--ink2{background:var(--ink-2)}
.band--tight{padding-block:clamp(48px,6vw,72px)}

/* tipografia */
.eyebrow{font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--brass)}
.band--flour .eyebrow,.band--flour2 .eyebrow{color:#8a6a33}
h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.05;margin:0;text-wrap:balance;letter-spacing:-.01em}
h1{font-size:clamp(56px,9vw,124px)}
h2{font-size:clamp(38px,5.2vw,64px)}
h3{font-size:clamp(26px,2.6vw,32px);line-height:1.15}
h2 em,h1 em{font-style:italic;color:var(--brass-hi)}
.band--flour h2 em,.band--flour2 h2 em{color:#8a6a33}
.lead{font-size:clamp(18px,1.6vw,21px);line-height:1.6;max-width:62ch;color:var(--on-ink-mute)}
.band--flour .lead,.band--flour2 .lead{color:var(--on-flour-mute)}
p{margin:0;max-width:65ch}
.stack{display:flex;flex-direction:column;gap:20px}
.stack--lg{gap:32px}
.mute{color:var(--on-ink-mute)}
.band--flour .mute,.band--flour2 .mute{color:var(--on-flour-mute)}
.small{font-size:14px}

/* bottoni */
.btns{display:flex;flex-wrap:wrap;gap:12px}
.btn{display:inline-flex;align-items:center;gap:10px;padding:15px 26px;border-radius:999px;font-weight:600;font-size:15px;text-decoration:none;border:1px solid transparent;transition:background .2s,color .2s,border-color .2s;cursor:pointer;font-family:var(--sans)}
.btn--brass{background:var(--brass);color:#14100a}
.btn--brass:hover{background:var(--brass-hi)}
.btn--line{border-color:color-mix(in srgb,var(--on-ink) 35%,transparent);color:var(--on-ink)}
.btn--line:hover{border-color:var(--brass-hi);color:var(--brass-hi)}
.band--flour .btn--line,.band--flour2 .btn--line{border-color:var(--flour-line);color:var(--on-flour)}
.band--flour .btn--line:hover,.band--flour2 .btn--line:hover{border-color:#8a6a33;color:#8a6a33}
.btn--ink{background:var(--ink);color:var(--on-ink)}
.btn--ink:hover{background:var(--ink-2);color:var(--brass-hi)}
.link{color:var(--brass-hi);text-decoration:none;font-weight:600;font-size:15px;border-bottom:1px solid currentColor;padding-bottom:2px}
.band--flour .link,.band--flour2 .link{color:#8a6a33}

/* barra del gruppo */
.group-bar{background:#0a0f0e;font-size:12.5px;letter-spacing:.04em;color:var(--on-ink-mute);border-bottom:1px solid var(--ink-line)}
.group-bar .wrap{display:flex;gap:22px;align-items:center;min-height:36px;overflow-x:auto;white-space:nowrap;scrollbar-width:none}
.group-bar .wrap::-webkit-scrollbar{display:none}
.group-bar a{text-decoration:none}
.group-bar a:hover,.group-bar a[aria-current]{color:var(--brass-hi)}
.group-bar .gb-home{color:var(--on-ink);font-weight:600}

/* header */
.site-head{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:color-mix(in srgb,var(--ink) 92%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--ink-line)}
.site-head .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:72px}
.brand{text-decoration:none;display:flex;flex-direction:column;line-height:1}
.brand b{font-family:var(--serif);font-weight:500;font-size:28px;letter-spacing:.01em}
.brand span{font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--brass);margin-top:5px}
.nav{display:flex;align-items:center;gap:28px}
.nav a{text-decoration:none;font-size:14.5px;font-weight:500;color:var(--on-ink-mute)}
.nav a:hover,.nav a[aria-current="page"]{color:var(--on-ink)}
.nav .btn{padding:11px 20px;font-size:14px;color:#14100a}
.nav-toggle{display:none;background:none;border:1px solid var(--ink-line);color:var(--on-ink);border-radius:999px;padding:10px 16px;font:600 14px var(--sans);cursor:pointer}
@media (max-width:980px){
  .nav-toggle{display:inline-flex}
  .nav{position:fixed;inset:calc(108px + env(safe-area-inset-top,0px)) 0 auto 0;flex-direction:column;align-items:stretch;gap:0;background:var(--ink);border-bottom:1px solid var(--ink-line);padding:8px var(--gut-r) 24px var(--gut);display:none}
  .nav.open{display:flex}
  .nav a{padding:14px 0;border-bottom:1px solid var(--ink-line);font-size:17px}
  .nav .btn{margin-top:18px;justify-content:center;border-bottom:0}
}

/* hero home */
.hero{padding-block:clamp(40px,6vw,80px) clamp(64px,8vw,104px)}
.hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,5vw,72px);align-items:center}
.hero-copy{display:flex;flex-direction:column;gap:28px;min-width:0}
.hero h1{line-height:.92}
.hero h1 small{display:block;font-size:.3em;font-style:italic;color:var(--brass-hi);letter-spacing:0;margin-top:14px;line-height:1.2}
.hero-photo{position:relative;min-width:0}
.hero-photo img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 20%;border-radius:4px}
.rank-tag{position:absolute;left:-28px;bottom:36px;background:var(--flour);color:var(--on-flour);padding:18px 22px;border-radius:3px;display:flex;align-items:center;gap:16px;box-shadow:0 20px 50px rgba(0,0,0,.35);max-width:calc(100% - 16px)}
.rank-tag b{font-family:var(--serif);font-weight:500;font-size:58px;line-height:.8}
.rank-tag span{font-size:12.5px;line-height:1.4;font-weight:600;letter-spacing:.02em}
.rank-tag span i{display:block;font-style:normal;font-weight:500;color:var(--on-flour-mute)}
@media (max-width:860px){
  .hero .wrap{grid-template-columns:1fr}
  .hero-photo{order:-1}
  .hero-photo img{aspect-ratio:4/4.4}
  .rank-tag{left:12px;bottom:12px}
}

/* striscia riconoscimenti */
.honours{border-block:1px solid var(--ink-line);background:var(--ink-2)}
.honours .wrap{display:grid;grid-template-columns:repeat(5,1fr)}
.honour{padding:28px 20px;display:flex;flex-direction:column;gap:6px;border-left:1px solid var(--ink-line);min-width:0}
.honour:first-child{border-left:0;padding-left:0}
.honour b{font-family:var(--serif);font-weight:500;font-size:34px;line-height:1;color:var(--brass-hi);display:flex;align-items:center;gap:8px}
.honour span{font-size:13px;line-height:1.45;color:var(--on-ink-mute)}
.honour strong{font-weight:600;color:var(--on-ink);display:block}
.slices{display:inline-flex;gap:3px}
.slices svg{width:22px;height:22px}
@media (max-width:980px){
  .honours .wrap{grid-template-columns:repeat(2,1fr)}
  .honour{border-left:0;border-top:1px solid var(--ink-line);padding-left:0}
  .honour:nth-child(-n+2){border-top:0}
  .honour:last-child{grid-column:1/-1}
}

/* split immagine + testo */
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,6vw,96px);align-items:center}
.split > *{min-width:0}
.split--wide-text{grid-template-columns:.85fr 1.15fr}
.split img.tall{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:4px}
.split img.wide{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:4px}
@media (max-width:860px){.split,.split--wide-text{grid-template-columns:1fr}.split .first-mobile{order:-1}}

blockquote{margin:0;font-family:var(--serif);font-style:italic;font-size:clamp(24px,2.4vw,30px);line-height:1.3;padding-left:24px;border-left:2px solid var(--brass)}
blockquote cite{display:block;font-family:var(--sans);font-style:normal;font-size:13px;letter-spacing:.14em;text-transform:uppercase;margin-top:14px;color:var(--brass)}
.band--flour blockquote cite,.band--flour2 blockquote cite{color:#8a6a33}

/* numeri */
.figures{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--flour-line)}
.figure{padding:32px 24px 0 0;display:flex;flex-direction:column;gap:8px}
.figure b{font-family:var(--serif);font-weight:500;font-size:clamp(52px,6vw,80px);line-height:.9;font-variant-numeric:lining-nums}
.figure span{font-size:15px;color:var(--on-flour-mute);max-width:24ch}
.band:not(.band--flour):not(.band--flour2) .figures{border-color:var(--ink-line)}
.band:not(.band--flour):not(.band--flour2) .figure span{color:var(--on-ink-mute)}
@media (max-width:760px){.figures{grid-template-columns:repeat(2,1fr);row-gap:28px}}

/* progetti */
.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap;margin-bottom:clamp(36px,5vw,56px)}
.section-head > div{display:flex;flex-direction:column;gap:16px;min-width:0;max-width:720px}
.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.project{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:560px;border-radius:4px;overflow:hidden;text-decoration:none;color:#f3eee4;isolation:isolate}
.project img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .8s ease}
.project::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(10,15,14,0) 30%,rgba(10,15,14,.88) 78%)}
.project:hover img{transform:scale(1.04)}
.project-body{padding:28px;display:flex;flex-direction:column;gap:12px}
.project-body .eyebrow{color:var(--brass-hi)}
.project-body p{font-size:15px;color:#d6d1c6}
.project-body .go{font-weight:600;font-size:14px;color:var(--brass-hi);margin-top:6px}
@media (max-width:980px){.projects{grid-template-columns:1fr}.project{min-height:440px}}

/* nuova apertura */
.opening{display:grid;grid-template-columns:auto 1fr auto;gap:clamp(24px,4vw,56px);align-items:center;padding:clamp(28px,4vw,44px);border:1px solid var(--brass);border-radius:4px}
.opening .date{font-family:var(--serif);text-align:center;line-height:.9}
.opening .date b{display:block;font-size:84px;font-weight:500;color:var(--brass-hi)}
.opening .date span{font-size:13px;letter-spacing:.24em;text-transform:uppercase;font-family:var(--sans);font-weight:600}
.opening > div{min-width:0}
@media (max-width:860px){.opening{grid-template-columns:1fr}.opening .date{text-align:left}}

/* consulenza: blocco forte */
.consult{background:radial-gradient(120% 140% at 85% 0%,#1f2c29 0%,var(--ink) 60%)}
.audience{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--ink-line);border:1px solid var(--ink-line);border-radius:4px;overflow:hidden}
.audience > div{background:var(--ink);padding:26px;display:flex;flex-direction:column;gap:8px}
.audience h3{font-size:24px}
.audience p{font-size:15px;color:var(--on-ink-mute)}
@media (max-width:620px){.audience{grid-template-columns:1fr}}

/* griglie generiche */
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
@media (max-width:900px){.grid-3{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.grid-3,.grid-2{grid-template-columns:1fr}}
.tile{padding:28px;border:1px solid var(--flour-line);border-radius:4px;display:flex;flex-direction:column;gap:10px;background:var(--flour);min-width:0}
.band--flour .tile{background:#faf8f3}
.tile h3{font-size:25px}
.tile p{font-size:15.5px;color:var(--on-flour-mute)}
.tile--ink{background:var(--ink-2);border-color:var(--ink-line)}
.tile--ink p{color:var(--on-ink-mute)}

/* passi del metodo: sequenza reale */
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:0;counter-reset:s}
.step{padding:24px 22px 0 0;border-top:1px solid var(--flour-line);display:flex;flex-direction:column;gap:10px;min-width:0}
.step::before{counter-increment:s;content:counter(s);font-family:var(--serif);font-size:44px;line-height:1;color:#8a6a33}
.step h3{font-size:22px}
.step p{font-size:14.5px;color:var(--on-flour-mute)}
@media (max-width:900px){.steps{grid-template-columns:1fr 1fr;row-gap:28px}}
@media (max-width:520px){.steps{grid-template-columns:1fr}}

/* stampa */
.press{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--ink-line)}
.press a{display:flex;flex-direction:column;gap:10px;padding:28px 28px 28px 0;text-decoration:none;border-bottom:1px solid var(--ink-line);min-width:0}
.press a:hover h3{color:var(--brass-hi)}
.press .src{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--brass);font-weight:600}
.press h3{font-size:24px;transition:color .2s}
.press p{font-size:14.5px;color:var(--on-ink-mute)}
@media (max-width:900px){.press{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.press{grid-template-columns:1fr}}

/* pagine interne: apertura */
.page-hero{padding-block:clamp(56px,8vw,104px) clamp(48px,6vw,80px);position:relative;overflow:hidden}
.page-hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(32px,5vw,72px);align-items:end}
.page-hero .wrap > *{min-width:0}
.page-hero h1{font-size:clamp(52px,7.6vw,104px);line-height:.95}
.page-hero img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:4px}
.page-hero img.land{aspect-ratio:4/3}
.crumb{font-size:13px;color:var(--on-ink-mute)}
.crumb a{text-decoration:none}
.crumb a:hover{color:var(--brass-hi)}
@media (max-width:860px){.page-hero .wrap{grid-template-columns:1fr}.page-hero img{aspect-ratio:4/3.4}}

/* cronologia */
.timeline{display:flex;flex-direction:column;border-top:1px solid var(--flour-line)}
.tl{display:grid;grid-template-columns:160px 1fr;gap:32px;padding:28px 0;border-bottom:1px solid var(--flour-line)}
.tl > *{min-width:0}
.tl .yr{font-family:var(--serif);font-size:40px;line-height:1;color:#8a6a33}
.tl h3{font-size:26px;margin-bottom:8px}
.tl p{color:var(--on-flour-mute);font-size:16px}
@media (max-width:620px){.tl{grid-template-columns:1fr;gap:8px}}

/* sedi */
.venues{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.venue{border:1px solid var(--flour-line);border-radius:4px;padding:30px;display:flex;flex-direction:column;gap:14px;background:#faf8f3;min-width:0}
.venue.new{background:var(--ink);color:var(--on-ink);border-color:var(--brass)}
.venue .area{font-size:12px;letter-spacing:.2em;text-transform:uppercase;font-weight:600;color:#8a6a33}
.venue.new .area{color:var(--brass-hi)}
.venue h3{font-size:32px}
.venue address{font-style:normal;color:var(--on-flour-mute)}
.venue.new address,.venue.new p{color:var(--on-ink-mute)}
.venue .btns{margin-top:auto;padding-top:8px}
.venue .btn{padding:11px 18px;font-size:14px}
.venue.new .btn--line{border-color:var(--ink-line);color:var(--on-ink)}
.pill{display:inline-block;align-self:flex-start;background:var(--tomato);color:#fff;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:6px 12px;border-radius:999px}
@media (max-width:760px){.venues{grid-template-columns:1fr}}

/* corsi */
.course{display:grid;grid-template-columns:200px 1fr auto;gap:28px;align-items:center;padding:28px 0;border-bottom:1px solid var(--flour-line)}
.course img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:4px}
.course > div{min-width:0;display:flex;flex-direction:column;gap:8px}
.course .meta{font-size:14px;font-weight:600;color:#8a6a33}
.course p{color:var(--on-flour-mute);font-size:15.5px}
.courses{border-top:1px solid var(--flour-line)}
@media (max-width:760px){.course{grid-template-columns:1fr}.course img{aspect-ratio:16/10}}

/* galleria */
.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.gallery img{width:100%;height:100%;aspect-ratio:3/4;object-fit:cover;border-radius:3px}
.gallery .w2{grid-column:span 2}
.gallery .w2 img{aspect-ratio:auto}
@media (max-width:760px){.gallery{grid-template-columns:1fr 1fr}.gallery .w2 img{aspect-ratio:3/2}}

/* elenco premi */
.awards{display:flex;flex-direction:column;border-top:1px solid var(--ink-line)}
.award{display:grid;grid-template-columns:150px 1fr 220px;gap:28px;padding:30px 0;border-bottom:1px solid var(--ink-line);align-items:baseline}
.award > *{min-width:0}
.award .yr{font-family:var(--serif);font-size:30px;color:var(--brass-hi);line-height:1.1}
.award h3{font-size:28px;margin-bottom:6px}
.award p{color:var(--on-ink-mute);font-size:15.5px}
.award .by{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--on-ink-mute);font-weight:600;text-align:right}
@media (max-width:760px){.award{grid-template-columns:1fr;gap:6px}.award .by{text-align:left}}

/* modulo */
.form-card{background:var(--flour);color:var(--on-flour);border-radius:4px;padding:clamp(24px,4vw,44px);display:flex;flex-direction:column;gap:18px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-grid .full{grid-column:1/-1}
@media (max-width:620px){.form-grid{grid-template-columns:1fr}}
.field{display:flex;flex-direction:column;gap:6px;min-width:0}
.field label{font-size:13px;font-weight:600}
.field input,.field select,.field textarea{font:16px var(--sans);padding:13px 14px;border:1px solid var(--flour-line);border-radius:3px;background:#fffdf9;color:var(--on-flour);width:100%;color-scheme:light}
.field textarea{min-height:120px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid #8a6a33;outline-offset:0;border-color:#8a6a33}
.form-note{font-size:13px;color:var(--on-flour-mute)}
.form-done{display:flex;flex-direction:column;gap:12px;padding:18px;border:1px solid #8a6a33;border-radius:3px}
.contact-lines{display:flex;flex-direction:column;gap:14px}
.contact-lines div{display:flex;flex-direction:column;gap:2px}
.contact-lines span{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--brass);font-weight:600}
.contact-lines b{font-weight:500;font-size:20px;user-select:all}

/* rimando al sito del progetto */
.handoff{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;padding:28px 32px;border-radius:4px;background:var(--ink);color:var(--on-ink)}
.handoff p{color:var(--on-ink-mute);font-size:15px}
.handoff > div{min-width:0}

/* footer */
.site-foot{background:#0a0f0e;border-top:1px solid var(--ink-line);padding-block:64px 40px;font-size:14.5px;color:var(--on-ink-mute)}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px}
.foot-grid > *{min-width:0}
.foot-grid h4{font:600 12px var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--brass);margin:0 0 14px}
.foot-grid ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.foot-grid a{text-decoration:none}
.foot-grid a:hover{color:var(--brass-hi)}
.foot-base{margin-top:48px;padding-top:24px;border-top:1px solid var(--ink-line);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px}
@media (max-width:860px){.foot-grid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.foot-grid{grid-template-columns:1fr}}

/* WhatsApp fisso */
.wa-float{position:fixed;right:calc(18px + env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:40;background:var(--brass);color:#14100a;border-radius:999px;padding:13px 20px;font-weight:700;font-size:14px;text-decoration:none;box-shadow:0 12px 30px rgba(0,0,0,.35);display:flex;gap:8px;align-items:center}
.wa-float:hover{background:var(--brass-hi)}

/* entrata morbida, sempre visibile a riposo */
@media (prefers-reduced-motion:no-preference){
  .rise{animation:rise .9s cubic-bezier(.2,.7,.2,1) both}
  .rise-2{animation-delay:.12s}.rise-3{animation-delay:.24s}
  @keyframes rise{from{transform:translateY(18px);opacity:.001}to{transform:none;opacity:1}}
}

/* Ukiyo */
.rooms{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.room{display:flex;flex-direction:column;gap:8px;text-decoration:none;color:var(--on-flour);min-width:0}
.room img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:4px;margin-bottom:8px;transition:opacity .2s}
.room:hover img{opacity:.88}
.room .area{font-family:var(--serif);font-size:26px;line-height:1.1}
.room span:last-child{font-size:15px;color:var(--on-flour-mute)}
.stay-note{margin-top:28px;max-width:none}
@media (max-width:760px){.rooms{grid-template-columns:1fr}}