@font-face{font-family:Manrope;src:url(/fonts/manrope-latin.woff2)format("woff2");font-style:normal;font-weight:200 800;font-display:swap}@font-face{font-family:CloudSerif;src:url(/cloud/redesign-r1/assets/title-serif.woff2)format("woff2");font-style:normal;font-weight:200 900;font-display:swap}:root{color:#173e60;scrollbar-color:#7396ad #dce8ee;background:#164b82;font-family:Manrope,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:disabled,input:disabled{cursor:wait;opacity:.45}a,button,input{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline-offset:7px;outline:2px solid}::selection{color:#153e62;background:#d6e8f4}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:30;background:#dce8ee;padding:12px 16px;position:fixed;top:16px;left:24px;transform:translateY(-160%)}.skip-link:focus{transform:none}.opening{isolation:isolate;background:#164b82;height:100vh;min-height:760px;position:relative;overflow:hidden}.sky{object-fit:cover;object-position:center;z-index:-2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}body>header{z-index:10;color:#f7f8f7;justify-content:space-between;align-items:center;gap:32px;padding:32px 48px;display:flex;position:absolute;inset:0 0 auto}.brand{letter-spacing:-.035em;font-size:20px;font-weight:650}.brand span{color:#c8dce9}body>header nav{align-items:center;gap:32px;font-size:14px;display:flex}body>header nav>a{padding:8px 0;transition:box-shadow .2s cubic-bezier(.16,1,.3,1);box-shadow:0 1px #0000}body>header nav>a:hover{box-shadow:0 1px}button{color:inherit;background:0 0;border:0;padding:8px 0;font-size:14px}button:hover{opacity:.75}button:active{transform:translateY(1px)}.opening h1{z-index:1;letter-spacing:-.04em;white-space:nowrap;text-align:center;color:#f5f5ef;pointer-events:none;width:88.4%;margin:0;font-size:16.1vw;font-weight:550;line-height:1.08;position:absolute;top:17%;left:5.8%}.opening>canvas{z-index:3;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.fallback{z-index:3;pointer-events:none;width:auto;height:26vh;max-height:300px;position:absolute;bottom:20%;left:54%}.opening [hidden]{display:none}.destinations{z-index:5;pointer-events:none;position:absolute;inset:0}.portal{pointer-events:auto;flex-direction:column;gap:12px;padding:16px 0 20px;display:flex;position:absolute;top:48%}.portal>span{letter-spacing:.06em;align-items:center;gap:16px;font-family:CloudSerif,SimSun,serif;font-size:40px;font-weight:500;display:flex}.portal small{letter-spacing:.15em;color:#214c6c;font-size:14px}.portal svg{fill:none;stroke:currentColor;stroke-width:1.1px;width:28px;height:28px;transition:transform .25s cubic-bezier(.16,1,.3,1)}.portal:hover svg{transform:translate(6px)}.playback{z-index:10;align-items:center;gap:24px;min-height:48px;display:flex;position:absolute;bottom:32px;left:48px}.timeline{align-items:center;gap:16px;display:flex}.timeline input{accent-color:#204b68;cursor:ew-resize;width:144px}.timeline output{font-variant-numeric:tabular-nums;min-width:92px;font-size:12px}.music{font-size:12px}.status{z-index:10;max-width:70ch;margin:0;font-size:14px;position:absolute;bottom:88px;left:48px}.status:empty{display:none}.local-note{z-index:10;color:#36596f;margin:0;font-size:12px;position:absolute;bottom:40px;right:48px}@media (min-width:1700px){.portal>span{font-size:48px}.portal-work{left:15%}.portal-life{left:77%}}@media (max-width:1300px){body>header{padding:24px 32px}body>header nav{gap:24px}.playback{gap:16px;bottom:24px;left:32px}.status{bottom:80px;left:32px}.local-note{bottom:32px;right:32px}.portal>span{font-size:36px}.portal-work{left:11.5%}.portal-life{left:77%}.timeline input{width:96px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}.portal:hover svg{transform:none}}.cloud-layer{z-index:0;pointer-events:none;will-change:transform;position:absolute}.cloud-layer img{width:100%;height:auto;display:block}.cloud-back{opacity:.34;width:150%;bottom:-22%;left:-25%}.cloud-front{opacity:.68;width:170%;bottom:-36%;left:-35%}.opening h1{--title-pulse:0;text-shadow:0 0 calc(var(--title-pulse)*18px) #b4e9f78c}.opening h1:before,.opening h1:after{content:attr(data-title);pointer-events:none;white-space:nowrap;opacity:calc(var(--title-pulse)*.65);position:absolute;inset:0}.opening h1:before{color:#90edfa;clip-path:inset(34% 0 53%);transform:translateX(calc(var(--title-pulse)*3px))}.opening h1:after{color:#d4bbfb;clip-path:inset(65% 0 26%);transform:translateX(calc(var(--title-pulse)*-3px))}.title-scan{left:0;right:0;top:calc(20% + var(--title-pulse)*50%);height:1px;opacity:calc(var(--title-pulse)*.45);pointer-events:none;background:#d6f8fc;position:absolute;box-shadow:0 0 8px #a1edf5}.timeline output{min-width:92px}.opening.canvas-ready .fallback{display:none}.opening h1{text-shadow:none}.opening h1:before,.opening h1:after{content:none}.title-measure{visibility:hidden;white-space:pre}.title-baseline{vertical-align:baseline;width:0;height:0;margin:0;padding:0;display:inline-block}.title-letters{pointer-events:none;position:absolute;inset:0}.title-letter{text-align:left;font:inherit;letter-spacing:inherit;line-height:inherit;white-space:pre;color:#f5f5ef;--letter-light:0;text-shadow:0 0 calc(var(--letter-light)*12px) #b4e9f7a3;will-change:transform,opacity;display:block;position:absolute;top:0}.title-letter:before,.title-letter:after{content:attr(data-char);opacity:calc(var(--letter-light)*.8);pointer-events:none;position:absolute;inset:0}.title-letter:before{color:#7feafb;clip-path:inset(27% 0 51%);transform:translateX(calc(var(--letter-light)*3px))}.title-letter:after{color:#d2b4fc;clip-path:inset(63% 0 21%);transform:translateX(calc(var(--letter-light)*-3px))}.title-letter[data-index="2"]{text-shadow:none;will-change:auto}.title-letter[data-index="2"]:before,.title-letter[data-index="2"]:after{content:none}.title-measure{visibility:visible}.title-letters,.title-ready .title-measure{visibility:hidden}.title-ready .title-letters{visibility:visible}:root{--fg:#173e60;--bg:#e1ebf0;--muted:#3e5e72;--accent:#235a79;--line:#b1c8d5}body{color:var(--fg);background:#e1ebf0}body>header{z-index:30;color:#173e60;background:#e1ebf0;min-height:88px;position:fixed;inset:0 0 auto}body>header.over-sky{color:#f7f8f7;background:0 0}body>header .brand span{color:inherit}.opening{min-height:760px}.opening[hidden]{display:none}.opening h1 .title-measure{visibility:hidden!important}.title-fallback{white-space:pre;position:absolute;inset:0}.title-fallback .dotless-i{clip-path:inset(.34em 0 0);display:inline-block}.title-ready .title-fallback{visibility:hidden}.portal-work{left:40%}.portal-life{left:75%}.portal{min-width:208px}.portal small{letter-spacing:.06em}.portal-bird{pointer-events:none;width:96px;height:112px;position:absolute;inset:-24px auto auto -100px}.bird-guide{pointer-events:none;z-index:60;width:96px;height:112px;position:fixed}.scroll-cue{z-index:5;letter-spacing:.08em;align-items:center;gap:16px;font-size:12px;display:flex;position:absolute;bottom:15%;left:50%;transform:translate(-50%)}.scroll-cue svg{fill:none;stroke:currentColor;stroke-width:1.2px}.local-note{font-size:12px}html:not([data-page=home]) .opening{display:none}#page-content{outline:none;width:min(1200px,100% - 192px);margin:0 auto}html:not([data-page=home]) #page-content{min-height:100vh;padding-top:160px}.home-section{padding-top:96px;padding-bottom:48px;scroll-margin-top:112px}.section-heading{justify-content:space-between;align-items:flex-end;gap:48px;margin-bottom:64px;display:flex}.section-heading h2,.about-section h2{letter-spacing:.04em;margin:0 0 16px;font-family:CloudSerif,SimSun,serif;font-size:48px;font-weight:450;line-height:1.35}.section-heading p{color:var(--muted);letter-spacing:.06em;margin:0;font-size:14px}.inline-link{white-space:nowrap;align-items:center;gap:16px;font-size:14px;line-height:1.8;display:inline-flex}.inline-link svg,.journey-footer svg{fill:none;stroke:currentColor;stroke-width:1.2px;width:24px;height:24px}.inline-link:hover svg{transform:translate(4px)}.project-row{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;gap:64px;margin-bottom:96px;display:grid}.project-row.featured-row{grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr)}.project-picture{min-width:0}.project-picture>a{display:block}.project-picture img{aspect-ratio:16/10;object-fit:contain;width:100%;display:block}.project-copy h3{letter-spacing:-.03em;text-wrap:balance;margin:16px 0 24px;font-size:30px;font-weight:550;line-height:1.4}.project-copy>p:not(.project-state){max-width:40ch;color:var(--muted);text-wrap:pretty;margin:0 0 32px;font-size:16px;line-height:1.9}.project-state,.provenance{color:var(--muted);margin:0;font-size:12px;line-height:1.8}.provenance{margin-top:12px}.life-section{padding-top:48px}.life-feature{grid-template-columns:minmax(0,1.5fr) minmax(0,.7fr);align-items:center;gap:64px;display:grid}.life-feature img{width:100%;height:auto;display:block}.life-feature h3{margin:0 0 24px;font-family:CloudSerif,SimSun,serif;font-size:36px;font-weight:450;line-height:1.4}.life-feature p{color:var(--muted);margin:0 0 32px;font-size:16px;line-height:1.9}.life-note{color:var(--muted);margin:40px 0 96px;font-size:14px}.about-section{max-width:760px;padding:128px 0 64px}.about-section p{max-width:65ch;color:var(--muted);margin:0 0 24px;font-size:18px;line-height:2.1}.journey-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:32px;margin-top:96px;padding:32px 0 40px;font-size:14px;display:flex}.journey-footer>a{letter-spacing:-.03em;font-size:18px;font-weight:600}.journey-footer nav{gap:32px;display:flex}.collection-heading{color:inherit;background:0 0;margin:0 0 80px;padding:0;display:block;position:static}.collection-heading h1{letter-spacing:.04em;margin:0 0 24px;font-family:CloudSerif,SimSun,serif;font-size:64px;font-weight:450;line-height:1.3}.collection-heading>p{color:var(--muted);margin:0 0 24px;font-size:14px;line-height:1.9}.collection-heading .collection-intro{max-width:45ch;font-size:18px}.back-link{margin:0 0 32px}.back-link svg{transform:rotate(180deg)}.album-detail .collection-heading{margin-bottom:48px}.album-photos{flex-direction:column;gap:64px;max-width:1040px;display:flex}.album-photos figure{min-height:280px;margin:0}.album-photos button{background:0 0;border:0;width:100%;padding:0;display:block}.album-photos img{width:100%;height:auto;display:block}.empty-page{min-height:55vh;padding:48px 0}.empty-page h1{margin:0 0 32px;font-family:CloudSerif,SimSun,serif;font-size:48px;font-weight:450}.empty-page p{color:var(--muted);font-size:18px;line-height:1.9}.empty-page>div{gap:32px;display:flex}.icon{fill:none;stroke:currentColor;stroke-width:1.5px;vertical-align:middle;width:20px;height:20px}.work-detail{max-width:none}.work-heading{margin-top:16px}.work-heading h1{font-size:48px}.work-heading-aside{max-width:256px}.work-heading-aside .text-link{gap:8px;display:inline-flex}.work-main-video button{background:#173e6020}.work-main-video img{aspect-ratio:16/10;object-fit:contain}.work-hero-media img,.work-evidence-image img{min-height:280px}.work-hero-media img{max-height:680px}.article-body{color:#294d66;font-size:16px;line-height:2}.article-body h2{margin-bottom:24px;font-size:24px;line-height:1.5}.article-body p{margin:0 0 24px}.work-contents a{padding:4px 0}.work-contents a:hover{text-decoration:underline}.work-next a{align-items:center;gap:12px;display:inline-flex}.work-detail .content-inner{padding:0}.work-detail .work-heading-aside p{max-width:28ch}.work-detail .journey-footer{margin-top:64px}.media-retry{color:var(--muted);padding:16px 0;font-size:14px}.media-retry button{margin-left:16px;text-decoration:underline}.lightbox{color:#173e60;background:#e1ebf0;border:0;border-radius:12px;width:min(1280px,100vw - 80px);max-height:calc(100vh - 64px);padding:32px}.lightbox::backdrop{background:#102e48d9}.lightbox[open]{flex-direction:column;display:flex}.lightbox>[data-close]{align-self:flex-end;min-height:40px}.lightbox-image{justify-content:center;align-items:center;min-height:240px;display:flex;position:relative}.lightbox img{object-fit:contain;max-width:100%;max-height:calc(100vh - 260px)}.lightbox [hidden]{display:none}.lightbox-controls{justify-content:center;align-items:center;gap:32px;display:flex}.lightbox-controls button{min-width:64px;min-height:40px}.lightbox>#photo-label{text-align:center;font-size:14px;line-height:1.7}.photo-error{font-size:16px;line-height:1.8}.photo-error button{text-decoration:underline}@media (max-width:1300px){#page-content{width:calc(100% - 128px)}.project-row,.project-row.featured-row{gap:40px}.project-copy h3{font-size:24px}.section-heading h2,.about-section h2{font-size:40px}.collection-heading h1{font-size:56px}.work-overview{gap:24px}.work-heading h1{font-size:40px}.portal-work{left:40%}.portal-life{left:75%}.portal>span{font-size:36px}.portal{min-width:184px}}@media (prefers-reduced-motion:reduce){.inline-link:hover svg{transform:none}.bird-guide{display:none}}body{isolation:isolate}.page-clouds{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.page-clouds img{opacity:.24;will-change:transform;width:160%;max-width:none;height:auto;position:absolute}.page-clouds img:first-child{top:15%;left:-30%}.page-clouds img:last-child{opacity:.3;top:55%;left:-20%}html:not([data-page=home]) body{background:#e1ebf0}.page-clouds img:first-child{top:18%}.album-photos button:hover{opacity:1}.scroll-story{height:100vh;position:relative}.scroll-story[hidden]{display:none}.scroll-story .opening{height:100vh;min-height:0;position:sticky;top:0}.fall-constellation{z-index:8;opacity:0;pointer-events:none;position:absolute;inset:0}.emblem-link{flex-direction:column;align-items:center;gap:8px;min-height:190px;display:flex}.emblem-link canvas{pointer-events:none;width:160px;height:160px;display:block}.emblem-link>span{text-align:center;font-size:17px;font-weight:600;line-height:1.5}.emblem-link>small{color:#355a72;font-size:12px;line-height:1.6}.constellation-item{pointer-events:auto;width:220px;position:absolute}.item-0{top:29%;left:19%}.item-1{top:25%;right:17%}.item-2{top:65%;left:23%}.item-3{top:64%;right:20%}.constellation-item canvas{width:144px;height:144px}.fall-caption{z-index:6;letter-spacing:.07em;white-space:nowrap;margin:0;font-size:14px;position:absolute;top:15%;left:50%;transform:translate(-50%)}.emblem-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:80px 112px;display:grid}.emblem-record{text-align:center;flex-direction:column;align-items:center;display:flex}.emblem-record .emblem-link{min-height:0}.emblem-record .emblem-link canvas{width:224px;height:224px}.emblem-record .emblem-link>span{margin:12px 0;font-size:25px}.emblem-record>p{max-width:36ch;color:var(--muted);margin:24px 0;font-size:16px;line-height:1.9}.fall-constellation[inert],.fall-constellation[inert] a{pointer-events:none}.opening h1,.destinations,.scroll-cue{will-change:opacity}.scroll-story:has(.opening[hidden]){display:none}@media (min-width:1700px){.constellation-item canvas{width:170px;height:170px}.constellation-item{width:260px}.item-0{left:21%}.item-2{left:25%}}@media (max-width:1300px){.constellation-item{width:190px}.constellation-item canvas{width:128px;height:128px}.item-0{left:17%}.item-1{right:15%}.item-2{left:20%}.item-3{right:17%}.emblem-grid{gap:64px}}@media (prefers-reduced-motion:reduce){.scroll-story,.scroll-story.scroll-ready{height:100vh}.fall-constellation,.fall-caption{display:none}}.opening{background:#bdd8ed}.deep-sky{z-index:-3;opacity:.36;pointer-events:none;background:url(/cloud/portrait-cloud/assets/sky.png) top/100% 210%;position:absolute;inset:0}.sky{will-change:transform,opacity}body>header.over-sky.deep-scene{color:#173e60}.playback.settled{opacity:1!important}.playback.settled .timeline{display:none}.fall-caption{color:#173e60}.gallery-all{pointer-events:auto;position:absolute;top:20%;left:50%;transform:translate(-50%)}.gallery-anchor{outline:none;width:1px;height:1px;position:absolute;top:180vh;left:0}.scroll-story.scroll-ready+#page-content #home-work{display:none}@media (prefers-reduced-motion:reduce){.scroll-story.scroll-ready+#page-content #home-work{display:block}.gallery-anchor{display:none}}.scroll-story.scroll-ready{height:510vh}.scroll-story.life-direct,.scroll-story.life-direct.scroll-ready{height:100vh}html[data-page=life] .opening{display:block}.life-direct:not(.scroll-ready){display:none}html[data-page=life] #page-content{padding-top:96px}.scroll-story.scroll-ready+#page-content #home-life{display:none}.memory-anchor{width:1px;height:1px;position:absolute;top:385vh}.gallery-anchor{top:168vh}.continue-memories{pointer-events:auto;position:absolute;bottom:15%;left:50%;transform:translate(-50%)}.memory-constellation{z-index:8;opacity:0;pointer-events:none;will-change:transform,opacity;position:absolute;inset:0}.memory-constellation[inert] a{pointer-events:none}.memory-link{pointer-events:auto;outline-offset:12px;width:29vw;max-width:470px;display:block;position:absolute}.memory-0{top:26%;left:6.5%}.memory-1{top:43%;right:6.5%}.memory-visual{transform-origin:50%;will-change:transform;margin:0}.picture-frame{background:#f8f3e7;padding:9px;position:relative;box-shadow:3px 5px #c4c4b7,8px 16px 30px #254d6c38}.picture-frame:after{content:"";pointer-events:none;position:absolute;inset:8px;box-shadow:inset 0 1px 3px #3f4c4533}.picture-frame img{filter:none;object-fit:contain;width:100%;height:auto;display:block}.memory-visual figcaption{color:#173e60;justify-content:space-between;gap:16px;margin:20px 0 0;font-size:17px;font-weight:550;line-height:1.7;display:flex}.memory-visual figcaption small{align-self:center;font-size:12px;font-weight:400}.memory-all{pointer-events:auto;position:absolute;top:21%;left:50%;transform:translate(-50%)}.memory-link:hover,.memory-link:focus-visible{opacity:1}.memory-2{width:20vw;top:67%;left:3%}.memory-3{width:20vw;top:13%;right:3%}.memory-4{width:18vw;top:7%;left:4%}.memory-5{width:18vw;top:70%;right:4%}.album-overview{scroll-margin-top:120px}.album-overview .life-feature+.life-feature{margin-top:96px}.life-direct .local-note{display:none}@media (min-width:1700px){.memory-link{width:27vw}.memory-0{left:8%}.memory-1{right:8%}}@media (max-width:1300px){.memory-link{width:29vw}.memory-0{left:5%}.memory-1{right:5%}.picture-frame{padding:8px}.memory-visual figcaption{font-size:16px}}@media (prefers-reduced-motion:reduce){.scroll-story.scroll-ready{height:100vh}.scroll-story.scroll-ready+#page-content #home-life{display:block}.memory-constellation,.memory-anchor,html[data-page=life] .scroll-story{display:none}}html[data-page=home] #page-content{min-height:100vh}.memory-constellation{--photo-width:min(30vw,480px)}.memory-heading{text-align:center;color:#173e60;pointer-events:none;width:32%;position:absolute;top:13%;left:50%;transform:translate(-50%)}.memory-heading h2{letter-spacing:.04em;margin:0 0 12px;font-family:CloudSerif,SimSun,serif;font-size:36px;font-weight:450;line-height:1.3}.memory-heading p{margin:0 0 12px;font-size:14px;line-height:1.5}.memory-heading>span{color:#35566e;font-size:12px;line-height:1.6;display:block}.photo-column{width:var(--photo-width);pointer-events:auto;overscroll-behavior:contain;outline-offset:8px;contain:layout paint;scrollbar-color:#7396ad transparent;position:absolute;top:20%;bottom:15%;overflow:hidden}.photo-column-left{left:5%}.photo-column-right{right:5%}.photo-track{position:relative;transform:translate(0,0)}.photo-moving .photo-track{will-change:transform}.photo-cycle{flex-direction:column;gap:64px;padding:24px 16px 64px;display:flex}.photo-column .memory-link{outline-offset:8px;flex:none;width:100%;max-width:none;display:block;position:relative;inset:auto}.photo-column .memory-visual{will-change:auto;transform:none}.photo-column .picture-frame{background:#f8f3e7;padding:12px;box-shadow:4px 8px 20px #254d6c30}.photo-column .picture-frame:after{inset:12px}.photo-column .picture-frame img{object-fit:contain;background:#f8f3e7;width:100%;height:auto}.photo-column .picture-frame img[width]{aspect-ratio:auto}.photo-column .memory-visual figcaption{gap:16px;margin:16px 0 0;font-size:16px;line-height:1.5}.photo-column .memory-visual figcaption>span{overflow-wrap:anywhere;min-width:0}.photo-column .memory-visual figcaption small{font-variant-numeric:tabular-nums;flex:none}.photo-column .memory-link:hover .picture-frame{box-shadow:4px 8px 24px #254d6c48}.photo-column [data-memory-proxy]{cursor:pointer}.memory-actions{pointer-events:auto;flex-direction:column;align-items:center;gap:16px;display:flex;position:absolute;bottom:16%;left:50%;transform:translate(-50%)}.memory-actions button{min-height:40px;padding:8px 12px;font-size:12px;line-height:1.5;box-shadow:inset 0 -1px #52758b70}.memory-actions .inline-link{font-size:14px}.memory-constellation.memory-active~.fall-caption{font-size:12px;top:auto;bottom:10%}@media (min-width:1700px){.photo-column-left{left:8%}.photo-column-right{right:8%}}@media (max-width:1300px){.memory-constellation{--photo-width:31vw}.photo-column-left{left:4%}.photo-column-right{right:4%}.photo-cycle{padding-left:12px;padding-right:12px}.memory-heading h2{font-size:30px}.memory-heading>span{font-size:12px}}.memory-clouds{pointer-events:none;position:absolute;inset:0;overflow:hidden}.memory-clouds-back{z-index:0;opacity:.72}.memory-clouds-front{z-index:2}.memory-cloud{pointer-events:none;background-image:url(/cloud/cloud-fall/assets/cloud-puffs-v1.png);background-repeat:no-repeat;background-size:200% 200%;width:75vh;height:50vh;display:block;position:absolute}.cloud-top-left{background-position:0 0;top:-5vh;left:calc(20% - 37.5vh)}.cloud-top-right{background-position:100% 0;top:-5vh;right:calc(20% - 37.5vh)}.cloud-bottom-left{background-position:0 100%;width:82.5vh;height:55vh;top:58vh;left:calc(20% - 41.25vh)}.cloud-bottom-right{background-position:0 100%;width:82.5vh;height:55vh;top:58vh;right:calc(20% - 41.25vh)}.cloud-bottom-inset-left{background-position:0 0;width:60vh;height:40vh;top:64vh;left:calc(20% - 19vh)}.cloud-bottom-inset-right{background-position:0 0;width:60vh;height:40vh;top:64vh;right:calc(20% - 19vh);scale:-1 1}.cloud-bottom-right{scale:-1 1}.cloud-top-inset-left{background-position:0 0;top:0;left:calc(20% - 37.5vh)}.cloud-top-inset-right{background-position:0 0;top:0;right:calc(20% - 37.5vh);scale:-1 1}.cloud-back-left{background-position:0 100%;width:93vh;height:62vh;top:21vh;left:-31vh}.cloud-back-right{background-position:100% 0;width:93vh;height:62vh;top:19vh;right:-36vh}.cloud-back-floor{opacity:.85;background-position:100% 100%;width:150vh;height:100vh;top:65vh;left:calc(50% - 75vh)}.photo-column{z-index:1;-webkit-mask-image:linear-gradient(#0000 8%,#000 20% 80%,#0000 92%);mask-image:linear-gradient(#0000 8%,#000 20% 80%,#0000 92%)}.photo-column.cloud-covered .memory-link,.photo-column.cloud-covered [data-memory-proxy]{cursor:default}.memory-heading,.memory-actions{z-index:3}.memory-constellation.memory-active~.fall-caption{z-index:9}@media (prefers-reduced-motion:reduce){.memory-clouds{display:none}}.project-showcase{color:#14232c;background:#f5f5f7;border:0;border-radius:16px;width:min(1240px,100vw - 80px);max-width:none;height:min(860px,100dvh - 64px);max-height:none;padding:0;overflow:hidden;box-shadow:0 24px 80px #14232c38}.project-showcase[open]{flex-direction:column;display:flex}.project-showcase::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#122b407d}.project-showcase-header{flex-shrink:0;justify-content:space-between;align-items:center;gap:24px;padding:16px 24px;display:flex}.project-showcase-header h2{color:#14232c;margin:0;font-family:Manrope,Microsoft YaHei,sans-serif;font-size:20px;font-weight:600;line-height:1.5}.project-showcase-header h2 span{color:#55646d;margin-left:12px;font-size:14px;font-weight:500}.project-showcase-header>div{align-items:center;gap:24px;display:flex}.project-showcase-header a{color:#795016;text-underline-offset:4px;font-size:14px;text-decoration:underline}.project-showcase-header button,.project-showcase-error button{font:inherit;color:#14232c;cursor:pointer;background:#fff;border:1px solid #c4cfd5;border-radius:12px;min-height:40px;padding:8px 16px;font-size:14px}.project-showcase-header button span{margin-left:10px;font-size:20px;line-height:1}.project-showcase button:hover{background:#f0e4cd}.project-showcase :is(button,a):focus-visible{outline-offset:3px;outline:3px solid #795016}.project-showcase-player{flex:1;min-height:0;position:relative}.project-showcase-player iframe{background:#f5f5f7;border:0;width:100%;height:100%;display:block}.project-showcase-error{color:#14232c;background:#f5f5f7;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:32px;font-size:16px;display:flex;position:absolute;inset:0}.project-showcase-error[hidden]{display:none}.project-showcase-error a{color:#795016;text-underline-offset:4px}body:has(.project-showcase[open]){overflow:hidden}.project-showcase[data-theme=dark]{color:#f0f2f5;background:#101216}.project-showcase[data-theme=dark] .project-showcase-header h2{color:#f0f2f5}.project-showcase[data-theme=dark] .project-showcase-header h2 span{color:#a6afbd}.project-showcase[data-theme=dark] :is(.project-showcase-header a,.project-showcase-error a){color:#85b5ff}.project-showcase[data-theme=dark] :is(.project-showcase-header button,.project-showcase-error button){color:#f0f2f5;background:#171b21;border-color:#303640}.project-showcase[data-theme=dark] button:hover{background:#232d3d}.project-showcase[data-theme=dark] :is(.project-showcase-player iframe,.project-showcase-error){color:#f0f2f5;background:#101216}.project-showcase[data-theme=dark] :is(button,a):focus-visible{outline-color:#85b5ff}.work-hero-media>a.work-main-video{display:block}