.about-hero{gap:var(--space-6) var(--space-8);min-height:calc(100vh - 172px);padding:var(--space-8) 0 var(--space-7);grid-template-columns:minmax(0,1.05fr) minmax(19rem,.95fr);grid-template-areas:"copy deer""actions deer";align-items:center;display:grid}.about-hero__copy{grid-area:copy;max-width:41rem}.about-hero h1{letter-spacing:0;max-width:13ch;font-size:clamp(2.8rem,6vw,5.6rem)}[lang=zh] .about-hero h1{max-width:9em;font-size:clamp(2.55rem,5.2vw,4.7rem)}.about-hero__alias{margin:var(--space-5) 0 0;color:var(--color-muted);font-size:clamp(1.25rem,2vw,1.7rem);line-height:1.35}.about-hero__alias span{color:var(--color-accent);font-family:var(--font-hand)}.about-hero__body{max-width:37rem;margin:var(--space-5) 0 0;font-size:clamp(1.08rem,1.55vw,1.32rem);line-height:1.72}[lang=zh] .about-hero__body{max-width:35rem;line-height:1.9}.about-hero__deer{grid-area:deer;justify-self:center;width:min(100%,24rem)}.about-hero__actions{gap:var(--space-4);flex-wrap:wrap;grid-area:actions;align-items:center;display:flex}.about-cta,.about-completion__links a{border-radius:var(--radius-sm);min-height:44px;transition:background-color var(--motion-duration) var(--motion-ease), border-color var(--motion-duration) var(--motion-ease), color var(--motion-duration) var(--motion-ease), transform var(--motion-duration) var(--motion-ease);justify-content:center;align-items:center;padding:.78rem 1.05rem;font-weight:650;line-height:1.2;text-decoration:none;display:inline-flex}.about-cta:hover,.about-cta:focus-visible,.about-completion__links a:hover,.about-completion__links a:focus-visible{transform:translateY(-2px)}.about-cta--primary{color:var(--color-bg);background:var(--color-accent);border:1px solid var(--color-accent)}.about-cta--primary:hover{color:var(--color-bg);background:#3f563b}.about-cta--secondary,.about-completion__links a{color:var(--color-accent);border:1px solid var(--color-border);background:#ffffff61}.about-cta--secondary:hover,.about-completion__links a:hover{color:var(--color-text);border-color:var(--color-accent)}.about-deer{width:100%;margin:0;position:relative}.about-deer__control{width:100%;min-height:44px;padding:var(--space-4);color:var(--color-text)}html.js .about-deer__control[data-ready=true]{cursor:pointer}.about-deer__control:focus:not(:focus-visible){outline:none}.about-deer__control:focus-visible{border-radius:var(--radius-sm);outline:2px solid var(--color-accent);outline-offset:4px;box-shadow:var(--focus-ring)}.about-deer__artwork{aspect-ratio:260/240;width:100%;display:grid}.about-deer__drawing{filter:drop-shadow(0 16px 24px #24211d14);transform-origin:50% 70%;width:100%;height:100%;max-height:24rem;transition:opacity var(--motion-duration) var(--motion-ease), transform .22s var(--motion-ease);grid-area:1/1}.about-deer__state{transform-origin:50% 60%}.about-deer__state--thoughtful{opacity:1;transform:rotate(-.8deg)translateY(0)}.about-deer__state--magnifying{opacity:0;transform:rotate(-1.4deg)translateY(3px)scale(.985)}.about-deer[data-deer-state=magnifying] .about-deer__state--thoughtful{opacity:0;transform:rotate(.35deg)translateY(-2px)scale(.99)}.about-deer[data-deer-state=magnifying] .about-deer__state--magnifying{opacity:1;transform:rotate(.2deg)translateY(-3px)scale(1)}.about-deer__paper{fill:#fffdf7;stroke:var(--color-border);stroke-width:2.4px}.observer-deer__paper-edge,.observer-deer__peek-shadow{fill:none;stroke-linecap:round;stroke-linejoin:round}.observer-deer__paper-edge{stroke:var(--color-border);stroke-width:3px}.observer-deer__peek-shadow{stroke:#536b4d47;stroke-width:2.4px}.about-deer__line,.about-deer__notebook,.about-deer__magnifier{fill:none;stroke:var(--color-text);stroke-linecap:round;stroke-linejoin:round;stroke-width:3.2px}.about-deer__notebook,.about-deer__magnifier{stroke:var(--color-accent)}.about-deer__magnifier{stroke-width:4px}.about-deer__eye{fill:var(--color-text)}.about-deer__note{z-index:1;max-width:min(17rem,74vw);color:var(--color-accent);border:1px solid var(--color-border);border-radius:var(--radius-xs);font-family:var(--font-hand);pointer-events:none;text-align:left;visibility:visible;opacity:1;transition:opacity var(--motion-duration) var(--motion-ease), transform var(--motion-duration) var(--motion-ease), visibility var(--motion-duration) var(--motion-ease);background:#fffdf7;padding:.45rem .7rem;font-size:.98rem;line-height:1.35;position:absolute;top:1.1rem;right:0;transform:translateY(0)rotate(-1.6deg);box-shadow:0 8px 20px #24211d14}html.js .about-deer__note{visibility:hidden;opacity:0;transform:translateY(.4rem)rotate(-1.6deg)}html.js .about-deer[data-deer-state=magnifying] .about-deer__note{visibility:visible;opacity:1;transform:translateY(0)rotate(-1.6deg)}.about-transition{margin:0 0 var(--space-7);place-items:center;min-height:4.8rem;display:grid}.about-transition__hoofprints{width:9.4rem;height:4.8rem;overflow:visible}.about-foundations{padding:var(--space-7) 0 var(--space-8);scroll-margin-top:6rem}.about-foundations__heading{max-width:42rem;margin-bottom:var(--space-6)}.about-foundations h2,.about-completion p{letter-spacing:0;margin:0;font-size:clamp(2rem,4vw,3.4rem);font-weight:650;line-height:1.12}[lang=zh] .about-foundations h2,[lang=zh] .about-completion p{line-height:1.28}.foundation-grid{gap:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;display:grid}.foundation-card{min-height:20rem;padding:var(--space-5);border-radius:var(--radius-sm);transition:box-shadow var(--motion-duration) var(--motion-ease), transform var(--motion-duration) var(--motion-ease);border:1px solid #6f685f38;box-shadow:0 18px 36px #24211d14}.foundation-card:first-child{transform:rotate(-1.4deg)}.foundation-card:nth-child(2){transform:translateY(.65rem)rotate(1deg)}.foundation-card:nth-child(3){transform:rotate(-.6deg)}.foundation-card:hover{transform:translateY(-.28rem)rotate(0);box-shadow:0 20px 42px #24211d21}.foundation-card--warm{background:#fffdf7}.foundation-card--yellow{background:#f8f1cf}.foundation-card--green{background:#eef3e8}.foundation-card__topline{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.foundation-card__marker{color:var(--color-muted);font-family:var(--font-hand);font-size:.92rem}.foundation-card__icon{width:4.1rem;height:4.1rem}.foundation-card__icon path{fill:none;stroke:var(--color-accent);stroke-linecap:round;stroke-linejoin:round;stroke-width:3.3px}.foundation-card h3{margin:var(--space-6) 0 var(--space-4);letter-spacing:0;font-size:clamp(1.35rem,2vw,1.75rem);line-height:1.2}.foundation-card p{color:var(--color-muted);margin:0;font-size:1.02rem;line-height:1.72}[lang=zh] .foundation-card p{line-height:1.9}.about-completion{max-width:48rem;padding:var(--space-7) 0 var(--space-8)}.about-completion p{font-size:clamp(1.8rem,3.4vw,3rem)}.about-completion__name{white-space:nowrap}.about-completion__links{gap:var(--space-4);margin-top:var(--space-5);flex-wrap:wrap;display:flex}html.js .about-hero__copy,html.js .about-hero__actions,html.js .foundation-card,html.js .about-completion{animation:about-rise-in .42s var(--motion-ease) both}html.js .about-hero__actions{animation-delay:.12s}html.js .foundation-card:nth-child(2){animation-delay:70ms}html.js .foundation-card:nth-child(3){animation-delay:.14s}@keyframes about-rise-in{0%{opacity:.001;translate:0 .65rem}to{opacity:1;translate:0}}@media (width<=880px){.about-hero{gap:var(--space-5);min-height:auto;padding:var(--space-7) 0;grid-template-columns:1fr;grid-template-areas:"copy""deer""actions"}.about-hero__deer{width:min(100%,20rem)}.foundation-grid{grid-template-columns:1fr;max-width:38rem}.foundation-card{min-height:auto}}@media (width<=520px){.about-hero{padding-top:var(--space-6)}.about-hero h1{font-size:2.6rem}[lang=zh] .about-hero h1{font-size:2.35rem}.about-hero__actions,.about-completion__links{flex-direction:column;align-items:stretch}.about-cta,.about-completion__links a{width:100%}.about-deer__control{padding:var(--space-2) 0 var(--space-4)}.about-deer__note{right:var(--space-2);max-width:calc(100vw - 3rem)}.about-transition{margin-bottom:var(--space-5)}.about-foundations{padding-top:var(--space-6)}.foundation-card{padding:var(--space-4)}}@media (width<=500px){.about-transition{min-height:4rem}.about-transition__hoofprints{width:7.8rem;height:4rem}}@media (prefers-reduced-motion:reduce){html.js .about-hero__copy,html.js .about-hero__actions,html.js .foundation-card,html.js .about-completion{animation:none!important}.about-cta,.about-completion__links a,.about-deer__drawing,.about-deer__state,.about-deer__note,.foundation-card{transition:none!important}}