.about-page{background:var(--paper)}.about-layout{width:min(1440px,100%);margin:auto;display:grid;grid-template-columns:160px minmax(0,1fr);align-items:start;background:url(/assets/meadow/notebook-paper.webp) top left/auto 600px repeat-y}.about-content{min-width:0;border-left:1px solid #d9a99490}.notebook-index{position:sticky;top:1rem;display:grid;gap:.65rem;padding:1.5rem 12px 1.5rem 76px;align-self:start}.notebook-index:before{display:none}.notebook-index a{font:600 1.4rem/1.2 var(--font-annotation);text-decoration:none;min-height:44px;padding:.6rem .2rem;position:relative}.notebook-index a[aria-current],.notebook-index a:hover{background:#f5c8a4a8;border-radius:44% 5% 16% 9%}.margin-flower{font:2.3rem/1 var(--font-display);text-align:center;color:#78639f;margin:0 0 .5rem}.about-banner{position:relative;isolation:isolate;min-height:540px;display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:clip}.about-landscape,.about-wind{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-2}.about-wind{z-index:-1;opacity:0;pointer-events:none;transition:opacity var(--duration-scene)}.about-wind.is-ready{opacity:1}.about-banner__copy{position:relative;z-index:3;padding:2.5rem 0 4rem clamp(1.5rem,3vw,3rem);width:115%}.about-banner h1{font-size:clamp(4.5rem,7.8vw,8rem);line-height:1;letter-spacing:-.065em;font-weight:900;margin:0}.hero-descriptor{font:700 clamp(1.4rem,2.6vw,2.65rem)/1.15 var(--font-display);letter-spacing:-.04em;margin:.4rem 0 1.1rem;white-space:nowrap}.about-banner .intro{font-size:clamp(1.1rem,1.7vw,1.55rem);line-height:1.4;max-width:30ch;color:#545948}.about-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-top:1.35rem}.about-actions .button{min-height:44px;padding:.55rem 1.25rem;font-size:.92rem}.about-actions .button--secondary{border:1.5px solid var(--ink);background:#fffaf0e8}.about-character{position:relative;align-self:end;width:112%;margin-left:-10%;z-index:2;aspect-ratio:1196/1315;max-height:560px}.kim-pen-control{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;background:none;border:0;border-radius:0;touch-action:pan-y;cursor:pointer}.kim-pen-control.is-pressed,.kim-pen-control:active{outline:2px solid var(--focus);outline-offset:-12px;border-radius:20%}.kim-pen-control:focus-visible{outline-offset:-12px;border-radius:20%}.about-kim{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.about-kim--blink{opacity:0;-webkit-mask-image:radial-gradient(ellipse 4% 2% at 48.8% 23.1%,#000 65%,transparent 100%),radial-gradient(ellipse 4.2% 2% at 58% 25.6%,#000 65%,transparent 100%);mask-image:radial-gradient(ellipse 4% 2% at 48.8% 23.1%,#000 65%,transparent 100%),radial-gradient(ellipse 4.2% 2% at 58% 25.6%,#000 65%,transparent 100%)}.about-kim--pen{opacity:0;clip-path:polygon(29% 68%,31% 53%,38% 48%,44.5% 47%,47% 37%,51.5% 36%,52.5% 40%,48% 50%,48% 58%,39% 68%)}.about-character.is-blinking .about-kim--blink{opacity:1}.about-character.is-tapping .about-kim--pen{animation:pen-tap .56s steps(1,end) 1}@keyframes pen-tap{0%,45%{opacity:1}25%,75%,to{opacity:0}}.character-note{position:absolute;top:7%;left:0;z-index:4;font:600 clamp(1.05rem,1.6vw,1.5rem)/.95 var(--font-annotation);transform:rotate(-8deg);pointer-events:none}.character-note span{display:block;margin-left:3rem;font-size:2rem}.about-work{padding:2.2rem 2rem 1rem;display:block}.about-work-intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:2rem;align-items:start;padding:1rem 0 1.5rem;border-bottom:1px solid var(--line)}.about-work h2{font-size:clamp(2rem,3.5vw,3.4rem);max-width:15ch;line-height:1.03;margin-bottom:1rem}.about-work-intro p{font-size:1rem;max-width:48ch;line-height:1.5}.about-project{min-width:0;display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:center;padding:1.25rem 0;border-bottom:1px solid #ddd5b875}.about-project--research{grid-template-columns:1fr .95fr;padding-left:0}.about-project--service,.about-project--analysis{grid-column:1/-1}.about-project--service{grid-template-columns:.8fr 1.2fr}.about-project--analysis{grid-template-columns:1.1fr 1fr}.about-project h3{font-size:clamp(1.75rem,2.7vw,2.8rem);margin:.4rem 0 .75rem}.about-project p:not(.project-tag):not(.project-evidence){font-size:.95rem;line-height:1.5;max-width:35ch}.project-tag{display:inline-block;font-size:.67rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;background:var(--lavender);padding:.15rem .5rem;transform:rotate(-1deg)}.about-project--research .project-tag{background:var(--peach)}.about-project--analysis .project-tag{background:var(--matcha)}.project-evidence{display:table;font-size:.82rem;font-weight:600;padding:.3rem .65rem;background:var(--lavender);border-radius:.25rem;margin:.9rem 0}.about-project--service .project-evidence{background:var(--peach)}.about-project .text-link{display:inline-flex;align-items:center;min-height:44px;font-size:.88rem;font-weight:600;margin-top:.5rem}.about-project figure{margin:0;min-width:0}.about-project figure img{width:100%;max-height:310px;object-fit:contain}.about-project figcaption{font-size:.65rem;line-height:1.4;text-align:center;color:var(--muted);margin-top:.25rem}.about-skills{background:var(--paper);padding:2.5rem 2rem 2rem;display:grid;grid-template-columns:.7fr 1.3fr;gap:1.5rem}.chapter-label{display:table;font:600 1.2rem/1.3 var(--font-annotation);letter-spacing:0;color:var(--ink);padding:.1rem .65rem;background:var(--lavender);transform:rotate(-4deg);margin:0 0 .8rem}.chapter-heading h2{font-size:clamp(2rem,3.6vw,3.2rem);margin-bottom:1rem}.chapter-heading>p:last-child:not(.chapter-label){max-width:29ch;line-height:1.45;font-size:1rem}.skills-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem 1rem}.skill-card{display:grid;grid-template-columns:80px minmax(0,1fr);column-gap:.65rem;align-content:start;min-width:0}.skill-art{position:relative;display:block;width:80px;height:85px;grid-row:span 3;align-self:center;transition:transform var(--duration-scene) var(--ease-soft)}.skill-card img{width:100%;height:100%;object-fit:contain;border-radius:var(--radius-medium)}.skill-card h3{font-size:1.18rem;letter-spacing:-.03em;line-height:1.15;margin-bottom:.35rem}.skill-card p{font-size:.9rem;line-height:1.35;margin:0;color:#535944}.skill-card a{font-size:.84rem;line-height:1.3;font-weight:600;min-height:44px;padding-top:.5rem;display:inline-flex;align-items:center}.about-rules{padding:2rem 1.2rem 1.5rem}.about-rules .chapter-heading{padding-left:1rem;display:flex;align-items:baseline;gap:1.2rem}.about-rules h2{margin:0;font-size:2.7rem}.rules-book{position:relative}.rules-book>img{width:100%;height:auto}.rules-notes{position:absolute;top:25%;right:20%;bottom:28%;left:16%;padding:0;margin:0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:4%}.rules-notes li{display:grid;place-items:center;text-align:center;transform:rotate(-2deg)}.rules-notes li:nth-child(2){transform:rotate(2deg)}.rules-notes strong{font:600 clamp(1.1rem,2.4vw,2.1rem)/1.1 var(--font-annotation);color:#3d3964}.rules-explanation{display:grid;grid-template-columns:repeat(3,1fr);gap:1.8rem;margin:.25rem 8% 0;padding:0;list-style:none;font-size:.76rem;line-height:1.45;color:var(--muted)}.about-experience{padding:2rem 2.5rem;display:grid;grid-template-columns:1fr 1fr;gap:2rem;border-top:1px solid #ddd5b875}.about-experience h2{font-size:1.8rem;letter-spacing:-.035em;margin-bottom:.5rem}.about-experience p{font-size:.85rem;line-height:1.4;max-width:35ch;margin:.4rem 0}.about-experience strong{font-size:1rem}.about-experience a{display:inline-flex;min-height:44px;align-items:center;font-size:.85rem;font-weight:600}.about-contact{position:relative;isolation:isolate;text-align:center;display:grid;place-items:center;min-height:300px;overflow:hidden}.about-contact>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}.about-contact>div{max-width:70%;padding:2.25rem .5rem}.about-contact h2{font-size:clamp(1.8rem,3.2vw,3.2rem);line-height:1.1;margin-bottom:.8rem}.about-contact p{font-size:1rem;line-height:1.45;margin-bottom:1rem}.about-contact .button{min-height:44px;padding:.55rem 1.4rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(max-width:1100px){.about-layout{grid-template-columns:160px minmax(0,1fr)}.notebook-index{padding-left:76px;padding-right:10px}.notebook-index a{font-size:1.45rem}.about-banner{min-height:450px}.about-banner__copy{padding-left:1.5rem}.about-actions{gap:.5rem}.about-actions .button{font-size:.8rem;padding:.75rem 1rem}.about-character{width:114%;margin-left:-12%}.about-work{padding-inline:1.5rem}.about-skills{display:block}.about-skills .chapter-heading{margin-bottom:1.8rem}.skills-grid{gap:1.7rem 2rem}.skill-card{grid-template-columns:100px 1fr}.skill-art{width:100px;height:100px}.skill-card h3{font-size:1.4rem}.skill-card p{font-size:.9rem}.skill-card a{font-size:.85rem}}@media(max-width:900px){.about-layout{display:block}.about-content{border-left:0}.notebook-index{position:relative;top:auto;display:flex;gap:.3rem;padding:.5rem 1rem;overflow:auto;border-block:1px solid var(--line);background:var(--paper)}.notebook-index:before,.margin-flower{display:none}.notebook-index a{padding:.6rem .65rem;font-size:1.25rem;white-space:nowrap}.about-banner{min-height:470px}.about-banner__copy{width:110%}.about-banner h1{font-size:clamp(4.7rem,9.3vw,7rem)}.hero-descriptor{font-size:clamp(1.2rem,3vw,2rem)}.about-character{max-height:490px}.about-work{grid-template-columns:1fr}.about-work-intro{padding:0 0 1.5rem}.about-work h2{max-width:none}.about-work-intro p{max-width:60ch}.about-project--research{grid-template-columns:1fr 1fr}.about-project--service{grid-template-columns:.85fr 1.15fr}.about-project--analysis{grid-template-columns:1.1fr 1fr}.about-project figure img{max-height:260px}.about-project h3{font-size:2rem}}@media(max-width:600px){.about-banner{display:flex;flex-direction:column;min-height:0}.about-banner__copy{padding:2rem 1.5rem 0;width:100%;align-self:stretch}.about-banner h1{font-size:4.75rem}.hero-descriptor{font-size:1.55rem;margin-bottom:.75rem;white-space:normal}.about-banner .intro{font-size:1.08rem;max-width:30ch}.about-actions{margin-top:1.15rem;gap:.75rem}.about-actions .button{font-size:.85rem;padding:.75rem 1.15rem}.about-character{width:92%;margin:-.75rem 0 0;align-self:center;height:auto;max-height:none;aspect-ratio:1196/1315}.character-note{top:16%;left:-2%;font-size:1.3rem}.about-landscape,.about-wind{object-position:65% center}.about-work,.about-skills{padding:2rem 1.5rem 1rem}.about-work h2{font-size:2.5rem}.about-work-intro{display:block}.about-work-intro p{margin-top:1rem}.about-project,.about-project--research,.about-project--service,.about-project--analysis{display:flex;flex-direction:column;gap:1rem;padding:1.5rem 0;align-items:stretch}.about-project--service>figure{order:-1}.about-project figure{max-width:440px;align-self:center;width:100%}.about-project h3{font-size:2.3rem;max-width:17ch}.about-project p:not(.project-tag):not(.project-evidence){max-width:38ch}.about-project figcaption{font-size:.67rem}.skills-grid{grid-template-columns:1fr;gap:1.4rem}.skill-card{grid-template-columns:96px 1fr;gap:0 1rem}.skill-art{width:96px;height:100px}.skill-card h3{font-size:1.35rem}.skill-card p{font-size:.9rem}.skill-card a{font-size:.85rem}.about-skills .chapter-heading h2{font-size:2.5rem}.about-rules{padding:2rem .5rem 1.5rem}.about-rules .chapter-heading{padding-left:1rem;display:block}.about-rules h2{font-size:2.5rem}.rules-notes strong{font-size:clamp(.8rem,3.6vw,1.25rem)}.rules-explanation{grid-template-columns:1fr;gap:.6rem;margin:1rem 1.5rem 0;font-size:.9rem;list-style:decimal;padding-left:1rem}.about-experience{grid-template-columns:1fr;padding:2rem 1.5rem;gap:1rem}.about-contact{min-height:330px}.about-contact>img{object-position:48% center;opacity:.65}.about-contact>div{max-width:90%}.about-contact h2{font-size:2.25rem}.about-contact p{font-size:.95rem}.desktop-break{display:none}}@media(prefers-reduced-motion:reduce){.about-kim--pen{animation:none!important}.about-kim--blink{opacity:0!important}.about-wind{display:none}}.motion-paused .about-kim--blink,.motion-paused .about-kim--pen{opacity:0!important;animation:none!important}@media(max-width:600px){.about-banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,#fff8e7f5,#fff8e7ee 28%,#fff8e700 58%)}}.skill-art:before,.skill-art:after{content:"";position:absolute;z-index:2;width:34px;height:34px;background:url(/assets/meadow/hero-orange-strokes.webp) center/contain no-repeat;opacity:0;pointer-events:none;transition:opacity var(--duration-quick),transform var(--duration-scene) var(--ease-soft)}.skill-art:before{left:-13px;top:-10px;transform:rotate(-20deg) scale(.7)}.skill-art:after{right:-13px;bottom:0;transform:rotate(150deg) scale(.7)}.skill-card:has(a:focus-visible) .skill-art{transform:translateY(-2px) rotate(-2deg)}.skill-card:has(a:focus-visible) .skill-art:before,.skill-card:has(a:focus-visible) .skill-art:after{opacity:1;transform:rotate(var(--doodle-turn,-20deg)) scale(1)}.skill-art:after{--doodle-turn:150deg}@media(hover:hover)and (pointer:fine){.skill-card:has(a:hover) .skill-art{transform:translateY(-2px) rotate(-2deg)}.skill-card:has(a:hover) .skill-art:before,.skill-card:has(a:hover) .skill-art:after{opacity:1;transform:rotate(var(--doodle-turn,-20deg)) scale(1)}}.skill-card:has(a:active) .skill-art{transform:none}.motion-paused .skill-art,.motion-paused .skill-art:before,.motion-paused .skill-art:after{transform:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){.skill-art,.skill-art:before,.skill-art:after{transform:none!important;transition:none!important}}.about-banner h1{font-family:var(--font-greeting);font-weight:400;letter-spacing:-.025em}.about-project .project-tag{margin-bottom:.8rem}.about-project h3{margin-top:.35rem}.about-contact>div{width:min(960px,90%);max-width:90%}.about-contact h2{max-width:24ch;margin-inline:auto}@media(max-width:600px){.about-project .project-tag{margin-bottom:.65rem}.about-contact h2{font-size:clamp(1.8rem,7.7vw,2.25rem)}}.about-collaboration{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(1.75rem,4vw,3.5rem);padding:3rem 2rem;border-top:1px solid #ddd5b875}.collaboration-intro h2{font-size:clamp(2.2rem,3.1vw,3.25rem);line-height:1.1;max-width:14ch}.collaboration-notes{list-style:none;padding:0;margin:0}.collaboration-notes li{padding:0 0 1.35rem;margin:0 0 1.35rem;border-bottom:1px solid var(--line)}.collaboration-notes li:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0}.collaboration-notes h3{font:600 clamp(1.7rem,2.5vw,2.2rem)/1.15 var(--font-annotation);letter-spacing:0;color:var(--accent)}.collaboration-notes p{font-size:1rem;line-height:1.5;max-width:42ch;margin-top:.65rem;color:#535944}@media(max-width:700px){.about-collaboration{grid-template-columns:1fr;padding:2.25rem 1.5rem;gap:1.75rem}.collaboration-intro h2{max-width:18ch;font-size:2.25rem}.collaboration-notes h3{font-size:1.9rem}.collaboration-notes p{font-size:.95rem}}@media(max-width:900px){.about-layout{background-position:-64px 0}}.about-work-intro{align-items:baseline}@media(max-width:700px){.about-work-intro{align-items:start}}#rules.rules-scrapbook{background:var(--paper);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:2rem 1.75rem;padding:3.5rem 2rem 3rem;isolation:isolate}.rules-scrapbook .collaboration-intro{grid-column:1/7;grid-row:1;align-self:start;padding-top:1rem}.rules-scrapbook .collaboration-intro h2{max-width:14ch;font-size:clamp(2.2rem,3.1vw,3.25rem);line-height:1.1}.rules-scrapbook .collaboration-notes{display:contents}.rules-scrapbook .collaboration-notes .rules-note{position:relative;min-width:0;list-style:none;border:20px solid transparent;border-image:url(/assets/rules/paper.webp) 60 fill / 20px / 0 stretch;padding:1.25rem 1.25rem 1.3rem;margin:0}.rules-scrapbook .rules-note--validate{grid-column:7/13;grid-row:1}.rules-scrapbook .rules-note--shared{grid-column:1/7;grid-row:2}.rules-scrapbook .collaboration-notes .rules-note--balance{grid-column:7/13;grid-row:2;margin-top:3rem}.rules-scrapbook .rules-note h3{font:600 clamp(1.7rem,2.55vw,2.25rem)/1.15 var(--font-annotation);letter-spacing:0;color:var(--accent);position:relative;z-index:1}.rules-scrapbook .rules-note h3 span{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.23em;text-decoration-skip-ink:none}.rules-scrapbook .rules-note p{margin:1.2rem 0 0;font-size:1rem;line-height:1.55;max-width:43ch;color:var(--ink);position:relative;z-index:1}.rules-note__botanical{position:absolute;pointer-events:none;object-fit:contain;height:auto;z-index:2}.rules-note__botanical--leaf{width:88px;left:-38px;top:-55px;transform:rotate(-11deg)}.rules-note--validate .rules-note__botanical--leaf{width:65px;left:auto;right:-23px;top:-43px;transform:rotate(8deg)}.rules-note__botanical--flower{mix-blend-mode:multiply;width:80px;right:-32px;top:-63px;transform:rotate(7deg)}@media(max-width:900px){#rules.rules-scrapbook{padding-inline:1.5rem;gap:2rem 1rem}.rules-scrapbook .collaboration-notes .rules-note{padding:1rem .7rem}.rules-scrapbook .rules-note h3{font-size:1.8rem}.rules-scrapbook .collaboration-intro h2{font-size:2.35rem}}@media(max-width:760px){#rules.rules-scrapbook{display:block;padding:2.5rem 1.25rem}.rules-scrapbook .collaboration-intro{padding:0 .25rem;margin-bottom:3rem}.rules-scrapbook .collaboration-intro h2{font-size:2.35rem;max-width:17ch}.rules-scrapbook .collaboration-notes{display:grid;gap:3rem}.rules-scrapbook .collaboration-notes .rules-note{grid-column:auto;grid-row:auto;margin:0;padding:1.3rem .65rem 1.1rem;border-width:16px;border-image-width:16px}.rules-scrapbook .rules-note h3{font-size:1.9rem;line-height:1.12}.rules-scrapbook .rules-note p{font-size:1rem;line-height:1.55;margin-top:1.2rem}.rules-note__botanical--leaf{width:74px;left:-18px;top:-50px}.rules-note--validate .rules-note__botanical--leaf{width:62px;right:-15px;top:-40px}.rules-note__botanical--flower{width:65px;right:-15px;top:-62px}}.about-primer{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);align-items:center;gap:1.5rem 2.5rem;padding:2.5rem 2rem;background:var(--paper);border-block:1px solid var(--line)}.about-primer__copy{min-width:0}.about-primer h2{font-size:clamp(1.8rem,3vw,2.65rem);line-height:1.15;text-wrap:balance}.about-primer p{max-width:65ch;margin-top:.9rem;font-size:clamp(1rem,1.45vw,1.2rem);line-height:1.5;color:var(--muted)}.design-101-sticker{display:block;width:100%;max-width:380px;justify-self:center;line-height:0;border-radius:24px;outline-offset:6px;-webkit-tap-highlight-color:transparent}.design-101-sticker img{display:block;width:100%;height:auto;filter:drop-shadow(0 5px 3px #49321940);transition:transform .22s var(--ease-soft),filter .22s var(--ease-soft)}.design-101-sticker:focus-visible{outline:3px solid var(--ink)}.design-101-sticker:focus-visible img{transform:translateY(-10px);filter:drop-shadow(0 18px 9px #4932194d)}@media(hover:hover)and (pointer:fine){.design-101-sticker:hover img{transform:translateY(-10px);filter:drop-shadow(0 18px 9px #4932194d)}}.design-101-sticker:active img{transform:translateY(-2px);filter:drop-shadow(0 3px 2px #49321940)}.motion-paused .design-101-sticker img{transform:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){.design-101-sticker img{transform:none!important;transition:none!important}}@media(max-width:760px){.about-primer{grid-template-columns:1fr;gap:1.1rem;padding:1.75rem 1.5rem 2rem}.about-primer h2{font-size:1.8rem;max-width:25ch;text-wrap:initial}.about-primer p{max-width:none;font-size:.95rem}.design-101-sticker{justify-self:start;width:min(300px,100%)}}