.learn-section{--learn-paper:var(--color-light);--learn-nav-offset:72px;--learn-ease:var(--studio-ease,cubic-bezier(.22, 1, .36, 1));color:var(--studio-ink);background:var(--learn-paper);scroll-margin-top:var(--learn-nav-offset);--learn-intro-opacity:1;--learn-intro-y:0px;--learn-intro-scale:1;--learn-route-opacity:0;--learn-route-y:18px;--learn-route-progress:0;position:relative;overflow:clip}.learn-intro{z-index:0;min-height:100svh;padding:clamp(104px, 12vh, 142px) var(--page-pad) clamp(72px, 9vh, 112px);align-items:center;display:grid;position:sticky;top:0}.learn-intro__inner{width:min(100%, var(--content-width));opacity:var(--learn-intro-opacity);transform:translate3d(0, var(--learn-intro-y), 0) scale(var(--learn-intro-scale));transform-origin:top;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:start;gap:clamp(64px,9vw,150px);margin-inline:auto;display:grid}.learn-intro h2{letter-spacing:-.045em;white-space:pre-line;text-wrap:balance;max-width:760px;margin:0;font-size:clamp(42px,4.8vw,78px);font-weight:560;line-height:1.04}.learn-intro__description{max-width:590px;color:var(--studio-muted);white-space:pre-line;text-wrap:pretty;margin:44px 0 0;font-size:clamp(16px,1.25vw,19px);line-height:1.78}.learn-journey{z-index:2;isolation:isolate;background:var(--learn-paper);position:relative}.learn-journey:before{content:"";z-index:0;background:linear-gradient(180deg, transparent, var(--learn-paper));pointer-events:none;height:96px;position:absolute;top:-96px;left:0;right:0}.learn-journey__sticky{position:relative}.learn-journey__viewport{width:100%;overflow:hidden}.learn-journey__track{margin:0;padding:0;list-style:none}.learn-route{z-index:5;color:var(--studio-blue);opacity:var(--learn-route-opacity);transform:translate3d(0, var(--learn-route-y), 0);display:none;position:absolute;top:clamp(90px,10.5vh,122px);left:3vw;right:3vw}.learn-route__line{height:27px;position:relative}.learn-route__line:before{content:"";background:#4c82b83d;height:2px;position:absolute;top:13px;left:0;right:0}.learn-route__line:after{content:"";height:2px;transform:scaleX(var(--learn-route-progress));transform-origin:0;will-change:transform;background:#285f91;position:absolute;top:13px;left:0;right:0}.learn-route__labels{height:22px;color:var(--studio-muted);letter-spacing:.13em;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;margin-top:6px;font-size:11px;font-weight:620;display:grid;position:relative}.learn-route__labels button{min-height:36px;color:inherit;font:inherit;letter-spacing:inherit;white-space:nowrap;opacity:.48;cursor:pointer;background:0 0;border:0;border-radius:5px;justify-self:center;margin:0;padding:8px 10px;transition:opacity .24s,color .24s,background-color .24s,box-shadow .24s;position:relative;top:-8px}.learn-route__labels button:first-child{justify-self:start}.learn-route__labels button:nth-child(4){justify-self:end}.learn-route__labels button:hover{color:#285f91;opacity:.72}.learn-route__labels button[data-current=true]{color:#173b59;opacity:1;background:#d3a66d2b;font-weight:760;box-shadow:inset 0 -2px #9b6d36,0 5px 14px #5c42260f}.learn-route__labels button:focus-visible{color:#285f91;opacity:1;outline-offset:3px;outline:2px solid #4c82b88c}.learn-journey__plane{--plane-artwork-angle:18deg;z-index:1;object-fit:contain;pointer-events:none;width:clamp(42px,3.3vw,60px);height:clamp(42px,3.3vw,60px);transform:translate3d(var(--plane-x,39vw), var(--plane-y,56vh), 0) translate(-50%, -50%) translate3d(var(--plane-pointer-x,0px), var(--plane-pointer-y,0px), 0) rotate(calc(var(--plane-artwork-angle) + var(--plane-rotate,0deg) + var(--plane-pointer-rotate,0deg)));filter:drop-shadow(0 8px 10px #183c5b1f);display:none;position:absolute;top:0;left:0}.learn-scroll-hint{z-index:6;right:max(var(--page-pad), 4vw);color:#526f88;letter-spacing:.14em;opacity:0;transition:opacity .26s ease, transform .36s var(--learn-ease);pointer-events:none;align-items:center;gap:10px;font-size:11px;font-weight:650;display:flex;position:absolute;bottom:clamp(26px,4svh,46px);transform:translateY(6px)}.learn-scroll-hint i{transform-origin:0;width:44px;height:1px;animation:learn-hint-line 1.45s var(--learn-ease) infinite;background:currentColor;display:block}.learn-scroll-hint i:after{content:"";border-top:1px solid;border-right:1px solid;width:7px;height:7px;margin-left:auto;display:block;transform:translateY(-3px)rotate(45deg)}.learn-journey[data-scroll-hint=visible] .learn-scroll-hint{opacity:.82;transform:none}@keyframes learn-hint-line{0%,to{opacity:.42;transform:scaleX(.35)}55%{opacity:1;transform:scaleX(1)}}.learn-city-panel,.learn-transition-panel{background:var(--learn-paper);width:100%;min-height:100svh}.learn-city-panel{position:relative}.learn-city-panel__inner{width:min(100%,1720px);min-height:100svh;padding:clamp(134px, 16vh, 184px) max(var(--page-pad), min(6vw, 104px)) clamp(54px, 7vh, 88px);opacity:var(--learn-panel-opacity,1);transform:translate3d(0, var(--learn-panel-y,0px), 0);grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:clamp(48px,5vw,96px);margin-inline:auto;display:grid}.learn-city-panel__copy{z-index:2;opacity:1;position:relative;transform:none}.learn-city-panel--hong-kong .learn-city-panel__inner,.learn-city-panel--amsterdam .learn-city-panel__inner{opacity:1;transform:none}.learn-city-panel--amsterdam .learn-city-panel__copy,.learn-city-panel--hong-kong .learn-city-panel__copy{opacity:var(--learn-panel-opacity,1);transform:translate3d(0, var(--learn-panel-y,0px), 0)}.learn-city-panel--hong-kong .learn-city-panel__scene{opacity:1;transform:none}.learn-city-panel__index{color:var(--studio-decorative);letter-spacing:.15em;margin:0 0 16px;font-size:12px;font-weight:650}.learn-city-panel h3{letter-spacing:-.055em;overflow-wrap:anywhere;margin:0;font-size:clamp(42px,4.2vw,72px);font-weight:650;line-height:1.08}.learn-city-panel--hong-kong h3{transform-origin:0;letter-spacing:-.085em;transition:transform .62s var(--learn-ease), letter-spacing .62s var(--learn-ease);transform:scaleX(.965)}.learn-city-panel--hong-kong[data-current=true] h3{letter-spacing:-.055em;transform:scaleX(1)}.learn-city-panel__subtitle{color:#315d7f;margin:22px 0 0;font-size:clamp(18px,1.55vw,25px);font-weight:520;line-height:1.3}.learn-city-panel__duration{border-left:2px solid var(--studio-blue);width:max-content;color:var(--studio-blue);letter-spacing:-.02em;margin-top:28px;padding-left:18px;font-size:clamp(24px,2.4vw,40px);font-weight:620;line-height:1;display:block}.learn-city-panel__body{max-width:580px;color:var(--studio-muted);text-wrap:pretty;margin:clamp(18px,2.4svh,26px) 0 0;font-size:clamp(18.4px,1.242vw,20.7px);line-height:1.6;position:relative}.learn-city-panel__body p{white-space:pre-line;opacity:.38;transition:opacity .38s ease, transform .46s var(--learn-ease);transition-delay:calc(var(--paragraph-index,0) * 55ms);margin:0;transform:translateY(8px)}.learn-city-panel[data-current=true] .learn-city-panel__body p{opacity:1;transform:none}.learn-city-panel__body p+p{margin-top:clamp(12px,1.7svh,20px)}.learn-city-panel__scene{min-width:0}.learn-city-panel__postcards{height:clamp(160px,28svh,290px);margin-bottom:clamp(12px,2svh,24px);display:none;position:relative}.learn-city-panel--chengdu .learn-city-panel__visual{aspect-ratio:1086/720;transform-origin:0;isolation:isolate;background:var(--learn-paper);width:115%;overflow:hidden;transform:translateY(clamp(30px,4.5svh,52px))}.chengdu-paint-experience{position:absolute;inset:0;overflow:hidden}.chengdu-paint-layer,.chengdu-paint-layer picture,.chengdu-paint-layer img{width:100%;height:100%;display:block;position:absolute;inset:0}.chengdu-paint-layer img{object-fit:contain;opacity:1;max-height:none}.chengdu-paint-layer--quiet{filter:saturate(.18);opacity:1}.chengdu-paint-layer--color{z-index:1;filter:saturate(1.18);clip-path:inset(0 0 calc(100% - var(--learn-chengdu-reveal,0%)) 0);will-change:clip-path;transition:filter .36s}.chengdu-paint-sweep{z-index:2;left:13%;right:9%;top:var(--learn-chengdu-reveal,0%);height:1px;opacity:var(--learn-chengdu-sweep-opacity,0);pointer-events:none;background:linear-gradient(90deg,#0000,#4c82b88a 24%,#4c82b852 72%,#0000);position:absolute;transform:translateY(-1px)}.learn-city-panel--chengdu[data-current=true] .learn-city-panel__visual:hover .chengdu-paint-layer--color{filter:saturate(1.28)}.learn-city-panel__postcards .pinned-photo-anchor{width:min(calc(var(--photo-w) * 1vw), 16svh, 25%)}.learn-city-panel__keywords{color:var(--studio-blue);letter-spacing:.13em;text-transform:uppercase;margin:30px 0 0;font-size:11px;font-weight:650;line-height:1.4}.learn-city-panel__visual{place-items:center;width:100%;min-width:0;margin:0;display:grid;position:relative}.learn-city-panel__visual img{object-fit:contain;opacity:.96;transform-origin:50%;width:100%;max-height:min(72svh,900px)}.learn-city-panel--amsterdam .learn-city-panel__visual{aspect-ratio:1619/971;isolation:isolate;background:var(--learn-paper);box-shadow:none;border:0;border-radius:1px;overflow:hidden}.learn-city-panel--amsterdam .learn-city-panel__picture{z-index:0;display:block;position:absolute;inset:0}.learn-city-panel--amsterdam .learn-city-panel__picture img{object-fit:cover;opacity:1;width:100%;height:100%;max-height:none;transition:transform .52s var(--learn-ease), filter .36s ease;display:block;transform:scale(.996)}.learn-city-panel--amsterdam[data-current=true] .learn-city-panel__picture img{transform:scale(1)}.learn-city-panel--amsterdam[data-current=true] .learn-city-panel__visual:has(.amsterdam-canal-experience.is-exploring) .learn-city-panel__picture img{filter:saturate(1.28)}.amsterdam-canal-experience{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.amsterdam-canal-experience.is-active{pointer-events:auto}.amsterdam-water-window{z-index:1;clip-path:polygon(24% 50%,33% 50%,43% 58%,47% 59%,100% 70%,100% 100%,0 100%,0 84%,18% 67%);position:absolute;inset:0;overflow:hidden}.amsterdam-water-flow{opacity:var(--learn-amsterdam-flow-opacity,0);clip-path:inset(0 0 calc(100% - var(--learn-amsterdam-flow-reveal,0%)) 0);transform:translate3d(0, var(--learn-amsterdam-flow-y,-8px), 0);mix-blend-mode:screen;transition:opacity .18s;display:block;position:absolute;inset:0;width:100%!important;height:100%!important;max-height:none!important}.amsterdam-canal-experience.is-exploring .amsterdam-water-flow{opacity:max(var(--learn-amsterdam-flow-opacity,0), .52)}.amsterdam-water-flow path{fill:none;stroke:#f2f0eab3;stroke-width:5px;stroke-linecap:round;stroke-dasharray:58 34 18 30;stroke-dashoffset:var(--learn-amsterdam-flow-shift,0px);opacity:.72;vector-effect:non-scaling-stroke}.amsterdam-water-flow path:nth-child(2n){stroke:#97b9daa3;stroke-width:4px;stroke-dasharray:38 28 12 24}.amsterdam-local-ripple{z-index:4;aspect-ratio:2.8;pointer-events:none;border:1.5px solid #f2f0eadb;border-radius:48% 52% 45% 55%;width:8%;animation:.82s ease-out forwards amsterdam-local-ripple;position:absolute;transform:translate(-50%,-50%)scale(.2)rotate(-2deg);box-shadow:0 0 0 1px #285f9140,inset 0 0 8px #f2f0ea2e}.hong-kong-harbour{aspect-ratio:3/2;isolation:isolate;background:#102e55;border:1px solid #25446442;border-radius:2px;width:100%;position:relative;overflow:hidden;box-shadow:0 24px 55px #13314e24,0 4px 14px #13314e14}.hong-kong-harbour>img{object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0;opacity:1!important;transform:none!important}.hong-kong-harbour__base{z-index:0}.hong-kong-harbour__illuminated{z-index:1;clip-path:inset(0 calc(100% - var(--learn-hong-kong-reveal,0%)) 0 0)}.hong-kong-harbour__sweep{z-index:3;top:4%;bottom:4%;left:var(--learn-hong-kong-reveal,0%);width:1px;opacity:var(--learn-hong-kong-sweep-opacity,0);pointer-events:none;background:linear-gradient(#0000,#ecc67ed1 30%,#ecc67e7a 72%,#0000);position:absolute;transform:translate(-1px);box-shadow:0 0 18px #ecc67e47}@keyframes amsterdam-local-ripple{0%{opacity:.76;transform:translate(-50%,-50%)scale(.25)rotate(-1deg)}48%{opacity:.46;transform:translate(-50%,-50%)scale(1.45)rotate(.6deg)}to{opacity:0;transform:translate(-50%,-50%)scale(2.55)rotate(-.5deg)}}.learn-transition-panel{min-height:72svh;padding:120px var(--page-pad) 90px;background:linear-gradient(180deg, var(--learn-paper) 0 58%, #e9e7e1 100%);place-items:center;display:grid}.learn-transition-panel>div{z-index:2;width:min(100%,980px);opacity:var(--learn-panel-opacity,1);transform:translate3d(0, var(--learn-panel-y,0px), 0);position:relative}.learn-transition-panel p{color:var(--studio-blue);letter-spacing:.18em;margin:0 0 28px;font-size:11px;font-weight:650}.learn-transition-panel h3{letter-spacing:-.06em;white-space:pre-line;text-wrap:balance;max-width:900px;margin:0;font-size:clamp(56px,8vw,132px);font-weight:600;line-height:.92}.learn-transition-panel span{background:var(--studio-blue);width:clamp(80px,9vw,150px);height:2px;margin-top:48px;display:block}.learn-journey[data-mode=sticky]{height:calc(100svh + var(--learn-travel,0px))}.learn-journey[data-mode=sticky] .learn-journey__sticky{height:100svh;position:sticky;top:0;overflow:hidden}.learn-journey[data-mode=sticky] .learn-route,.learn-journey[data-mode=sticky] .learn-journey__plane{display:block}.learn-journey[data-mode=sticky] .learn-journey__viewport{height:100svh}.learn-journey[data-mode=sticky] .learn-journey__track{will-change:transform;width:max-content;display:flex}.learn-journey[data-mode=sticky] .learn-city-panel,.learn-journey[data-mode=sticky] .learn-transition-panel{flex:0 0 100vw;width:100vw;height:100svh;min-height:0}.learn-journey[data-mode=sticky] .learn-transition-panel{padding-top:150px}.learn-journey[data-mode=sticky] .learn-city-panel__inner{height:100svh;min-height:0;padding-top:clamp(154px,18svh,184px);padding-bottom:clamp(28px,4svh,54px)}.learn-journey[data-mode=sticky] .learn-city-panel__copy{max-height:none;padding-right:0;overflow:visible}@media (min-width:1200px) and (max-height:800px){.learn-city-panel h3{font-size:clamp(40px,3.6vw,56px)}.learn-city-panel__body{margin-top:16px;font-size:18.4px;line-height:1.5}.learn-city-panel__body p+p{margin-top:12px}}@media (max-width:1199px),(max-height:719px),(pointer:coarse){.learn-intro{min-height:auto;padding-block:112px 82px;position:relative}.learn-intro__inner{opacity:1;transform:none}.learn-journey:before{display:none}.learn-intro__inner{grid-template-columns:1fr;gap:30px}.learn-intro__description{margin-top:0}.learn-city-panel{border-top:1px solid #4c82b821;min-height:auto}.learn-city-panel__inner{grid-template-columns:1fr;gap:48px;min-height:auto;padding-block:90px}.learn-city-panel__copy{width:min(100%,620px)}.learn-city-panel__visual{width:min(100%,900px);margin-inline:auto}.learn-city-panel--chengdu .learn-city-panel__visual{width:min(100%,900px);transform:none}.chengdu-paint-layer--quiet{filter:none;opacity:1}.chengdu-paint-layer--color,.chengdu-paint-sweep{display:none}.amsterdam-canal-experience{pointer-events:none;display:block}.amsterdam-local-ripple{display:none}.amsterdam-water-flow{opacity:.3;clip-path:none;transform:none}.hong-kong-harbour__illuminated{clip-path:none}.hong-kong-harbour__sweep{display:none}.learn-transition-panel{min-height:64svh}.learn-scroll-hint{display:none}.learn-city-panel__body p{opacity:1;transition:none;transform:none}}.pinned-photo-anchor{z-index:1;width:clamp(120px, calc(var(--photo-w,10) * 1vw), 300px);color:inherit;font:inherit;text-align:initial;opacity:0;cursor:pointer;background:0 0;border:0;border-radius:0;margin:0;padding:0;transition:opacity .28s,filter .28s;display:none;position:absolute;transform:none}.pinned-photo-anchor.is-revealed{opacity:1}.pinned-photo-anchor.is-dimmed{opacity:.5;filter:saturate(.72)}.pinned-photo-anchor:hover,.pinned-photo-anchor:focus-visible,.pinned-photo-anchor.is-focused{z-index:4}.pinned-photo-rest-angle{transform:rotate(var(--rest-angle,0deg));transform-origin:50% 0;transition:transform .36s var(--learn-ease), filter .3s ease}.pinned-photo-anchor:hover .pinned-photo-rest-angle,.pinned-photo-anchor:focus-visible .pinned-photo-rest-angle{transform:translateY(-8px) rotate(calc(var(--rest-angle,0deg) + var(--hover-angle,1deg))) scale(1.025);filter:drop-shadow(0 12px 15px #18374e1a)}.pinned-photo-anchor.is-focused .pinned-photo-rest-angle{transform:translateY(-12px) rotate(var(--rest-angle,0deg)) scale(1.1);filter:drop-shadow(0 18px 22px #18374e24)}.pinned-photo-anchor:focus-visible{outline:none}.pinned-photo-anchor:focus-visible .pinned-photo-swing{outline-offset:5px;outline:2px solid #285f91b8}.pinned-photo-swing{transform-origin:50% 0;background:#f8f5ee;padding:clamp(6px,.55vw,9px);box-shadow:0 16px 30px #18374e1f,0 3px 8px #18374e1a}.pinned-photo-image{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.pinned-photo-anchor[data-paper-style=raw] .pinned-photo-swing{background:0 0;padding:0;box-shadow:0 4px 10px #18374e14}.pinned-photo-pin{z-index:2;filter:drop-shadow(0 2px 3px #18374e29);pointer-events:none;-webkit-user-select:none;user-select:none;width:clamp(30px,2.4vw,42px);height:auto;position:absolute;top:0;left:50%;transform:translate(-50%,-45.3%)}@media (min-width:1200px) and (min-height:720px) and (hover:hover) and (pointer:fine){.pinned-photo-anchor,.learn-city-panel__postcards{display:block}}@media (prefers-reduced-motion:reduce){.pinned-photo-anchor{transition:opacity .15s}.pinned-photo-rest-angle{transition:none}.amsterdam-local-ripple{display:none}.amsterdam-water-flow{opacity:.24;clip-path:none;transform:none}.hong-kong-harbour__illuminated{clip-path:none}.hong-kong-harbour__sweep{display:none}}@media (max-width:700px){.learn-section{--learn-nav-offset:112px}.learn-intro{padding-block:104px 64px}.learn-intro h2{font-size:clamp(38px,12vw,54px)}.learn-intro__description{font-size:16px}.learn-city-panel__inner{padding:72px var(--page-pad)}.learn-city-panel h3{font-size:clamp(46px,15vw,68px)}.learn-city-panel__body{font-size:18.4px}.learn-transition-panel{padding-inline:var(--page-pad)}.learn-transition-panel h3{font-size:clamp(48px,14vw,72px)}}@media (prefers-reduced-motion:reduce){.learn-journey{height:auto!important}.learn-journey__sticky{height:auto!important;position:relative!important;overflow:visible!important}.learn-journey__viewport{height:auto!important}.learn-journey__track{display:block!important;transform:none!important}.learn-route,.learn-journey__plane{display:none!important}.learn-city-panel,.learn-transition-panel{width:100%!important;height:auto!important;min-height:72svh!important}.learn-city-panel__copy,.learn-transition-panel>div,.learn-city-panel__visual img{opacity:1!important;transition:none!important;transform:none!important}.learn-city-panel__visual .amsterdam-water-flow{opacity:.24!important}}
.live-section{--live-paper:var(--color-light);--live-nav-offset:72px;--live-story-width:max(620px, 58vw);--live-photo-height:min(72svh, calc(100svh - 264px));--live-photo-width:calc(var(--live-photo-height) * .8);--live-gap:clamp(29px, 2.4vw, 48px);--live-item-width:var(--live-photo-width);--live-edge:max(0px, calc((100vw - var(--live-story-width)) / 2));--live-ease:var(--studio-ease,cubic-bezier(.22, 1, .36, 1));background:var(--live-paper);color:var(--studio-ink);scroll-margin-top:var(--live-nav-offset);position:relative}.live-intro{padding:clamp(64px, 6vw, 96px) var(--page-pad) 0}.live-intro__inner{width:min(100%, var(--content-width));grid-template-columns:1fr 1fr;align-items:start;gap:clamp(40px,6vw,110px);margin:0 auto;display:grid}.live-intro__eyebrow{color:var(--studio-decorative);letter-spacing:.14em;margin:0 0 22px;font-size:20px;font-weight:600;line-height:1.2}.live-intro h2{letter-spacing:-.025em;white-space:pre-line;max-width:600px;margin:0;font-size:clamp(30px,2.65vw,44px);font-weight:550;line-height:1.18}.live-intro__description{max-width:620px;color:var(--studio-muted);margin:46px 0 0;font-size:18px;line-height:1.72}.live-notes{padding-inline:var(--page-pad);margin-top:clamp(80px,7vw,112px)}.live-notes__inner{max-width:min(92vw,1180px);margin-inline:auto}.live-notes__heading{align-items:baseline;gap:24px;margin-bottom:28px;display:flex}.live-notes__heading p{letter-spacing:.12em;color:var(--studio-muted);margin:0;font-size:11px;font-weight:550}.live-notes__heading h3{margin:0;font-size:22px;font-weight:500;line-height:1.4}.live-notes__list{grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(14px,1.4vw,24px);margin:0;padding:0;list-style:none;display:grid}.live-notes__item{grid-column:span 2;min-width:0}.live-notes__item:nth-child(4){grid-column:2/span 2}.live-notes__item:nth-child(5){grid-column:4/span 2}.live-note{--note-hover:0px;isolation:isolate;aspect-ratio:1.72;width:100%;min-height:0;color:var(--studio-ink);position:relative}.live-note__underlay,.live-note__sheet{position:absolute;inset:0}.live-note__asset{pointer-events:none;-webkit-user-select:none;user-select:none;display:block;position:absolute;inset:0;overflow:hidden}.live-note__asset img{pointer-events:none;-webkit-user-select:none;user-select:none;max-width:none;display:block;position:absolute}.live-note__front-copy{position:absolute;top:24%;left:11%;right:10%}.live-note__front-title{color:#204c69;letter-spacing:.025em;max-width:370px;margin:0;font-size:clamp(16px,1.45vw,24px);font-weight:500;line-height:1.45;display:block}.live-note__front-title:lang(zh){font-family:KaiTi, STKaiti, "楷体", "Kaiti SC", var(--font-editorial);font-size:clamp(17px,1.55vw,25px)}.live-note__front-title:lang(en){letter-spacing:-.015em;font-size:clamp(15px,1.3vw,21px);line-height:1.35}.live-note__body{width:84%;opacity:var(--body-opacity);transform:translateY(var(--body-y));position:absolute;top:19%;left:8%}.live-note__back-title{color:#204c69;letter-spacing:.015em;margin:0;font-size:clamp(15px,1.2vw,20px);font-weight:560;line-height:1.35}.live-note__back-title:lang(zh){font-family:KaiTi, STKaiti, "楷体", "Kaiti SC", var(--font-editorial);font-size:clamp(16px,1.3vw,22px)}.live-note__back-title:lang(en){letter-spacing:-.015em;font-size:clamp(14px,1.1vw,19px);line-height:1.3}.live-note__body p{color:#39566c;text-wrap:pretty;width:88%;margin:clamp(8px,.8vw,14px) 0 0;font-size:clamp(11px,.82vw,14px);line-height:1.5}.live-note__underlay{transition:transform .26s var(--live-ease), filter .26s var(--live-ease);transform-origin:50%}.live-note__restore{z-index:1;cursor:pointer;background:0 0;border:0;padding:0;position:absolute;inset:0}.live-note__restore:focus-visible{outline:2px solid var(--studio-blue);outline-offset:-12px;border-radius:5px}.live-note__front-viewport{pointer-events:none;position:absolute;inset:0;overflow:clip}.live-note__sheet{z-index:1;transform:translate(var(--peel-x), var(--peel-y)) rotate(var(--peel-angle));transform-origin:100% 100%;opacity:var(--front-opacity);filter:drop-shadow(0 3px 3px #1d303f0f);pointer-events:none}.live-note__corner{aspect-ratio:2058/614;width:min(28%,104px);position:absolute;bottom:2%;right:2%}.live-note__flap{opacity:var(--flap-opacity);translate:0 calc(var(--note-hover) * -.3);transition:opacity .18s var(--live-ease), translate .18s var(--live-ease)}.live-note__tab{z-index:2;cursor:grab;touch-action:pan-y;clip-path:inset(0);width:100px;height:44px;transform:translateX(calc(var(--note-hover) + var(--pull-x)));transition:transform .2s var(--live-ease), clip-path .2s var(--live-ease);background:0 0;border:0;padding:0;position:absolute;top:auto;bottom:25%;right:-18px}.live-note[data-open=true] .live-note__tab{opacity:0;visibility:hidden;pointer-events:none;transform:none}.live-note[data-pulling=true]{z-index:2}.live-note:has(.live-note__tab:hover){z-index:2}.live-note:has(.live-note__tab:focus-visible){z-index:2}.live-note__tab:hover,.live-note__tab:focus-visible,.live-note[data-pulling=true] .live-note__tab{clip-path:inset(0)}.live-note__tab-warm,.live-note__tab-blue{transition:opacity .18s var(--live-ease)}.live-note__tab-blue{opacity:0}.live-note[data-expanded=true] .live-note__tab-blue,.live-note[data-pulling=true] .live-note__tab-blue,.live-note__tab:hover .live-note__tab-blue{opacity:1}.live-note[data-expanded=true] .live-note__tab-warm,.live-note[data-pulling=true] .live-note__tab-warm,.live-note__tab:hover .live-note__tab-warm{opacity:0}.live-note__tab:focus-visible{outline:2px solid var(--studio-blue);outline-offset:3px;border-radius:3px}.live-note[data-pulling=true] .live-note__tab{cursor:grabbing;transition:none}.live-note[data-pulling=true] .live-note__flap{transition:none}@media (hover:hover) and (pointer:fine){:is(.live-note:not([data-pulling=true]):has(.live-note__tab:hover),.live-note:not([data-pulling=true]):has(.live-note__tab:focus-visible)){--note-hover:10px}.live-note:has(.live-note__tab:hover) .live-note__sheet{filter:drop-shadow(0 5px 4px #1d303f17)}:is(.live-note[data-open=true]:has(.live-note__restore:hover) .live-note__underlay,.live-note[data-open=true]:has(.live-note__restore:focus-visible) .live-note__underlay){filter:drop-shadow(0 4px 4px #1d303f12);transform:translateY(2px)}}@media (min-width:761px) and (max-width:1199px){.live-notes__list{grid-template-columns:repeat(6,minmax(0,1fr))}.live-notes__item{grid-column:span 2}.live-notes__item:nth-child(4){grid-column:2/span 2}.live-notes__item:nth-child(5){grid-column:4/span 2}}.live-gallery{margin-top:clamp(100px,8vw,144px);position:relative}.live-gallery__sticky{padding-bottom:36px;position:relative}.live-gallery__viewport{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;width:100%;padding-block:6px;overflow:auto hidden}.live-gallery__viewport::-webkit-scrollbar{display:none}.live-gallery__viewport:focus-visible{outline:2px solid var(--studio-blue);outline-offset:-4px}.live-gallery__track{align-items:flex-start;gap:var(--live-gap);width:max-content;padding:0 var(--live-edge);margin:0;list-style:none;transition-property:none;display:flex;position:relative}.live-gallery__item{flex:0 0 var(--live-item-width);width:var(--live-item-width);scroll-snap-align:center;scroll-snap-stop:always;position:relative}.live-photo{width:var(--live-photo-width);opacity:.82;transition:opacity .35s var(--live-ease);margin:0 auto}.live-gallery__item[data-current=true] .live-photo{opacity:1}.live-photo__metadata{letter-spacing:.1em;height:26px;color:var(--studio-muted);justify-content:space-between;align-items:flex-start;gap:16px;font-size:11px;font-weight:550;line-height:16px;display:flex}.live-photo__image{width:100%;height:var(--live-photo-height);object-fit:contain;transition:transform .35s var(--live-ease);display:block;transform:scale(.995)}.live-gallery__item[data-current=true] .live-photo__image{transform:scale(1.012)}.live-photo__caption{opacity:.78;min-height:98px;transition:opacity .35s var(--live-ease), transform .35s var(--live-ease);margin-top:16px;transform:translateY(4px)}.live-gallery__item[data-current=true] .live-photo__caption{opacity:1;transform:translateY(0)}.live-photo h3{letter-spacing:-.015em;margin:0 0 7px;font-size:22px;font-weight:550;line-height:1.2}.live-photo__caption p{max-width:420px;color:var(--studio-muted);text-wrap:pretty;margin:0;font-size:15.4px;font-weight:400;line-height:1.5}.live-gallery__progress{width:clamp(160px,22vw,300px);position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.live-gallery__progress-track{background:var(--color-line-light);width:100%;height:2px;display:block;overflow:hidden}.live-gallery__progress-track>span{background:var(--studio-blue);transform-origin:0;width:100%;height:100%;display:block;transform:scaleX(0)}.live-transition{height:var(--page-pad)}.live-gallery__keyboard-hint{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.live-gallery[data-mode=sticky]{height:calc(100svh + var(--live-travel,0px))}.live-gallery[data-mode=sticky] .live-gallery__sticky{height:100svh;padding:var(--live-nav-offset) 0 24px;flex-direction:column;justify-content:center;display:flex;position:sticky;top:0}.live-gallery[data-mode=sticky] .live-gallery__viewport{scroll-snap-type:none;overflow:hidden}.live-gallery[data-mode=sticky] .live-gallery__track{will-change:transform}@media (max-width:1199px),(max-height:639px),(pointer:coarse){.live-section{--live-story-width:88vw;--live-photo-width:var(--live-story-width);--live-item-width:var(--live-story-width);--live-photo-height:calc(var(--live-photo-width) * 1.25);--live-gap:clamp(22px, 2.43vw, 34px)}.live-intro{padding-top:64px}.live-intro__inner{grid-template-columns:1fr;gap:24px}.live-intro h2{font-size:clamp(28px,5vw,40px)}.live-intro__description{margin-top:0;font-size:17.25px;line-height:1.75}.live-gallery{margin-top:80px}.live-photo__caption{min-height:120px}}@media (max-width:760px){.live-section{--live-nav-offset:112px}.live-notes{margin-top:64px}.live-notes__heading{display:block}.live-notes__heading p{margin-bottom:10px}.live-notes__list{grid-template-columns:1fr;gap:16px}.live-notes__item,.live-notes__item:nth-child(4),.live-notes__item:nth-child(5){grid-column:auto;padding-top:0}.live-note{min-height:320px}.live-note__front-copy{left:10%;right:10%}.live-note__tab{cursor:pointer;transform:none}}@media (prefers-reduced-motion:reduce){.live-note__sheet{transition:opacity .15s;transform:none}.live-note__tab{transition:none;transform:none}.live-note__body{transition:opacity .15s;transform:none}.live-note[data-progress="0.000"] .live-note__flap{opacity:0!important}.live-gallery[data-mode=sticky]{height:auto}.live-gallery[data-mode=sticky] .live-gallery__sticky{height:auto;padding-block:0 36px;position:relative}.live-gallery[data-mode=sticky] .live-gallery__viewport{scroll-snap-type:x mandatory;overflow-x:auto}.live-gallery__track{transform:none!important}.live-photo__image,.live-gallery__item[data-current=true] .live-photo__image{transition-property:none;transform:none}}