/* DESKTOP WEBSITE */
@media (min-width:1200px){

  body{
    background:var(--site-color-bg);
  }

  .wrap{
    display:block;
    max-width:none;
    padding:0;
  }

  .site-nav{
    position:sticky;
    top:0;
    z-index:1000;
    height:78px;
    border-radius:0;
    background:rgba(255,255,255,.94);
    border-bottom:1px solid rgba(0,0,0,.08);
    box-shadow:0 4px 24px rgba(0,0,0,.06);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
  }

  .NootoDialog{
    display:block;
    position:static;
    width:auto;
    height:auto;
    max-width:1420px;
    margin:0 auto;
    padding:0;
    border:0;
    background:transparent;
    border-radius:0;
    box-shadow:none;
    overflow:visible;
  }

  .NootoDialogHead{
    display:none;
  }

  .nav-links{
    position:relative;
    height:78px;
    display:block;
    padding:0 92px 0 42px;
    overflow:hidden;
    white-space:nowrap;
  }

/* CHIUSO */
.NootoDialog:not([open]) .nav-links a:not(.NootoDesktopTitle){
  display:none !important;
}

.NootoDialog:not([open]) .NootoDesktopTitle{
  display:block !important;
  position:absolute;
  left:42px;
  top:50%;
  transform:translateY(-50%) !important;

  max-width:520px;
  height:auto;

  overflow:hidden;
  text-decoration:none;
  box-shadow:none !important;
  border:0 !important;

  font-size:0 !important;
  color:transparent !important;
}

.NootoDialog:not([open]) .NootoDesktopTitle img{
  display:none !important;
}

.NootoDialog:not([open]) .NootoDesktopTitle::before{
  content:attr(data-title);
  display:block;

  max-width:520px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;

  color:var(--site-color);
  font-size:1.5rem;
  font-weight:900;
  letter-spacing:-.03em;
  line-height:1;
}



  .MenuButton{
    position:absolute;
    right:42px;
    top:18px;

    width:42px;
    height:42px;
    padding:0;

    display:flex;
    align-items:center;
    justify-content:center;

    border:0;
    border-radius:0;
    background:transparent;
    color:var(--site-color);
    box-shadow:none;
    line-height:1;
  }

  .MenuButtonTitle,
  .MenuButtonAlert{
    display:none;
  }

  .MenuButtonRight{
    display:flex;
    align-items:center;
    justify-content:center;
  }



.MenuButtonIcon{
  display:none;
}

.MenuButton::before{
  content:"";
  width:30px;
  height:30px;
  display:block;
  background:var(--site-color);
  mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 7h16M4 12h16M4 17h16' stroke='black' stroke-width='2.4' stroke-linecap='square'/%3E%3C/svg%3E") center/contain no-repeat;
  -webkit-mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 7h16M4 12h16M4 17h16' stroke='black' stroke-width='2.4' stroke-linecap='square'/%3E%3C/svg%3E") center/contain no-repeat;
}

.NootoDialog[open] .NootoDialogHead button{
  font-size:0;
  transform:none;
}

.NootoDialog[open] .NootoDialogHead button::before{
  content:"";
  width:30px;
  height:30px;
  display:block;
  background:var(--site-color);
  mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 6l12 12M18 6L6 18' stroke='black' stroke-width='2.4' stroke-linecap='square'/%3E%3C/svg%3E") center/contain no-repeat;
  -webkit-mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 6l12 12M18 6L6 18' stroke='black' stroke-width='2.4' stroke-linecap='square'/%3E%3C/svg%3E") center/contain no-repeat;
}



  /* APERTO */
  .NootoDialog[open]{
    position:fixed;
    inset:0;
    z-index:5000;

    width:100vw;
    height:100dvh;
    max-width:none;
    max-height:none;

    margin:0;
    background:#fff;
    overflow:hidden;
  }

  .NootoDialog[open] .NootoDialogHead{
    display:flex;
    height:78px;
    min-height:78px;
    align-items:center;
    justify-content:flex-end;
    padding:0 42px;
    border-bottom:1px solid rgba(0,0,0,.08);
    box-sizing:border-box;
  }

  .NootoDialog[open] .NootoDialogHead span{
    display:none;
  }

.NootoDialog[open] .NootoDialogHead button{
  width:42px;
  height:42px;
  padding:0;
  margin:0;

  display:flex;
  align-items:center;
  justify-content:center;

  border:0 !important;
  border-radius:0;
  background:transparent;
  box-shadow:none !important;

  color:transparent !important;
  font-size:0 !important;
  line-height:0 !important;
  overflow:hidden;
}

.NootoDialog[open] .NootoDialogHead button::before{
  content:"";
  width:30px;
  height:30px;
  display:block;
  flex:none;
  background:var(--site-color);

transform:translateX(-11px);

  mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 6l12 12M18 6L6 18' stroke='black' stroke-width='2.4' stroke-linecap='square'/%3E%3C/svg%3E") center/contain no-repeat;

  -webkit-mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 6l12 12M18 6L6 18' stroke='black' stroke-width='2.4' stroke-linecap='square'/%3E%3C/svg%3E") center/contain no-repeat;
}

  .NootoDialog[open] .nav-links{
    position:static;
    display:block;
    height:calc(100dvh - 78px);
    padding:28px 42px 120px;
    overflow-y:auto;
    overflow-x:hidden;
    white-space:normal;
  max-width:800px;
  margin:0 auto;    
  }

  .NootoDialog[open] .NootoDesktopTitle{
    display:block !important;
    position:static;
    transform:none !important;
    margin:0 0 28px;
    max-width:none;
    height:auto;
    text-align:center;

  }

  .NootoDialog[open] .NootoDesktopTitle::before{
    content:none;
  }

  .NootoDialog[open] .NootoDesktopTitle img{
    margin:0 auto;

    display:block;
    max-width:250px;
    height:auto !important;
    width:auto !important;
    max-height:none;
    object-fit:contain;
    border-radius:0;
  }

  .NootoDialog[open] .nav-links a{
    display:block;
    padding:16px 0;
    border-bottom:1px solid rgba(0,0,0,.08);
    color:#111;
    opacity:.72;
    text-decoration:none;
    font-size:1.25rem;
    font-weight:800;
  }

  .NootoDialog[open] .nav-links a.Active{
    opacity:1;
    color:var(--site-color);
  }


.NootoDialog:not([open]) .NootoSearchWrap,
.NootoDialog:not([open]) .NootoNavQR,
.NootoDialog:not([open]) .NootoSystemAlert{
  display:none;
}

.NootoDialog[open] .NootoSearchWrap,
.NootoDialog[open] .NootoSystemAlert,
.NootoDialog[open] .NootoNavQR{
  display:block;
  max-width:680px;
  margin-left:auto;
  margin-right:auto;
}

.NootoDialog[open] .NootoSearchWrap{
  margin-bottom:28px;
}

.NootoDialog[open] .NootoSystemAlert{
  margin-bottom:28px;
}

.NootoDialog[open] .NootoNavQR{
  margin-top:48px;
}




}


  main{
    max-width:900px;
    margin:30px auto 100px;
    padding:0 34px;

  background:#fff;
  color:#111;

    box-shadow:none;
    border-radius:0;
  }




.NootoHeroCover{
  margin:0 0 60px;
  margin-top:-60px;

  border-radius:34px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 30px 90px rgba(0,0,0,.14);
}



  .NootoHeroCover img{
    display:block;
    width:100%;
    height:auto;
    max-height:620px;
    object-fit:cover;
    border-radius:0;
  }

  .NootoSection{
    max-width:820px;
    margin:-30px auto 90px;
    padding-top:72px;
    padding-bottom:72px;
    border-bottom:1px solid rgba(0,0,0,.08);
  }

  .NootoSection:last-child{
    border-bottom:0;
    margin-bottom:0;
  }

h1{
  font-size:clamp(2.2rem,3vw,4rem);
  line-height:.95;
  letter-spacing:-.06em;
  margin:0 0 34px;
  color:#111;
}

h2{
  margin-top:56px;
  font-size:clamp(1.45rem,2vw,2.35rem);
  line-height:1.05;
  letter-spacing:-.04em;
  color:#111;
}


  h3{
    margin-top:36px;
    font-size:1.25rem;
    color:#222;
  }

  p,
  li{
    font-size:1.06rem;
    line-height:1.75;
  }

  .NootoCards,
  .NootoGallery,
  .NootoBooks,
  .NootoTimeline,
  .NootoTOC{
    max-width:1080px;
    margin-left:auto;
    margin-right:auto;
  }
}