:root{
  --wine:#2B1620;     /* il diffusore di fragranze sul bancone */
  --wine-soft:#3A2230;
  --pink:#F26A86;     /* rosa del sito originale */
  --blush:#F8B0BF;    /* rosa del logo */
  --wall:#FBF6F2;     /* intonaco bianco della bottega */
  --brass:#C79A5B;    /* ottone delle vetrine */
  --pad:clamp(20px,5vw,72px);
}
*{box-sizing:border-box;margin:0}
html{background:var(--wine)}
body{font-family:'Albert Sans',system-ui,sans-serif;font-size:1.0625rem;line-height:1.6;color:var(--wall);background:var(--wine);min-height:100svh;display:flex;flex-direction:column}
a{color:inherit}
img{display:block;max-width:100%;height:auto}
:focus-visible{outline:3px solid var(--blush);outline-offset:4px}
.skip{position:absolute;left:var(--pad);top:-60px;background:var(--wall);color:var(--wine);padding:10px 16px;z-index:10}
.skip:focus{top:12px}

main{flex:1;display:flex}
.hero{width:100%;max-width:1360px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.8fr);gap:clamp(32px,6vw,104px);align-items:center;padding:clamp(32px,5vw,72px) var(--pad)}

.copy h1{width:min(100%,320px)}
.place{margin-top:20px;font-family:'Fraunces',Georgia,serif;font-style:italic;font-size:clamp(1.4rem,2.6vw,2rem);line-height:1.2;color:var(--blush)}

.contacts{margin-top:clamp(36px,5vw,64px);display:grid;gap:24px;padding-top:28px;border-top:1px solid rgba(248,176,191,.28);max-width:34rem}
.contacts dt{font-size:.95rem;color:var(--brass)}
.contacts dd{font-family:'Fraunces',Georgia,serif;font-weight:400;font-size:clamp(1.5rem,3vw,2.3rem);line-height:1.15;overflow-wrap:anywhere}
.contacts a{text-decoration:none;border-bottom:2px solid var(--pink);transition:background .2s}
.contacts a:hover{background:rgba(242,106,134,.22)}

.soon{margin-top:clamp(28px,4vw,48px);font-size:.95rem;color:rgba(251,246,242,.6)}

/* la finestra a sesto acuto: le nicchie della bottega */
.window{justify-self:center;width:100%;max-width:440px}
.window svg{display:block;width:100%;height:auto;overflow:visible}
.frame{fill:none;stroke:var(--pink);stroke-width:2}
.photo{animation:lights 2.2s ease-out .2s both}
@keyframes lights{from{filter:brightness(.18) saturate(.6)}to{filter:brightness(1) saturate(1)}}

footer{padding:28px var(--pad) 32px;border-top:1px solid rgba(248,176,191,.18);display:flex;flex-wrap:wrap;gap:20px 40px;align-items:center;justify-content:space-between;font-size:.95rem;color:rgba(251,246,242,.6)}
.partners{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:16px 36px;align-items:center}
.partners img{height:64px;width:auto;opacity:.9;transition:opacity .2s}
.partners li:nth-child(2) img{height:44px}
.partners a:hover img{opacity:1}
.partners a{display:block}

@media (max-width:860px){
  .hero{grid-template-columns:1fr;gap:48px}
  .window{max-width:320px}
}
@media (prefers-reduced-motion:reduce){
  .photo{animation:none}
}