.landing,.og{--ink:var(--fg);--marker:var(--brand-400);--pen:var(--brand-600)}.landing{isolation:isolate;background:var(--surface-0);height:100dvh;color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;grid-template-rows:auto 1fr auto;padding:clamp(1rem,2.4vw,2rem) clamp(1.25rem,4vw,3.5rem);display:grid;position:relative;overflow:hidden}html:has(.landing){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--paper-50);overflow:hidden}html:has(.landing) body{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--paper-50);overflow:hidden}.landing:before{content:"";z-index:3;pointer-events:none;opacity:.32;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .55 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");animation:.9s steps(4,end) infinite grain;position:absolute;inset:-50%}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(-1%,3%)}to{transform:translate(0)}}.landing-mast{z-index:2;animation:fade-down .8s var(--ease-out-expo) both;justify-content:space-between;align-items:center;gap:1rem;display:flex;position:relative}.landing-logo,.landing-link{border-radius:var(--radius-control);outline:none;align-items:center;min-height:44px;display:inline-flex}.landing-logo:focus-visible,.landing-link:focus-visible,.landing-cta:focus-visible{box-shadow:0 0 0 3px var(--focus-ring)}.landing-meta{font-family:var(--font-mono);font-size:var(--text-caption);color:var(--fg-muted);letter-spacing:.02em;gap:1.25rem;display:flex}.landing-link{font-family:var(--font-mono);font-size:var(--text-label);color:var(--ink);text-underline-offset:5px;transition:color var(--duration-fast);text-decoration:underline;text-decoration-thickness:1.5px}.landing-link:hover{color:var(--pen)}.landing-main{flex-direction:column;justify-content:center;min-height:0;display:flex;position:relative}.landing-title{z-index:2;font-family:var(--font-display);letter-spacing:-.055em;text-wrap:nowrap;margin:0;font-size:clamp(3.75rem,min(15vw,21dvh),13.5rem);font-weight:800;line-height:.84;position:relative}.landing-line{padding-bottom:.06em;display:block;overflow:hidden}.landing-line:first-child{animation:rise 1s var(--ease-out-expo) .15s both}.landing-line:nth-child(2){animation:rise 1s var(--ease-out-expo) .3s both}@keyframes rise{0%{clip-path:inset(0 0 100%);transform:translateY(.4em)rotate(2deg)}to{clip-path:inset(0 0 -10%);transform:none}}.landing-mark{color:inherit;background:linear-gradient(var(--marker), var(--marker)) no-repeat 0 62% / 0% 58%;animation:highlight .7s var(--ease-out-quart) 1.15s forwards;margin-left:-.04em;padding:0 .06em}@keyframes highlight{to{background-size:100% 58%}}.landing-rewrite{z-index:2;font-family:var(--font-display);letter-spacing:-.03em;animation:fade-up .8s var(--ease-out-expo) .7s both;margin:clamp(1rem,3dvh,2rem) 0 0;font-size:clamp(1.4rem,3.2vw,2.6rem);font-weight:600;line-height:1.1;position:relative}.landing-swap{flex-wrap:wrap;align-items:baseline;gap:0 .35em;display:inline-flex}.landing-old{animation:fade-old 3.2s var(--ease-out-quart) both;text-decoration:none;position:relative}.landing-old svg{width:108%;height:.55em;position:absolute;top:30%;left:-4%;overflow:visible}.landing-old path{fill:none;stroke:var(--pen);stroke-width:4px;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1px;animation:strike .45s var(--ease-out-quart) .55s forwards}.landing-new{color:var(--pen);animation:write-in 3.2s var(--ease-out-expo) both;font-style:italic}@keyframes strike{to{stroke-dashoffset:0}}@keyframes fade-old{0%{opacity:0;transform:translateY(.3em)}10%{opacity:1;transform:none}35%{opacity:1}45%,88%{opacity:.38}to{opacity:0}}@keyframes write-in{0%,32%{opacity:0;clip-path:inset(0 100% 0 0);transform:translate(-.2em)}48%{opacity:1;clip-path:inset(0 -5% 0 0);transform:none}88%{opacity:1;clip-path:inset(0 -5% 0 0)}to{opacity:0;clip-path:inset(0 -5% 0 0)}}.landing-collage{z-index:1;aspect-ratio:1;pointer-events:none;width:min(92vw,52dvh);position:absolute;bottom:-4%;right:-6%}.landing-photo{background:var(--surface-0);box-shadow:0 1px 2px var(--border-strong), 0 18px 40px -18px var(--border-control);margin:0;padding:.5rem .5rem 0;position:absolute}.landing-photo img{filter:contrast(1.08)saturate(1.1);width:100%;height:auto;display:block}.landing-photo figcaption{font-family:var(--font-mono);font-size:var(--text-caption);color:var(--fg-muted);padding:.4rem .1rem .55rem}.landing-photo:before{content:"";z-index:1;background:color-mix(in oklch, var(--surface-2) 70%, transparent);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);width:84px;height:26px;position:absolute;top:-12px;left:50%;translate:-50%;rotate:-4deg}.landing-photo-rua{width:86%;animation:drop 1.1s var(--ease-out-expo) .5s both;top:4%;right:6%;rotate:3deg}.landing-photo-caderno{width:44%;animation:drop-left 1.1s var(--ease-out-expo) .75s both;padding-bottom:.5rem;bottom:6%;left:0;rotate:-7deg}.landing-photo-caderno:before{rotate:6deg}@keyframes drop{0%{opacity:0;transform:translate(4%,-8%)rotate(6deg)scale(1.06)}to{opacity:1;transform:none}}@keyframes drop-left{0%{opacity:0;transform:translate(-10%,10%)rotate(-6deg)scale(1.06)}to{opacity:1;transform:none}}.doodle{width:62%;position:absolute;bottom:-2%;right:-2%;overflow:visible}.doodle-street{stroke:var(--ink);stroke-width:2.4px;opacity:.85;stroke-dasharray:1;stroke-dashoffset:1px;animation:strike .9s var(--ease-out-quart) calc(1.1s + var(--i) * 90ms) forwards}.doodle-route{stroke:var(--pen);stroke-width:5px;stroke-dasharray:1;stroke-dashoffset:1px;animation:strike 1.6s var(--ease-in-out-quart) 2.4s forwards}.doodle-pin{animation:pin-drop .6s var(--ease-spring) calc(1.7s + var(--i) * .12s) both}.doodle-pin circle{fill:var(--marker);stroke:var(--ink);stroke-width:2.4px}.doodle-pin text{fill:var(--ink);font-family:var(--font-mono);text-anchor:middle;font-size:11px;font-weight:700}@keyframes pin-drop{0%{opacity:0;translate:0 -40px}70%{opacity:1;translate:0 3px}to{opacity:1;translate:0}}.doodle-runner{fill:var(--ink);offset-path:var(--route);offset-distance:0%;opacity:0;animation:run 4.8s var(--ease-in-out-quart) 4s infinite}@keyframes run{0%{offset-distance:0%;opacity:0}8%{opacity:1}80%{offset-distance:100%;opacity:1}to{offset-distance:100%;opacity:0}}.landing-foot{z-index:2;animation:fade-up .8s var(--ease-out-expo) .95s both;flex-direction:column;align-items:flex-start;gap:1rem;display:flex;position:relative}.landing-note{max-width:34ch;font-size:var(--text-body);color:var(--fg-muted);text-wrap:pretty;margin:0}.landing-cta{border-radius:var(--radius-pill);background:var(--ink);min-height:60px;color:var(--surface-0);font-family:var(--font-display);letter-spacing:-.02em;transition:color var(--duration-fast);outline:none;align-items:center;gap:.75rem;padding:0 1.75rem;font-size:clamp(1.15rem,1.6vw,1.4rem);font-weight:700;display:inline-flex;position:relative;overflow:hidden}.landing-cta:before{content:"";z-index:-1;background:var(--marker);transition:transform .45s var(--ease-out-expo);position:absolute;inset:0;transform:translateY(101%)}.landing-cta{z-index:0}.landing-cta:hover,.landing-cta:focus-visible{color:var(--ink)}.landing-cta:hover:before,.landing-cta:focus-visible:before{transform:none}.landing-cta svg{width:1.2em;height:1.2em;transition:transform .45s var(--ease-out-expo)}.landing-cta:hover svg{transform:translate(6px)rotate(-12deg)}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes fade-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}@media (width<=639px){.landing-meta-hide{display:none}.landing-main{justify-content:flex-start;padding-top:4dvh}.landing-collage{width:min(86vw,40dvh);bottom:1rem;right:-4%}.landing-photo figcaption{display:none}}@media (width>=1024px){.landing-collage{width:min(50vw,84dvh);top:50%;bottom:auto;right:0;translate:0 -50%}.landing-foot{flex-direction:row;justify-content:space-between;align-items:flex-end}.landing-note{text-align:right;order:2}}.og{background:var(--surface-0);width:1200px;height:630px;color:var(--fg);font-family:var(--font-sans);flex-direction:column;gap:2.25rem;padding:3rem 3.5rem;display:flex;position:relative;overflow:hidden}.og *,.og :before{animation:none}.og .landing-mark{background-size:100% 58%}.og .doodle-street,.og .doodle-route{stroke-dashoffset:0}.og .doodle-runner{display:none}.og .landing-note{text-align:left;order:0}.og[data-format=square]{height:1200px;padding:4.5rem}.og .landing-title{margin-top:auto;font-size:7.25rem}.og[data-format=square] .landing-title{margin-top:1.5rem;font-size:10.5rem}.og .landing-note{max-width:26ch;font-size:1.6rem}.og .og-collage{width:470px;top:50%;bottom:auto;right:2.5rem;translate:0 -50%}.og[data-format=square] .og-collage{width:640px;top:auto;bottom:2rem;translate:none}@media (prefers-reduced-motion:reduce){.landing:before,.landing-mast,.landing-line:nth-child(n),.landing-rewrite,.landing-old,.landing-new,.landing-photo-rua,.landing-photo-caderno,.doodle-pin,.landing-foot{animation:none}.landing-old{opacity:.38}.landing-mark{background-size:100% 58%;animation:none}.landing-old path,.doodle-street,.doodle-route{stroke-dashoffset:0;animation:none}.landing-cta,.landing-cta:before,.landing-cta svg{transition:none}.doodle-runner{display:none}}