/* Strangers in Venice · sistema visivo: inchiostro, rosso veneziano, ottone, lino. Fraunces corsivo per i titoli, Instrument Sans per il testo. */
@font-face{font-family:Fraunces;src:url(/fonts/fraunces-italic.woff2) format("woff2");font-style:italic;font-weight:300 700;font-display:swap}
@font-face{font-family:Fraunces;src:url(/fonts/fraunces.woff2) format("woff2");font-style:normal;font-weight:300 700;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url(/fonts/instrument-sans-latin.woff2) format("woff2");font-weight:400 700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Instrument Sans";src:url(/fonts/instrument-sans-latin-ext.woff2) format("woff2");font-weight:400 700;font-display:swap;unicode-range:U+0100-02AF,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}
:root{--ink:#0E0B0A;--ink2:#171210;--ink3:#211A17;--line:#3A2F28;--red:#8E1F25;--red2:#5A1418;--brass:#C9A45C;--brass2:#E2C079;--cream:#F3EBDD;--soft:#E2D8C8;--mute:#B8ADA0;--ok:#8FBF8F;--warn:#E3A857;--bad:#E07A6A;
--serif:Fraunces,"Iowan Old Style",Georgia,serif;--sans:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--g:16px;--r:18px}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;background:var(--ink)}
body{margin:0;background:var(--ink);color:var(--cream);font:400 17px/1.6 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,video{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--serif);font-style:italic;font-weight:400;line-height:1.06;margin:0;letter-spacing:-.01em;text-wrap:balance}
p{margin:0 0 14px;text-wrap:pretty}
.wrap{max-width:1120px;margin:0 auto;padding:0 var(--g)}
.eyebrow{font:600 12px/1.2 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--brass);margin:0 0 14px}
.mute{color:var(--mute)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 28px;border-radius:999px;border:0;background:var(--brass);color:var(--ink);font:700 16px/1 var(--sans);text-decoration:none;cursor:pointer;transition:transform .2s,background .2s}
.btn:hover{background:var(--brass2);transform:translateY(-1px)}
.btn:active{transform:translateY(0)}
.btn.ghost{background:transparent;color:var(--cream);border:1px solid var(--line)}
.btn.ghost:hover{border-color:var(--brass);background:transparent}
.btn[disabled]{opacity:.55;cursor:default;transform:none}
:focus-visible{outline:2px solid var(--brass2);outline-offset:3px;border-radius:6px}
/* anello: dodici posti, uno è del padrone di casa */
.ring{display:block}
.ring circle{fill:var(--cream)}
.ring circle.host{fill:var(--brass)}
.ring circle.free{fill:none;stroke:var(--mute);stroke-width:1.4}
/* campi */
.f{display:block;font:600 13px/1.3 var(--sans);letter-spacing:.04em;color:var(--soft);margin:0 0 6px}
.in{width:100%;min-height:52px;padding:12px 16px;border-radius:14px;border:1px solid var(--line);background:var(--ink2);color:var(--cream);font:400 17px/1.3 var(--sans)}
.in::placeholder{color:#8A7F73}
.in:focus{outline:none;border-color:var(--brass)}
textarea.in{min-height:96px;resize:vertical}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{position:relative}
.chip input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.chip span{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--line);font:500 15px/1 var(--sans);color:var(--soft);transition:all .15s}
.chip input:checked+span{background:var(--cream);color:var(--ink);border-color:var(--cream)}
.chip input:focus-visible+span{outline:2px solid var(--brass2);outline-offset:2px}
.card{background:var(--ink2);border:1px solid var(--line);border-radius:var(--r);padding:22px}
.rv{opacity:0;transform:translateY(18px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.rv.on{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}.btn{transition:none}}
