/* K&W Development Partner - pagina "Coming soon" (proposta B "Marea": navy e sabbia) */
@font-face { font-family: 'Bodoni Moda'; font-style: normal; font-weight: 400 900; font-display: swap; src: url('../fonts/bodoni-moda-latin-opsz-normal.woff2') format('woff2'); }
@font-face { font-family: 'Bodoni Moda'; font-style: italic; font-weight: 400 900; font-display: swap; src: url('../fonts/bodoni-moda-latin-opsz-italic.woff2') format('woff2'); }
@font-face { font-family: 'Jost'; font-style: normal; font-weight: 300; font-display: swap; src: url('../fonts/jost-latin-300-normal.woff2') format('woff2'); }
@font-face { font-family: 'Jost'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/jost-latin-400-normal.woff2') format('woff2'); }

:root {
    --page-bg: #0a1630;
    --sand: #d8c6b0;
    --ice: #f4f8fc;
    --text: #cdd5e4;
    --font-display: 'Bodoni Moda', 'Didot', 'Bodoni 72', 'Times New Roman', serif;
    --font-body: 'Jost', 'Helvetica Neue', Arial, sans-serif;
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
    margin: 0; min-height: 100vh; min-height: 100svh; background: var(--page-bg); color: var(--text);
    font-family: var(--font-body); font-weight: 300; font-size: 1.0625rem; line-height: 1.6;
    -webkit-font-smoothing: antialiased;
}

.stage {
    position: relative; isolation: isolate; overflow: hidden;
    min-height: 100vh; min-height: 100svh;
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    padding: clamp(2rem, 6vh, 4rem) 1.5rem;
    text-align: center;
}
.bg, .bg video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; }
.veil {
    position: absolute; inset: 0; z-index: -1;
    background:
        radial-gradient(ellipse at center, rgba(7, 16, 40, .35) 0%, rgba(7, 16, 40, .82) 70%),
        linear-gradient(180deg, rgba(7, 16, 40, .55) 0%, rgba(7, 16, 40, .2) 40%, rgba(7, 16, 40, .9) 100%);
}

.content { max-width: 44rem; display: flex; flex-direction: column; align-items: center; }
.logo { width: min(78vw, 460px); height: auto; filter: drop-shadow(0 8px 36px rgba(0, 0, 0, .7)); }

.eyebrow {
    margin: clamp(1.75rem, 5vh, 2.75rem) 0 1rem;
    font-size: .78rem; font-weight: 400; letter-spacing: .38em; text-transform: uppercase; color: var(--sand);
}
h1 {
    margin: 0 0 1.25rem; color: var(--ice);
    font-family: var(--font-display); font-weight: 400; font-variation-settings: 'opsz' 96;
    font-size: clamp(2rem, 5.2vw, 3.6rem); line-height: 1.08;
}
h1 { text-wrap: balance; }
h1 em { font-style: italic; color: var(--sand); }
.lead { margin: 0 0 2rem; max-width: 34rem; }

.mail {
    display: inline-block; padding: .85rem 1.9rem;
    color: var(--sand); border: 1px solid rgba(216, 198, 176, .55); border-radius: 2px;
    font-size: .9rem; font-weight: 400; letter-spacing: .12em; text-decoration: none;
    transition: background .25s, color .25s, border-color .25s;
}
.mail:hover, .mail:focus-visible { background: var(--sand); color: var(--page-bg); border-color: var(--sand); }
.mail:focus-visible { outline: 2px solid var(--ice); outline-offset: 3px; }

.foot {
    position: absolute; left: 0; right: 0; bottom: clamp(1rem, 3vh, 1.75rem);
    font-size: .72rem; letter-spacing: .2em; text-transform: uppercase; color: rgba(205, 213, 228, .65);
}

@media (max-width: 560px) {
    .eyebrow { letter-spacing: .26em; }
    .foot { position: static; margin-top: 3rem; }
}