.about-page{--sky:#3b8cdd;--sky-ivory:#fffdee;background:var(--color-ivory);overflow-x:clip}.about-kicker{color:var(--color-olive);font-size:var(--kicker-size);font-weight:var(--kicker-weight);line-height:var(--kicker-leading);letter-spacing:var(--kicker-tracking);text-transform:uppercase;margin:0 0 22px}.about-button{background:var(--color-olive);min-height:48px;color:var(--color-ivory);transition:background .18s var(--ease), transform .18s var(--ease);border-radius:999px;justify-content:center;align-items:center;padding:12px 28px;font-size:15px;font-weight:700;display:inline-flex}.about-button:hover{background:#35402b;transform:translateY(-2px)}.about-button:focus-visible{outline:3px solid var(--color-olive);outline-offset:4px}.about-rise{isolation:isolate;position:relative}.about-hold{top:var(--hold-top,0px);z-index:0;position:sticky}.about-card{z-index:1;background:var(--color-ivory);clip-path:inset(-80px 0 -1px);border-radius:64px 64px 0 0;position:relative;box-shadow:0 -18px 40px #30362914}.about-hero{--print-w:min(920px, 100vw - 80px);--tail:clamp(48px, 6vw, 96px);--overhang:calc(var(--print-w) * .3 + 72px + var(--tail));isolation:isolate;padding-block:clamp(112px, 15svh, 156px) var(--tail);color:var(--sky-ivory);text-align:center;position:relative}.about-sky{inset:0 0 var(--overhang);z-index:-1;background:var(--sky);position:absolute;overflow:hidden}.about-sky:before{content:"";z-index:1;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .1 0 0 0 0 .25 0 0 0 0 .45 0 0 0 -.3 .2'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23g)'/%3E%3C/svg%3E");position:absolute;inset:0}.about-sky:after{content:"";z-index:2;background:linear-gradient(#faf7ef00, var(--color-ivory) 88%);height:clamp(80px,9vw,150px);position:absolute;inset:auto 0 0}.about-cloud{-webkit-user-select:none;user-select:none;width:clamp(440px,50vw,1000px);max-width:none;height:auto;position:absolute;bottom:0}.about-cloud--left{translate:calc(var(--p,0) * -6vw) 14%;left:-15vw}.about-cloud--right{transform:scaleX(-1);translate:calc(var(--p,0) * 6vw) 9%;right:-17vw}.about-hero-copy{z-index:1;max-width:1180px;translate:0 calc(var(--p,0) * -90px);opacity:calc(1 - var(--p,0) * 1.15);margin-inline:auto;padding-inline:24px;position:relative}.about-tag{background:var(--color-ivory);color:var(--color-olive);font-size:var(--kicker-size);font-weight:var(--kicker-weight);line-height:var(--kicker-leading);letter-spacing:var(--kicker-tracking);text-transform:uppercase;margin:0 0 18px;padding:6px 12px;display:inline-block;transform:rotate(-1deg);box-shadow:2px 4px 6px #30362926}.about-hero h1{color:inherit;text-shadow:0 2px 12px #1f4f8a40;margin:0;font-size:clamp(46px,6vw,96px)}.about-line{animation:.9s cubic-bezier(.2,.75,.2,1) both about-rise;display:block}.about-line+.about-line{animation-delay:90ms}.about-hero-intro{text-wrap:balance;text-shadow:0 1px 8px #1f4f8a40;max-width:31em;margin:clamp(18px,2vw,24px) auto 0;font-size:clamp(19px,1.45vw,21px);font-weight:700;line-height:1.45;animation:.9s cubic-bezier(.2,.75,.2,1) .18s both about-rise}.about-print{z-index:1;width:var(--print-w);rotate:calc(-1.6deg * (1 - min(1, var(--p,0) * 2)));translate:0 calc(var(--p,0) * 56px);scale:calc(1 - var(--p,0) * .05);background:#fffdf8;margin:clamp(36px,5.5svh,60px) auto 0;padding:clamp(10px,1.1vw,16px) clamp(10px,1.1vw,16px) 0;animation:1.1s cubic-bezier(.2,.75,.2,1) .22s both about-print-drop;position:relative;box-shadow:0 30px 60px #1d4a7a2e,0 4px 12px #30362924}.about-print-photo{aspect-ratio:3/2;background:#e8dfd2;overflow:hidden}.about-print-photo img{object-fit:cover;width:100%;height:100%}.about-print figcaption{color:var(--title-main);font-size:clamp(18px,1.7vw,24px);font-weight:var(--heading-weight);line-height:var(--heading-leading);letter-spacing:var(--heading-tracking);padding:clamp(14px,1.5vw,22px) 12px clamp(16px,1.7vw,24px)}.about-tape{--tape-w:clamp(88px, 10vw, 136px);z-index:2;width:var(--tape-w);clip-path:polygon(3% 0,97% 0,100% 22%,96% 42%,100% 62%,96% 82%,99% 100%,2% 100%,0 80%,4% 60%,0 40%,4% 20%);background:repeating-linear-gradient(90deg,#ffffff1f 0 5px,#fff0 5px 11px),#f0b445c4;height:clamp(26px,2.6vw,34px);position:absolute;top:clamp(-4px,.4vw,6px);box-shadow:0 2px 4px #30362914}.about-tape--left{left:calc(var(--tape-w) * -.36);rotate:-36deg}.about-tape--right{right:calc(var(--tape-w) * -.36);background:repeating-linear-gradient(90deg,#ffffff1f 0 5px,#fff0 5px 11px),#95a46cc4;rotate:36deg}.about-why{padding-block:clamp(56px,9vw,140px) clamp(40px,6vw,96px)}.about-why-layout{grid-template-columns:minmax(0,1.5fr) minmax(0,.5fr);align-items:center;column-gap:clamp(40px,5vw,96px);display:grid}.about-why .about-kicker{margin-bottom:26px}.about-why-text{color:var(--color-ink);letter-spacing:-.03em;text-wrap:pretty;margin:0 0 40px;font-size:clamp(24px,2.6vw,42px);font-weight:550;line-height:1.26}.about-word{opacity:clamp(.18, calc((var(--p,1) * 1.2 - var(--w,0)) * 9), 1)}.about-letter{--t:calc((var(--p,1) * 1.25 - var(--w,0)) * 9 - var(--l,0) * .3);--b:clamp(0, min(var(--t) * 2, (1.8 - var(--t)) * 1.25), 1);color:color-mix(in srgb, var(--c) calc(var(--b) * 100%), var(--color-ink))}.about-why-stamp{--stamp:clamp(0, calc(var(--p,1) * 2.4 - 1.4), 1);width:clamp(120px,14vw,240px);height:auto;rotate:-10deg;scale:calc(1.3 - var(--stamp) * .3);opacity:var(--stamp);justify-self:center}.about-pillars{--draw:var(--p,1);--road:clamp(96px, 12vw, 190px);z-index:1;isolation:isolate;background:var(--color-ivory);padding-block:clamp(80px, 12vh, 140px) calc(var(--road) * .9);margin-top:-1px;position:relative;overflow-x:clip}.trail-road{z-index:0;pointer-events:none;width:100%;-webkit-mask-image:linear-gradient(to top, transparent var(--clear,0px), #000 calc(var(--clear,0px) + var(--fade,0px)));mask-image:linear-gradient(to top, transparent var(--clear,0px), #000 calc(var(--clear,0px) + var(--fade,0px)));position:absolute;inset:0 0 auto;overflow:visible}.trail-road path{fill:none;stroke:#b4c87e;stroke-width:var(--road);stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:calc(var(--len,0) * 1px);stroke-dashoffset:calc(var(--len,0) * (1 - var(--draw)) * 1px)}.about-pillars:not([data-trail-ready]) .trail-road,.about-pillars:not([data-trail-ready]) .trail-props{visibility:hidden}.trail-props{z-index:1;pointer-events:none;position:absolute;inset:0}.trail-prop{--reveal:clamp(0, calc((var(--draw) - var(--at,0)) * 14 + .3), 1);width:clamp(64px, calc(var(--size) / 360 * 9vw), 150px);translate:calc(-50% + var(--dx)) calc(-50% + var(--dy));opacity:var(--reveal);scale:calc(.6 + var(--reveal) * .4);position:absolute}.trail-prop .parallax{display:block}.trail-prop img{filter:drop-shadow(0 12px 16px #3036291f);width:100%;height:auto;transform:translate3d(0, var(--shift,0px), 0) rotate(var(--turn));animation:5s ease-in-out infinite alternate trail-float}.trail-prop:nth-child(2n) img{animation-duration:6.2s;animation-direction:alternate-reverse}.pillar-list{z-index:2;gap:clamp(120px,20vh,240px);margin:0 auto;list-style:none;display:grid;position:relative}.pillar{--b:clamp(0, calc(var(--p,1) * 1.6 - .2), 1);width:min(520px,44%)}.pillar--right{justify-self:end}.pillar-panel{height:100%;opacity:var(--b);transform:translate3d(0, calc((1 - var(--b)) * 64px), 0) scale(calc(.96 + var(--b) * .04));background:#fffdf7;border:1px solid #ebe6d8;border-radius:30px;padding:clamp(30px,3.2vw,48px);position:relative;overflow:hidden;box-shadow:0 22px 50px #3036290d}.pillar-panel:before{content:"";background:var(--tone);height:6px;position:absolute;inset:0 0 auto}.pillar-icon{align-items:center;width:52px;height:52px;display:flex}.pillar-icon img{width:auto;max-width:100%;height:auto;max-height:100%}.pillar-panel h3{color:var(--color-olive);font-size:clamp(26px,2.2vw,32px);font-weight:var(--heading-weight);line-height:var(--heading-leading);letter-spacing:var(--heading-tracking);margin:20px 0 14px}.pillar-panel p{color:#4a4f40;margin:0 0 28px;font-size:16px;line-height:1.6}.pillar-button{background:var(--tint);min-height:48px;color:var(--color-ink);border-radius:999px;align-items:center;gap:10px;padding:12px 24px 12px 20px;font-size:14px;font-weight:750;text-decoration:none;transition:background .2s,box-shadow .2s;display:inline-flex}.pillar-button:hover{box-shadow:inset 0 0 0 1.5px var(--tone)}.pillar-button:focus-visible{outline:3px solid var(--color-olive);outline-offset:4px}.pillar-dot{background:var(--tone);border-radius:50%;width:10px;height:10px}.about-numbers{padding-block:0 clamp(96px,11vw,160px)}.about-numbers-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:6%;display:grid}.numbers-copy{position:sticky;top:140px}.numbers-copy h2{color:var(--color-olive);font-size:clamp(38px,4.6vw,68px);font-weight:var(--display-weight);line-height:var(--display-leading);letter-spacing:var(--display-tracking);margin:0 0 30px}.numbers-underline{white-space:nowrap;display:inline-block;position:relative}.numbers-underline svg{width:100%;height:.3em;position:absolute;bottom:-.16em;left:0;overflow:visible}.numbers-underline path{fill:none;stroke:var(--color-sage);stroke-width:3.5px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--p,1))}.numbers-copy p{max-width:430px;color:var(--muted);margin:0;font-size:16px;line-height:1.65}.numbers-stack{--gap:34vh;--hold:20vh;row-gap:var(--gap);margin:0;padding:0;list-style:none;display:grid}.numbers-stack:after{content:"";height:1px;margin-top:calc(var(--hold) - var(--gap))}.number-card{--cov:clamp(0, calc(var(--p,0) * (var(--count) - 1) - var(--i)), 1);--step:26px;top:calc(130px + var(--i) * var(--step));padding-bottom:calc((var(--count) - 1 - var(--i)) * var(--step));position:sticky}.number-card-inner{transform-origin:50% 0;height:clamp(300px,32vw,400px);transform:rotate(var(--tilt)) scale(calc(1 - var(--cov) * .07));border-radius:32px;flex-direction:column;justify-content:flex-end;padding:clamp(28px,3vw,44px);display:flex;position:relative;box-shadow:0 24px 60px #30362914}.number-card:first-child{--tilt:-2deg}.number-card:nth-child(2){--tilt:1.6deg}.number-card:nth-child(3){--tilt:-1deg}.number-card--sage .number-card-inner{background:var(--color-sage);color:var(--color-ink)}.number-card--marigold .number-card-inner{background:var(--color-marigold);color:var(--color-ink)}.number-card--olive .number-card-inner{background:var(--color-olive);color:var(--color-ivory)}.number-card-icon{background:#fffdf2;border-radius:50%;place-items:center;width:54px;height:54px;display:grid;position:absolute;top:26px;right:26px}.number-card-icon img{object-fit:contain;width:28px;height:28px}.number-card-tag{font-size:11px;font-weight:var(--kicker-weight);letter-spacing:var(--kicker-tracking);text-transform:uppercase;background:#fffdf259;border-radius:999px;padding:5px 11px;position:absolute;top:34px;left:clamp(28px,3vw,44px)}.number-card-stat{font-size:clamp(64px,7.6vw,116px);font-weight:var(--display-weight);letter-spacing:var(--display-tracking);margin:0 0 12px;line-height:.9}.number-card-label{max-width:320px;margin:0;font-size:16px;line-height:1.5}@keyframes about-rise{0%{transform:translateY(.32em)}}@keyframes about-print-drop{0%{transform:translateY(56px)rotate(-2.4deg)}}@keyframes trail-float{to{translate:0 -10px;rotate:5deg}}@media (width<=760px){.about-hero{--print-w:calc(100vw - 40px);--overhang:calc(var(--print-w) * .5 + 50px + var(--tail));padding-top:112px}.about-card{border-radius:36px 36px 0 0}.about-sky:after{height:64px}.about-hero h1{font-size:clamp(36px,9.6vw,52px)}.about-hero-intro{font-size:19px}.about-cloud{width:74vw}.about-cloud--left{translate:calc(var(--p,0) * -6vw) 4%;left:-26vw}.about-cloud--right{translate:calc(var(--p,0) * 6vw) 10%;right:-28vw}.about-tape{--tape-w:76px;height:24px}.about-why-layout{grid-template-columns:1fr;row-gap:8px}.about-why-stamp{justify-self:end;width:96px;margin-top:-56px}.about-pillars{--road:70px}.pillar-list{gap:96px}.pillar,.pillar--right{justify-self:stretch;width:100%}.trail-props{display:none}.about-numbers-inner{grid-template-columns:1fr;gap:40px}.numbers-copy{position:static}.numbers-stack{--gap:22vh;--hold:12vh}.number-card{--step:18px;top:calc(96px + var(--i) * var(--step))}.number-card-inner{height:300px}}@media (prefers-reduced-motion:reduce){.about-hold{position:relative;top:auto}.about-page *,.about-page :before,.about-page :after{transition:none!important;animation:none!important}}.about-hero h1:lang(zh){font-size:clamp(52px,6.6vw,104px)}.about-why-text:lang(zh){letter-spacing:0;line-height:1.7}@media (width<=760px){.about-hero h1:lang(zh){font-size:clamp(42px,12vw,64px)}}