:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#30312f;background:#f2efe8;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;border:0;padding:0;background:transparent;cursor:pointer}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid #7d786f;outline-offset:10px;border-radius:2px}.hero{min-height:92svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 24px}.wordmark{color:#8b675b;display:flex;align-items:baseline;gap:.09em;margin:0;font-size:clamp(64px,13.5vw,188px);font-weight:500;letter-spacing:-.065em;line-height:1.15}.wordmark-piece{display:inline-block;transform-origin:50% 100%;transition:transform .65s cubic-bezier(.2,.7,.2,1),letter-spacing .65s}.wordmark-piece:not([data-level="3"]){font-size:.7em}.wordmark-piece button,.wordmark-piece a{display:block;letter-spacing:inherit}.wordmark-piece[data-level="0"][data-active=true]{transform:scale(1.015,1.12)}.wordmark-piece[data-level="1"][data-active=true]{transform:scale(1.025,1.28)}.wordmark-piece[data-level="2"][data-active=true]{transform:scale(1.035,1.48)}.bravo-initial,.bravo-flow{display:inline-block;transform-origin:left 85%;transition:transform .65s cubic-bezier(.2,.7,.2,1),letter-spacing .65s}.wordmark-piece[data-level="3"][data-active=true] .bravo-initial{transform:scaleX(.975) skew(-1deg)}.wordmark-piece[data-level="3"][data-active=true] .bravo-flow{transform:translate(.015em,-.035em) scaleX(1.075);letter-spacing:-.025em}.tagline{font-size:clamp(17px,2vw,23px);letter-spacing:-.025em;margin:34px 0 0}.things{padding:70px max(24px,8vw) 0;scroll-margin-top:24px}h2{font-size:16px;font-weight:400;margin:0;color:#7d786f}#things-title{max-width:1150px;margin-inline:auto;padding-left:16px;letter-spacing:.08em;transform:translateY(12px)}.stage{position:relative;height:clamp(400px,65svh,700px);max-width:1150px;margin:auto}.traveler{position:absolute;top:38%;animation:11s ease-in-out infinite;animation-play-state:paused}.traveler[data-running=true],.traveler[data-running=true] .self-motion{animation-play-state:running}.up{left:22%;color:#8394a3;animation-name:up-path}.lawoo{left:61%;top:49%;color:#8c9a86;animation-name:lawoo-path;animation-duration:13s}.thing{font-size:clamp(52px,8vw,108px);font-weight:500;letter-spacing:-.055em;line-height:1.2;padding:14px}.self-motion,.reaction{display:block;transform-origin:50% 85%}.self-motion{animation:4.6s ease-in-out infinite up-shape;animation-play-state:paused}.lawoo .self-motion{animation-name:lawoo-shape;animation-duration:5.8s}.reaction{animation-duration:1.05s;animation-timing-function:cubic-bezier(.2,.7,.2,1);animation-fill-mode:both}.up [data-reaction=self-1]{animation-name:up-hop}.up [data-reaction=self-2]{animation-name:up-compress}.up [data-reaction=self-3]{animation-name:up-tilt}.lawoo [data-reaction=partner-1]{animation-name:lawoo-recoil}.lawoo [data-reaction=partner-2]{animation-name:lawoo-surprise}.lawoo [data-reaction=partner-3]{animation-name:lawoo-dodge}.lawoo [data-reaction=self-1]{animation-name:lawoo-squash}.lawoo [data-reaction=self-2]{animation-name:lawoo-stretch}.lawoo [data-reaction=self-3]{animation-name:lawoo-tilt}.up [data-reaction=partner-1]{animation-name:up-retreat}.up [data-reaction=partner-2]{animation-name:up-surprise}.up [data-reaction=partner-3]{animation-name:up-dodge}.lawoo-letters{white-space:nowrap}.lawoo-letter{display:inline-block;transform-origin:50% 75%;animation:5.6s ease-in-out infinite;animation-play-state:paused}.traveler[data-running=true] .lawoo-letter{animation-play-state:running}.lawoo-letter[data-letter="0"]{animation-name:letter-l}.lawoo-letter[data-letter="1"]{animation-name:letter-a;animation-delay:-.7s}.lawoo-letter[data-letter="2"]{animation-name:letter-w;animation-delay:-1.2s}.lawoo-letter[data-letter="3"]{animation-name:letter-o-first;animation-delay:-.4s}.lawoo-letter[data-letter="4"]{animation-name:letter-o-last;animation-delay:-2.1s}@keyframes letter-l{0%,to{transform:none}42%{transform:translateY(-.035em) rotate(-3deg)}70%{transform:rotate(1deg)}}@keyframes letter-a{0%,to{transform:none}35%{transform:scale(1.025,.94)}65%{transform:scale(.985,1.04)}}@keyframes letter-w{0%,to{transform:none}40%{transform:scaleX(1.12)}72%{transform:scaleX(.95)}}@keyframes letter-o-first{0%,to{transform:none}42%{transform:translate(-.018em) scale(1.07)}72%{transform:translate(.01em) scale(.97)}}@keyframes letter-o-last{0%,to{transform:none}42%{transform:translate(.024em) scale(1.08)}72%{transform:translate(-.01em) scale(.965)}}@keyframes up-shape{0%,35%,to{transform:none}48%{transform:translateY(-10px) scale(.97,1.09) rotate(-2deg);letter-spacing:-.02em}65%{transform:scale(1.06,.95)}}@keyframes lawoo-shape{0%,25%,to{transform:none}42%{transform:scale(1.09,.93) rotate(2deg)}67%{transform:translateY(-5px) scale(.97,1.07) rotate(-2deg);letter-spacing:-.025em}}@keyframes up-hop{0%,to{transform:none}25%{transform:translateY(-30px) scale(.95,1.18)}55%{transform:scale(1.05,.94)}}@keyframes up-compress{0%,to{transform:none}22%{transform:scale(1.15,.78)}48%{transform:translateY(-10px) scale(.96,1.2)}}@keyframes up-tilt{0%,to{transform:none}30%,50%{transform:translate(-16px) rotate(-6deg)}}@keyframes lawoo-recoil{0%,to{transform:none}18%,45%{transform:translate(32px) rotate(4deg)}}@keyframes lawoo-surprise{0%,to{transform:none;letter-spacing:inherit}23%,48%{transform:scale(1.15,1.04);letter-spacing:.025em}}@keyframes lawoo-dodge{0%,to{transform:none}20%,48%{transform:translate(-16px,28px) rotate(-4deg)}}@keyframes lawoo-squash{0%,to{transform:none}25%{transform:scale(1.12,.8) rotate(-4deg)}55%{transform:rotate(4deg) scale(1.04,.96)}}@keyframes lawoo-stretch{0%,to{transform:none}30%,48%{transform:scale(1.07,1.19)}}@keyframes lawoo-tilt{0%,to{transform:none}30%,50%{transform:translate(18px) rotate(6deg)}}@keyframes up-retreat{0%,to{transform:none}18%,45%{transform:translateY(-38px) rotate(-3deg)}}@keyframes up-surprise{0%,to{transform:none;letter-spacing:inherit}23%,48%{transform:scale(1.2,.96);letter-spacing:.07em}}@keyframes up-dodge{0%,to{transform:none}20%,48%{transform:translate(-34px) rotate(-4deg)}}.about{min-height:48svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px 100px;gap:24px}.about p{font-size:clamp(28px,4vw,45px);letter-spacing:-.04em;margin:0}.about a{font-size:16px;color:#7d786f;text-underline-offset:5px}.about a:hover{text-decoration:underline}@keyframes up-path{0%,12%,to{transform:translate(0)}24%{transform:translate(calc(7 * var(--stage-step, 1vw)),-18px) rotate(-2deg)}34%,41%{transform:translate(calc(13 * var(--stage-step, 1vw)),8px) scale(1.035)}54%{transform:translate(calc(23 * var(--stage-step, 1vw)),-24px) rotate(2deg)}65%,73%{transform:translate(calc(25 * var(--stage-step, 1vw)),5px)}87%{transform:translate(calc(8 * var(--stage-step, 1vw)),-12px)}}@keyframes lawoo-path{0%,12%,to{transform:translate(0)}27%{transform:translate(calc(-4 * var(--stage-step, 1vw)),6px) scale(1.035,.975)}36%,43%{transform:translate(calc(-9 * var(--stage-step, 1vw)),-8px) rotate(2deg)}57%{transform:translate(calc(-22 * var(--stage-step, 1vw)),18px) scale(.98,1.035)}66%,74%{transform:translate(calc(-24 * var(--stage-step, 1vw)),10px) rotate(-2deg)}88%{transform:translate(calc(-6 * var(--stage-step, 1vw)),-5px)}}@media(max-width:600px){.hero{min-height:85svh}.wordmark{font-size:clamp(54px,15vw,90px)}.tagline{margin-top:26px}.things{padding-top:48px}.stage{height:460px;--stage-step: min(1vw, 3px)}.up{left:16%;top:30%}.lawoo{left:auto;right:56px;top:52%}.thing{font-size:clamp(48px,13vw,72px)}.about{min-height:40svh}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.wordmark .wordmark-piece[data-active=true] .bravo-initial,.wordmark .wordmark-piece[data-active=true] .bravo-flow{transform:none;letter-spacing:inherit}.wordmark .wordmark-piece[data-active=true]{transform:none;letter-spacing:inherit;color:#7d786f}.reaction[data-reaction]:not([data-reaction=""]){text-decoration:underline;text-underline-offset:8px}.thing:hover,.thing:focus-visible{text-decoration:underline;text-underline-offset:8px}}
