/* Ri-conoscersi, pagina «presto online» (05/11/2026): colori e caratteri del mockup v2. */
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:400 600;font-display:swap;src:url(fonts/cormorant-garamond.woff2) format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:400 600;font-display:swap;src:url(fonts/cormorant-garamond-italic.woff2) format('woff2')}
@font-face{font-family:'Pinyon Script';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/pinyon-script.woff2) format('woff2')}

:root{
  --paper:#f1e6d8;--sage:#c8cab2;--terra:#a3472e;--ink:#2b2420;--ink-soft:#4d433c;
  --display:'Cormorant Garamond','Iowan Old Style',Garamond,Georgia,serif;
  --script:'Pinyon Script','Apple Chancery','Snell Roundhand',cursive;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;min-height:100svh;display:grid;place-items:center;
  padding:calc(env(safe-area-inset-top,0px) + 24px) 20px calc(env(safe-area-inset-bottom,0px) + 24px);
  background-color:var(--paper);color:var(--ink);font:400 18px/1.45 var(--display);-webkit-font-smoothing:antialiased;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .36 0 0 0 0 .26 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
h1,p{margin:0}
.card{text-align:center;max-width:32rem}
.logo{display:inline-flex;align-items:baseline;font-weight:400;white-space:nowrap}
.logo-ri{font:400 clamp(58px,17vw,88px)/1 var(--script);color:var(--terra);margin-right:-3px}
.logo-rest{font:500 clamp(38px,11vw,58px)/1 var(--display);letter-spacing:-.01em}
.motto{margin-top:10px;font:italic 400 clamp(19px,5.2vw,24px)/1.3 var(--display);color:var(--ink-soft);letter-spacing:.02em}
.wave{display:block;width:min(200px,60vw);height:auto;margin:30px auto 26px;overflow:visible}
.wave path{fill:none;stroke:var(--terra);stroke-width:1.4;stroke-linecap:round;opacity:.8}
.msg{font:500 clamp(22px,6vw,28px)/1.3 var(--display)}
.soon{margin-top:6px;font:italic 400 clamp(18px,4.8vw,21px)/1.3 var(--display);color:var(--ink-soft)}