/* Pagina provvisoria di filamigo.it: niente risorse esterne, niente script, niente cookie.
   Colori e logo «il filo» presi da bozze/grafica/comune.css (scelte del Titolare del 09/11). */
@font-face{font-family:"Bricolage Grotesque";src:url(/font/bricolage.woff2) format("woff2");font-weight:200 800;font-stretch:75% 100%;font-display:swap}

:root{--petrolio:#102a32;--teal:#3a9aa8;--accento:#ec5a92;--chiaro:#d9eef1}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;display:grid;place-items:center;padding:32px 24px;
  background:var(--petrolio);color:#fff;
  font:400 19px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
main{max-width:620px;text-align:center}

.marchio{margin:0 0 44px;color:#fff;font-size:clamp(46px,11vw,72px)}
.ls-filo{position:relative;display:inline-block;line-height:1;white-space:nowrap;padding-bottom:.32em;
  font-family:"Bricolage Grotesque",system-ui,sans-serif;font-weight:800;font-variation-settings:"opsz" 96;letter-spacing:-.035em}
.ls-filo svg{position:absolute;left:0;bottom:0;width:100%;height:.46em;overflow:visible}
.ls-filo path{fill:none;stroke:var(--accento);stroke-width:.075em;stroke-linecap:round;vector-effect:non-scaling-stroke}
.ls-filo .goccia{position:absolute;right:-.06em;bottom:.3em;width:.15em;height:.15em;border-radius:50%;background:var(--accento)}

h1{margin:0 0 14px;font-family:"Bricolage Grotesque",system-ui,sans-serif;font-weight:700;font-size:clamp(26px,5vw,36px);line-height:1.2;letter-spacing:-.02em}
p{margin:0;color:var(--chiaro)}
.presto{margin-top:26px;font-size:16px;color:var(--teal);letter-spacing:.01em}
