@import url('https://fonts.googleapis.com/css2?family=Crimson+Pro:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap');

@font-face {
    font-family: "Slight";
    src: url("../assets/fonts/slight-regular.ttf");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

:root{--paper:#f7f3eb;--paper-deep:#eee6da;--ink:#331318;--wine:#7b0e2d;--wine-dark:#4b0b20;--brown:#714233;--navy:#17334d;--font-serif:"Crimson Pro",Georgia,serif;--font-script:"Slight","Segoe Script",cursive}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.5 var(--font-serif);overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}::selection{background:var(--wine);color:#fff}
.site-header{position:fixed;z-index:50;inset:0 0 auto;height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,80px);background:rgba(247,243,235,.82);backdrop-filter:blur(14px);border-bottom:1px solid rgba(74,42,35,.1)}.brand{display:block;flex:0 0 auto;width:96px;height:58px;overflow:hidden;background:url('../assets/img/logo-casamento-transparente.png') center/contain no-repeat;white-space:nowrap;text-indent:-9999px}.brand span{display:none}.nav{display:flex;gap:clamp(20px,3vw,56px);align-items:center}.nav a{text-transform:uppercase;letter-spacing:.1em;font-size:.78rem;color:var(--brown);position:relative}.nav a::after{content:"";position:absolute;height:1px;left:50%;right:50%;bottom:-8px;background:var(--wine);transition:.25s}.nav a:hover::after,.nav a.active::after{left:0;right:0}.menu-button{display:none;background:none;border:0;width:45px;height:45px;padding:11px;cursor:pointer}.menu-button span{display:block;height:1px;background:var(--brown);margin:8px 0}
.petals{position:fixed;inset:0;z-index:40;pointer-events:none;overflow:hidden}.petals span{position:absolute;top:-3rem;color:#ddb6bd;opacity:0;font-size:clamp(.7rem,1.4vw,1.2rem);animation:drift 16s linear infinite}.petals span:nth-child(1){left:4%;animation-delay:1s}.petals span:nth-child(2){left:12%;animation-delay:8s}.petals span:nth-child(3){left:22%;animation-delay:4s}.petals span:nth-child(4){left:31%;animation-delay:13s}.petals span:nth-child(5){left:43%;animation-delay:6s}.petals span:nth-child(6){left:51%;animation-delay:16s}.petals span:nth-child(7){left:60%;animation-delay:2s}.petals span:nth-child(8){left:69%;animation-delay:11s}.petals span:nth-child(9){left:77%;animation-delay:5s}.petals span:nth-child(10){left:85%;animation-delay:15s}.petals span:nth-child(11){left:92%;animation-delay:9s}.petals span:nth-child(12){left:97%;animation-delay:3s}@keyframes drift{0%{transform:translate3d(0,-4vh,0) rotate(0);opacity:0}10%{opacity:.26}50%{transform:translate3d(4vw,50vh,0) rotate(160deg);opacity:.18}100%{transform:translate3d(-3vw,106vh,0) rotate(340deg);opacity:0}}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}.site-footer{text-align:center;color:var(--brown);padding:48px 24px 54px;background-color:var(--paper-deep);background-image:linear-gradient(rgba(238,230,218,.72),rgba(238,230,218,.72)),url('../assets/img/papel-amassado.png');background-position:center;background-size:cover;background-repeat:no-repeat;border-top:1px solid rgba(123,14,45,.18)}.footer-mark{width:min(310px,78vw);aspect-ratio:816/459;margin:0 auto 18px;overflow:hidden;background:url('../assets/img/logo-footer.png') center/contain no-repeat;white-space:nowrap;text-indent:-9999px}.site-footer p{font-size:.82rem;text-transform:uppercase;letter-spacing:.18em;margin:0;color:var(--wine-dark);text-align:center}
@media(max-width:900px){.site-header{height:74px}.brand{width:82px;height:50px}.menu-button{display:block}.nav{position:absolute;top:74px;left:0;right:0;background:var(--paper);padding:16px 24px 32px;display:grid;gap:0;transform:translateY(-130%);opacity:0;transition:.3s;z-index:-1;box-shadow:0 22px 45px rgba(42,24,20,.1)}.nav.open{transform:translateY(0);opacity:1}.nav a{padding:16px 0;border-bottom:1px solid rgba(74,42,35,.1)}}@media(max-width:480px){.site-footer{padding:40px 20px 44px}.footer-mark{width:min(260px,78vw)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.petals{display:none}.reveal{opacity:1;transform:none;transition:none}}