.eb-pagina{--cume:4.25rem;--espessura:1.4cqw;--folga:clamp(.5rem, 1.1cqw, 1.125rem);--l:min(86cqw, 30rem);--dur-luz:3s;--atraso-luz:.5s;isolation:isolate;background:radial-gradient(ellipse 65% 80% at 95% 5%, #82243e66, transparent), var(--gradiente-noite) var(--color-vermelho-950);grid-template-rows:1fr auto;min-height:100svh;display:grid;position:relative;container-type:inline-size}html:has(.eb-pagina){background:var(--color-vermelho-950)}.eb-pagina ::selection{background:var(--color-rosa-600);color:var(--color-vermelho-950)}.eb-brilho{z-index:-1;pointer-events:none;background:radial-gradient(ellipse calc(var(--l) * .95) calc(var(--l) * .7) at 50% calc(var(--cume) + var(--l) * .52), #ffb0b942, transparent);opacity:0;transition:opacity var(--dur-luz) var(--ease-mare) var(--atraso-luz);position:absolute;inset:0}.eb-telhado{top:var(--cume);z-index:-1;pointer-events:none;width:100%;height:auto;position:absolute;left:0}.eb-palco{grid-template-columns:minmax(0, var(--l));padding-top:calc(var(--cume) + var(--espessura) + var(--folga));grid-template-areas:"casa""titulo""nota""contactos";place-content:start center;display:grid}.eb-casa{aspect-ratio:6/5;background:var(--color-vermelho-950);clip-path:polygon(0 calc(var(--l) * .18), 50% 0, 100% calc(var(--l) * .18), 100% 100%, 0 100%);grid-area:casa;position:relative}.eb-casa :is(img,video){object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.eb-clip{opacity:0}.eb-clip-acender{transition:opacity .6s var(--ease-mare)}.eb-casa:is([data-clip],[data-fase=a-acender],[data-fase=acesa]) .eb-clip-acender,.eb-casa[data-apagar] .eb-clip-apagar{opacity:1}.eb-luz{opacity:0;transition:opacity var(--dur-base) var(--ease-mare)}.eb-casa[data-fase=acesa] .eb-luz{opacity:1}.eb-penumbra{transition:opacity var(--dur-luz) var(--ease-mare) var(--atraso-luz)}.eb-pagina[data-luz=acesa] .eb-brilho{opacity:1}.eb-pagina[data-luz=apagada] .eb-penumbra{opacity:.6}.eb-interruptor{display:none}.eb-linguas{position:relative}.eb-linguas-botao{letter-spacing:.04em;height:2.75rem;color:var(--color-rosa-100);cursor:pointer;align-items:center;gap:.5rem;margin-right:-.75rem;padding-inline:.75rem;font-size:.9375rem;display:flex}.eb-linguas-seta{opacity:.7;width:.625rem;height:.375rem;transition:transform var(--dur-rapido) var(--ease-cal)}.eb-linguas[data-aberto] .eb-linguas-seta{transform:rotate(180deg)}.eb-linguas-lista{background:var(--color-vermelho-950);transform-origin:100% 0;opacity:0;pointer-events:none;border:1px solid #ffcbd724;min-width:10rem;padding:.375rem;transition:opacity .14s ease-in,transform .14s ease-in;position:absolute;top:calc(100% + .25rem);right:-.5rem;transform:translateY(-.25rem)scale(.97);box-shadow:0 1px 2px #00000040,0 12px 32px #00000059}.eb-linguas[data-aberto] .eb-linguas-lista{opacity:1;pointer-events:auto;transition:opacity .22s var(--ease-cal), transform .22s var(--ease-cal);transform:none}.eb-linguas-opcao{min-height:2.75rem;font-family:var(--font-serif);color:#ffe5ebb8;transition:color var(--dur-rapido), background-color var(--dur-rapido);justify-content:space-between;align-items:center;gap:1rem;padding-inline:.75rem;font-size:1.125rem;display:flex}.eb-linguas-opcao:hover,.eb-linguas-opcao:focus-visible{color:var(--color-rosa-100);background:#ffcbd70f}.eb-linguas-opcao[aria-current]{color:var(--color-rosa-100)}.eb-linguas-opcao[aria-current]:after{content:"";background:var(--color-rosa-500);border-radius:50%;width:.3125rem;height:.3125rem}@media (prefers-reduced-motion:reduce){.eb-linguas-lista,.eb-linguas[data-aberto] .eb-linguas-lista{transition:opacity .15s;transform:none}}.eb-titulo{font-size:clamp(2.5rem, var(--l) * .12, 4.5rem);grid-area:titulo}.eb-nota{grid-area:nota}.eb-contactos{grid-area:contactos}.eb-rodape{padding-inline:calc((100cqw - var(--l)) / 2)}@media (min-width:48rem){.eb-pagina{--cume:4.5rem;--l:clamp(24rem, (100svh - 24rem) * 1.2, 62cqw)}}@media (min-width:80rem) and (min-height:42rem){.eb-pagina{--l:min(46cqw, (100svh - 23.5rem) * 1.2)}.eb-palco{grid-template-columns:minmax(0, 1fr) var(--l) minmax(0, 1fr);grid-template-areas:"nota casa contactos""titulo titulo titulo"}.eb-titulo{font-size:clamp(2.5rem,6.2cqw,5.75rem)}.eb-interruptor{place-items:center;display:grid;position:absolute;bottom:.875rem;right:2rem}.eb-nota,.eb-contactos{align-self:end}.eb-nota{justify-self:end}.eb-contactos{justify-self:start}.eb-rodape{padding-inline:2rem}}.eb-traco{stroke-dasharray:1 2;stroke-dashoffset:0}@media (prefers-reduced-motion:no-preference){.eb-telhado{animation:tracar var(--dur-lento) var(--ease-portada) both}.eb-traco{stroke-dashoffset:1.02px}.eb-pagina[data-aberta] .eb-traco{animation:escrever var(--duracao) var(--curva) calc(var(--atraso) + 2.6s) forwards}}@media (prefers-reduced-motion:reduce){.eb-pagina{--dur-luz:0s;--atraso-luz:0s}.eb-clip{display:none}.eb-pagina[data-luz=acesa] .eb-luz{opacity:1}}@keyframes escrever{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes tracar{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}
