.home-top{padding:calc(14px + env(safe-area-inset-top)) 16px 6px;justify-content:center;display:flex}.hero{text-align:center;flex-direction:column;align-items:center;gap:14px;max-width:460px;margin:0 auto;padding:6px 16px 28px;display:flex}.hero h1{font-family:var(--display);font-size:clamp(2.1rem,9.6vw,3rem);font-style:var(--display-style);font-weight:var(--display-weight);letter-spacing:var(--display-tracking);text-wrap:balance;line-height:1.04}.hero-sub{color:var(--tinta-leve);margin-top:-6px;font-size:1.02rem;line-height:1.4}.hero-stage{width:100%;height:min(46svh,460px);position:relative}.hero-card{width:100%;height:100%}.hero-card.lc,.hero-card .lc-stage,.hero-ghost.lc,.hero-ghost .lc-stage{background:0 0}.hero-card.lc,.hero-ghost.lc{--object-shadow:0 12px 26px #14102838, 0 1px 3px #14102833;overflow:visible}.hero-ghost{pointer-events:none;position:absolute;inset:0}.hero-again{margin-top:-4px}.hero-pick{scroll-snap-type:x proximity;scrollbar-width:none;gap:8px;width:calc(100% + 32px);margin:0 -16px;padding:0 16px;display:flex;overflow-x:auto}.hero-pick::-webkit-scrollbar{display:none}.swatch{color:var(--tinta-leve);scroll-snap-align:center;background:0 0;border:0;border-bottom:2px solid #0000;flex:none;justify-items:center;gap:5px;padding:4px 4px 2px;font-size:.8rem;font-weight:500;transition:transform .12s ease-out;display:grid}.swatch img{border-radius:3px;width:52px;height:78px;box-shadow:0 1px 3px #0000003d}.swatch[aria-checked=true]{border-bottom-color:var(--tinta);color:var(--tinta)}.swatch:active{transform:scale(.96)}.swatch:focus-visible{outline:2px solid var(--tinta)}.hero-go{width:100%}.occasions{max-width:980px;margin:0 auto;padding:36px 16px 8px}.occasions h2,.faq h2,.ruled h2{font-family:var(--display);font-size:2rem;font-style:var(--display-style);font-weight:var(--display-weight);letter-spacing:var(--display-tracking);line-height:1.1}.occasions>p{color:var(--tinta-leve);margin-top:6px;line-height:1.45}.desk{grid-template-columns:repeat(2,1fr);gap:26px 18px;margin:24px 0 0;padding:0;list-style:none;display:grid}.desk a{color:var(--tinta);font-family:var(--display);font-size:1.15rem;font-style:var(--display-style);text-align:center;justify-items:center;gap:10px;text-decoration:none;display:grid}.desk img{border-radius:3px;width:100%;max-width:180px;height:auto;transition:transform .18s cubic-bezier(.22,1,.36,1);box-shadow:0 8px 18px #14102833,0 1px 2px #14102833}.desk li:nth-child(4n+1) img{transform:rotate(-2.2deg)}.desk li:nth-child(4n+2) img{transform:rotate(1.6deg)translateY(10px)}.desk li:nth-child(4n+3) img{transform:rotate(1.2deg)}.desk li:nth-child(4n) img{transform:rotate(-1.4deg)translateY(10px)}.desk a:active img{transform:scale(.97)}.desk a:focus-visible{outline:2px solid var(--tinta);outline-offset:4px}.sheet-how{padding:40px 16px 12px}.ruled{--pauta:32px;max-width:560px;padding:var(--pauta) 18px var(--pauta) 44px;background-color:#fff;background-image:linear-gradient(90deg, transparent 31px, #b3202e73 31px, #b3202e73 32px, transparent 32px), repeating-linear-gradient(180deg, transparent 0 calc(var(--pauta) - 1px), #d6dfea calc(var(--pauta) - 1px) var(--pauta));margin:0 auto;transform:rotate(-.6deg);box-shadow:0 10px 24px #1410281a,0 1px 2px #14102824}.ruled h2{line-height:calc(var(--pauta) * 2)}.ruled ol{font-family:var(--display);font-size:1.22rem;font-style:italic;font-weight:400;line-height:var(--pauta);margin:0;padding:0 0 0 18px}.faq{max-width:620px;margin:0 auto;padding:36px 16px 32px}.faq details{border-bottom:1px solid var(--linha)}.faq h2{margin-bottom:10px}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:54px;font-weight:500;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{color:var(--tinta-leve);content:"+";flex:none;font-size:1.4rem;font-weight:400;transition:transform .18s ease-out}.faq details[open] summary:after{transform:rotate(45deg)}.faq summary:focus-visible{outline:2px solid var(--tinta);outline-offset:2px}.faq p{color:var(--tinta-leve);padding-bottom:16px;line-height:1.5}.home-foot{padding:18px 16px calc(84px + env(safe-area-inset-bottom));border-top:1px solid var(--linha);color:var(--tinta-leve);text-align:center;gap:6px;font-size:.82rem;display:grid}.home-foot p{margin:0}.home-foot a{color:inherit;margin:0 6px}@media (width>=640px){.desk{grid-template-columns:repeat(3,1fr)}}@media (hover:hover) and (pointer:fine){.hero-pick{cursor:grab}.hero-pick.is-dragging{cursor:grabbing}.swatch:hover{color:var(--tinta)}.desk a:hover img{transform:rotate(0)translateY(-6px);box-shadow:0 16px 30px #14102842,0 1px 2px #14102833}.faq summary:hover{color:var(--tinta)}}@media (width>=900px){.home-top{justify-content:flex-start;max-width:1120px;margin:0 auto;padding:22px 32px 0}.hero{text-align:left;grid-template:"stage title"1fr"stage sub""stage pick""stage go""stage again"1fr/minmax(0,1fr) minmax(0,1fr);justify-items:start;gap:18px 56px;max-width:1120px;padding:12px 32px 40px;display:grid}.hero h1{grid-area:title;align-self:end;font-size:clamp(3.2rem,5.2vw,4.6rem)}.hero-sub{grid-area:sub;margin:0;font-size:1.2rem}.hero-stage{grid-area:stage;height:min(78vh,720px)}.hero-pick{flex-wrap:wrap;grid-area:pick;width:100%;margin:8px 0;padding:0;overflow:visible}.hero-go{grid-area:go;width:auto;min-width:280px}.hero-again{grid-area:again;align-self:start;margin:0}.occasions{padding-top:56px}.desk{grid-template-columns:repeat(4,1fr)}}@media (prefers-reduced-motion:reduce){.faq summary:after,.desk img{transition:none}}