.folder-float{--ff-w:200px;--ff-h:148px;--ff-r:14px;--ff-tab:14px;--ff-back:#3f3f46;--ff-front:#52525b;--ff-paper:#f5f5f5;--ff-item:#f5f5f5;--ff-item-ink:#18181b;--ff-label:#f5f5f5;--ff-spread:180px;--ff-lift:26px;--ff-angle:34deg;--ff-rest:16deg;--ff-open:.52s;--ff-close:.312s;--ff-stagger:45ms;--ff-n:6;--ff-spring:cubic-bezier(.34, 1.57, .64, 1);--ff-ease-out:cubic-bezier(.23, 1, .32, 1);width:var(--ff-w);padding-top:var(--ff-tab);font-family:inherit;font-size:13px;font-weight:500;line-height:1;display:inline-block;position:relative}.folder-float__folder{width:var(--ff-w);height:var(--ff-h);position:relative}.folder-float__back{z-index:0;border-radius:var(--ff-r);background:var(--ff-back);transform-origin:50% 100%;position:absolute;inset:0;transform:perspective(600px)rotateX(8deg)}.folder-float__back:before{content:"";top:calc(-1 * var(--ff-tab));width:42%;height:calc(var(--ff-tab) + var(--ff-r));border-radius:var(--ff-r) var(--ff-r) 0 0;background:inherit;position:absolute;left:0}.folder-float__paper{z-index:1;background:var(--ff-paper);opacity:0;height:50%;transition:transform var(--ff-close) var(--ff-ease-out), opacity var(--ff-close) ease;border-radius:6px;position:absolute;top:10%;left:8%;right:8%;transform:translateY(10px)}.folder-float__front{z-index:2;box-sizing:border-box;border-radius:var(--ff-r);background:linear-gradient(180deg, color-mix(in srgb, var(--ff-front) 92%, #fff), var(--ff-front) 60%);height:76%;color:var(--ff-label);transform:perspective(600px) rotateX(calc(-1 * var(--ff-rest)));transform-origin:50% 100%;transition:transform var(--ff-open) var(--ff-ease-out);flex-direction:column;justify-content:flex-end;gap:5px;padding:14px 16px;display:flex;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -10px 24px #00000047}.folder-float__label{font-size:13px;font-weight:500}.folder-float__sub{opacity:.55;font-size:11px}.folder-float__trigger{z-index:3;border-radius:var(--ff-r);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;outline:none;height:76%;margin:0;padding:0;position:absolute;bottom:0;left:0;right:0}.folder-float[data-open] .folder-float__front{transform:perspective(600px) rotateX(calc(-1 * var(--ff-angle)))}.folder-float[data-open] .folder-float__paper{opacity:1;transition:transform var(--ff-open) var(--ff-ease-out), opacity .2s ease;transform:translateY(0)}.folder-float__items{top:var(--ff-tab);z-index:1;width:0;height:0;position:absolute;left:50%}.folder-float[data-open] .folder-float__items:before{content:"";top:calc(-1 * (var(--ff-lift) + 120px));left:calc(-1 * (var(--ff-spread) + 100px));width:calc(2 * var(--ff-spread) + 200px);height:calc(var(--ff-lift) + 120px);position:absolute}.folder-float__item{background:var(--ff-item);height:34px;color:var(--ff-item-ink);font:inherit;white-space:nowrap;cursor:pointer;opacity:0;transform-origin:50%;pointer-events:none;-webkit-tap-highlight-color:transparent;transition:transform var(--ff-close) var(--ff-ease-out) calc((var(--ff-n) - 1 - var(--i)) * var(--ff-stagger) * .5), opacity .16s ease calc((var(--ff-n) - 1 - var(--i)) * var(--ff-stagger) * .5 + var(--ff-close) * .45), scale .16s var(--ff-ease-out);border:0;border-radius:17px;outline:none;margin:0;padding:0 14px;position:absolute;top:0;left:50%;transform:translate(-50%,44px)scale(.6);box-shadow:0 4px 12px #00000024}.folder-float[data-open] .folder-float__item{opacity:1;transform:translate(calc(-50% + var(--x)), var(--y)) rotate(var(--r)) scale(1);pointer-events:auto;transition:transform var(--ff-open) var(--ff-spring) calc(var(--i) * var(--ff-stagger)), opacity .16s ease calc(var(--i) * var(--ff-stagger)), scale .16s var(--ff-ease-out)}.folder-float[data-live] .folder-float__item{cursor:grab;transition:scale .16s var(--ff-ease-out)}.folder-float__item[data-drag]{cursor:grabbing}@media (hover:hover) and (pointer:fine){.folder-float[data-open] .folder-float__item:hover{scale:1.05}}.folder-float[data-open] .folder-float__item:active{scale:.97}.folder-float__item[data-pop]{animation:folder-float-pop .32s var(--ff-ease-out)}.folder-float__drift{animation:3.2s ease-in-out infinite folder-float-drift;animation-delay:calc(var(--i) * -.7s);animation-play-state:paused;display:block}.folder-float[data-open] .folder-float__drift{animation-play-state:running}.folder-float[data-physics] .folder-float__drift,.folder-float[data-live] .folder-float__drift{animation:none}@keyframes folder-float-drift{0%,to{translate:0}50%{translate:0 -3px}}@keyframes folder-float-pop{30%{scale:1.1}to{scale:1}}@media (prefers-reduced-motion:reduce){.folder-float__front,.folder-float__paper{transition:opacity .2s}.folder-float[data-open] .folder-float__front{transform:perspective(600px) rotateX(calc(-1 * var(--ff-rest)))}.folder-float__paper{transform:none!important}.folder-float__item{transition:opacity .2s}.folder-float[data-open] .folder-float__item{transition:opacity .2s ease calc(var(--i) * var(--ff-stagger))}.folder-float__drift{animation:none}}.paper-crumple{isolation:isolate;width:100%;position:relative;overflow:hidden}.paper-crumple-canvas{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.paper-crumple-fallback{width:var(--pc-image-width,60%);height:var(--pc-image-height,72%);-webkit-user-select:none;user-select:none;pointer-events:none;position:absolute;top:50%;left:50%}.paper-crumple-hit{appearance:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;cursor:grab;background:0 0;border:0;border-radius:2px;margin:0;padding:0;position:absolute;top:0;left:0;box-shadow:none!important;outline:none!important}.paper-crumple-hit[data-held=true]{cursor:grabbing}.paper-crumple-hit:focus,.paper-crumple-hit:focus-visible{box-shadow:none!important;outline:none!important}.paper-crumple-focus{opacity:0;pointer-events:none;background:currentColor;border-radius:50%;width:4px;height:4px;position:absolute;bottom:24px;left:calc(50% - 2px)}.paper-crumple-hit:not([data-pointer=true]):focus-visible+.paper-crumple-focus{opacity:.55}.paper-crumple-hit:disabled{cursor:default}.paper-crumple-sr{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.paper-crumple button.paper-crumple-hit,.paper-crumple button.paper-crumple-hit:hover,.paper-crumple button.paper-crumple-hit:active,.paper-crumple button.paper-crumple-hit:focus,.paper-crumple button.paper-crumple-hit:focus-visible{box-shadow:none;background:0 0;border:0;padding:0;transition:none}:root{color:#274c44;font-synthesis:none;background:#cbded9;font-family:Avenir Next,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;background:#f6f2e7;border:0;border-radius:8px;padding:12px 18px;transition:background .2s,transform .2s}button:hover{background:#e8e4d6}button:active{transform:scale(.97)}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #34766d}a{color:inherit;text-underline-offset:4px}::selection{background:#b2d1c3}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#99aea3;border-radius:5px}h1,h2,h3,p{margin-top:0}h2{letter-spacing:-.025em;font-size:30px;line-height:1.3}p{line-height:1.8}header{z-index:5;pointer-events:none;justify-content:space-between;align-items:center;gap:15px;padding:24px 34px;display:flex;position:absolute;inset:0 0 auto}header>*{pointer-events:auto}.brand{letter-spacing:-.03em;background:0 0;padding:0;font-size:25px}.brand span{letter-spacing:.12em;text-align:left;margin-top:4px;font-size:11px;display:block}nav{align-items:center;gap:8px;display:flex}nav button,nav a{background:#f8f4e8e8;border-radius:7px;padding:10px 14px;font-size:13px}nav a{text-decoration:none}.primary{color:#fffaf0;background:#315e52}.primary:hover{background:#24483f}.room-stage{background:#e7dfcc;height:100dvh;min-height:650px;position:relative;overflow:hidden}.room-wall{background:#e9e4d6;border-bottom:12px solid #d5ccb4;position:absolute;inset:0 0 27%}.window{background:#eee9d9;border:12px solid #c3b49a;border-radius:100px 100px 3px 3px;grid-template-columns:1fr 1fr;gap:7px;width:220px;height:270px;padding:12px;display:grid;position:absolute;top:15%;left:8%;overflow:hidden;box-shadow:12px 18px 30px #8b775f22}.window i{background:#b7d5cc}.wall-note{background:#f9f5e9;padding:22px;font-size:20px;line-height:1.6;position:absolute;top:23%;right:15%;transform:rotate(5deg);box-shadow:3px 9px 18px #5a513315}.shelf{border-bottom:12px solid #b59672;align-items:end;gap:8px;width:240px;padding-left:22px;display:flex;position:absolute;top:60%;right:9%}.shelf span{writing-mode:vertical-rl;color:#fff;background:#6c9384;padding:17px 8px;font-size:12px}.shelf span:nth-child(2){background:#bc8b68;padding-top:35px}.shelf span:nth-child(3){background:#8f9c68;padding-top:26px}.welcome-copy{z-index:2;position:absolute;top:45%;left:9%}.welcome-copy h1{letter-spacing:-.03em;font-size:clamp(30px,3.2vw,50px);line-height:1.35}.welcome-copy p{color:#50665a;font-size:14px}.desk{width:610px;height:440px;position:absolute;top:53%;left:57%;transform:translate(-50%,-35%)}.monitor{z-index:4;background:#3c4b46;border-radius:18px;width:365px;height:280px;padding:13px 13px 0;position:absolute;top:-40px;left:120px;box-shadow:10px 15px 30px #38403926}.screen{background:#e3ebe1;border-radius:6px;justify-content:center;align-items:center;height:235px;padding-top:40px;display:flex;position:relative;overflow:visible}.screen-title{letter-spacing:.06em;font-size:10px;position:absolute;top:12px;left:15px}.monitor-chin{height:29px}.monitor-stand{z-index:3;background:#7c8980;width:55px;height:45px;position:absolute;top:229px;left:275px}.monitor-stand:after{content:"";background:#63796b;border-radius:30%;width:110px;height:10px;position:absolute;bottom:0;left:-28px}.keyboard{z-index:4;background:#ece7d6;border-bottom:5px solid #bcb8aa;border-radius:5px;width:165px;height:37px;position:absolute;top:287px;left:220px;transform:skew(-10deg)}.desk-top{z-index:1;background:#c7a17b;border-bottom:15px solid #a57e5d;border-radius:9px;width:610px;height:105px;position:absolute;top:260px;left:0;transform:skew(-7deg);box-shadow:0 35px 65px #75684922}.desk-leg{background:#9f795c;width:24px;height:155px;position:absolute;top:357px}.leg-left{left:26px}.leg-right{right:34px}.desk-paper{z-index:4;text-align:left;background:#f9f1d8;border-radius:0;padding:16px 22px;position:absolute;top:225px;left:25px;transform:rotate(-11deg);box-shadow:3px 9px 14px #76563820}.desk-paper strong{font-size:23px}.desk-paper small{margin-top:10px;font-size:10px;display:block}.cup{z-index:4;background:#688a79;border-top:6px solid #456554;border-radius:4px 4px 20px 20px;width:45px;height:57px;position:absolute;top:244px;right:45px}.room-hint{white-space:nowrap;font-size:13px;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.skip{background:0 0;font-size:13px;text-decoration:underline;position:absolute;bottom:33px;right:35px}.world,.island-stage{width:100%;height:100dvh;min-height:500px}.world canvas{display:block}.loading{z-index:4;background:#cbded9;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.welcome-panel,.near-panel{background:#faf6e9;border-radius:12px;width:310px;padding:27px;position:absolute;top:32%;right:4%;box-shadow:0 16px 50px #304d4320}.welcome-panel p,.near-panel p{font-size:14px}.welcome-panel button{margin:5px 4px 0 0}.near-panel{animation:.35s ease-out arrive}.near-panel>span{color:#5d6d5b;font-size:12px}.near-panel h2{margin:9px 0 12px}.near-panel button{margin:5px 6px 0 0}.island-footer{pointer-events:none;flex-direction:column;gap:7px;max-width:70%;font-size:12px;display:flex;position:absolute;bottom:25px;left:32px}.island-footer small{color:#405f55;font-size:10px}.move-controls{grid-template-columns:repeat(3,48px);gap:5px;display:grid;position:absolute;bottom:25px;right:30px}.move-controls button{touch-action:none;background:#faf7e9e8;padding:12px 5px;font-size:11px}.move-controls button:first-child{grid-column:2}.move-controls button:nth-child(2){grid-column:1}.map-panel{z-index:6;background:#fbf7eb;border-radius:12px;width:360px;padding:24px;position:absolute;top:93px;bottom:80px;right:25px;overflow:auto;box-shadow:0 14px 45px #31594d22}.panel-title{justify-content:space-between;align-items:center;display:flex}.panel-title h2{margin-bottom:0;font-size:25px}.map-panel>p{margin:15px 0;font-size:13px}.place-group h3{color:#64735d;margin:22px 0 7px;font-size:13px}.place-row{border-bottom:1px solid #e0e2d4;display:flex}.place-row button{background:0 0;border-radius:0;padding:11px 0;font-size:13px}.place-row button:first-child{flex:1;justify-content:space-between;padding-right:18px;display:flex}.place-row span{color:#667863;font-size:11px}dialog{color:#284d44;background:#fbf8ee;border:0;border-radius:12px;width:min(950px,94vw);max-height:88dvh;padding:0;box-shadow:0 25px 90px #1e393a55}dialog::backdrop{background:#233d3b90}.close-dialog{z-index:4;background:#e9eade;border-radius:0 0 0 8px;margin-left:auto;display:block;position:sticky;top:0}.dialog-content{padding:15px 35px 35px}.dialog-content>p{max-width:65ch}.dialog-content h2{font-size:35px}.model-view{border-radius:9px;width:100%;height:340px;overflow:hidden}.model-view canvas{display:block}.caption{color:#5a6e61;margin:12px 0;font-size:12px}.pending{margin-top:25px}.pending dl{grid-template-columns:1fr 2fr;gap:15px;font-size:14px;display:grid}.pending dd{color:#617269;margin:0}.pending p{font-size:13px}.original{background:#fff;margin-top:20px;overflow:auto}.original>svg{width:100%;height:auto;display:block}.project-link{text-align:left;background:0 0;border-bottom:1px solid #dcded2;border-radius:0;width:100%;padding:22px 0;display:block}.actions{justify-content:center;gap:10px;display:flex}.water-story{background:#c0dcd7;border-radius:12px;height:410px;position:relative;overflow:hidden}.falling-paper{background:#f6ebcd;border-radius:30%;width:30px;height:30px;animation:1s ease-in forwards toss;position:absolute;top:0;left:49%}.ripple{opacity:0;border:2px solid #f7ffff;border-radius:50%;width:30px;height:12px;animation:2s ease-out 1s forwards ripple;position:absolute;top:62%;left:50%}.r2{animation-delay:1.3s}.floating-note{text-align:center;opacity:0;background:#fff7e1;width:270px;padding:25px 15px;animation:1.2s 2s forwards floatup;position:absolute;top:40%;left:50%}.floating-note p{font-size:13px}.floating-note a{font-size:14px}.again{font-size:12px;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.paper-crumple{max-width:100%}@keyframes arrive{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes toss{0%{transform:translate(-90px)rotate(0)}60%{opacity:1;transform:translateY(190px)rotate(230deg)}to{opacity:0;transform:translateY(250px)scale(.2)}}@keyframes ripple{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(12)}}@keyframes floatup{0%{opacity:0;transform:translate(-50%,60px)rotate(-6deg)}to{opacity:1;transform:translate(-50%,-35px)rotate(-2deg)}}@media (width<=700px){header{align-items:flex-start;padding:17px 18px}.brand{font-size:21px}.brand span{font-size:9px}nav{flex-wrap:wrap;justify-content:flex-end;gap:5px;max-width:245px}nav button,nav a{padding:8px;font-size:11px}.room-stage{min-height:640px}.window{border-width:8px;gap:4px;width:125px;height:150px;padding:7px;top:17%;left:7%}.wall-note{padding:15px;font-size:14px;top:19%;right:8%}.shelf{display:none}.welcome-copy{top:34%;left:8%}.welcome-copy h1{font-size:26px}.welcome-copy p{display:none}.desk{top:57%;left:50%;transform:translate(-50%,-20%)scale(.7)}.room-hint{font-size:11px;bottom:64px}.skip{white-space:nowrap;bottom:20px;left:50%;right:auto;transform:translate(-50%)}.welcome-panel{width:88%;padding:22px;top:auto;bottom:100px;left:6%}.welcome-panel h2{font-size:27px}.near-panel{width:90%;padding:16px 20px;top:auto;bottom:154px;left:5%}.near-panel h2{margin:5px 0;font-size:23px}.near-panel p{margin-bottom:8px;font-size:12px;line-height:1.5}.near-panel button{padding:10px 13px;font-size:12px}.near-panel>span{font-size:10px}.island-footer{max-width:49%;font-size:10px;line-height:1.5;bottom:24px;left:18px}.island-footer small{font-size:9px}.move-controls{grid-template-columns:repeat(3,43px);bottom:24px;right:18px}.map-panel{width:92%;padding:20px;top:100px;bottom:25px;left:4%}.dialog-content{padding:15px 19px 25px}.dialog-content h2{font-size:28px}.dialog-content>p{font-size:13px}.model-view{height:270px}.pending dl{grid-template-columns:1fr 1fr;font-size:12px}.actions button{padding:12px;font-size:12px}.original{overflow:auto}.original>svg{min-width:650px}.close-dialog{font-size:12px}.water-story{height:370px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation-duration:.01ms!important;animation-delay:0s!important}}.building-inspector .model-view{touch-action:none;cursor:grab;height:420px}.building-inspector .model-view:active{cursor:grabbing}.model-tools{justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.model-tools>div{flex-wrap:wrap;gap:4px;display:flex}.model-tools button{padding:9px 12px;font-size:12px}.experience-summary{max-width:65ch;margin:28px 0 12px}.experience-summary p{font-size:15px;line-height:1.85}.experience-detail{color:#52675d;animation:.35s ease-out arrive}dialog.paper-dialog{background:#e8e0cf;border-radius:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;overflow:hidden}.paper-dialog>.close-dialog{z-index:20;background:#f6f1e5;border-radius:8px;position:absolute;top:22px;right:24px}.paper-dialog>.dialog-content{height:100%;padding:0}.paper-journey{isolation:isolate;scroll-behavior:smooth;overscroll-behavior:contain;height:100%;position:relative;overflow:hidden auto}.lake-backdrop{z-index:-2;pointer-events:none;width:100%;height:100dvh;margin-bottom:-100dvh;position:sticky;top:0}.lake-backdrop canvas{display:block}.paper-warmth{opacity:1;z-index:-1;pointer-events:none;background:#eee7d8;transition:opacity 1.4s;position:fixed;inset:0}.phase-holding .paper-warmth,.phase-throw .paper-warmth,.phase-browse .paper-warmth{opacity:0}.journey-opening{isolation:isolate;flex-direction:column;align-items:center;height:100dvh;min-height:610px;display:flex;position:relative}.journey-heading{z-index:2;pointer-events:none;max-width:480px;transition:color 1s;position:absolute;top:13%;left:8%}.journey-heading h2{letter-spacing:-.03em;font-size:clamp(26px,4vw,54px)}.journey-heading p{max-width:30ch;font-size:14px}.phase-holding .journey-heading,.phase-throw .journey-heading,.phase-browse .journey-heading{color:#f9f2df;text-shadow:0 2px 12px #1c51474a}.journey-paper{z-index:3;touch-action:none;position:absolute;inset:8% 0}.journey-paper .paper-crumple{overflow:visible;height:100%!important}.journey-actions{z-index:6;gap:12px;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.journey-actions button{white-space:nowrap;font-size:13px}.water-target{text-align:center;color:#f9f3df;z-index:2;pointer-events:none;border-bottom:1px solid #f9f3df77;width:240px;padding:25px 0;font-size:13px;position:absolute;top:63%;left:50%;transform:translate(-50%)}.scroll-to-work{z-index:3;background:#f7f1df;animation:.8s ease-out arrive;position:absolute;bottom:9%;left:50%;transform:translate(-50%)}.water-works{z-index:2;background:#eef0e2fa;min-height:100dvh;padding:70px max(8%,50vw - 500px) 100px;position:relative}.water-works>h2{font-size:clamp(30px,5vw,56px)}.water-works>p{color:#566c60;margin-bottom:45px;font-size:14px}.water-work{text-align:left;background:0 0;border-top:1px solid #b7c5b6;border-radius:0;grid-template-columns:1fr 1.1fr auto;align-items:center;gap:30px;width:100%;padding:34px 0;transition:padding .3s,background .3s;display:grid}.water-work:hover{background:#e0e7d5;padding-left:14px;padding-right:14px}.water-work span{font-size:25px}.water-work small{font-size:13px;line-height:1.8}.water-work b{font-size:12px;font-weight:500}.water-contact{flex-wrap:wrap;align-items:center;gap:20px;margin-top:80px;display:flex}.water-contact h3{width:100%;font-size:23px}.water-contact a{font-size:16px}.water-contact button{margin-left:auto}.phase-browse .journey-opening{pointer-events:none}.phase-browse .scroll-to-work{pointer-events:auto}@media (width<=700px){.building-inspector .model-view{height:340px}.model-tools{flex-direction:column;align-items:stretch}.model-tools>div{justify-content:space-between}.model-tools button{padding:10px;font-size:12px}.experience-summary p{font-size:13px}.paper-dialog>.close-dialog{font-size:12px;top:16px;right:15px}.journey-heading{max-width:none;top:12%;left:7%;right:7%}.journey-heading h2{margin-bottom:12px;font-size:29px}.journey-heading p{max-width:30ch;font-size:12px}.journey-paper{inset:24% 0 7%}.journey-actions{bottom:24px}.water-target{font-size:11px;top:73%}.water-works{padding:50px 7% 80px}.water-work{grid-template-columns:1fr auto;gap:12px;padding:28px 0}.water-work span{font-size:22px}.water-work small{grid-area:2/1/auto/-1;font-size:12px}.water-contact{gap:15px}.water-contact button{margin-left:0}.water-contact h3{font-size:21px}}@media (prefers-reduced-motion:reduce){.paper-warmth{transition:none}.paper-journey{scroll-behavior:auto}}.phase-film .paper-warmth,.phase-underwater .paper-warmth{opacity:0}.paper-dialog>.close-dialog{color:#e7ece0;text-shadow:0 1px 5px #183e44;background:0 0;padding:12px;font-size:12px;font-weight:400}.paper-dialog:has(.phase-paper)>.close-dialog{color:#31564c;text-shadow:none}.journey-opening{min-height:0}.journey-paper{inset:6% 0 12%}.film-hint{text-align:center;letter-spacing:.08em;color:#ebeee2;pointer-events:none;text-shadow:0 2px 12px #123e47;font-size:12px;position:absolute;bottom:11%;left:20px;right:20px}.phase-paper .film-hint{color:#45635b;text-shadow:none}.quiet-actions{z-index:6;gap:28px;display:flex;position:absolute;bottom:5%}.quiet-actions button{text-underline-offset:5px;color:#e9eee1;border-radius:0;padding:10px 0;font-size:11px;text-decoration:underline;background:0 0!important}.phase-paper .quiet-actions button{color:#4a675b}.underwater-works{color:#e5f1e9;text-shadow:0 2px 18px #042635;background:0 0;padding:8vh 12% 20vh;position:relative}.depth-note{letter-spacing:.2em;opacity:.8;font-size:12px}.submerged-work{text-align:left;width:70%;color:inherit;border-radius:0;margin:15vh 0 24vh;padding:0;transition:transform .7s,opacity .7s;display:block;background:0 0!important}.submerged-work:nth-of-type(2){margin-left:25%}.submerged-work:hover{transform:translateY(-6px)}.submerged-work small{letter-spacing:.18em;opacity:.72;font-size:11px}.submerged-work span{letter-spacing:.03em;margin:18px 0;font-size:clamp(28px,4vw,55px);font-weight:400;display:block}.submerged-work p{opacity:.8;max-width:34ch;font-size:13px;line-height:2}.submerged-work em{letter-spacing:.12em;font-size:11px;font-style:normal}.submerged-contact{flex-direction:column;align-items:flex-start;gap:35px;font-size:14px;display:flex}.submerged-contact button{color:inherit;background:0 0;padding:0;font-size:11px}.phase-underwater .journey-opening{pointer-events:none}.phase-film{overflow-y:hidden}@media (width<=700px){.journey-paper{inset:10% 0 15%}.underwater-works{padding:8vh 8% 18vh}.submerged-work{width:90%;margin:14vh 0 20vh}.submerged-work:nth-of-type(2){margin-left:8%}.film-hint{font-size:11px;bottom:12%}}:is(.paper-dialog:has(.phase-underwater),.paper-dialog:has(.phase-film)){background:#062d3b}.guide-greeting{z-index:4;white-space:nowrap;background:#fbf7e9eb;border-radius:24px;padding:10px 16px;font-size:12px;position:absolute;transform:translate(-50%,-100%);box-shadow:0 5px 22px #254b3920}.guide-greeting span{margin-top:3px;font-size:15px;display:block}.entry-hint{color:#284c44;align-items:center;gap:22px;font-size:12px;display:flex;position:absolute;bottom:9%;left:50%;transform:translate(-50%)}.entry-hint button{text-underline-offset:4px;background:0 0;padding:10px;font-size:11px;text-decoration:underline}.guide-dialogue{z-index:6;background:#fbf7e9f5;border-radius:14px;width:min(520px,90%);padding:25px 30px;position:absolute;bottom:7%;left:50%;transform:translate(-50%);box-shadow:0 12px 48px #213e4329}.guide-dialogue>small{letter-spacing:.12em;color:#688578;font-size:10px}.guide-dialogue p{margin:12px 0 18px;font-size:16px;line-height:1.85}.guide-dialogue .touch-note{display:none}.world canvas:focus{outline:none}@media (width<=700px){.guide-dialogue{padding:22px;bottom:12%}.guide-dialogue p{font-size:14px}.guide-dialogue .touch-note{letter-spacing:0;margin-bottom:14px;line-height:1.6;display:block}.entry-hint{justify-content:center;width:100%}.guide-greeting{font-size:11px}}.post-office{padding:8px 0}.post-office h2{margin-bottom:12px}.post-intro{color:#52695d;margin-bottom:30px;font-size:14px}.post-layout{grid-template-columns:minmax(0,1.6fr) minmax(200px,1fr);gap:36px;display:grid}.letter-sheet{background:#f1ead8;border-radius:4px;padding:28px}.letter-sheet label{margin-bottom:18px;font-size:20px;display:block}.letter-sheet textarea{resize:vertical;color:#284d44;width:100%;min-height:210px;max-height:400px;font:inherit;background:0 0;border:0;border-bottom:1px solid #aebaa9;border-radius:0;padding:0 0 16px;font-size:15px;line-height:1.9;display:block}.letter-sheet textarea::placeholder{color:#586b5f;opacity:1}.letter-sheet textarea:focus-visible{outline-offset:5px;outline:2px solid #34766d}.letter-footer{color:#586b5f;justify-content:space-between;gap:12px;padding:14px 0 22px;font-size:11px;display:flex}.letter-footer small{font-variant-numeric:tabular-nums;font-size:11px}.mail-action{border-radius:8px;padding:12px 18px;font-size:13px;text-decoration:none;display:inline-block}.mail-note{color:#586b5f;margin:15px 0 0;font-size:11px}.post-address{min-width:0;padding-top:10px}.post-address h3{margin-bottom:12px;font-size:16px;font-weight:500}.post-address p{font-size:14px;line-height:2}.post-address a{overflow-wrap:anywhere}.copy-address{background:0 0;padding:8px 0;font-size:12px;text-decoration:underline}.copy-status{color:#52695d;min-height:24px;font-size:11px;display:block}.post-links{margin-top:42px}.post-links a{margin-bottom:20px;font-size:14px;display:block}.post-links p{color:#607467;font-size:13px}.asset-notice{background:#fbf7e9;border-radius:8px;max-width:340px;padding:12px 16px;font-size:12px;position:absolute;bottom:85px;left:32px}@media (width<=700px){.post-layout{grid-template-columns:1fr;gap:24px}.letter-sheet{padding:22px}.letter-sheet textarea{min-height:190px}.post-links{margin-top:24px}.post-address{padding:0 4px}.post-intro{margin-bottom:24px}.asset-notice{max-width:90%;bottom:120px;left:5%}}dialog.portfolio-dialog{width:min(1180px,96vw);max-height:94dvh}.portfolio-dialog .dialog-content{padding:12px 24px 24px}.portfolio-dialog .dialog-content h2{margin-bottom:8px}.portfolio-dialog .dialog-content>p{margin-bottom:10px}.portfolio-dialog .dialog-content>p:not(.caption){font-size:14px;line-height:1.6}.portfolio-dialog .caption{margin-top:0}.portfolio-toolbar{justify-content:space-between;align-items:center;gap:12px;margin:8px 0;display:flex}.portfolio-toolbar p{color:#5a6e61;margin:0;font-size:12px}.portfolio-toolbar a{white-space:nowrap;font-size:12px}.portfolio-player{aspect-ratio:1/.639092;background:#fff;border-radius:8px;width:min(100%,147.084dvh - 406.827px);margin:0 auto;position:relative;overflow:hidden;box-shadow:0 2px 8px #3f455129}.portfolio-player iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.portfolio-loading{color:#5a6e61;place-items:center;margin:0;font-size:13px;display:grid;position:absolute;inset:0}@media (width<=700px){.portfolio-dialog .dialog-content{padding:12px 14px 20px}.portfolio-toolbar{align-items:flex-start}.portfolio-toolbar p{max-width:18em;font-size:11px}.portfolio-toolbar a{font-size:11px}}.amazon-report{margin-top:8px}.amazon-report-frame{background:#f7f1e6;border-radius:14px;position:relative;overflow:hidden;box-shadow:0 2px 10px #3f455124}.amazon-report-frame iframe{border:0;width:100%;min-height:600px;display:block}.amazon-report-frame .portfolio-loading{color:#5a6e61;place-items:center;margin:0;font-size:13px;display:grid;position:absolute;inset:0}dialog.native-portfolio-dialog{overscroll-behavior:contain;scroll-behavior:smooth;width:min(1180px,96vw);max-height:94dvh}.native-portfolio-dialog .dialog-content{padding:12px 30px 32px}.native-portfolio-dialog .dialog-content>h2{margin-bottom:8px;font-size:34px}.native-portfolio-dialog .dialog-content>.caption{margin-top:0}.native-portfolio-dialog .dialog-content>p:not(.caption){max-width:75ch;font-size:14px;line-height:1.7}.native-portfolio-dialog>.close-dialog{z-index:30}.native-portfolio{color:#284d44;margin-top:24px}.native-introduction{max-width:80ch;font-size:15px;line-height:1.8}.native-project-tabs{flex-wrap:wrap;justify-content:flex-start;gap:8px;max-width:100%;margin:22px 0 30px;display:flex;position:relative}.native-project-tabs button{background:0 0;border:1px solid #b8c7b9;border-radius:5px;padding:10px 13px;font-size:12px}.native-project-tabs button[aria-pressed=true]{color:#fff9eb;background:#315e52;border-color:#315e52}.native-detail-heading{border-top:1px solid #b8c7b980;justify-content:space-between;align-items:center;gap:20px;padding:26px 0 8px;display:flex}.native-detail-heading h3{letter-spacing:-.02em;margin:0;font-size:26px;font-weight:500;line-height:1.4}.native-detail-heading a{white-space:nowrap;font-size:12px}.native-kicker{color:#6e7d6f;letter-spacing:.1em;margin:0 0 6px;font-size:10px}.native-project-description{max-width:75ch;margin-bottom:24px;font-size:14px;line-height:1.9}.native-page-preview{background:#f2eee4;border:1px solid #d1d8cb;border-radius:6px;width:100%;text-decoration:none;display:block;position:relative;overflow:hidden}.native-page-preview img{object-fit:contain;background:#eceee3;width:100%;height:auto;max-height:640px;display:block}.native-page-preview span{text-align:right;background:#e8ede1;padding:10px 16px;font-size:12px;display:block}.native-image-section{margin-top:32px}.native-image-section h4{font-size:16px;font-weight:500}.native-process,.native-demo{border-top:1px solid #b8c7b980;margin-top:40px;padding-top:30px}.native-process h3,.native-demo h3{font-size:23px;font-weight:500}.native-video{background:#e7ebdf;border-radius:8px;margin:20px 0;overflow:hidden}.native-video video{background:#182c2a;width:100%;max-height:65dvh;display:block}.native-video figcaption{color:#566e61;padding:14px 18px;font-size:12px;line-height:1.6}.native-building-toggle{background:0 0;border:1px solid #b5c5b7;margin-top:20px;font-size:12px}.native-building-view{margin:20px 0}.portfolio-content-loading{color:#647769;place-items:center;min-height:150px;font-size:13px;display:grid}@media (width<=700px){.native-portfolio-dialog .dialog-content{padding:10px 16px 24px}.native-portfolio-dialog .dialog-content>h2{font-size:28px}.native-introduction{font-size:13px}.native-project-tabs{gap:6px;margin-bottom:22px}.native-project-tabs button{padding:8px 10px;font-size:11px}.native-detail-heading{align-items:flex-start;gap:12px}.native-detail-heading h3{font-size:21px}.native-detail-heading a{font-size:10px}.native-project-description{font-size:13px}.native-page-preview img{max-height:480px}.native-process h3,.native-demo h3{font-size:21px}}.native-building-first{background:#e6e6d9;border:1px solid #cbd3c4;border-radius:9px;margin:18px 0 28px;overflow:hidden}.native-building-first .model-tools{padding:0 16px}.native-building-first .caption{margin-bottom:0;padding:0 16px 14px}.native-portfolio-body{scroll-margin-top:18px}@media (width<=700px){.native-building-first .model-tools{padding:0 10px}.native-building-first .caption{padding:0 10px 12px}}.native-video-chapters{gap:38px;margin:30px 0 40px;display:grid}.native-video-chapter{min-width:0}.native-chapter-heading{border-top:1px solid #b8c7b980;align-items:flex-start;gap:15px;margin-bottom:20px;padding-top:22px;display:flex}.native-chapter-number{color:#718573;border:1px solid #bacbbd;border-radius:50%;flex:none;place-items:center;width:33px;height:33px;margin-top:2px;font-size:11px;display:grid}.native-chapter-heading h4{color:#284d44;margin:0 0 9px;font-size:21px;font-weight:500;line-height:1.4}.native-chapter-heading p{color:#607363;max-width:75ch;margin:0;font-size:13px;line-height:1.85}.native-video-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:22px;display:grid}.native-video-grid--single{grid-template-columns:minmax(0,1fr)}.native-video-grid--single .portfolio-video--portrait{justify-self:center;width:min(100%,480px)}.native-chapter-images{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:start;gap:18px;margin:0 0 24px;display:grid}.native-chapter-images figure{background:#edf0e5;border:1px solid #ccd5c6;border-radius:8px;min-width:0;margin:0;overflow:hidden}.native-chapter-images img{object-fit:contain;background:#f4f3e9;width:100%;height:240px;display:block}.native-chapter-images figcaption{color:#5c7161;padding:11px 14px;font-size:11px;line-height:1.6}.native-original-page{border-top:1px solid #b8c7b980;margin:32px 0 0;padding-top:18px}.native-original-page summary{cursor:pointer;color:#466857;padding:8px 0;font-size:13px}.native-original-page[open] .native-page-preview{margin-top:16px}.native-original-page summary:focus-visible{outline-offset:5px;outline:2px solid #498b99}@media (width<=700px){.native-video-chapters{gap:29px;margin-top:25px}.native-video-grid{grid-template-columns:minmax(0,1fr);gap:18px}.native-chapter-heading{gap:11px}.native-chapter-heading h4{font-size:18px}.native-chapter-number{width:29px;height:29px}.native-chapter-heading p{font-size:12px}.native-chapter-images{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.native-chapter-images img{height:180px}}.school-highlights{background:#f3ecd9;border-radius:12px;margin:18px 0 26px;padding:20px 22px}.school-highlights h3{margin:0 0 12px;font-size:18px}.school-highlights ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.school-highlights li{flex-wrap:wrap;align-items:baseline;gap:4px 14px;display:flex}.school-highlights li strong{font-size:15px}.school-highlights li span{color:#52695d;font-size:13px}.school-link{color:#274c44;margin-top:14px;font-size:13px;display:inline-block}.school-photos{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start;gap:14px;margin-top:18px;display:grid}.school-photos figure{margin:0}.school-photos img{border-radius:8px;width:100%;height:auto;display:block}.school-photos figcaption{color:#52695d;margin-top:6px;font-size:12px}@media (width<=700px){.school-photos{grid-template-columns:1fr}.school-highlights{padding:16px}}.school-photos__main{gap:14px;min-width:0;display:grid}.school-video a{display:block}.school-video img{border:1px solid #284d442e}.school-project{margin-top:18px}.school-project h4{margin:0 0 10px;font-size:16px}.school-project__photos{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.school-project__photos figure{margin:0}.school-project__photos img{border-radius:8px;width:100%;height:auto;display:block}.school-more{font:inherit;color:#284d44;cursor:pointer;background:0 0;border:0;margin-top:10px;padding:0;font-size:14px;text-decoration:underline}@media (width<=700px){.school-project__photos{grid-template-columns:1fr}}.app.room{background:#1d1626}.app.room .room-stage{background:linear-gradient(#2b2034,#1d1626)}.app.room .room-wall{background:linear-gradient(#7a5148 0%,#5b3f4a 55%,#3d2c3e 100%);border-bottom:12px solid #1f1727;overflow:hidden}.app.room .room-wall:before{content:"";pointer-events:none;background:radial-gradient(55% 60% at 84% 6%,#ffd08c88,#0000 70%);animation:6s ease-in-out infinite retro-lamp;position:absolute;inset:0}.app.room .room-wall:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 170px #140b1aaa}@keyframes retro-lamp{50%{opacity:.78}}.app.room .brand{color:#fdf1d6}.app.room .brand span{color:#e9cfa3}.app.room .welcome-copy h1{color:#fdf1d6;text-shadow:3px 3px #7b4b8f}.app.room .welcome-copy p{color:#f0d9b5}.app.room .window{background:#231a26;border:10px solid #231a26;border-radius:3px;gap:0;padding:0;box-shadow:10px 16px 28px #0006}.app.room .window i:first-child{background:radial-gradient(circle at 35% 62%,#e9573f 0 34%,#0000 35%),#1f3f7a}.app.room .window i:nth-child(2){background:radial-gradient(circle at 60% 40%,#f2c04a 0 30%,#0000 31%),#2a7f86}.app.room .window i:nth-child(3){background:radial-gradient(circle at 45% 55%,#3fb6b0 0 33%,#0000 34%),#a63e7a}.app.room .window i:nth-child(4){background:radial-gradient(circle at 55% 35%,#f08b4a 0 28%,#0000 29%),#2b3f86}.app.room .wall-note{color:#4a3320;background:#f4d86f;font-family:Bradley Hand,Marker Felt,PingFang SC,cursive;box-shadow:3px 9px 16px #0005}.app.room .wall-note:before{content:"";background:#fff6;width:54px;height:16px;position:absolute;top:-9px;left:50%;transform:translate(-50%)rotate(-3deg)}.app.room .shelf{border-bottom:12px solid #231a26}.app.room .shelf span{color:#1f1a26;background:#8d8798;border-top:14px solid #e0894f;border-radius:3px 3px 0 0}.app.room .shelf span:nth-child(2){background:#8d8798;border-top-color:#6aa6c9}.app.room .shelf span:nth-child(3){background:#8d8798;border-top-color:#86b36a}.app.room .desk-top{background-color:#9c8bbd;background-image:linear-gradient(#ffffff30 1px,#0000 1px),linear-gradient(90deg,#ffffff30 1px,#0000 1px);background-size:22px 22px;border-bottom:15px solid #5d4f7d;box-shadow:0 35px 65px #0007}.app.room .desk-leg{background:#2d2236}.app.room .monitor{background:linear-gradient(145deg,#efe8d4,#d9d0b8);border-radius:26px;padding:22px 22px 0;box-shadow:30px 14px 0 -10px #cdc4ad,12px 18px 34px #0008}.app.room .monitor-chin{height:43px;position:relative}.app.room .monitor-chin:before{content:"♥  ☻";letter-spacing:.2em;color:#d8574a;font-size:15px;position:absolute;top:11px;left:6px}.app.room .monitor-chin:after{content:"";background:#7fe08a;border-radius:50%;width:9px;height:9px;position:absolute;top:14px;right:8px;box-shadow:0 0 8px #7fe08a,-22px 0 #b9ae93,-40px 0 #b9ae93}.app.room .monitor-stand{background:#cdc4ad;border-radius:0 0 10px 10px;width:300px;height:36px;top:228px;left:150px}.app.room .monitor-stand:after{display:none}.app.room .screen{height:215px;image-rendering:pixelated;background:#5ba9ea url(/retro/ground.svg) 0 100%/240px 40px repeat-x;border-radius:22px/16px;box-shadow:inset 0 0 0 4px #1c1722,inset 0 0 54px #0a1730b0}.app.room .screen:before{content:"";image-rendering:pixelated;background:url(/retro/clouds.svg) 0 0/240px 64px repeat-x;border-radius:0;animation:70s steps(60,end) infinite retro-clouds;position:absolute;inset:28px 0 40px}.app.room .screen:after{content:"";pointer-events:none;z-index:3;background:repeating-linear-gradient(0deg,#0000 0 2px,#0002 2px 3px);border-radius:22px/16px;animation:5s steps(2,end) infinite retro-flicker;position:absolute;inset:0;box-shadow:inset 0 0 40px #0006}@keyframes retro-clouds{to{background-position:-240px 0}}@keyframes retro-flicker{0%,to{opacity:1}50%{opacity:.82}}.app.room .screen-title{color:#fff;text-shadow:2px 2px #1f3f7a;text-transform:uppercase;letter-spacing:.14em;z-index:2;font-family:ui-monospace,Menlo,monospace}.app.room .keyboard{background:#cdc5db;border-bottom:6px solid #8a80a3;border-radius:6px 6px 4px 4px;width:190px;height:42px;top:284px;left:205px}.app.room .keyboard:before{content:"";background:linear-gradient(#f6d77d 0 55%,#d9604a 55%);border:3px solid #e29a22;border-bottom:0;border-radius:4px 4px 0 0;width:52px;height:30px;position:absolute;top:-22px;left:64px}.app.room .keyboard:after{content:"";background:#5d5470;border-radius:2px;width:48px;height:10px;position:absolute;top:13px;left:14px;box-shadow:78px 0 #5d5470}.app.room .pad{z-index:5;background-color:#d9d3e3;background-image:linear-gradient(#34303f,#34303f),linear-gradient(#34303f,#34303f),radial-gradient(circle,#e4553f 0 4px,#0000 5px),radial-gradient(circle,#4fa3d6 0 4px,#0000 5px),radial-gradient(circle,#f1b93c 0 4px,#0000 5px),radial-gradient(circle,#6cbf6a 0 4px,#0000 5px);background-position:14px 19px,21px 12px,74px 6px,86px 16px,74px 26px,62px 16px;background-repeat:no-repeat;background-size:22px 7px,7px 22px,12px 12px,12px 12px,12px 12px,12px 12px;border-bottom:5px solid #9a90b0;border-radius:24px/20px;width:104px;height:46px;position:absolute;box-shadow:0 10px 14px #0006}.app.room .pad-a{top:316px;left:410px;transform:rotate(-7deg)}.app.room .pad-b{top:338px;left:150px;transform:rotate(8deg)scale(.92)}.app.room .cable{z-index:4;border-bottom:4px solid #1b1620;border-radius:0 0 60px 60px;position:absolute}.app.room .cable-a{width:96px;height:24px;top:324px;left:318px}.app.room .cable-b{width:84px;height:26px;top:326px;left:176px}.app.room .cup{background:#e56b57;border-top-color:#a8412f}.app.room .desk-paper{background:#f7ecc8}.app.room .room-hint,.app.room .skip{color:#f0d9b5}.app.room .room-hint{letter-spacing:.06em;font-family:ui-monospace,Menlo,monospace}.app.room .room-hint:before{content:"▶ ";animation:1s steps(2,end) infinite retro-blink}@keyframes retro-blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.app.room .screen:before,.app.room .screen:after,.app.room .room-wall:before,.app.room .room-hint:before{animation:none!important}}.retro3d-host{position:absolute;inset:0;overflow:hidden}.retro3d-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.retro3d-css{pointer-events:none;position:absolute;inset:0;overflow:hidden}.retro3d-css *{pointer-events:none}.retro3d-folder,.retro3d-folder *,.retro3d-paper,.retro3d-paper *{pointer-events:auto}.retro3d-folder{box-sizing:border-box;justify-content:center;align-items:center;width:330px;height:255px;padding-top:34px;display:flex;position:relative}.retro3d-folder .screen-title{color:#fff;text-shadow:2px 2px #1f3f7a;text-transform:uppercase;letter-spacing:.14em;margin:0;font:600 11px/1 ui-monospace,Menlo,monospace;position:absolute;top:46px;left:58px}.retro3d-paper{width:220px;height:170px}.retro-paper-btn{text-align:left;color:#274c44;background:#f7ecc8;border-radius:0;width:100%;height:100%;padding:22px 24px;font-size:17px;line-height:1.35;transition:transform .2s,background .2s;box-shadow:0 8px 16px #0005}.retro-paper-btn strong{font-size:34px;display:block}.retro-paper-btn small{opacity:.75;margin-top:12px;font-size:13px;display:block}.retro-paper-btn:hover{background:#fff4d2;transform:translateY(-6px)}.retro3d-note{color:#4a3320;background:#f4d86f;width:250px;padding:22px 24px;font:26px/1.5 Bradley Hand,Marker Felt,PingFang SC,cursive;box-shadow:3px 9px 16px #0005}.app.room .room-stage:has(.retro3d-host){background:#2a1c2b}.app.room .room-stage:has(.retro3d-host) .welcome-copy{z-index:3;pointer-events:none}:is(.app.room .room-stage:has(.retro3d-host) .room-hint,.app.room .room-stage:has(.retro3d-host) .skip){z-index:3;text-shadow:0 1px 8px #000a}@media (width<=700px){.app.room .room-stage:has(.retro3d-host) .welcome-copy{top:9.5%}}.retro3d-folder:has([data-open]) .screen-title{opacity:0;transition:opacity .2s}.retro3d-folder{border-radius:22px/16px;align-items:flex-end;padding:0 0 30px;overflow:hidden}.retro3d-folder:after{content:"";pointer-events:none;border-radius:inherit;background:repeating-linear-gradient(0deg,#0000 0 2px,#00000026 2px 3px);position:absolute;inset:0;box-shadow:inset 0 0 34px #0a173088}.retro3d-folder .screen-title{top:18px;left:26px}.retro3d-cart{pointer-events:none}.retro3d-cart,.retro3d-cart *{pointer-events:auto}.retro-cart-btn{letter-spacing:.06em;color:#3a2a1a;white-space:nowrap;background:#f6c744;border-radius:999px;padding:12px 22px;font:700 15px ui-monospace,Menlo,monospace;animation:1.6s ease-in-out infinite retro-cart-pulse;box-shadow:0 4px #b8841a,0 10px 18px #0006}.retro-cart-btn:hover,.retro3d-cart.is-hot .retro-cart-btn{background:#ffd95e;transform:translateY(-4px)}@keyframes retro-cart-pulse{50%{transform:translateY(-5px)}}@media (prefers-reduced-motion:reduce){.retro-cart-btn{animation:none}}.retro3d-hint{pointer-events:none}.retro3d-hint,.retro3d-hint *{pointer-events:auto}.retro-hint-btn{color:#3a1a12;background:#f08a6e;box-shadow:0 4px #b9503a,0 10px 18px #0006}.retro-hint-btn:hover{background:#ff9d84}.app.room .room-stage:has(.retro3d-host) .welcome-copy p{max-width:21em;font-size:13px;line-height:1.8;display:block}@media (width<=700px){.app.room .room-stage:has(.retro3d-host) .welcome-copy p{font-size:12px}}.satin-water{background:#1b4592;position:absolute;inset:0}.satin-water canvas{width:100%;height:100%;display:block}.quiet-actions{flex-wrap:wrap;justify-content:center;gap:0 24px;max-width:calc(100% - 40px)}dialog.ascii-dialog{color:#d5f6fa;background:#071722;border:1px solid #214e60;border-radius:3px;width:min(1200px,96vw);max-width:96vw;max-height:94dvh}.ascii-dialog>.dialog-content{padding:0}.ascii-dialog>.close-dialog{z-index:5;color:#d5f6fa;background:#071722;font-size:12px;position:absolute;top:16px;right:20px}.ascii-archive{font-family:Avenir Next,PingFang SC,sans-serif}.ascii-art{background:#06151e;height:440px;position:relative;overflow:hidden}.ascii-art canvas{position:absolute;inset:0}.ascii-title{pointer-events:none;position:absolute;top:22%;left:7%}.ascii-title h2{letter-spacing:-.025em;color:#e1fafc;margin:0;font-size:clamp(36px,6vw,72px);font-weight:400;line-height:1.15}.ascii-title p{color:#b4dbe4;margin-top:28px;font-size:12px}.ascii-projects{padding:35px 7% 60px}.ascii-projects h3{margin:0 0 24px;font-size:15px;font-weight:400}.ascii-projects button{text-align:left;color:#d5f6fa;background:0 0;border:0;border-top:1px solid #29505e;border-radius:0;grid-template-columns:1fr 1.25fr auto;align-items:center;gap:25px;width:100%;padding:26px 0;display:grid}.ascii-projects button:hover{color:#fff;background:#103142}.ascii-projects span{font-size:22px}.ascii-projects small{color:#abd0d9;font-size:12px;line-height:1.8}.ascii-projects em{white-space:nowrap;font-size:11px;font-style:normal}.ascii-archive button:focus-visible,.paper-journey button:focus-visible,.paper-journey a:focus-visible{outline-offset:6px;outline:2px solid #9cedf5}.ascii-archive ::selection{color:#143a6b;background:#9cedf5}.paper-journey ::selection{color:#143a6b;background:#9cedf5}:is(.paper-dialog:has(.phase-film),.paper-dialog:has(.phase-underwater)){background:#1b4592}.paper-journey{scrollbar-color:#9cedf5 #1b4592}.phase-film .journey-opening:after{content:"";pointer-events:none;background:#f5edda;border-radius:38% 48% 33% 42%;width:44px;height:42px;animation:1.2s cubic-bezier(.4,0,.9,1) forwards satin-paper-fall;position:absolute;top:44%;left:calc(50% - 22px);box-shadow:inset -9px -8px #c2beb2}.underwater-works{color:#effcff;text-shadow:0 2px 12px #092756;background:linear-gradient(#0000,#102d6980);padding:10vh 10% 18vh}.underwater-works .depth-note{letter-spacing:-.02em;opacity:1;margin-bottom:10vh;font-size:clamp(24px,4vw,42px)}.underwater-works .submerged-work{text-shadow:0 2px 12px #092756;border-top:1px solid #c2f6ff80;width:72%;margin:0 0 16vh;padding:30px 0}.submerged-work span{font-size:clamp(30px,4.6vw,64px);line-height:1.25}.submerged-work p{opacity:1;max-width:42ch;font-size:15px}.submerged-work small,.submerged-work em{opacity:1}.submerged-contact{border-top:1px solid #c2f6ff80;padding-top:30px}.phase-underwater .journey-opening{height:62dvh}.phase-underwater .film-hint{bottom:12%}.water-continue{z-index:4;color:#e0fcff;pointer-events:auto;font-size:13px;position:absolute;bottom:5%;background:#14386c!important;padding:12px 20px!important}.phase-underwater .water-continue{bottom:0}@keyframes satin-paper-fall{0%{opacity:1;transform:translateY(-170px)rotate(0)}70%{opacity:1}to{opacity:0;transform:translateY(80px)scale(.12)rotate(160deg)}}@media (width<=650px){.ascii-art{height:370px}.ascii-title{top:26%}.ascii-projects button{grid-template-columns:1fr auto;gap:12px}.ascii-projects small{grid-area:2/1/auto/-1}.ascii-projects span{font-size:20px}.underwater-works{padding:8vh 8% 15vh}.underwater-works .submerged-work{width:100%;margin:0 0 12vh}.underwater-works .submerged-work:nth-of-type(2){margin-left:0}}@media (prefers-reduced-motion:reduce){.phase-film .journey-opening:after{animation:none;display:none}.submerged-work{transition:none}.paper-journey{scroll-behavior:auto}}:is(.paper-dialog:has(.cinematic-lake.phase-film),.paper-dialog:has(.cinematic-lake.phase-underwater)){background:#062d3b}.cinematic-lake{scrollbar-color:#afdcdb #062d3b}.cinematic-lake.phase-film .journey-opening:after{content:none;animation:none}.cinematic-lake.phase-underwater .journey-opening{height:100dvh}.cinematic-lake .underwater-works{color:#e5f1e9;text-shadow:0 2px 18px #042635;background:0 0;padding:8vh 12% 20vh}.cinematic-lake .underwater-works .depth-note{letter-spacing:.2em;opacity:.8;margin-bottom:10vh;font-size:12px}.cinematic-lake .underwater-works .submerged-work{width:70%;text-shadow:inherit;border-top:0;margin:15vh 0 24vh;padding:0}.cinematic-lake .submerged-work span{font-size:clamp(28px,4vw,55px)}.cinematic-lake .submerged-work p{opacity:.8;font-size:13px}.cinematic-lake .water-continue{color:#234a4d;bottom:8%;background:#f4f0dc!important}@media (width<=700px){.cinematic-lake .underwater-works{padding:8vh 8% 18vh}.cinematic-lake .underwater-works .submerged-work{width:90%;margin:14vh 0 20vh}.cinematic-lake .submerged-work:nth-of-type(2){margin-left:8%}}.radial-actions{z-index:12;color:#284e43;pointer-events:auto;touch-action:manipulation;-webkit-user-select:none;user-select:none;isolation:isolate;width:300px;height:300px;position:absolute;transform:translate(-50%,-50%)}.radial-actions__entrance{width:100%;height:100%;animation:.24s cubic-bezier(.22,.7,.25,1) both radial-actions-arrive;position:relative}.radial-actions__wheel{filter:drop-shadow(0 9px 15px #193b3929);width:100%;height:100%;display:block;overflow:visible}.radial-actions__option{cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none}.radial-actions__sector{fill:#fbf6e8f2;stroke:#6286766b;stroke-width:.8px;transition:fill .13s,stroke .13s}.radial-actions__content{pointer-events:none;transition:color .13s}.radial-actions__label{letter-spacing:.035em;fill:currentColor;font:500 12px Avenir Next,PingFang SC,Microsoft YaHei,sans-serif}.radial-actions__active-dot{fill:currentColor}.radial-actions__option.is-active .radial-actions__sector{fill:#e6eddfef;stroke:#537b6d}.radial-actions__option:hover .radial-actions__sector,.radial-actions__option:focus-visible .radial-actions__sector{fill:#315e52;stroke:#f9f2de;stroke-width:1.6px}.radial-actions__option:hover,.radial-actions__option:focus-visible{color:#fff9e9}.radial-actions__option:active .radial-actions__sector{fill:#23493f}.radial-actions__cancel{-webkit-backdrop-filter:blur(7px);color:#31584c;background:#fbf6e8c9;border:1px solid #f6f1e399;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:7px;width:74px;height:74px;padding:0;transition:background .13s,color .13s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.radial-actions__cancel svg{fill:none;stroke:currentColor;stroke-width:1.3px;stroke-linecap:round}.radial-actions__cancel span{letter-spacing:.07em;font-size:10px}.radial-actions__cancel:hover{background:#f8f4e6}.radial-actions__cancel:active{background:#e6eddf;transform:translate(-50%,-50%)}.radial-actions__cancel:focus-visible{outline-offset:3px;outline:2px solid #315e52}.radial-actions__hint{color:#f8f5e9;letter-spacing:.1em;white-space:nowrap;text-shadow:0 1px 5px #173f39;pointer-events:none;font-size:10px;position:absolute;top:calc(100% + 1px);left:50%;transform:translate(-50%)}.radial-actions__sr{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes radial-actions-arrive{0%{opacity:0;transform:scale(.86)}to{opacity:1;transform:scale(1)}}@media (width<=584px){.radial-actions{width:268px;height:268px}.radial-actions__cancel{gap:5px;width:67px;height:67px}.radial-actions__hint{font-size:9px}}@media (prefers-reduced-motion:reduce){.radial-actions__entrance{animation:none}.radial-actions__sector,.radial-actions__content,.radial-actions__cancel{transition:none}}.guide-dialogue-stage{z-index:6;pointer-events:none;grid-template-columns:minmax(210px,310px) minmax(0,1fr);align-items:end;gap:12px;width:min(940px,100% - 64px);animation:.28s cubic-bezier(.22,1,.36,1) both guide-dialogue-arrive;display:grid;position:absolute;bottom:max(7vh,38px);left:50%;transform:translate(-50%)}.guide-dialogue-figure{pointer-events:none;min-width:0;height:clamp(290px,46vh,450px);position:relative}.guide-portrait{pointer-events:none;position:absolute;inset:0}.guide-portrait canvas{pointer-events:none;width:100%;height:100%;display:block}.guide-portrait-error{background:#fbf7e9ed;border-radius:12px;max-width:calc(100% - 30px);padding:12px 15px;font-size:12px;position:absolute;bottom:15px;left:15px}.guide-dialogue-card{pointer-events:auto;background:#fbf7e9f2;border-radius:16px;padding:28px 32px 24px;position:relative;box-shadow:0 12px 48px #213e4329}.guide-dialogue-card:before{content:"";z-index:-1;background:#fbf7e9;border-radius:3px;width:20px;height:20px;position:absolute;bottom:80px;left:-11px;transform:rotate(45deg)}.guide-dialogue-name{letter-spacing:.14em;color:#537969;align-items:center;gap:15px;font-size:11px;display:flex}.guide-dialogue-name span{letter-spacing:.03em;color:#627769;font-size:11px}.guide-dialogue-copy{cursor:pointer;min-height:115px;margin:17px 0 20px}.guide-dialogue-copy p{overflow-wrap:anywhere;margin:0 0 4px;font-size:16px;line-height:1.85}.guide-dialogue-actions{align-items:center;gap:10px;display:flex}.guide-dialogue-actions .primary{padding:12px 20px;font-size:14px}.guide-dialogue-actions .primary span{margin-left:12px}.guide-dialogue-reveal{color:#5b7366;background:0 0;padding:10px;font-size:11px}.guide-dialogue-touch-note{color:#5b7366;margin-bottom:15px;font-size:10px;line-height:1.6;display:none}.guide-dialogue-sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}@keyframes guide-dialogue-arrive{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}@media (width<=700px){.guide-dialogue-stage{grid-template-columns:minmax(105px,34%) minmax(0,1fr);gap:3px;width:calc(100% - 28px);bottom:max(6vh,34px)}.guide-dialogue-figure{height:clamp(220px,37vh,340px)}.guide-dialogue-card{border-radius:15px;padding:19px 17px 18px}.guide-dialogue-copy{min-height:148px;margin:12px 0 15px}.guide-dialogue-copy p{margin-bottom:5px;font-size:14px;line-height:1.7}.guide-dialogue-name{font-size:10px;display:block}.guide-dialogue-name span{letter-spacing:0;margin-top:5px;font-size:10px;display:block}.guide-dialogue-touch-note{display:block}.guide-dialogue-actions{flex-wrap:wrap;gap:4px}.guide-dialogue-actions .primary{padding:11px 15px;font-size:12px}.guide-dialogue-reveal{padding:6px}.guide-dialogue-card:before{width:15px;height:15px;bottom:90px;left:-8px}}@media (height<=560px) and (width>=701px){.guide-dialogue-stage{grid-template-columns:230px minmax(0,1fr);width:min(820px,100% - 54px);bottom:22px}.guide-dialogue-figure{height:clamp(220px,62vh,300px)}.guide-dialogue-card{padding:20px 26px}.guide-dialogue-copy{min-height:100px;margin:12px 0}.guide-dialogue-copy p{font-size:14px}}@media (height<=560px) and (width<=700px){.guide-dialogue-stage{grid-template-columns:minmax(100px,24%) minmax(0,1fr);gap:8px;width:calc(100% - 36px);bottom:14px}.guide-dialogue-figure{height:min(65vh,270px)}.guide-dialogue-card{max-height:calc(100dvh - 115px);padding:15px 17px;overflow:auto}.guide-dialogue-name{gap:10px;display:flex}.guide-dialogue-name span{margin-top:0}.guide-dialogue-copy{min-height:0;margin:10px 0 13px}.guide-dialogue-copy p{font-size:13px;line-height:1.6}.guide-dialogue-touch-note{display:none}.guide-dialogue-actions{flex-wrap:nowrap}.guide-dialogue-actions .primary{padding:10px 13px}.guide-dialogue-card:before{display:none}}@media (prefers-reduced-motion:reduce){.guide-dialogue-stage{animation:none}}.portfolio-gallery{color:inherit;border-block:1px solid #284d4420;margin:28px 0 40px;padding:16px 0 14px;overflow:hidden}.gallery-strip{height:385px;perspective:var(--gallery-perspective);touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex;position:relative}.gallery-strip:active{cursor:grabbing}.gallery-card{border-radius:var(--gallery-radius);transform-style:preserve-3d;cursor:pointer;will-change:auto;background:#f1ede3;flex:none;padding:0;transition-property:transform,opacity;transition-timing-function:cubic-bezier(.22,.75,.23,1);position:absolute;overflow:hidden;box-shadow:0 12px 24px #192b2520}.gallery-card img{object-fit:contain;pointer-events:none;background:#f4f1e9;width:100%;height:280px;display:block}.gallery-card span{text-align:center;color:#284d44;min-height:42px;padding:12px 9px;font-size:12px;line-height:1.45;transition:filter .3s;display:block}.gallery-card:hover{background:#f1ede3}.gallery-card:active{filter:brightness(.97)}.gallery-navigation{justify-content:center;align-items:center;gap:16px;display:flex}.gallery-navigation button{color:inherit;background:#284d4410;border-radius:4px;padding:8px 14px;font-size:16px}.gallery-navigation .gallery-pause{padding:8px 11px;font-size:11px}.gallery-count{text-align:center;font-variant-numeric:tabular-nums;min-width:50px;font-size:12px}.gallery-dots{flex-wrap:wrap;justify-content:center;gap:6px;max-width:90%;margin:16px auto 0;display:flex}.gallery-dots button{background:#55706440;border-radius:50%;width:6px;height:6px;padding:0}.gallery-dots button[aria-current=true]{background:#315e52}.gallery-hint{text-align:center;color:#62736b;line-height:1.5;margin:16px 0 0!important;font-size:11px!important}.gallery-lightbox{background:#f6f3eb!important;border:0!important;width:min(1200px,96vw)!important;max-height:94dvh!important;overflow:auto!important}.gallery-lightbox::backdrop{background:#152b27d9}.lightbox-close{z-index:5;margin-left:auto;font-size:12px;display:block;position:sticky;top:0}.gallery-lightbox figure{margin:0;padding:12px 20px 25px}.gallery-lightbox img{object-fit:contain;width:100%;max-height:76dvh;display:block}.gallery-lightbox figcaption{text-align:center;padding-top:15px;font-size:13px}@media (width<=600px){.gallery-strip{height:350px}.gallery-card img{height:265px}.gallery-navigation{gap:10px}.portfolio-gallery{margin:22px 0}.gallery-lightbox figure{padding:8px 10px 20px}}@media (prefers-reduced-motion:reduce){.gallery-card{transition:none}}.sakura-project-hero{isolation:isolate;color:#fff9ef;background-color:#17271e;background-position:50%;background-size:cover;border-radius:8px;align-items:flex-end;min-height:clamp(330px,42vw,460px);margin-bottom:32px;padding:clamp(24px,5vw,58px);display:flex;position:relative;overflow:hidden}.sakura-project-hero__video{object-fit:cover;pointer-events:none;z-index:-2;width:100%;height:100%;position:absolute;inset:0}.sakura-project-hero__video.is-unavailable{opacity:0}.sakura-project-hero:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#07150ddb 0%,#07150d72 58%,#07150d18 100%),linear-gradient(#0000 28%,#07150d8c);position:absolute;inset:0}.sakura-project-hero__content{max-width:560px}.sakura-project-hero .caption{color:#f2e6de;margin:0 0 16px}.dialog-content .sakura-project-hero h2{color:#fff9ef;margin:0 0 18px;font-size:clamp(30px,4.6vw,52px);font-weight:500;line-height:1.3}.sakura-project-hero__content>p:not(.caption){color:#f4eee4;max-width:38ch;margin:0;font-size:14px;line-height:1.9}.sakura-project-hero__toggle{color:#fff9ef;background:#14291f8c;border:1px solid #fff9ef70;border-radius:5px;padding:7px 10px;font-size:11px;position:absolute;bottom:18px;right:18px}.sakura-project-hero__toggle:hover{background:#1a352be0}.sakura-project-hero__toggle:focus-visible{outline-color:#fff9ef}@media (width<=700px){.sakura-project-hero{min-height:350px;margin-bottom:24px;padding:26px 24px 66px}.sakura-project-hero__content>p:not(.caption){font-size:12px}.sakura-project-hero__toggle{bottom:16px;right:16px}}