/* Estrutura inspirada no layout original, com a identidade cromática da Anna Seixas. */
body{background:#fbf7f1}
.site-header{min-height:106px;background:#fbf7f1;padding:18px 5%;position:relative;backdrop-filter:none}
.site-header .brand img{width:48px;height:48px}.site-header>p{position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap}.site-header>p span{position:fixed;right:5%;top:36px;border:1px solid var(--line);border-radius:999px;padding:8px 16px}
.welcome{min-height:calc(100vh - 106px);margin:0;padding:70px 5% 28px;border:0;border-radius:0;background:#fbf7f1;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);grid-template-rows:1fr auto;gap:30px 6%}
.welcome-copy{padding:20px 0;justify-content:center}.welcome h1{font-size:clamp(4.1rem,6.4vw,7.1rem);line-height:.82;margin:28px 0}.welcome h1 em{color:#60744c}.intro{font-size:1.05rem;line-height:1.7}.welcome .primary{margin-top:20px;border-radius:3px;min-width:185px;justify-content:space-between}.gift-visual{align-self:center;justify-self:center;width:min(100%,540px);aspect-ratio:1;min-height:0;border-radius:50%;overflow:visible;background:var(--lime)}
.gift-visual:before{inset:20% 12% 12%;background:#c9b9df;border-radius:10px;box-shadow:0 22px 40px #173e2c20;transform:rotate(-5deg)}.ribbon{background:#e0bd45}.ribbon.vertical{width:13%;height:71%;left:44%;top:13%;transform:rotate(-5deg)}.ribbon.horizontal{height:11%;width:78%;left:10%;top:42%;transform:rotate(-5deg)}.gift-label{inset:55% auto auto 49%;width:23%;aspect-ratio:.78;border-radius:0;transform:translate(-50%,-50%) rotate(-5deg);box-shadow:0 7px 20px #173e2c20}.gift-label small,.gift-label span,.gift-label em{display:none}.gift-label b{font-size:2.4rem;margin:0}.gift-visual:after{content:'para você ♡';position:absolute;right:1%;top:52%;z-index:5;background:#fffdfb;padding:18px 22px;font:italic 1.25rem 'Newsreader',serif;transform:rotate(8deg);box-shadow:0 8px 24px #173e2c22}.s1{top:7%;left:18%;color:#60744c}.s2{right:-7%;bottom:20%;color:#60744c}.welcome-foot{padding:26px 0 0;background:transparent;border-top:1px solid var(--line);grid-column:1/-1}.welcome-foot p:first-child{position:absolute;left:5%;margin-top:-92px;font-size:.8rem}.welcome-foot p:nth-of-type(2){font-size:.82rem}.welcome-foot p:last-child{font-size:.78rem}
.collection{max-width:none;padding:52px 5% 80px;background:#fbf7f1}.collection-head{max-width:none;display:grid;grid-template-columns:1fr minmax(240px,360px);column-gap:70px;align-items:end;margin-bottom:52px}.collection-head>.eyebrow,.collection-head>h2,.collection-head>p{grid-column:1}.collection-head>.eyebrow{margin:0 0 22px}.collection h2{font-size:clamp(4rem,6.3vw,6.8rem);line-height:.83;margin:0 0 26px}.collection h2 em{color:#60744c}.collection-head>p{margin:0}.progress{grid-column:2;grid-row:1/4;align-self:end;display:block;margin:0 0 32px}.progress span{display:block;font-size:.78rem;margin-bottom:12px}.progress>div{height:5px;background:#e6e2d8}.progress i{background:#60744c}
.gift-grid{grid-template-columns:repeat(3,1fr);gap:20px}.gift-card{min-height:285px;padding:28px 25px;border-radius:11px;background:#f8f2df;box-shadow:none;position:relative}.gift-card:nth-child(2){background:#efedf8}.gift-card:nth-child(3){background:#edf2e6}.gift-card:nth-child(4){background:#f7e8e7}.gift-card:nth-child(5){background:#e9f0f2}.gift-card:hover{transform:translateY(-4px);box-shadow:0 16px 34px #173e2c12}.gift-card h3{font-size:2rem;margin:18px 0 0}.gift-card span{margin-top:auto;font-size:.75rem;color:#66705f}.gift-card .envelope{width:100px;height:64px;margin:14px auto 0;background:var(--envelope,#dcc568);border-radius:3px;position:relative;filter:drop-shadow(0 8px 8px #173e2c18);transform:rotate(3deg)}.gift-card:nth-child(2) .envelope{--envelope:#baacd6;transform:rotate(-3deg)}.gift-card:nth-child(3) .envelope{--envelope:#aab989}.gift-card:nth-child(4) .envelope{--envelope:#d9a6a6;transform:rotate(-2deg)}.gift-card:nth-child(5) .envelope{--envelope:#9fb9c0}.envelope:before{content:'';position:absolute;inset:0;background:linear-gradient(145deg,transparent 49%,#ffffff38 50%),linear-gradient(215deg,transparent 49%,#ffffff50 50%);clip-path:polygon(0 0,100% 0,50% 65%)}.envelope:after{content:'✓';position:absolute;left:38px;top:18px;width:28px;height:28px;border-radius:50%;background:#60744c;color:#fff;text-align:center;line-height:28px;font-weight:700}.complete{border-radius:10px;background:var(--ink)}
.confetti-layer{position:fixed;inset:0;z-index:100;pointer-events:none;overflow:hidden}.confetti-piece{position:absolute;top:-24px;width:9px;height:18px;opacity:.9;animation:confetti-fall var(--duration) cubic-bezier(.18,.69,.35,1) forwards;animation-delay:var(--delay);transform:rotate(var(--rotation))}@keyframes confetti-fall{0%{transform:translate3d(0,-5vh,0) rotate(0)}100%{transform:translate3d(var(--drift),110vh,0) rotate(840deg);opacity:.25}}
@media(max-width:1000px){.site-header>p{display:block}.site-header>p span{display:none}.welcome{grid-template-columns:1fr 1fr;padding-top:46px}.gift-visual{width:100%}.gift-grid{grid-template-columns:repeat(2,1fr)}.gift-card:last-child{grid-column:auto}.collection-head{grid-template-columns:1fr}.progress{grid-column:1;grid-row:auto;margin-top:24px}.welcome-foot p:first-child{position:static;margin:0}}
@media(max-width:700px){.site-header>p{display:none}.welcome{grid-template-columns:1fr;padding:42px 22px 26px}.welcome h1{font-size:4.3rem}.gift-visual{width:min(92vw,450px)}.welcome-foot{grid-template-columns:1fr}.gift-grid{grid-template-columns:1fr}.gift-card{min-height:270px}.collection{padding-left:18px;padding-right:18px}.collection h2{font-size:4rem}}