/* Smalto · template bellezza (unghie, tatuaggi, barbiere). Archetipo H10: giocoso, foto ruotate e forme colorate, a colore pieno.
   Firma di movimento: anteprima della foto che segue il cursore sulle voci del listino (solo da computer). */
@font-face{font-family:'Dela Gothic One';src:url('../_font/dela-gothic-one/dela-gothic-one-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Lexend';src:url('../_font/lexend/lexend-normal.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}

:root{
  --p:#3b0a45;  /* melanzana: bottoni */
  --s:#f45d9b;  /* rosa smalto: sfondo pieno */
  --t:#1d0b16;  /* prugna quasi nera: testo */
  --a:#e3ff5c;  /* lime: adesivi e forme */
  --f-titoli:'Dela Gothic One','Arial Black',system-ui,sans-serif;
  --f-testo:'Lexend',system-ui,-apple-system,'Segoe UI',sans-serif;

  --tenue:color-mix(in oklab,var(--t) 80%,var(--s));
  --inchiostro:color-mix(in oklab,var(--a) 12%,#140810); /* testo fisso sopra il colore accento */
  --cornice:#fff7fa; /* bordo delle foto tipo polaroid: dettaglio */
  --ombra:6px 6px 0 var(--t);
  --m:clamp(20px,4.4vw,72px);
  --max:1480px;
  --sezione:clamp(84px,10vw,150px);
  --molla:cubic-bezier(.34,1.56,.64,1);
  --curva:cubic-bezier(.16,1,.3,1);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--s);color:var(--t);font-family:var(--f-testo);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:clip}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3{margin:0;font-weight:400}
p{margin:0}
ul{margin:0;padding:0;list-style:none}
figure{margin:0}
button,input{font:inherit;color:inherit}
button{cursor:pointer}
[hidden]{display:none!important}
.ic{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
:focus-visible{outline:3px solid var(--t);outline-offset:3px}
::selection{background:var(--a);color:var(--inchiostro)}

.titolo{font-family:var(--f-titoli);font-size:clamp(2.5rem,5.4vw,5.2rem);line-height:1;letter-spacing:-.02em}

/* ---------- bottoni: bordo pieno e ombra netta ---------- */
.bottone{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 26px;border-radius:999px;border:2px solid var(--t);background:var(--p);color:var(--s);font-weight:600;font-size:16.5px;text-decoration:none;white-space:nowrap;box-shadow:4px 4px 0 var(--t);transition:transform .35s var(--molla),box-shadow .35s var(--molla)}
.bottone:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--t)}
.bottone:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--t)}
.bottone--piccolo{min-height:44px;padding:0 18px;font-size:15px;box-shadow:3px 3px 0 var(--t)}
.bottone--vuoto{background:transparent;color:var(--t)}
.bottone--lime{background:var(--a);color:var(--inchiostro)}
.riserva{display:none}
[data-servizio="appuntamenti"][hidden]~.riserva{display:inline-flex}

/* ---------- testata ---------- */
.testata{position:fixed;inset:0 0 auto;z-index:50;height:80px;padding:0 var(--m);display:flex;align-items:center;gap:24px;transition:background-color .4s,box-shadow .4s}
.testata.solida{background:var(--s);box-shadow:0 2px 0 var(--t)}
.logo{display:inline-flex;align-items:center;gap:10px;font-family:var(--f-titoli);font-size:clamp(17px,1.5vw,21px);text-decoration:none;white-space:nowrap;min-width:0;position:relative;z-index:3}
.logo span[data-nome]{overflow:hidden;text-overflow:ellipsis;max-width:26ch}
.logo__perla{flex:none;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--cornice) 0 18%,var(--a) 19% 100%);border:2px solid var(--t)}
.menu{margin-left:auto}
.menu__voci{display:flex;gap:6px}
.menu__voci a{display:inline-flex;align-items:center;min-height:42px;padding:0 16px;border-radius:999px;font-weight:600;font-size:15.5px;text-decoration:none;white-space:nowrap;transition:background-color .25s}
.menu__voci a:hover{background:var(--a);color:var(--inchiostro)}
.menu__piede{display:none}
.testata__azioni{display:flex;align-items:center;gap:10px;position:relative;z-index:3}
.lingue{display:flex;border:2px solid var(--t);border-radius:999px;overflow:hidden;font-size:13.5px;font-weight:700}
.lingue a{display:inline-grid;place-items:center;min-width:38px;height:36px;text-decoration:none}
.lingue a.attiva{background:var(--t);color:var(--s)}
.hamburger{display:none;width:48px;height:48px;border-radius:50%;border:2px solid var(--t);background:var(--a);color:var(--inchiostro);position:relative;box-shadow:3px 3px 0 var(--t)}
.hamburger span{position:absolute;left:12px;right:12px;height:2.5px;border-radius:2px;background:currentColor;transition:transform .5s var(--molla)}
.hamburger span:first-child{top:17px}.hamburger span:last-child{top:25px}
.menu-aperto .hamburger span:first-child{transform:translateY(4px) rotate(45deg)}
.menu-aperto .hamburger span:last-child{transform:translateY(-4px) rotate(-45deg)}

/* ---------- hero ---------- */
.eroe{max-width:var(--max);margin:0 auto;min-height:min(100svh,920px);padding:112px var(--m) 56px;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,4vw,64px);align-items:center}
.eroe__titolo{font-family:var(--f-titoli);font-size:clamp(3.2rem,7.4vw,8rem);line-height:.98;letter-spacing:-.03em}
.eroe__sotto{margin-top:26px;font-size:clamp(17.5px,1.4vw,20px);max-width:36ch;color:var(--tenue)}
.eroe__bottoni{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}
.collage{position:relative;height:min(62svh,600px);min-height:420px}
.polaroid{position:absolute;margin:0;padding:10px 10px 34px;background:var(--cornice);border:2px solid var(--t);border-radius:10px;box-shadow:var(--ombra)}
.polaroid img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:4px}
.polaroid--1{width:54%;left:2%;top:2%;transform:rotate(-7deg);z-index:2}
.polaroid--2{width:48%;right:0;top:14%;transform:rotate(6deg);z-index:1}
.polaroid--3{width:40%;left:28%;bottom:0;transform:rotate(-2deg);z-index:3}
.forma{position:absolute;display:block}
.forma--cerchio{width:44%;aspect-ratio:1;border-radius:50%;background:var(--a);border:2px solid var(--t);right:4%;bottom:6%;z-index:0}
.forma--stella{width:92px;height:92px;fill:var(--p);stroke:var(--t);stroke-width:.8;left:-2%;bottom:12%;z-index:4}
.forma--pillola{width:120px;height:42px;border-radius:999px;background:var(--t);right:12%;top:0;transform:rotate(-14deg);z-index:0}
html.js-anim .polaroid,html.js-anim .forma{opacity:0}

/* ---------- nastro ---------- */
main{overflow-x:clip}
.nastro{overflow:hidden;background:var(--a);color:var(--inchiostro);border-block:2px solid var(--t);transform:rotate(-1.5deg);margin:10px -10px 0}
.nastro__giro{display:flex;align-items:center;gap:28px;width:max-content;padding:16px 0;animation:nastro 32s linear infinite}
.nastro span{font-family:var(--f-titoli);font-size:clamp(1.4rem,2.4vw,2.2rem);white-space:nowrap}
.nastro svg{width:26px;height:26px;fill:currentColor;flex:none}
@keyframes nastro{to{transform:translateX(-50%)}}

/* ---------- listino ---------- */
.listino{max-width:var(--max);margin:0 auto;padding:var(--sezione) var(--m);display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(32px,6vw,100px);align-items:start;position:relative}
.listino__lato{position:sticky;top:110px}
.listino__lato>p{margin-top:20px;color:var(--tenue);max-width:30ch}
.salti{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.salti a{display:inline-flex;align-items:center;min-height:42px;padding:0 16px;border-radius:999px;border:2px solid var(--t);font-weight:600;font-size:15px;text-decoration:none;transition:background-color .25s}
.salti a:hover{background:var(--t);color:var(--s)}
.gruppo+.gruppo{margin-top:56px}
.gruppo h3{font-family:var(--f-titoli);font-size:clamp(1.5rem,2.2vw,2.1rem);margin-bottom:10px}
.gruppo li{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:18px;padding:18px 14px;border-top:2px solid var(--t);transition:background-color .25s,padding .4s var(--curva)}
.gruppo li:last-child{border-bottom:2px solid var(--t)}
.gruppo li:hover{background:var(--a);color:var(--inchiostro);padding-left:24px}
.mini{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid var(--t);display:none}
.mini--forma{background:radial-gradient(circle at 35% 30%,var(--cornice) 0 20%,var(--a) 21%)}
.v__nome{font-size:clamp(18px,1.5vw,21px);font-weight:600}
.v__tempo{font-size:15px;color:inherit;opacity:.78;white-space:nowrap}
.gruppo b{font-family:var(--f-titoli);font-weight:400;font-size:clamp(1.3rem,1.8vw,1.7rem);white-space:nowrap;min-width:4.2em;text-align:right}
.anteprima{position:fixed;left:0;top:0;z-index:40;width:220px;pointer-events:none;padding:8px 8px 26px;background:var(--cornice);border:2px solid var(--t);border-radius:10px;box-shadow:var(--ombra);opacity:0;visibility:hidden}
.anteprima img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:4px}

/* ---------- lavori: bento ---------- */
.lavori{max-width:var(--max);margin:0 auto;padding:0 var(--m) var(--sezione)}
.lavori__testa{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:18px 40px;margin-bottom:clamp(32px,4vw,56px)}
.bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:clamp(200px,20vw,300px);gap:18px}
.bento figure{position:relative;border:2px solid var(--t);border-radius:18px;overflow:hidden;background:var(--t);box-shadow:var(--ombra);transition:transform .5s var(--molla)}
.bento figure:nth-child(odd):hover{transform:rotate(-2deg) scale(1.02)}
.bento figure:nth-child(even):hover{transform:rotate(2deg) scale(1.02)}
.bento img{width:100%;height:100%;object-fit:cover}
.bento figcaption{position:absolute;left:12px;bottom:12px;padding:6px 12px;border-radius:999px;background:var(--cornice);color:#1d0b16;font-size:14px;font-weight:600;border:2px solid var(--t)}
.bento__grande{grid-column:span 2;grid-row:span 2}

/* ---------- carnet ---------- */
.carnet{max-width:var(--max);margin:0 auto;padding:0 var(--m) var(--sezione)}
.carnet__schede{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,3vw,44px);margin-top:clamp(32px,4vw,56px)}
.adesivo{padding:clamp(24px,3vw,40px);border:2px solid var(--t);border-radius:24px;background:color-mix(in oklab,var(--s) 86%,var(--t));box-shadow:var(--ombra)}
.adesivo--lime{background:var(--a);color:var(--inchiostro)}
.carnet .adesivo:first-child{transform:rotate(-1.5deg)}
.carnet .adesivo:last-child{transform:rotate(1.5deg)}
.adesivo h3{font-family:var(--f-titoli);font-size:clamp(1.6rem,2.6vw,2.4rem);line-height:1.05}
.adesivo__cosa{margin-top:10px;font-size:18px}
.adesivo__prezzo{font-family:var(--f-titoli);font-size:clamp(2.6rem,4.4vw,4rem);margin:18px 0 22px;line-height:1}
.adesivo__prezzo s{font-family:var(--f-testo);font-size:18px;font-weight:500;opacity:.7;margin-left:8px}
.carnet__nota{margin-top:30px;color:var(--tenue)}

/* ---------- prenota ---------- */
.prenota{max-width:var(--max);margin:0 auto;padding:0 var(--m) var(--sezione)}
.scheda{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,80px);padding:clamp(24px,4vw,64px);border-radius:32px;background:var(--t);color:var(--s);border:2px solid var(--t)}
.scheda>*{min-width:0}
.scheda__intro>p{margin-top:18px;color:color-mix(in oklab,var(--s) 80%,var(--t));max-width:34ch}
.scheda__foto{margin-top:32px;width:min(70%,300px);padding:8px 8px 26px;background:var(--cornice);border-radius:10px;transform:rotate(-4deg)}
.scheda__foto img{aspect-ratio:4/5;object-fit:cover;border-radius:4px;width:100%}
.scheda fieldset{border:0;margin:0 0 26px;padding:0;min-width:0;min-inline-size:0}
.scheda legend{float:left;width:100%;font-family:var(--f-titoli);font-size:1.25rem;padding:0;margin-bottom:12px}
.scheda legend+*{clear:both}
.pillole,.giorni,.fasce{display:flex;flex-wrap:wrap;gap:10px}
.pillole label,.giorni label,.fasce label{position:relative}
.scheda input[type="radio"]{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
.pillole span{display:inline-flex;align-items:center;min-height:48px;padding:0 18px;border-radius:999px;border:2px solid color-mix(in oklab,var(--s) 45%,var(--t));font-weight:600;transition:background-color .25s,color .25s,transform .35s var(--molla)}
.giorni span{display:grid;place-items:center;align-content:center;width:64px;height:72px;border-radius:18px;border:2px solid color-mix(in oklab,var(--s) 45%,var(--t));font-family:var(--f-titoli);font-size:1.4rem;line-height:1.05;transition:background-color .25s,color .25s,transform .35s var(--molla)}
.giorni small{font-family:var(--f-testo);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}
.fasce{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.fasce span{display:flex;flex-direction:column;justify-content:center;min-height:72px;padding:0 16px;border-radius:18px;border:2px solid color-mix(in oklab,var(--s) 45%,var(--t));font-size:15px;transition:background-color .25s,color .25s,transform .35s var(--molla)}
.fasce b{font-family:var(--f-titoli);font-weight:400;font-size:1.15rem}
.scheda input:checked+span{background:var(--a);color:var(--inchiostro);border-color:var(--a);transform:rotate(-2deg)}
.scheda input:focus-visible+span{outline:3px solid var(--a);outline-offset:3px}
.scheda__contatti{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:26px}
.campo{display:flex;flex-direction:column;gap:4px}
.campo span{font-size:14px;font-weight:600}
.campo input{min-height:52px;padding:0 16px;border-radius:14px;border:2px solid color-mix(in oklab,var(--s) 45%,var(--t));background:transparent;color:var(--s);font-size:17px}
.campo input:focus{outline:none;border-color:var(--a)}
.scheda .bottone{box-shadow:4px 4px 0 var(--s);border-color:var(--s)}
.scheda__nota{margin-top:16px;font-size:15px;color:color-mix(in oklab,var(--s) 80%,var(--t))}

/* ---------- recensioni ---------- */
.recensioni{max-width:var(--max);margin:0 auto;padding:0 var(--m) var(--sezione)}
.recensioni__testa{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:12px 40px}
.recensioni__testa p{color:var(--tenue)}
.recensioni__lista{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,40px);margin-top:clamp(32px,4vw,56px);align-items:start}
.recensioni__lista li:nth-child(1){transform:rotate(-2deg)}
.recensioni__lista li:nth-child(2){transform:rotate(1.5deg);margin-top:40px}
.recensioni__lista li:nth-child(3){transform:rotate(-1deg);margin-top:14px}
.voto{display:flex;gap:3px}
.voto svg{width:20px;height:20px;fill:currentColor}
.recensioni__lista blockquote{margin:16px 0 0;font-size:clamp(17.5px,1.4vw,20px);font-weight:500;line-height:1.45}
.chi{margin-top:16px;font-weight:700;font-size:15px}

/* ---------- contatti ---------- */
.contatti{max-width:var(--max);margin:0 auto;padding:0 var(--m) var(--sezione);display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,6vw,100px);align-items:start}
.contatti__dove>p{display:flex;gap:12px;align-items:flex-start;margin-top:18px;font-size:18.5px}
.contatti__dove>p:first-of-type{margin-top:26px}
.contatti__dove .ic{margin-top:5px}
.contatti__dove a{font-weight:600}
.contatti__bottoni{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}
.orari{transform:rotate(1.5deg)}
.orari h3{font-family:var(--f-titoli);font-size:1.8rem;margin-bottom:12px}
.orari dl{margin:0}
.orari dl div{display:flex;justify-content:space-between;gap:14px;padding:11px 0;border-bottom:2px dashed color-mix(in oklab,currentColor 35%,transparent);font-size:16.5px}
.orari dd{margin:0;font-weight:600;white-space:nowrap}
.orari__google{margin-top:14px;font-size:15px;opacity:.85}

/* ---------- piede ---------- */
.piede{background:var(--t);color:var(--s);padding:clamp(48px,6vw,90px) var(--m) 36px}
.piede__nome{max-width:var(--max);margin:0 auto;font-family:var(--f-titoli);font-size:clamp(2.8rem,9vw,9.6rem);line-height:.95;letter-spacing:-.03em;overflow-wrap:anywhere}
.piede__righe{max-width:var(--max);margin:36px auto 0;padding-top:20px;border-top:2px solid color-mix(in oklab,var(--s) 30%,var(--t));display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 32px;font-size:15px}
.piede__righe ul{display:flex;flex-wrap:wrap;gap:6px 22px}
.piede__righe a{text-decoration:none;display:inline-block;padding:4px 0}
.piede__righe a:hover{text-decoration:underline}

/* ---------- whatsapp ---------- */
.whatsapp{position:fixed;right:20px;bottom:20px;z-index:45;display:inline-flex;align-items:center;gap:10px;min-height:56px;padding:0 22px;border-radius:999px;border:2px solid var(--t);background:var(--a);color:var(--inchiostro);font-weight:700;font-size:15.5px;text-decoration:none;box-shadow:4px 4px 0 var(--t);transition:transform .35s var(--molla)}
.whatsapp:hover{transform:translate(-2px,-2px) rotate(-3deg)}
.whatsapp .ic{width:22px;height:22px}

/* ---------- larghezze ---------- */
@media (max-width:1180px){
  .lingue{display:none}
  .fasce{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:1024px){
  .eroe{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .scheda{grid-template-columns:minmax(0,1fr)}
  .scheda__foto{display:none}
  .recensioni__lista{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}
@media (max-width:899px){
  .hamburger{display:inline-block}
  .testata__cta{display:none}
  .testata{height:72px}
  .menu+.testata__azioni{margin-left:auto}
  .menu{position:fixed;inset:0;z-index:2;margin:0;display:flex;flex-direction:column;justify-content:space-between;padding:110px var(--m) 36px;background:var(--a);color:var(--inchiostro);transform:translateY(-100%);visibility:hidden;transition:transform .7s var(--curva),visibility 0s .7s}
  .menu-aperto .menu{transform:none;visibility:visible;transition:transform .7s var(--curva),visibility 0s}
  .menu-aperto .testata{background:transparent;box-shadow:none;color:var(--inchiostro)}
  .menu__voci{flex-direction:column;gap:6px}
  .menu__voci a{font-family:var(--f-titoli);font-weight:400;font-size:clamp(2.2rem,11vw,3.2rem);padding:0;min-height:0;line-height:1.15;transform:translateY(-16px) rotate(-3deg);opacity:0;transition:transform .6s var(--molla) .25s,opacity .4s .25s}
  .menu__voci li:nth-child(2) a{transition-delay:.31s}
  .menu__voci li:nth-child(3) a{transition-delay:.37s}
  .menu__voci li:nth-child(4) a{transition-delay:.43s}
  .menu-aperto .menu__voci a{transform:none;opacity:1}
  .menu__voci a:hover{background:none}
  .menu__piede{display:block;font-weight:600}

  .eroe{grid-template-columns:minmax(0,1fr);min-height:0;padding-top:100px;gap:32px}
  .eroe__titolo{font-size:clamp(2.9rem,14vw,5rem)}
  .collage{height:360px;min-height:0;max-width:440px;width:100%;justify-self:center}
  .forma--stella{width:64px;height:64px}
  .listino{grid-template-columns:minmax(0,1fr)}
  .listino__lato{position:static}
  .gruppo li{grid-template-columns:auto minmax(0,1fr) auto;gap:4px 14px;padding:14px 4px}
  .gruppo li:hover{padding-left:4px}
  .mini{display:block;grid-row:span 2}
  .v__tempo{grid-column:2;grid-row:2}
  .gruppo b{grid-column:3;grid-row:1/span 2}
  .bento{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:clamp(170px,44vw,260px);gap:14px}
  .carnet__schede,.recensioni__lista,.contatti{grid-template-columns:minmax(0,1fr)}
  .recensioni__lista li:nth-child(n){margin-top:0}
  .scheda{border-radius:24px}
  .whatsapp span{display:none}
  .whatsapp{width:58px;height:58px;padding:0;justify-content:center}
}
@media (max-width:560px){
  body{font-size:16px}
  .eroe__bottoni .bottone{flex:1 1 auto}
  .scheda__contatti{grid-template-columns:minmax(0,1fr)}
  .giorni{flex-wrap:nowrap;overflow-x:auto;padding:4px 4px 8px;margin:0 -4px;scrollbar-width:none}
  .giorni label{flex:none}
  .bento figcaption{font-size:13px;padding:4px 10px;left:8px;bottom:8px}
  .piede__righe{flex-direction:column}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:.01ms!important;animation:none!important}
}

/* il tasto WhatsApp fisso non deve coprire i link del piede */
.piede{padding-bottom:104px}

/* ---------- apertura: tre pennellate di smalto coprono il velo, che poi scivola via in diagonale ---------- */
.apertura{background:var(--a)}
.apertura__smalto{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.apertura__smalto path{fill:none;stroke:var(--s);stroke-width:330;stroke-linecap:round;stroke-dasharray:1 1;stroke-dashoffset:1}
.apertura__nome{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);text-align:center;padding:0 20px;font-family:var(--f-titoli);font-size:clamp(2rem,6.4vw,5.4rem);line-height:1;letter-spacing:-.03em;color:var(--t);overflow-wrap:anywhere}
