.about-page{color:var(--site-ink);background:var(--site-yellow)}.about-stage{position:relative;isolation:isolate;min-height:100svh}.about-scene{position:relative;max-width:1800px;margin-inline:auto;padding:210px 24px 36px}.about-heading{position:relative;z-index:3;width:fit-content;margin-bottom:40px}.about-heading h1{font:400 clamp(64px,9vw,100px)/.95 var(--display);letter-spacing:.015em}.about-heading{z-index:7}.about-summon{position:relative;display:inline;padding:0;border:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;line-height:inherit;cursor:pointer;text-align:left}.about-summon:disabled{cursor:default;opacity:1}.about-summon:not(:disabled):hover{text-decoration:underline dotted;text-decoration-thickness:2px;text-underline-offset:9px}.about-herd-counter{position:absolute;right:0;bottom:-23px;font:10px/1.5 var(--mono);letter-spacing:.07em;opacity:0;transition:opacity .18s;pointer-events:none}.about-heading:has(.about-summon:hover,.about-summon:focus-visible) .about-herd-counter{opacity:.75}.about-page .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.about-book{position:relative;width:min(100%,720px);margin-inline:auto;background-color:var(--site-paper);background-image:var(--site-paper-fill);background-size:600px;box-shadow:0 2px #d9bd8b,0 5px 0 var(--site-underlay),0 8px #c9a677,0 18px 35px color-mix(in srgb,var(--site-ink) 16.863%,transparent);border-radius:3px 9px 9px 3px}.about-book__cover{display:none;pointer-events:none;user-select:none}.about-left-page{position:relative;padding:32px 28px 170px}.about-photo{position:relative;background-color:var(--site-paper);background-image:var(--site-paper-fill);background-size:450px;padding:10px 10px 28px;transform:rotate(-5deg);box-shadow:0 5px 13px color-mix(in srgb,var(--site-ink) 15.294%,transparent)}.about-photo>img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#fff}.about-photo figcaption{position:absolute;left:12px;bottom:7px;font:8px/1.4 var(--mono);letter-spacing:.04em}.about-photo .about-giraffe--large{position:absolute;left:4%;bottom:10%;width:40%;transform:rotate(5deg) scaleX(-1)}.about-scribble{position:absolute;right:8%;bottom:18px;width:fit-content;font:24px/1.4 var(--song);color:var(--ink-muted);transform:rotate(-8deg)}.about-tabs{display:flex;position:relative;z-index:6;gap:8px;padding:16px 24px 0}.about-tabs a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;background-color:var(--site-underlay);background-image:var(--site-underlay-fill);background-size:400px;border:1px solid color-mix(in srgb,var(--site-ink) 25.098%,transparent);border-bottom:0;font-size:15px}.about-tabs a[aria-selected=true]{background-color:var(--site-paper);border-bottom:2px solid var(--site-brown)}.about-reading-zone{position:relative;z-index:2;padding:24px}.about-reading{position:relative}.about-leaf{position:relative;font-size:16px;line-height:1.9;overflow-wrap:anywhere}.about-page .about-leaf__label{margin:0 0 26px;font:11px/1.5 var(--mono);letter-spacing:.09em;font-weight:400}.about-page .about-leaf p{margin:0 0 20px}.about-page .about-leaf .about-greeting{font-size:1.12em;margin-bottom:24px}.about-leaf blockquote{margin:30px 0;padding:0;border:0;font-size:clamp(20px,2vw,28px);line-height:1.7;font-weight:400}.about-page .about-placeholder{margin-top:24px;color:var(--ink-muted);font-size:11px;line-height:1.8}.about-contact dl{display:grid;gap:24px;margin:28px 0}.about-contact dt{font:10px/1.6 var(--mono);letter-spacing:.04em;color:var(--ink-muted)}.about-contact dd{margin:6px 0 0;font-size:18px}.about-contact dd a{border-bottom:1px solid}.about-turn{display:flex;justify-content:flex-end;align-items:center;gap:10px;min-height:44px;width:fit-content;margin:28px 0 0 auto;font-size:15px}.about-turn span{display:inline-block;transition:transform .22s ease}.about-turn:hover span{transform:translate(4px)}.about-contact{margin-top:40px;padding-top:32px;border-top:1px solid var(--site-rule)}.about-stage[data-about-frame] .about-reading{display:grid;align-items:start;perspective:1200px}.about-stage[data-about-frame] .about-leaf{grid-area:1/1;min-width:0;transform-origin:left center}.about-stage[data-about-frame] .about-leaf[data-active=false]{visibility:hidden;pointer-events:none}.about-stage[data-about-frame] .about-contact{margin:0;padding:0;border:0}.about-pen{display:none;pointer-events:none;user-select:none}.about-controls{position:relative;z-index:6;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:22px;max-width:720px;margin:42px auto 0}.about-write a{display:inline-flex;gap:12px;align-items:center;min-height:44px;font-size:16px}.about-write small{display:block;font-size:10px;line-height:1.4;opacity:.7}.about-pause{display:none;min-height:44px;padding:8px 0;border:0;border-bottom:1px solid color-mix(in srgb,var(--site-ink) 33.333%,transparent);background:transparent;font:11px/1.5 var(--mono);cursor:pointer}.about-stage[data-about-frame] .about-pause{display:block}.about-pause:disabled{opacity:.6;cursor:default}.about-demo{width:100%;font:9px/1.5 var(--mono);opacity:.65}.about-page :is(a,button):focus-visible{outline:2px solid var(--site-ink);outline-offset:5px}.about-herd{position:absolute;inset:0;z-index:4;pointer-events:none;overflow:hidden}.about-pet{position:absolute;left:var(--pet-x);top:var(--pet-y);width:var(--pet-size);pointer-events:none;user-select:none}.about-stage:not([data-about-ready]) .about-pet:nth-child(n+7){top:144px;width:32px}.about-stage[data-about-ready] .about-pet{left:0;top:0;will-change:transform}.about-pet[hidden]{display:none!important}.about-giraffe{position:relative;display:block;width:100%;aspect-ratio:100/152;pointer-events:none;user-select:none}.about-giraffe__pose{display:block;position:absolute;inset:0;transform-origin:50% 90%}.about-giraffe img{position:absolute;max-width:none;height:auto;pointer-events:none}.about-giraffe__body{left:15%;top:0;width:85%;z-index:3}.about-giraffe__leg{width:8%;top:72%;transform-origin:50% 10%}.about-giraffe__leg--back-far{left:26%;z-index:0;transform:rotate(-14deg);filter:brightness(.91)}.about-giraffe__leg--front-far{left:64%;z-index:0;transform:rotate(12deg);filter:brightness(.91)}.about-giraffe__leg--back{left:22%;z-index:2;transform:rotate(13deg)}.about-giraffe__leg--front{left:58%;z-index:2;transform:rotate(-10deg)}.about-giraffe__tail{left:0;top:62%;width:23%;z-index:1;transform-origin:95% 28%}.about-giraffe__torso{left:15%;top:54%;width:70%;z-index:3}.about-giraffe__neck{left:43%;top:0;width:53%;z-index:2;transform-origin:20% 94%}.about-resident{position:absolute;width:46px;bottom:65px;pointer-events:none}.about-resident--one{left:21%}.about-resident--two{left:59%;transform:scaleX(-1)}.about-stage[data-about-ready] [data-action=graze] .about-giraffe__neck{animation:about-neck-graze 2.8s ease-in-out both}.about-stage[data-about-ready] [data-action=browse] .about-giraffe__neck{animation:about-neck-browse 3.2s ease-in-out both}.about-stage[data-about-ready] [data-action=look] .about-giraffe__neck{animation:about-neck-look 2.4s ease-in-out both}.about-stage[data-about-ready] :is(.about-resident,[data-action=graze],[data-action=browse]) .about-giraffe__tail{animation:about-tail 1.1s ease-in-out infinite alternate}.about-pet[data-walking=true] .about-giraffe__pose{animation:about-bob var(--gait,.48s) ease-in-out infinite}.about-pet[data-walking=true] .about-giraffe__leg{animation:about-stride var(--gait,.48s) ease-in-out infinite alternate}.about-pet[data-walking=true] :is(.about-giraffe__leg--front,.about-giraffe__leg--back-far){animation-direction:alternate-reverse}.about-pet[data-walking=true] .about-giraffe__tail{animation:about-tail calc(var(--gait,.48s) * 2) ease-in-out infinite alternate}.about-stage[data-about-ready] .about-giraffe--large .about-giraffe__pose{animation:about-photo-bob 6.4s ease-in-out infinite}.about-stage[data-about-ready] .about-giraffe--large .about-giraffe__body{transform-origin:48% 92%;animation:about-photo-look 6.4s ease-in-out infinite}.about-stage[data-about-ready] .about-giraffe--large .about-giraffe__leg{--step-direction:1;animation:about-photo-step 6.4s ease-in-out infinite}.about-stage[data-about-ready] .about-giraffe--large :is(.about-giraffe__leg--front,.about-giraffe__leg--back-far){--step-direction:-1}.about-stage[data-about-ready] .about-giraffe--large .about-giraffe__tail{animation:about-tail 1.3s ease-in-out infinite alternate}.about-stage[data-running=false] :is(.about-pet,.about-giraffe--large,.about-resident) *{animation-play-state:paused!important}.about-roam{position:absolute;pointer-events:none;visibility:hidden}.about-roam--top{top:84px;left:20px;right:20px;height:102px}.about-roam--desk{display:none}.about-roam--paper{left:9%;width:80%;bottom:65px;height:96px}@keyframes about-stride{0%{transform:rotate(-27deg)}to{transform:rotate(27deg)}}@keyframes about-bob{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-2.5%) rotate(1deg)}}@keyframes about-tail{0%{transform:rotate(-12deg)}to{transform:rotate(15deg)}}@keyframes about-neck-graze{0%,to{transform:rotate(0)}23%,43%,65%{transform:rotate(83deg)}34%,54%,76%{transform:rotate(77deg)}}@keyframes about-neck-browse{0%,to{transform:rotate(0) scaleY(1)}22%,42%,64%{transform:rotate(-22deg) scaleY(1.08)}32%,54%,76%{transform:rotate(-17deg) scaleY(1.04)}}@keyframes about-neck-look{0%,to{transform:rotate(0)}25%,45%{transform:rotate(-9deg)}65%,78%{transform:rotate(9deg)}}@keyframes about-photo-bob{0%,12%,24%,36%,44%,70%,82%,94%,to{transform:translateY(0) rotate(0)}6%,18%,30%,76%,88%{transform:translateY(-1.7%) rotate(.7deg)}}@keyframes about-photo-step{0%,12%,24%,36%,76%,88%,to{transform:rotate(calc(-13deg * var(--step-direction)))}6%,18%,30%,82%,94%{transform:rotate(calc(13deg * var(--step-direction)))}44%,70%{transform:rotate(calc(-5deg * var(--step-direction)))}}@keyframes about-photo-look{0%,40%,72%,to{transform:rotate(0)}49%,55%{transform:rotate(-3deg)}62%,66%{transform:rotate(1.5deg)}}@media(min-width:641px)and (max-width:1439px){.about-stage:not([data-about-ready]) .about-pet:nth-child(n+9){display:none}}@media(max-width:640px){.about-scene{padding:178px 20px 32px}.about-heading{margin-bottom:30px}.about-heading h1{font-size:64px}.about-heading h1 .about-summon{display:block}.about-stage:not([data-about-ready]) .about-pet:nth-child(n+6){display:none}.about-roam--top{height:72px}.about-left-page{padding:30px 22px 163px}.about-reading-zone{padding:26px 25px 32px}.about-tabs{padding-inline:25px}}@media(min-width:981px)and (min-height:700px){.about-stage[data-about-frame] .about-scene{--book-width:min(79vw,1500px);--book-right:clamp(38px,3.5vw,64px);min-height:max(100svh,calc(var(--book-width) * .634 + 240px));padding:0}.about-stage[data-about-frame] .about-heading{position:absolute;left:clamp(40px,4vw,64px);top:clamp(108px,12svh,180px);margin:0}.about-stage[data-about-frame] .about-heading h1{font-size:clamp(64px,6vw,96px)}.about-stage[data-about-frame] .about-book{position:absolute;width:var(--book-width);height:calc(var(--book-width) * .634);right:var(--book-right);top:calc(50% - var(--book-width) * .317 + 60px);background:none;border-radius:0;box-shadow:none}.about-stage[data-about-frame] .about-book__cover{position:absolute;display:block;inset:0;width:100%;height:100%;transform:rotate(-4deg);filter:drop-shadow(0 18px 16px color-mix(in srgb,var(--site-ink) 20%,transparent))}.about-stage[data-about-frame] .about-left-page{position:absolute;inset:0 50% 0 0;padding:0}.about-stage[data-about-frame] .about-photo{position:absolute;left:17%;top:15%;width:72%;padding:10px 10px 28px;transform:rotate(-7deg)}.about-stage[data-about-frame] .about-scribble{right:13%;bottom:8%;font-size:clamp(22px,2vw,31px)}.about-stage[data-about-frame] .about-resident{width:clamp(40px,3.4vw,58px);top:69%;bottom:auto}.about-stage[data-about-frame] .about-resident--two{top:64%}.about-stage[data-about-frame] .about-reading-zone{position:absolute;left:50%;top:0;width:50%;height:100%;padding:8% 8% 5% 6%}.about-stage[data-about-frame] .about-reading{height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--site-rule) transparent;padding-right:8px}.about-stage[data-about-frame] .about-leaf{font-size:clamp(14.5px,1.2vw,19.5px);line-height:1.9}.about-stage[data-about-frame] .about-leaf__label{margin-bottom:clamp(20px,2.4vw,36px);font-size:10px}.about-stage[data-about-frame] .about-leaf p{margin-bottom:clamp(12px,1.4vw,22px)}.about-stage[data-about-frame] .about-leaf .about-greeting{margin-bottom:clamp(16px,2vw,28px)}.about-stage[data-about-frame] .about-leaf blockquote{font-size:clamp(19px,1.7vw,28px);margin:clamp(20px,2.8vw,42px) 0}.about-stage[data-about-frame] .about-placeholder{font-size:clamp(10px,.8vw,12px);line-height:1.8}.about-stage[data-about-frame] .about-turn{margin-top:16px;font-size:14px}.about-stage[data-about-frame] .about-contact dl{gap:clamp(16px,2vw,28px);margin-block:24px}.about-stage[data-about-frame] .about-contact dd{font-size:clamp(16px,1.4vw,21px)}.about-stage[data-about-frame] .about-tabs{position:absolute;right:-1.6%;top:22%;padding:0;gap:14px;flex-direction:column;transform:rotate(-4deg)}.about-stage[data-about-frame] .about-tabs a{min-width:65px;min-height:67px;padding:12px;border:0;border-radius:0 3px 3px 0;box-shadow:3px 4px 6px color-mix(in srgb,var(--site-ink) 16.863%,transparent);font-size:clamp(13px,1.1vw,17px)}.about-stage[data-about-frame] .about-tabs a[aria-selected=true]{transform:translate(5px);background-color:var(--site-paper)}.about-stage[data-about-frame] .about-pen{display:block;position:absolute;z-index:3;left:calc(100% - var(--book-width) - var(--book-right) - 52px);bottom:5%;height:32%;width:auto;transform:rotate(-34deg);filter:drop-shadow(4px 5px 4px color-mix(in srgb,var(--site-ink) 18.039%,transparent))}.about-stage[data-about-frame] .about-controls{position:absolute;inset:0;margin:0;padding:0;max-width:none;pointer-events:none}.about-stage[data-about-frame] .about-controls>*{position:absolute;pointer-events:auto}.about-stage[data-about-frame] .about-write{left:clamp(40px,4vw,64px);bottom:40px}.about-stage[data-about-frame] .about-pause{right:clamp(40px,4vw,64px);bottom:48px}.about-stage[data-about-frame] .about-demo{right:clamp(40px,4vw,64px);bottom:24px;width:auto}.about-stage[data-about-frame] .about-roam--top{left:24px;right:24px;top:90px;height:112px}.about-stage[data-about-frame] .about-roam--desk{display:block;left:20px;top:250px;width:calc(100% - var(--book-width) - var(--book-right) - 42px);bottom:126px}.about-stage[data-about-frame] .about-roam--paper{top:61%;bottom:auto;left:12%;width:79%;height:24%}}@media(min-width:981px)and (max-width:1199px)and (min-height:700px){.about-stage[data-about-frame] .about-scene{--book-width:90vw}.about-stage[data-about-frame] .about-leaf__label{margin-bottom:20px}.about-stage[data-about-frame] .about-leaf blockquote{margin-block:22px}}@media(prefers-reduced-motion:reduce){.about-page *,.about-page *:before,.about-page *:after{animation:none!important;transition:none!important}}