/* ========================================================================== Base — reset enxuto, tipografia e utilitários compartilhados. ========================================================================== */ @import url('https://fonts.googleapis.com/css2?family=Allura&family=Cinzel:wght@400;500;600&family=Josefin+Sans:ital,wght@0,300;0,400;0,500;0,600;1,400&display=swap'); *, *::before, *::after { box-sizing: border-box; } html { scroll-behavior: smooth; scroll-padding-top: var(--header-h); -webkit-text-size-adjust: 100%; } body { margin: 0; font-family: var(--font-body); font-size: var(--fs-body); line-height: 1.6; color: var(--c-prose); background: var(--c-surface); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } img { display: block; max-width: 100%; height: auto; } a { color: inherit; text-decoration: none; } button { font-family: inherit; cursor: pointer; } ul { margin: 0; padding: 0; list-style: none; } h1, h2, h3 { margin: 0; font-weight: 400; } /* -- Utilitários ----------------------------------------------------------- */ .container { width: 100%; max-width: var(--maxw); margin-inline: auto; padding-inline: var(--gutter); } .prose { max-width: var(--maxw-narrow); margin-inline: auto; color: var(--c-prose); text-align: center; text-wrap: pretty; font-family: var(--font-prose); font-weight: 300; font-size: clamp(1rem, 0.95rem + 0.3vw, 1.12rem); line-height: 1.85; letter-spacing: 0.01em; } .prose strong { font-weight: 600; color: var(--c-ink); } /* Destaque decorativo em script (ex.: "vamos nos casar"). */ .font-script { font-family: var(--font-script); font-weight: 400; font-size: 1.85em; line-height: 1; color: var(--c-terracotta); font-style: normal; } .text-center { text-align: center; } /* -- Revelação ao rolar ---------------------------------------------------- */ /* Conteúdo é visível por padrão. A animação só é aplicada quando há JS (classe .js no ), garantindo que nada fique oculto sem JavaScript. */ .js .reveal { opacity: 0; transform: translateY(26px); transition: opacity var(--t-slow), transform var(--t-slow); transition-delay: calc(var(--i, 0) * 90ms); will-change: opacity, transform; } .js .reveal.is-visible { opacity: 1; transform: none; } @media (prefers-reduced-motion: reduce) { .js .reveal { opacity: 1 !important; transform: none !important; transition: none !important; } } .visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation-duration: 0.001ms !important; transition-duration: 0.001ms !important; } }