.about-body{max-width:var(--max);margin:0 auto;padding:clamp(3rem,6vw,5rem) var(--pad-x) clamp(2rem,4vw,3rem);display:grid;grid-template-columns:6fr 5fr;gap:clamp(2.5rem,6vw,5rem)}.about-article p{font-family:var(--serif);font-size:clamp(1.04rem,.99rem + .22vw,1.18rem);line-height:1.7;color:var(--navy);font-variation-settings:"opsz" 24,"wght" 400,"SOFT" 0;opacity:0;transform:translateY(10px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.8,.25,1)}html:lang(zh-Hant) .about-article p{font-size:clamp(1.01rem,.96rem + .22vw,1.15rem);line-height:1.85}.about-article p:first-of-type{font-size:clamp(1.18rem,1.05rem + .55vw,1.42rem);line-height:1.5;letter-spacing:-.012em;font-variation-settings:"opsz" 72,"wght" 400,"SOFT" 30}html:lang(zh-Hant) .about-article p:first-of-type{font-size:clamp(1.14rem,1.02rem + .5vw,1.34rem);line-height:1.7;letter-spacing:0}.about-article.in-view p{opacity:1;transform:translateY(0)}.about-article.in-view p:nth-of-type(1){transition-delay:0s}.about-article.in-view p:nth-of-type(2){transition-delay:.18s}.about-article.in-view p:nth-of-type(3){transition-delay:.36s}.about-article.in-view p:nth-of-type(4){transition-delay:.54s}.about-article p+p{margin-top:1.1rem}.about-article p em{font-style:italic;color:var(--accent);--wght: 500;--soft: 80;font-variation-settings:"opsz" 24,"wght" var(--wght),"SOFT" var(--soft);transition:--wght .5s cubic-bezier(.2,.8,.25,1),--soft .5s cubic-bezier(.2,.8,.25,1)}.about-article p em:hover{--wght: 800;--soft: 100}.about-gallery{display:flex;flex-direction:column;gap:clamp(.75rem,1.5vw,1.25rem)}.photo-cluster{position:relative;width:100%;aspect-ratio:9 / 10;margin-top:0;--photo-shadow: 0 1px 2px rgba(21, 40, 80, .1), 0 5px 12px rgba(21, 40, 80, .12), 0 14px 32px rgba(21, 40, 80, .16), 0 26px 60px rgba(168, 84, 42, .1);--photo-shadow-hover: 0 2px 4px rgba(21, 40, 80, .12), 0 7px 16px rgba(21, 40, 80, .14), 0 16px 36px rgba(21, 40, 80, .18), 0 28px 60px rgba(168, 84, 42, .13)}body.dark .photo-cluster{--photo-shadow: 0 0 0 1px rgba(235, 228, 212, .1), 0 2px 4px rgba(0, 0, 0, .44), 0 8px 18px rgba(0, 0, 0, .42), 0 18px 40px rgba(0, 0, 0, .46), 0 30px 64px rgba(209, 138, 92, .14);--photo-shadow-hover: 0 0 0 1px rgba(235, 228, 212, .16), 0 3px 6px rgba(0, 0, 0, .5), 0 10px 22px rgba(0, 0, 0, .48), 0 20px 46px rgba(0, 0, 0, .52), 0 32px 70px rgba(209, 138, 92, .2)}.photo-cluster .photo{position:absolute;width:38%;margin:0;background:var(--bg);box-shadow:var(--photo-shadow);transition:transform .5s cubic-bezier(.2,.8,.25,1),box-shadow .5s ease,opacity .4s ease,filter .4s ease;cursor:pointer;animation:photo-drift 5.5s ease-in-out infinite}.photo-cluster .p2{animation-delay:-1.1s;animation-duration:6s}.photo-cluster .p3{animation-delay:-2.2s;animation-duration:5s}.photo-cluster .p4{animation-delay:-3.3s;animation-duration:6.5s}.photo-cluster .p5{animation-delay:-4.4s;animation-duration:5.8s}@keyframes photo-drift{0%,to{translate:0 0;rotate:0deg}50%{translate:1px -7px;rotate:.5deg}}.photo-cluster .photo img{width:100%;height:auto;display:block}.photo-cluster .p1{top:7.5%;left:3%;z-index:1;transform:rotate(-2deg)}.photo-cluster .p2{top:7.5%;left:59%;z-index:1;transform:rotate(1.5deg)}.photo-cluster .p3{top:36.9%;left:27.5%;z-index:3;transform:rotate(-.5deg);width:45%}.photo-cluster .p4{top:56.7%;left:3%;z-index:2;transform:rotate(1deg)}.photo-cluster .p5{top:56.7%;left:59%;z-index:2;transform:rotate(1.5deg);width:35%}.photo-cluster .photo:hover{z-index:10;transform:rotate(0) scale(1.05);animation-play-state:paused;filter:brightness(1.04) saturate(1.08);box-shadow:var(--photo-shadow-hover)}.world-map{width:100%;height:auto;display:block}.world-map .land{fill:var(--accent);stroke:var(--accent);stroke-width:.5;vector-effect:non-scaling-stroke;opacity:.14;transition:opacity .55s cubic-bezier(.2,.8,.25,1)}.world-map .land path{fill:inherit}.world-map:hover .land{opacity:.3}.world-map .land:hover{opacity:.55}.world-map .route{stroke:var(--accent);stroke-width:.9;stroke-dasharray:4 5;opacity:.55;animation:routeFlow 8s linear infinite;transition:opacity .5s ease}.world-map:hover .route{opacity:.85}@keyframes routeFlow{to{stroke-dashoffset:-18}}.world-map .city-marker{cursor:default}.world-map .dot{fill:var(--accent);transition:r .3s cubic-bezier(.2,.8,.25,1);animation:bulletBreathe 4.2s ease-in-out infinite}.world-map .city-marker:nth-of-type(1) .dot{animation-delay:0s}.world-map .city-marker:nth-of-type(2) .dot{animation-delay:1s}.world-map .city-marker:nth-of-type(3) .dot{animation-delay:2s}.world-map .city-marker:nth-of-type(4) .dot{animation-delay:3s}.world-map .city-marker:hover .dot{r:9;animation-play-state:paused}.world-map .city-name{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;fill:var(--navy);font-weight:500;transition:fill .3s ease}.world-map .city-time{font-family:var(--mono);font-size:14px;fill:var(--accent);font-variant-numeric:tabular-nums;transition:fill .3s ease}.world-map .city-marker:hover .city-name{fill:var(--accent)}.world-map .city-marker:hover .city-time{fill:var(--navy)}.world-map .travel-plane{fill:var(--accent);offset-path:path("M 588 100 L 529 43 Q 377 5 225 234 L 118 274 L 225 234 Q 377 5 529 43 L 588 100");offset-rotate:auto;animation:traverse 22s linear infinite}@keyframes traverse{0%{offset-distance:0%}to{offset-distance:100%}}@keyframes about-spell-out{to{opacity:1;transform:translateY(0)}}@media(max-width:880px){.about-body{grid-template-columns:1fr;gap:3rem}.photo-cluster{aspect-ratio:4 / 5}.photo-cluster .p1,.photo-cluster .p2{top:11.2%}.photo-cluster .p3{top:38.1%}.photo-cluster .p4,.photo-cluster .p5{top:57%}}.about-body.letter-body{grid-template-columns:7fr 5fr}.letterhead{margin-bottom:clamp(1.4rem,2.6vw,2rem);padding-bottom:.7rem;border-bottom:1px solid var(--rule-soft);display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.lh-name{font-family:var(--serif);font-size:1.28rem;letter-spacing:.02em;color:var(--navy);font-variation-settings:"opsz" 36,"wght" 520,"SOFT" 40}.lh-addr{font-family:var(--mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.letter-stack{position:relative;width:100%;aspect-ratio:8.5 / 11}.sheet-ghost{position:absolute;inset:0;background:var(--paper);border:1px solid var(--rule-soft);pointer-events:none}.sheet-ghost.g1{transform:rotate(-.9deg) translate(-9px,7px);opacity:.5;z-index:0}.sheet-ghost.g2{transform:rotate(.6deg) translate(8px,4px);opacity:.7;z-index:1}.sheet-ghost{transition:opacity .28s ease}.sheet-ghost.is-gone{opacity:0}.letter-sheet{position:absolute;inset:0;z-index:2;--f: 1;--under-shade: 0}.letter-sheet[hidden]{display:none}.letter-sheet.is-turning{z-index:8}.letter-stack.is-dragging{user-select:none}.sheet-front{position:absolute;inset:0;background:var(--paper);border:1px solid var(--rule-soft);overflow:hidden;display:flex;flex-direction:column;padding:clamp(2rem,3.6vw,2.9rem) clamp(1.9rem,3.4vw,2.6rem) clamp(1.4rem,2.4vw,1.9rem);box-shadow:0 1px 1px #1528500a,0 6px 18px #1528500d;clip-path:inset(0 calc(100% - var(--f) * 100%) 0 0)}body.dark .sheet-front{box-shadow:0 1px 1px #00000040,0 6px 18px #00000047}.sheet-fold{position:absolute;top:0;bottom:0;width:calc(100% - var(--f) * 100%);left:calc(var(--f) * 200% - 100%);background:var(--paper);border:1px solid var(--rule-soft);background-image:linear-gradient(to right,#ffffff1a,#00000005 45%,#00000012 82%,#00000021);box-shadow:7px 0 22px #15285033,-5px 4px 16px #1528501a;pointer-events:none;opacity:clamp(0,calc((var(--f) + .16) * 6.25),1)}body.dark .sheet-fold{background-image:linear-gradient(to right,#ffffff0d,#0000001a 45%,#00000038 82%,#00000057);box-shadow:7px 0 22px #0000006b,-5px 4px 16px #0000004d}.letter-sheet:not(.is-turning) .sheet-fold{display:none}.letter-sheet.is-under .sheet-front:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:var(--under-shade);background:linear-gradient(90deg,#00000057,#0000000d 38%,#0000 66%)}.flow-window{flex:1;position:relative;overflow:hidden}.flow{height:100%;column-gap:var(--col-gap, 48px);column-fill:auto;transform:translate(var(--flow-x, 0px))}.letter-sheet p{font-size:1.08rem!important;line-height:1.75!important;opacity:1!important;transform:none!important}.letter-sheet p+p{margin-top:.95rem;text-indent:0}html:lang(zh-Hant) .letter-sheet p{font-size:1.02rem!important;line-height:1.95!important}.letter-head{margin-bottom:clamp(1.7rem,3.2vw,2.5rem)}.letter-date{display:block;font-family:var(--serif);font-size:1.02rem;line-height:1.3;letter-spacing:.005em;color:var(--muted);font-variation-settings:"opsz" 24,"wght" 400,"SOFT" 30;font-variant-numeric:tabular-nums}.letter-greeting{font-family:var(--serif);font-style:italic;font-size:1.2rem;line-height:1.4;color:var(--navy);font-variation-settings:"opsz" 48,"wght" 400,"SOFT" 50;margin-bottom:.75rem}html:lang(zh-Hant) .letter-greeting{font-style:normal;font-weight:500;font-variation-settings:normal}.letter-signoff{margin-top:clamp(2.75rem,5.5vw,4rem);break-inside:avoid}.signoff-line{display:block;font-family:var(--serif);font-style:italic;font-size:1rem;color:var(--muted);font-variation-settings:"opsz" 36,"wght" 400,"SOFT" 50;margin-bottom:1.15rem}html:lang(zh-Hant) .signoff-line{font-style:normal;font-weight:500;font-variation-settings:normal}.letter-signature{width:fit-content;margin-top:.4rem}.letter-signature .signature path{fill-opacity:1;stroke-dashoffset:0}.letter-signature .signature{width:clamp(190px,66%,265px);min-width:190px;transform:rotate(1.7deg) scaleY(.95);transform-origin:left center}.sheet-folio{padding-top:.9rem;font-family:var(--mono);font-size:.58rem;letter-spacing:.18em;color:var(--muted);opacity:.6;text-align:center;font-variant-numeric:tabular-nums;flex:none}.turn-zone{position:absolute;top:0;bottom:0;width:14%;background:transparent;border:0;padding:0;cursor:grab;touch-action:pan-y;display:flex;align-items:center;justify-content:center;z-index:10}.turn-zone:active{cursor:grabbing}.zone-next{right:0}.zone-prev{left:0}.turn-zone[hidden]{display:none}.turn-zone .chev{font-family:var(--mono);font-size:1.2rem;line-height:1;color:var(--navy);opacity:.16;transition:opacity .3s ease,transform .3s cubic-bezier(.2,.8,.25,1)}.turn-zone:hover .chev{opacity:.6}.turn-zone:focus-visible .chev{opacity:.75;outline:none}.zone-next:hover .chev{transform:translate(4px)}.zone-prev:hover .chev{transform:translate(-4px)}.letter-body .photo-cluster .photo{container-type:inline-size;perspective:800px;background:none;padding:0;box-shadow:none}.letter-body .card-inner{position:relative;transform-style:preserve-3d;transition:transform .62s cubic-bezier(.2,.8,.25,1),box-shadow .5s ease;background:var(--paper);box-shadow:var(--photo-shadow)}.letter-body .photo:hover .card-inner{box-shadow:var(--photo-shadow-hover)}.letter-body .card-front{padding:3px}.letter-body .photo-cluster .photo:hover{filter:none}.letter-body .photo:hover .card-inner,.letter-body .photo:focus-within .card-inner{transform:rotateY(180deg)}.letter-body .card-face{backface-visibility:hidden}.letter-body .card-front img{display:block;width:100%;height:auto;backface-visibility:hidden}.letter-body .card-back{position:absolute;inset:0;transform:rotateY(180deg);background:var(--paper);display:flex;flex-direction:column;padding:6cqw 6cqw 5cqw;overflow:hidden}.letter-body .photo-cluster .photo:hover{transform:rotate(0) scale(1.32)}.pc-head{font-family:var(--mono);font-size:3.6cqw;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);opacity:.8;text-align:center;padding-bottom:3cqw;border-bottom:1px solid var(--rule-soft)}.pc-body{flex:1;display:flex;gap:5cqw;padding-top:4cqw;min-height:0}.pc-msg-col{flex:1 1 60%;min-width:0;border-right:1px solid var(--rule-soft);padding-right:6cqw;display:flex;align-items:center}.pc-msg{font-family:var(--serif);font-style:italic;font-size:5.8cqw;line-height:1.4;color:var(--navy);font-variation-settings:"opsz" 36,"wght" 400,"SOFT" 60;margin:0;width:100%;min-width:0}.pc-line{display:block;white-space:nowrap}html:lang(zh-Hant) .pc-msg{font-style:normal;font-weight:500;font-variation-settings:normal}.pc-addr-col{flex:1 1 40%;min-width:0;position:relative;display:flex;flex-direction:column}.pc-stamp{align-self:flex-end;width:15cqw;height:19cqw;border:1px solid var(--rule-soft);flex:none}.pc-mark{position:absolute;top:12cqw;right:11cqw;width:13cqw;height:13cqw;border:1px solid var(--accent);border-radius:50%;opacity:.45}.pc-mark:after{content:"";position:absolute;inset:2cqw;border:1px solid var(--accent);border-radius:50%;opacity:.7}.pc-lines{margin-top:auto;height:13cqw;background-image:repeating-linear-gradient(to bottom,transparent 0 5cqw,var(--rule-soft) 5cqw calc(5cqw + 1px))}.pc-origin{display:block;flex:none;font-family:var(--mono);font-size:3.1cqw;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);opacity:.75;margin-top:3cqw;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(hover:none){.letter-body .photo:hover .card-inner{transform:none}.letter-body .photo-cluster .photo:hover{transform:rotate(0) scale(1.05)}}.map-card{background:var(--paper);border:1px solid var(--rule-soft);padding:10px 12px 6px;box-shadow:0 1px 2px #15285012,0 4px 10px #15285014,0 12px 26px #1528501a;transform:rotate(-.5deg)}body.dark .map-card{box-shadow:0 1px 2px #00000057,0 4px 10px #00000052,0 12px 26px #0000005c}.letter-stack.fold-pending>.letter-sheet,.letter-stack.fold-pending>.sheet-ghost,.letter-stack.fold-pending>.turn-zone,html.pre-fold .letter-stack>.letter-sheet,html.pre-fold .letter-stack>.sheet-ghost,html.pre-fold .letter-stack>.turn-zone,html.pre-deal .about-gallery .map-card,html.pre-deal .about-gallery .photo{opacity:0}.fold-stage{position:absolute;inset:0;z-index:30;perspective:1600px;perspective-origin:50% 50%;pointer-events:none}.fold-panel{position:absolute;left:0;width:100%;height:33.34%;transform-style:preserve-3d}.fold-panel.p-top{top:0;transform-origin:bottom center}.fold-panel.p-mid{top:33.33%}.fold-panel.p-bot{top:66.66%;transform-origin:top center}.fold-face{position:absolute;inset:0;overflow:hidden;backface-visibility:hidden}.fold-back{transform:rotateX(180deg);background:var(--paper);border:1px solid var(--rule-soft)}.fold-address{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;text-align:center;padding:1rem}.fa-label{font-family:var(--mono);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}.fa-name{font-family:var(--serif);font-size:1.5rem;letter-spacing:.01em;color:var(--navy);font-variation-settings:"opsz" 48,"wght" 480,"SOFT" 40}.fa-date{font-family:var(--serif);font-size:.95rem;color:var(--muted);font-variation-settings:"opsz" 24,"wght" 400,"SOFT" 30;font-variant-numeric:tabular-nums}html:lang(zh-Hant) .fa-label{font-size:.86rem;letter-spacing:.06em}.fold-clip{position:absolute;left:0;width:100%;height:300%}.fold-clip>.letter-sheet{position:absolute;inset:0}@keyframes fold-appear{0%{opacity:0}to{opacity:1}}@keyframes hinge-down{0%{transform:rotateX(-180deg)}to{transform:rotateX(0)}}@keyframes hinge-up{0%{transform:rotateX(180deg)}to{transform:rotateX(0)}}@keyframes fold-shade{0%{opacity:1}to{opacity:0}}.fold-stage.run{animation:fold-appear .15s ease both}.fold-stage.run .p-top{animation:hinge-down .42s cubic-bezier(.33,.7,.22,1) .63s both}.fold-stage.run .p-bot{animation:hinge-up .42s cubic-bezier(.33,.7,.22,1) .92s both}.fold-stage.run .p-top .fold-front:after,.fold-stage.run .p-bot .fold-front:after{content:"";position:absolute;inset:0;background:#0a10206b;animation:fold-shade .42s ease-out both}.fold-stage.run .p-top .fold-front:after{animation-delay:.63s}.fold-stage.run .p-bot .fold-front:after{animation-delay:.92s}@media(prefers-reduced-motion:reduce){.letter-stack.fold-pending>.letter-sheet,.letter-stack.fold-pending>.sheet-ghost,.letter-stack.fold-pending>.turn-zone,html.pre-fold .letter-stack>.letter-sheet,html.pre-fold .letter-stack>.sheet-ghost,html.pre-fold .letter-stack>.turn-zone,html.pre-deal .about-gallery .map-card,html.pre-deal .about-gallery .photo{opacity:1}.fold-stage{display:none}}.map-caption{font-family:var(--serif);font-style:italic;font-size:.78rem;line-height:1.45;color:var(--muted);font-variation-settings:"opsz" 36,"wght" 400,"SOFT" 50;margin:.5rem 0 0;opacity:0;transition:opacity .35s ease}.map-card:hover+.map-caption,.map-card:focus-within+.map-caption{opacity:1}html:lang(zh-Hant) .map-caption{font-style:normal;font-weight:500;font-variation-settings:normal}@media(max-width:880px){.about-body.letter-body{grid-template-columns:1fr}.letter-stack{aspect-ratio:auto}.sheet-ghost{display:none}.letter-sheet{position:static;inset:auto}.letter-sheet:not(:first-of-type){display:none}.sheet-front{position:static;inset:auto;clip-path:none;overflow:visible}.sheet-fold{display:none!important}.flow-window{overflow:visible}.flow{height:auto;column-gap:normal;transform:none}.sheet-folio,.turn-zone{display:none}}html.no-js .about-body.letter-body{grid-template-columns:1fr}html.no-js .letter-stack{aspect-ratio:auto}html.no-js .sheet-ghost{display:none}html.no-js .letter-sheet{position:static;inset:auto}html.no-js .letter-sheet:not(:first-of-type){display:none}html.no-js .sheet-front{position:static;inset:auto;clip-path:none;overflow:visible}html.no-js .sheet-fold{display:none!important}html.no-js .flow-window{overflow:visible}html.no-js .flow{height:auto;column-gap:normal;transform:none}html.no-js .sheet-folio,html.no-js .turn-zone{display:none}