/*
Theme Name: Novella Cortesia
Description: Pagina di cortesia responsive per Novella.
Version: 1.0.1
Requires at least: 6.0
Text Domain: novella-cortesia
*/
:root { --novella-blue: #00509b; --novella-grey: #bdbdbd; }
* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; }
body { background: #fff; font-family: 'Avenir Next', Avenir, Montserrat, Arial, sans-serif; }
.novella-main { min-height: 100vh; min-height: 100svh; position: relative; overflow: hidden; text-align: center; padding: clamp(72px, 15.5vh, 190px) 20px 0; }
.novella-logo { display: block; width: clamp(240px, 26vw, 330px); height: auto; margin: 0 auto; }
.novella-message { position: relative; z-index: 1; margin: clamp(70px, 8vh, 105px) auto 0; }
.novella-message h1 { color: var(--novella-blue); font-size: clamp(19px, 1.25vw, 25px); font-weight: 700; line-height: 1.02; margin: 0; }
.novella-soon { color: var(--novella-grey); font-size: clamp(32px, 2.3vw, 46px); font-weight: 400; line-height: 1.1; margin: 29px 0 0; }
.novella-symbol { display: block; position: absolute; width: clamp(340px, 34vw, 470px); height: auto; left: 50%; bottom: calc(-1 * clamp(34px, 3.4vw, 47px)); transform: translateX(-50%); }
@media (max-width: 700px) {
  .novella-main { padding-top: clamp(88px, 13vh, 145px); }
  .novella-logo { width: min(65vw, 300px); }
  .novella-message { margin-top: clamp(72px, 11vh, 115px); }
  .novella-message h1 { font-size: clamp(17px, 4.5vw, 23px); }
  .novella-soon { margin-top: 25px; font-size: clamp(27px, 7vw, 36px); }
  .novella-symbol { width: min(76vw, 400px); bottom: calc(-1 * min(7.6vw, 40px)); }
}
@media (max-height: 650px) {
  .novella-main { min-height: 650px; padding-top: 75px; }
  .novella-message { margin-top: 55px; }
  .novella-symbol { width: 340px; bottom: -34px; }
}