*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}.braid{min-height:100dvh;padding:max(1.5rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1.5rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));color:#000;text-align:center;background:#f7f6fa;grid-template-rows:1fr auto 1fr;justify-items:center;display:grid;position:relative;overflow:hidden}.braid-bg{z-index:0;width:100%;height:100%;position:absolute;inset:0}.braid-bg__drift{transform-origin:50%;animation:14s ease-in-out infinite alternate braid-drift}@keyframes braid-drift{0%{opacity:.85;transform:scale(1)}to{opacity:1;transform:scale(1.04)}}@media (prefers-reduced-motion:reduce){.braid-bg__drift{animation:none}}.braid__content,.braid__footer{z-index:1;width:100%;position:relative}.braid__content{grid-row:2}.braid__title{letter-spacing:-.03em;margin:0;font-family:Google Sans,Product Sans,DM Sans,system-ui,sans-serif;font-size:clamp(2.5rem,min(7vw,11vh),6.5rem);font-weight:500;line-height:1}.braid__tagline{letter-spacing:-.02em;max-width:19em;margin:.6em auto 0;font-family:Merriweather,Georgia,serif;font-size:clamp(1rem,min(2.9vw,4.6vh),3rem);font-weight:400;line-height:1.1}.braid__teaser{letter-spacing:-.01em;margin:1.4em 0 0;font-family:Merriweather,Georgia,serif;font-size:clamp(.8rem,min(1.9vw,3vh),2rem)}.braid__footer{overflow-wrap:anywhere;grid-row:3;align-self:end;padding:2rem 0 7vh;font-family:Google Sans,Product Sans,DM Sans,system-ui,sans-serif;font-size:clamp(.8rem,min(1.3vw,2vh),1.4rem);font-weight:500}.braid__footer a{color:inherit;text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:1px}.braid__footer a:focus-visible{outline-offset:4px;border-radius:2px;outline:2px solid}@media (width<=600px) and (orientation:portrait){.braid{grid-template-rows:.8fr auto 1.2fr}.braid__title{font-size:clamp(2.5rem,12.5vw,3.5rem)}.braid__tagline{font-size:clamp(1rem,4.8vw,1.35rem)}.braid__teaser{font-size:clamp(.8rem,3.6vw,1rem)}.braid__footer{align-self:start;padding:clamp(3.5rem,13vh,8rem) 0 2rem;font-size:clamp(.8rem,3.4vw,.95rem)}.braid__footer span{display:block}}@media (height<=500px) and (orientation:landscape){.braid__tagline{margin-top:.4em}.braid__teaser{margin-top:.9em}.braid__footer{padding:1.25rem 0 .5rem}}