html{scroll-behavior:auto}body{background:#f5f1e3;color:#2c3937;overflow-x:clip}main{overflow:visible}.book-journey{height:270svh;padding:0;position:relative;background:#c4a477}.book-stage{position:sticky;top:0;height:100svh;min-height:600px;overflow:hidden;background:#b7b795}.table-scene{position:absolute;width:min(100vw,150svh);height:min(100svh,66.667vw);left:50%;top:50%;transform:translate(-50%,-50%);isolation:isolate}.book-table{width:100%;height:100%;display:block;position:absolute;inset:0;object-fit:fill;z-index:-1}.page-copy{position:absolute;left:29%;top:52%;width:43%;color:#253b27;text-align:center}.page-copy .art-heading{width:90%;height:auto;aspect-ratio:3.3;margin:0 auto 4px}.page-copy .about-intro{font-size:clamp(14px,1.35vw,20px);line-height:1.8;width:100%;max-width:none;margin:0;text-align:left}.page-copy .interaction-note{font-size:11px;margin:14px 0 7px}.page-next{font-size:12px;color:inherit;text-underline-offset:5px}.postcard{position:absolute;inset:0;background:#f5f4e8;z-index:4;transform-origin:center;will-change:width,height,left,top,transform}.paper-frame{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.card-content{position:absolute;inset:0;overflow:hidden}.opening-hi{position:absolute;margin:0;font-family:Courier New,monospace;line-height:1.3}.card-content h1{position:absolute;margin:0;line-height:1;transform:rotate(-7deg)}.card-content h1 img{width:100%;height:auto;display:block}.person{position:absolute;object-fit:contain;object-position:center bottom;height:96%;width:auto;filter:saturate(.4) brightness(1.05) contrast(.97)}.opening-intro{position:absolute;margin:0;font-family:Courier New,PingFang SC,monospace;line-height:1.9;letter-spacing:1px}.opening-next{position:absolute;color:inherit;text-decoration:underline;text-underline-offset:8px;white-space:nowrap}.table-scene .objects{position:absolute;inset:0;display:block;margin:0;padding:0;width:100%;height:100%;min-height:0;max-width:none}.table-scene .object-slot{position:absolute;width:13%;height:auto;transform:none;margin:0;z-index:2}.table-scene .object{display:block;width:100%;transform:rotate(var(--angle));opacity:1;translate:none;margin:0;padding:0;background:none;border:0;cursor:pointer;color:#273b26}.table-scene .object-art{display:block;width:100%;height:auto;aspect-ratio:1;transform:none}.table-scene .raster-object{width:100%;height:100%;filter:drop-shadow(0 5px 3px #33291155)}.table-scene .object-label{font-size:11px;white-space:nowrap;display:inline-block;background:#f5efd4d9;padding:2px 7px;border-radius:2px}.table-scene .object:hover{transform:rotate(0) translateY(-4px)}.table-scene .object:focus-visible{outline:3px solid #204e34;outline-offset:5px}.story-panel{position:fixed;inset:0;padding:36px;max-width:min(520px,90vw);width:520px;height:fit-content;margin:auto;background:#f5f1df;color:#2c3937;border:1px solid #798366;box-shadow:0 20px 80px #1115;text-align:left;z-index:50}.story-panel:not([open]){display:none}.story-panel::backdrop{background:#24302480}.story-panel h3{font-size:25px;margin:12px 0}.story-panel .story-copy{font-size:17px;line-height:1.8}.story-close{position:absolute;right:12px;top:9px}.page-copy a:focus-visible,.opening-next:focus-visible{outline:3px solid #375e39;outline-offset:5px}.experience-scene{margin-top:0}.asset-failed .book-stage,.reduced .book-stage{position:relative}.reduced .book-stage,.asset-failed .book-stage{height:100svh;min-height:800px}.asset-failed .table-scene{background:#e6e5c8}.asset-failed .paper-frame{display:none}.asset-failed .postcard{background:#f5f1df!important;border:1px solid #b4ad99}@media(max-width:700px){.book-journey{height:250svh}.book-stage{min-height:720px}.table-scene{width:100%;height:100%;top:0;left:0;transform:none}.book-table{width:177%;left:-38.5%;height:100%;object-fit:fill}.page-copy{left:12%;width:77%;top:40%}.page-copy .art-heading{width:85%;aspect-ratio:3.3;margin-bottom:5px}.page-copy .about-intro{font-size:14px;line-height:1.8}.page-copy .interaction-note{font-size:10px;margin-top:10px}.page-next{display:none}.table-scene .objects{top:74%;left:10%;width:81%;height:auto;display:grid;grid-template-columns:repeat(5,1fr);gap:10px 3px}.table-scene .object-slot{position:relative!important;left:auto!important;right:auto!important;top:auto!important;width:100%!important}.table-scene .object-label{font-size:8px;max-width:100%;padding:1px;white-space:normal;line-height:1.3}.table-scene .object-art{width:100%}.table-scene .object{transform:rotate(calc(var(--angle)*.45))}.story-panel{padding:30px 24px}.reduced .book-stage,.asset-failed .book-stage{height:850px}.reduced .page-copy,.asset-failed .page-copy{top:40%}}@media(max-height:700px)and (min-width:701px){.page-copy .about-intro{font-size:13px}.page-copy .interaction-note{margin:6px 0}.table-scene .object-label{font-size:10px}}.table-scene .object:hover .object-art{transform:translateY(-3px) scale(1.03)}.table-scene .object-label{margin-top:1px;line-height:1.4}@media(max-width:700px){.table-scene .object-slot{grid-column:auto!important;grid-row:auto!important;min-height:0;padding:0}.table-scene .object-label{font-size:9px}.page-copy .about-intro{font-size:15px;line-height:1.65}.table-scene .objects{top:73%;gap:4px 3px}}.asset-failed .book-table{display:none}.asset-failed .heading-about{background:none;height:auto;font:32px Georgia,serif}.asset-failed .heading-about .sr-only{position:static;clip-path:none;width:auto;height:auto;white-space:normal}.project-flip{position:fixed;inset:0;z-index:25;display:grid;place-items:center;pointer-events:auto}.project-flip[hidden]{display:none}.project-flip-paper{width:min(560px,calc(100vw - 36px));height:min(535px,calc(100dvh - 56px));perspective:1000px;pointer-events:auto}.project-flip-hinge{position:relative;height:100%;transform-style:preserve-3d}.project-flip-front,.project-flip .project-dialog{position:absolute;inset:0;box-sizing:border-box;width:100%;height:100%;margin:0;backface-visibility:hidden;background:#fff9e9;border:1px solid #c5b993;border-radius:3px;box-shadow:6px 12px 24px #35240d4a}.project-flip-front{padding:12px 12px 16px;display:grid;grid-template-rows:minmax(0,1fr) auto auto;overflow:hidden;pointer-events:none}.project-flip-paper>.fixing{z-index:2}.project-flip-front .polaroid-photo{min-height:0;height:100%;aspect-ratio:auto}.project-flip-front .polaroid-title{align-self:end}.project-flip-front .polaroid-caption{display:block}.project-flip .project-dialog{transform:rotateY(180deg);overflow:auto;overscroll-behavior-y:contain;max-width:none;max-height:none;padding:24px 26px 26px;color:#314839}.project-flip .project-dialog:focus{outline:none}.project-flip .project-image{min-width:0;max-height:none;height:auto}.project-flip .project-figure{overflow:visible}.project-flip[data-phase=opening] .project-dialog,.project-flip[data-phase=closing] .project-dialog{pointer-events:none}.polaroid.project-card-lifted{opacity:0;pointer-events:none}@media(max-width:700px),(pointer:coarse),(max-height:560px){.project-flip{--dismiss-top: calc(48px + env(safe-area-inset-top, 0px)) ;--dismiss-bottom: calc(48px + env(safe-area-inset-bottom, 0px)) ;box-sizing:border-box;padding:var(--dismiss-top) max(15px,env(safe-area-inset-right,0px)) var(--dismiss-bottom) max(15px,env(safe-area-inset-left,0px))}.project-flip-paper{width:min(560px,100%);height:min(620px,calc(100dvh - var(--dismiss-top) - var(--dismiss-bottom)))}.project-flip .project-dialog{padding:16px 16px 20px}}.project-flip .project-dialog.projects-cork-dialog{max-width:none;max-height:none;margin:0}.book-journey{height:470svh}.book-stage{perspective:1500px}.table-scene{perspective:1200px}.table-scene .objects{inset:0;clip-path:none!important;pointer-events:none}.object-column{position:absolute;top:4%;height:92%;width:19%;display:grid;grid-template-rows:repeat(var(--count),1fr);align-items:center;justify-items:center;gap:7px;pointer-events:auto}.object-column.left{left:1%}.object-column.right{right:1%}.table-scene .object-column .object-slot{position:relative;inset:auto;width:min(12vw,16svh);height:100%;min-height:0;max-height:145px;display:flex;align-items:center;justify-content:center;padding:0;margin:0;grid-column:auto}.table-scene .object{width:100%;height:auto;transform:none}.table-scene .object-art{width:100%;height:min(12vw,13svh);aspect-ratio:auto;margin:0;position:relative;display:flex;justify-content:center;align-items:center}.table-scene .raster-object{height:100%;width:auto;aspect-ratio:1;transform:scale(var(--optical-scale));filter:drop-shadow(0 3px 2px #33291140)}.table-scene .object-label{display:block;margin:7px 0 0;font-size:11px;line-height:1.4;white-space:nowrap;position:static!important}.table-scene .object:hover{transform:none}.table-scene .object:hover .object-art{transform:translateY(-3px)}.pmp-card{width:95%;height:100%;object-fit:contain}.pmp-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding-top:9%;font:700 clamp(14px,1.8vw,25px) Georgia,serif;letter-spacing:2px;color:#465338;pointer-events:none}.experience-page{position:absolute;left:25.8%;top:1%;width:49%;height:98%;z-index:1;isolation:isolate}.inner-paper{position:absolute;inset:0;width:100%;height:100%;z-index:-1}.experience-content{position:absolute;inset:12% 11% 10%;color:#344333}.chapter-label{font:11px monospace;letter-spacing:2px;margin:0 0 8px}.experience-content h2{font:clamp(22px,3.1vw,40px) Georgia,serif;letter-spacing:1px;margin:0 0 10px}.experience-lead{font-size:13px;margin:0 0 20px}.career-list{display:grid;grid-template-columns:1fr 1fr;gap:24px 20px}.career-list article{border-top:1px solid #829073;padding-top:12px;text-align:left}.career-list p{font-size:14px;line-height:1.65;margin:5px 0}.career-list .career-date{font:11px/1.5 monospace;color:#52624a}.career-list h3{font-size:22px;margin:8px 0}.career-list .career-role{font-weight:600}.experience-next{display:inline-block;font-size:12px;color:inherit;margin-top:22px;text-underline-offset:5px}.turning-leaf{position:absolute;left:26%;top:1%;width:49%;height:98%;z-index:6;transform-origin:0 50%;clip-path:inset(0 0 0 76%);backface-visibility:hidden;pointer-events:none}.page-copy{z-index:3}.postcard{z-index:4}.practice{scroll-margin-top:20px}.reduced .book-journey,.asset-failed .book-journey{height:auto}.reduced .book-stage,.asset-failed .book-stage{height:auto;min-height:0;overflow:visible;position:relative}.reduced .table-scene,.asset-failed .table-scene{position:relative;left:0;top:0;transform:none;width:100%;height:1800px}.reduced .book-table,.asset-failed .book-table{height:800px}.reduced .page-copy,.asset-failed .page-copy{top:420px;clip-path:none!important}.reduced .experience-page,.asset-failed .experience-page{top:820px;height:900px;clip-path:none!important}.reduced .object-column,.asset-failed .object-column{height:720px;top:30px}.reduced .turning-leaf,.asset-failed .turning-leaf{display:none}.asset-failed .experience-page{background:#f5eedb}.asset-failed .inner-paper{display:none}@media(max-width:700px){.book-journey{height:460svh}.table-scene .objects{top:73%;left:10%;width:81%;height:auto;display:flex;gap:4px}.object-column{position:static;width:auto;height:auto;display:contents}.table-scene .objects{display:grid;grid-template-columns:repeat(5,1fr);grid-auto-rows:auto;row-gap:6px}.table-scene .object-column .object-slot{width:100%;height:auto;max-height:none}.table-scene .object-art{height:52px;width:100%}.table-scene .raster-object{width:52px;height:52px}.table-scene .object-label{font-size:9px;white-space:normal;margin-top:3px}.pmp-text{font-size:13px;letter-spacing:0}.experience-page{left:5%;top:0;width:92%;height:99%}.experience-content{inset:10% 10% 8%}.experience-content h2{font-size:26px}.experience-lead{font-size:12px;margin-bottom:16px}.career-list{grid-template-columns:1fr;gap:12px}.career-list article{padding-top:8px;display:grid;grid-template-columns:1fr 1fr;column-gap:8px}.career-list .career-date{grid-column:1/-1;font-size:10px}.career-list h3{font-size:19px;margin:4px 0}.career-list .career-role{font-size:12px}.career-list article>p:last-child{grid-column:1/-1;font-size:13px;margin:3px 0}.experience-next{margin-top:16px}.turning-leaf{left:5%;width:92%}.reduced .table-scene,.asset-failed .table-scene{height:1770px}.reduced .page-copy,.asset-failed .page-copy{top:335px}.reduced .objects,.asset-failed .objects{top:610px}.reduced .object-column,.asset-failed .object-column{height:auto}.reduced .experience-page,.asset-failed .experience-page{top:850px;height:850px}}.career-list article{position:relative;padding-left:0}.career-number{position:absolute;right:0;top:8px;font:italic 25px Georgia,serif;color:#9aa083}.career-list .career-brands{font-size:10px;color:#65715b;line-height:1.5;margin-top:10px}.career-list .career-date{padding-right:26px}.experience-content h2{font-weight:500}.experience-page a:focus-visible{outline:3px solid #385f38;outline-offset:5px}@media(max-width:700px){.career-list{gap:10px}.career-list article{padding-right:0}.career-number{font-size:20px;top:4px}.career-list .career-brands{display:none}.career-list article>p:nth-last-child(2){grid-column:1/-1;font-size:13px;margin:3px 0}}@media(max-width:700px){.page-next{display:inline-block;font-size:11px}.page-copy .interaction-note{margin-bottom:3px}}@media(min-width:701px){.object-column{height:calc(92% * var(--count) / var(--rows));top:calc(4% + 46% * (var(--rows) - var(--count)) / var(--rows))}.table-scene .object-art{height:min(12vw,13svh,calc(70svh / var(--rows)))}}@media(max-width:700px){.career-list .career-brands{display:block;grid-column:1/-1;font-size:10px;line-height:1.25;margin:1px 0}}@media(max-width:700px){.table-scene .objects{bottom:auto;align-content:start}}.review-status{position:fixed;z-index:20;right:12px;top:10px;max-width:calc(100% - 24px);padding:7px 11px;background:#f5f0e9ed;color:#35432f;font:12px/1.5 sans-serif;text-underline-offset:3px;border:1px solid #b6b99e}.review-status:focus-visible{outline:3px solid #385f38}.table-scene .object-label{display:block;width:fit-content;max-width:min(18vw,27svh);box-sizing:border-box;margin:6px auto 0;padding:4px 10px!important;background:none!important;position:relative!important;isolation:isolate;color:#30412a;font-size:clamp(12px,1vw,15px);font-weight:600;line-height:1.4;border-radius:0;white-space:normal;overflow-wrap:normal;box-shadow:none}.table-scene .object-label:before,.table-scene .object-label:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;clip-path:polygon(1% 5%,8% 2%,18% 4%,29% 0,40% 3%,51% 1%,64% 4%,76% 1%,87% 3%,98% 0,99% 17%,98.5% 36%,100% 54%,99% 73%,99.5% 94%,90% 97%,79% 95%,67% 100%,55% 97%,43% 99%,32% 96%,20% 99%,10% 96%,1% 100%,0 80%,1% 59%,0 39%,1.5% 22%)}.table-scene .object-label:before{background:#49331f38;transform:translateY(1px)}.table-scene .object-label:after{background-image:url(/assets/paper-fibers.svg),linear-gradient(90deg,#aa713322,transparent 13%,transparent 88%,#97632925),linear-gradient(177deg,#eddfbb,#f5e9cb 48%,#dec79a);background-size:96px 64px,100% 100%,100% 100%;box-shadow:inset 0 1px 1px #fff7dfb3,inset 0 -1px 2px #966b3352}.table-scene .object-slot:nth-child(2n) .object-label:after{background-position:29px 17px,0 0,0 0}.table-scene .object-label i{font-style:normal;white-space:nowrap;margin-left:3px}@media(min-width:701px){.table-scene .object{display:flex;flex-direction:column;align-items:center}.table-scene .object-label{width:max-content;flex:none}}@media(min-width:701px)and (max-height:600px){.table-scene .object-label{max-width:min(20vw,32svh);font-size:11px;line-height:1.25;padding:3px 5px!important;margin-top:3px}.table-scene .object-art{height:min(12vw,10svh)!important}}@media(max-width:700px){.table-scene .object-label{max-width:100%;font-size:11px;line-height:1.35;padding:3px 2px!important;margin-top:4px;text-wrap:balance}.table-scene .object-label i{display:inline-block;margin-left:1px}}@media(max-width:700px)and (max-height:720px){.table-scene .objects{top:auto;bottom:12px;height:max-content;row-gap:5px}.table-scene .object-art,.table-scene .raster-object{height:36px;width:36px;margin-inline:auto}.page-copy .about-intro{font-size:14px;line-height:1.55}.page-copy .interaction-note{margin:4px 0}}@media(max-width:360px)and (max-height:620px){.page-copy{top:39%}.page-copy .art-heading{width:65%;margin-bottom:3px}.table-scene .objects{left:6%;width:88%}.table-scene .object-art,.table-scene .raster-object{height:28px;width:28px}.page-copy .about-intro{line-height:1.45}.page-copy .interaction-note{margin:2px 0}}.table-scene .object .object-art{transition:transform .18s ease-out}.table-scene .object:hover .object-art{transform:none}@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.table-scene .object:hover .object-art,.table-scene .object:focus-visible .object-art{transform:translateY(-6px) scale(1.06)}.table-scene .object[data-story=birds]:hover .object-art,.table-scene .object[data-story=birds]:focus-visible .object-art{transform:translateY(-4px) scale(1.03)}}@media(prefers-reduced-motion:reduce){.table-scene .object .object-art{transition:none;transform:none!important}}@media(max-width:700px){.table-scene{--about-object-size:clamp(28px, calc(12dvh - 44px) ,44px);--about-grid-height:calc(3 * (var(--about-object-size) + 26px) + 12px)}.table-scene .objects{inset:auto 6% 4%;width:88%;height:var(--about-grid-height);display:grid;grid-template-columns:1fr 1fr 1.23fr;grid-template-rows:repeat(3,1fr);gap:6px 4px;align-items:center}.table-scene .object-column .object-slot{width:100%!important;height:100%;max-height:none;min-width:0}.table-scene .object{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:none}.table-scene .object-art,.table-scene .raster-object{width:var(--about-object-size);height:var(--about-object-size);margin-inline:auto;flex:none}.table-scene .object-label{width:max-content;max-width:none;white-space:nowrap;text-wrap:nowrap;overflow-wrap:normal;font-size:12px;line-height:1.35;padding:3px!important;margin:3px 0 0;flex:none}.table-scene .object-label i{display:inline-block;margin-left:1px}.page-copy{left:8%;width:84%;top:40%;max-height:none;overflow:visible}.page-copy .art-heading{width:50%;margin:0 auto 4px}.page-copy .about-intro{font-size:14px;line-height:1.45}.page-copy .interaction-note{display:block;font-size:10px;line-height:1.3;margin:4px 0 2px}.page-copy .page-next{display:inline-block;font-size:11px;line-height:1.4}.pmp-text{font-size:13px}}@media(max-width:700px)and (max-height:620px){.page-copy .art-heading{width:90px}.page-copy .about-intro{line-height:1.4}}@media(max-width:700px)and (max-height:520px)and (orientation:portrait){.table-scene{--about-object-size:20px;--about-grid-height:142px}.table-scene .objects{grid-template-rows:repeat(3,44px);row-gap:5px}.table-scene .object-label{line-height:1.2;padding:2px 3px!important}.page-copy .art-heading{width:70px;margin-bottom:2px}.page-copy .about-intro{line-height:1.3}.page-copy .interaction-note{line-height:1.2;margin:2px 0 1px}}@media(max-width:700px)and (orientation:landscape){.table-scene{--about-grid-height:112px;--about-object-size:28px}.table-scene .objects{grid-template-rows:repeat(3,34px);row-gap:5px}.table-scene .object{flex-direction:row;gap:3px}.table-scene .object-art,.table-scene .object-label{margin:0}.page-copy{top:27%}.page-copy .art-heading{width:70px;margin-bottom:2px}.page-copy .interaction-note{line-height:1.2;margin:2px 0 1px}}@media(min-width:701px)and (max-width:950px)and (max-height:500px){.table-scene .objects{inset:auto auto 4% 27%;width:48%;height:156px;display:grid;grid-template-columns:1fr 1fr 1.23fr;grid-template-rows:repeat(3,48px);gap:6px 2px}.table-scene .object-column{display:contents}.table-scene .object-column .object-slot{width:100%!important;height:100%;max-height:none;min-width:0}.table-scene .object{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:none}.table-scene .object-art,.table-scene .raster-object{width:25px!important;height:25px!important;margin-inline:auto;flex:none}.table-scene .object-label{width:max-content;max-width:none;white-space:nowrap;font-size:12px;line-height:1.35;padding:3px!important;margin:1px 0 0}.table-scene .object-label i{display:inline-block;margin-left:1px}.page-copy,.about-compact .page-copy{left:27%!important;width:48%!important;top:22%!important;max-height:none;overflow:visible}.page-copy .art-heading,.about-compact .page-copy .art-heading{width:60px!important;margin:0 auto 2px}.page-copy .about-intro,.about-compact .page-copy .about-intro{font-size:14px!important;line-height:1.4!important}.page-copy .interaction-note,.about-compact .page-copy .interaction-note{display:block;font-size:10px;line-height:1.2;margin:2px 0 1px}.page-copy .page-next{display:inline-block;font-size:11px;line-height:1.4}}@media(min-width:701px)and (max-width:950px)and (max-height:350px){.table-scene .objects{left:24%;width:52%;height:120px;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(3,38px);gap:3px 0}.table-scene .object-column .object-slot{grid-column:span 4}.table-scene .object-column.right .object-slot:nth-child(3){grid-column:span 3}.table-scene .object-column.right .object-slot:nth-child(4){grid-column:span 5}.table-scene .object-art,.table-scene .raster-object{width:18px!important;height:18px!important}.table-scene .object-label{line-height:1.2;padding:2px 3px!important}.page-copy,.about-compact .page-copy{top:22%!important}.page-copy .art-heading,.about-compact .page-copy .art-heading{width:49px!important;margin-bottom:1px}.page-copy .about-intro,.about-compact .page-copy .about-intro{line-height:1.35!important}}@media(max-width:700px){.page-copy .about-intro{text-align:center}.table-scene .objects{top:var(--about-objects-top,60%);bottom:auto;height:var(--about-fitted-grid,var(--about-grid-height))}.table-scene .object-art,.table-scene .raster-object{width:var(--about-fitted-art,var(--about-object-size));height:var(--about-fitted-art,var(--about-object-size))}}@media(max-width:700px)and (max-height:620px)and (orientation:portrait){.page-copy{top:37%}}@media(max-width:700px)and (max-height:520px)and (orientation:portrait){.page-copy{top:35.5%}.table-scene .objects{grid-template-rows:repeat(3,1fr)}}@media(min-width:701px)and (max-width:950px)and (max-height:500px){.page-copy .about-intro{text-align:center}.table-scene .objects{top:var(--about-objects-top,60%);bottom:auto}}@media(max-width:700px)and (orientation:landscape){.page-copy{top:22%}}@media(min-width:701px)and (max-width:950px)and (max-height:500px){.page-copy,.about-compact .page-copy{top:15%!important}}.book-journey{height:950svh}.book-stage{perspective:1900px;perspective-origin:50% 45%;background:#b7b795}.table-scene{isolation:auto;background:url(/assets/wood-table.webp) center/100% 100%}.book-camera,.hinged-cover,.cover-face{position:absolute;inset:0;transform-style:preserve-3d;pointer-events:none}.cover-face{backface-visibility:hidden;transform:translateZ(2px)}.cover-face .postcard,.cover-face .page-copy{pointer-events:auto}.front-scene{pointer-events:none}.cover-crop{position:absolute;overflow:hidden;border-radius:18px;backface-visibility:hidden}.paper-right,.paper-left{position:absolute;box-sizing:border-box;pointer-events:auto;background:none;color:#33402d;transform-style:preserve-3d}.paper-right{transform:translateZ(-3px)}.paper-left{transform:rotateY(180deg) translateZ(1px);backface-visibility:hidden}.page-material{position:absolute;inset:-5% -6%;width:112%;height:110%;pointer-events:none;z-index:-1}.paper-left .page-material{transform:scaleX(-1)}.page-gutter{position:absolute;left:0;top:3%;bottom:3%;width:8%;box-shadow:inset 16px 0 18px -12px #3d321c99;pointer-events:none}.paper-left .page-gutter{left:auto;right:0;transform:scaleX(-1)}.paper-content{position:absolute;inset:9% 10% 7%}.paper-content .heading-experience{width:100%;height:auto;aspect-ratio:3.7;margin:0 0 9%}.experience-focus{position:relative;height:72%}.focus-entry{position:absolute;inset:0;margin:0;text-align:left}.entry-date{font:12px/1.4 Courier New,monospace;letter-spacing:.02em;margin:0 0 10px;color:#5b644d}.focus-entry h3{font:600 clamp(26px,3vw,42px)/1.3 "Songti SC",serif;margin:0 0 10px}.entry-role{font-size:17px;font-weight:600;line-height:1.6;margin:0 0 15px}.entry-logos{display:flex;gap:18px;align-items:flex-start;margin:0 0 22px}.entry-logos figure{margin:0;max-width:90px}.entry-logos img{width:clamp(50px,6vw,78px);height:clamp(50px,6vw,78px);object-fit:contain;filter:drop-shadow(1px 3px 2px #4f40232b)}.entry-logos figcaption{font-size:11px;margin:6px 0;line-height:1.5}.entry-summary{font-size:20px;line-height:1.6;margin:0 0 12px}.entry-detail{font-size:15px;line-height:1.9;margin:0;color:#4d5946}.entry-number{position:absolute;bottom:0;right:0;font:12px Courier New,monospace;color:#73785f}.projects-next{position:absolute;bottom:0;font-size:12px;color:inherit;text-underline-offset:4px}.index-content{position:absolute;inset:12% 12% 12% 10%}.index-label{font:19px/1.4 Courier New,monospace;letter-spacing:3px;margin:0 0 20%}.experience-index{display:flex;flex-direction:column;gap:25px}.experience-index button{display:flex;align-items:center;gap:12px;padding:12px 0;border:0;border-bottom:1px solid #abb196;background:none;text-align:left;cursor:pointer;color:#46513b;opacity:.63}.experience-index button[aria-current=true]{opacity:1;border-color:#4c6238}.index-number{font:italic 24px Georgia,serif}.experience-index strong{display:block;font-size:21px;margin-bottom:5px}.experience-index small{font:11px Courier New,monospace}.experience-index img{width:38px;height:38px;object-fit:contain;margin-left:auto}.mobile-index{display:none}.paper-content a:focus-visible,.experience-index button:focus-visible,.mobile-index button:focus-visible{outline:3px solid #446137;outline-offset:4px}.review-status{display:none}@media(max-width:700px){.book-journey{height:950svh}.book-stage{perspective:1400px}.paper-content{inset:9% 9% 8% 10%}.paper-content .heading-experience{margin-bottom:5%;aspect-ratio:3.7}.mobile-index{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}.mobile-index button{font-size:11px;border:0;background:none;color:#526145;padding:2px 0;border-bottom:1px solid transparent}.mobile-index button[aria-current=true]{border-color:#526145;font-weight:700}.focus-entry h3{font-size:29px}.entry-role{font-size:15px}.entry-summary{font-size:17px}.entry-detail{font-size:14px;line-height:1.8}.entry-logos img{width:55px;height:55px}.entry-logos{gap:14px;margin-bottom:18px}.entry-logos figcaption{font-size:10px}.experience-focus{height:66%}.index-content{inset:10%}.experience-index strong{font-size:19px}.experience-index img{width:32px}.index-label{font-size:16px}.experience-index{gap:16px}}.static-book .book-stage{height:auto;min-height:0;position:relative;overflow:visible;perspective:none}.static-book .table-scene{height:850px!important;position:relative}.static-book .book-table{opacity:1!important;height:850px}.static-book .book-camera{position:relative;transform:none!important;inset:auto;height:auto}.static-book .hinged-cover{position:absolute;inset:0;transform:none!important}.static-book .cover-face{position:absolute;top:-850px;height:850px;transform:none}.static-book .cover-crop,.static-book .paper-left{display:none}.static-book .front-scene{top:0!important;height:850px!important}.static-book .paper-right{position:relative;left:auto!important;top:auto!important;width:min(90%,820px)!important;height:auto!important;margin:25px auto;transform:none;visibility:visible!important;padding:40px 30px;background:#f1ead6;box-shadow:0 2px 20px #382e1f33}.static-book .paper-content{position:relative;inset:auto;opacity:1!important}.static-book .page-material{display:none}.static-book .paper-content .heading-experience{max-width:500px;margin:0 auto 25px}.static-book .mobile-index{display:flex}.static-book .experience-focus{height:auto}.static-book .focus-entry{position:relative;inset:auto;transform:none!important;opacity:1!important;padding:30px 0 50px;border-top:1px solid #b1b798}.static-book .projects-next{position:static}.static-book .objects{transform:none!important}.static-book .page-copy{clip-path:none!important}.static-book .page-gutter{display:none}.paper-left{transform-style:flat}.book-journey{height:740svh}.book-stage{overflow:clip;overflow-clip-margin:0}.paper-right,.paper-left{transform-style:flat}.page-substrate{position:absolute;inset:2% 2% 2% 0;background:#f0e3bf url(/popup-scenes-assets/book-leaf.webp) center/300% 300%;border-radius:0 9px 9px 0;z-index:-2;pointer-events:none}.paper-left .page-substrate{left:2%;right:0;border-radius:9px 0 0 9px}.paper-right{transform:translateZ(0)}.paper-left{transform:rotateY(180deg) translateZ(0)}.page-gutter{top:2%;bottom:2%;width:5%;box-shadow:inset 13px 0 13px -10px #5b472daa}.paper-content{position:absolute;inset:0;width:100%;height:100%}.paper-content .heading-experience{position:absolute;left:50%;top:41%;transform:translate(-50%,-50%);margin:0;max-width:none}.paper-next{position:absolute;left:50%;top:70%;white-space:nowrap;color:#44503a;text-underline-offset:5px;transform:translate(-50%);line-height:1.6}.paper-next:focus-visible{outline:2px solid #465e39;outline-offset:5px}.index-content{display:none}.static-book .paper-right{width:100vw!important;margin:0 calc(50% - 50vw);padding:0;min-height:100svh;border:0;box-shadow:none;background:#f0e3bf url(/popup-scenes-assets/book-leaf.webp) center/300% 300%}.static-book .paper-content{position:relative;width:100%;height:100svh;inset:auto}.static-book .paper-content .heading-experience{width:min(82vw,900px)!important;height:auto!important;aspect-ratio:3.7;max-width:none;margin:0}.static-book .paper-next{font-size:14px!important;transform:translate(-50%)!important;top:60%}.static-book .page-substrate{display:none}@media(max-width:700px){.book-journey{height:735svh}.paper-content{inset:0;width:100%;height:100%}.paper-content .heading-experience{margin:0}.static-book .paper-content{inset:auto}}.book-journey{height:580svh}.book-stage{perspective:1900px;perspective-origin:50% 45%}.table-scene{z-index:0}.book-camera{z-index:2}.journey-backdrop{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;background:repeating-linear-gradient(90deg,#e9e7d6 0 48px,#f3f0e5 48px 96px)}.journey-title{position:absolute;left:50%;top:6%;transform:translate(-50%);width:min(50vw,620px);z-index:1;text-align:center;opacity:0;pointer-events:none}.journey-title .heading-experience{position:relative;inset:auto;transform:none;width:100%;height:auto;aspect-ratio:3.7;margin:0}.journey-title .paper-next{position:relative;display:inline-block;inset:auto;transform:none;margin-top:12px;font-size:13px;pointer-events:auto}.journey-wing{position:absolute;left:0;top:0;transform-origin:0 0;transform-style:preserve-3d;pointer-events:none}.wing-paper{position:absolute;inset:0;background:#eadfc2 url(/popup-scenes-assets/book-leaf.webp) center/300% 300%;border:.25px solid #a99773}.journey-wing.left .wing-paper{background-image:linear-gradient(#b8834920,#b8834920),url(/popup-scenes-assets/book-leaf.webp)}.journey-spine{position:absolute;top:0;bottom:0;width:1.5px;background:#eee2c3;pointer-events:none}.paper-right>.journey-spine{left:0}.paper-left>.journey-spine{right:0}.paper-left,.paper-right{background:#eee2c3}.paper-right{clip-path:inset(1.2% 1.8% 1.2% 0 round 0 5% 5% 0)}.paper-left{clip-path:inset(1.2% 0 1.2% 1.8% round 5% 0 0 5%)}.page-substrate{top:0;bottom:0}.page-material{inset:0;width:100%;height:100%}.static-book .journey-wing{display:none}.static-book .journey-title{position:relative;left:auto;top:auto;transform:none;width:min(82%,620px);margin:0 auto;padding:50px 0;opacity:1!important}.static-book .paper-right,.static-book .journey-backdrop{display:none}@media(max-width:700px){.book-journey{height:575svh}.book-stage{perspective:1400px}.journey-title{top:7%;width:78vw}.journey-title .paper-next{font-size:12px}.static-book .book-journey{height:auto}}.front-scene.table-scene{transform:none;background:none!important;z-index:auto;perspective:none;isolation:auto}body{margin:0}.book-stage{background:#b99568 url(/assets/wood-table.webp) center/cover no-repeat}.book-stage>.table-scene>.book-table{display:none}.static-book-artwork{display:none;position:absolute;inset:0;pointer-events:none;background-image:url(/assets/book-table.webp);background-repeat:no-repeat}.static-book .book-stage>.table-scene{margin-inline:auto}.static-book .static-book-artwork{display:block}.book-journey{height:1700svh}.journey-wing{display:none}.journey-title{top:4%;width:min(45vw,540px)}.journey-title .paper-next{display:none}.scenes-root,.scene-assembly{position:absolute;inset:0;transform-style:preserve-3d;pointer-events:none}.scene-face{position:absolute;left:0;top:0;transform-origin:0 0;transform-style:preserve-3d}.scene-face>svg{width:100%;height:100%;display:block;overflow:visible}.scene-liner,.turning-leaf{position:absolute;background:#eee2c3 url(/popup-scenes-assets/book-leaf.webp) center/100% 100%;transform-origin:left center;backface-visibility:visible;box-shadow:0 0 1px #8d7956}.scene-liner{box-shadow:none}.scene-caption{position:absolute;bottom:3%;left:50%;transform:translate(-50%);width:min(90%,600px);text-align:center;z-index:5;color:#34515a}.scene-caption h3{font-size:21px;margin:6px 0}.scene-caption p{font-size:14px;margin:4px 0}.scene-caption nav{display:flex;justify-content:center;gap:8px}.scene-caption button{width:44px;height:44px;border:1px solid #8a9673;border-radius:50%;background:#f4ecd9;color:#34515a;cursor:pointer}.scene-caption button[aria-current=true]{background:#516647;color:#fff}.scene-caption[hidden],.scenes-static[hidden]{display:none}.scenes-static{max-width:780px;margin:40px auto;padding:24px;color:#34515a}.scenes-static article{padding:24px;border-bottom:1px solid #b0b99b}.static-book .book-journey{height:auto}@media(max-width:700px){.book-journey{height:1700svh}.journey-title{width:78vw}.scene-caption{bottom:5%}.scene-caption h3{font-size:20px}.scene-caption p{font-size:13px}}.reference-page{position:absolute;background:#f0dfb9 url(/popup-scenes-assets/book-leaf.webp) center/100% 100%;box-shadow:0 4px #e1d1ad,0 9px #bcac86,0 17px 18px #614f2f25;border-radius:2px 20px 20px 2px}.reference-page.left{border-radius:20px 2px 2px 20px}.scene-liner{background:linear-gradient(90deg,#c3b18c,#fff0d0,#d5c19b)}.journey-title{top:calc(25 * 100vw / 1440);width:calc(510 * 100vw / 1440)}.journey-title .heading-experience{height:calc(155 * 100vw / 1440);aspect-ratio:auto;background:url(/assets/headings.webp) center/100% 300% no-repeat}.scene-caption{display:none}.scene-face[data-id=person-fold-tab] svg{overflow:hidden}@media(max-width:700px){.scene-caption{display:block;bottom:auto;top:calc(62.5vw + 30px)}.scene-caption[hidden]{display:none}}.static-scene-preview{position:relative;width:100%;overflow:hidden;background:repeating-linear-gradient(90deg,#e9e7d6 0 48px,#f3f0e5 48px 96px)}.static-scene-canvas{position:relative;width:1440px;height:900px;transform-origin:0 0}.static-scene-heading{position:absolute;top:25px;left:465px;width:510px;height:155px;background:url(/assets/headings.webp) center/100% 300% no-repeat}.static-scene-stage{position:absolute;inset:0;perspective:1900px;perspective-origin:50% 45%;overflow:hidden}.static-scene-camera{position:absolute;inset:0;transform-style:preserve-3d;transform-origin:0 0}.static-leaf{position:absolute;top:18px;width:695.25px;height:855px;background:#f0dfb9 url(/popup-scenes-assets/book-leaf.webp) center/100% 100%;box-shadow:0 4px #e1d1ad,0 9px #bcac86,0 17px 18px #614f2f25}.static-leaf.left{left:-306px;border-radius:20px 2px 2px 20px}.static-leaf.right{left:389.25px;border-radius:2px 20px 20px 2px}.static-spine{position:absolute;left:382px;top:18px;width:15px;height:855px;background:linear-gradient(90deg,#c3b18c,#fff0d0,#d5c19b);transform:translateZ(.6px)}.scenes-static{max-width:none;margin:0;padding:0}.scenes-static article{padding:0 0 32px}.scenes-static article h3,.scenes-static article p{margin-left:24px}.scene-half{position:absolute;inset:0;transform-style:preserve-3d}.fold-carrier{position:absolute;background:#f0dfb9 url(/popup-scenes-assets/book-leaf.webp) center/100% 100%;border-radius:2px 12px 12px 2px;box-shadow:0 1px 1px #bcac86}.fold-carrier.left{border-radius:12px 2px 2px 12px}.journey-title{visibility:visible!important}.journey-title .heading-experience{display:block!important;opacity:1!important;visibility:visible!important}.journey-title{z-index:4}.book-stage{min-height:0;height:100dvh}.scene-face>svg{position:absolute;inset:0;backface-visibility:hidden}.scene-face>.print-back{transform:rotateY(180deg)}.cover-face{transform-style:flat;backface-visibility:hidden}.book-volume{position:absolute;transform-style:preserve-3d;pointer-events:none}.book-volume>div{position:absolute;left:0;top:0;transform-origin:0 0;backface-visibility:visible}.volume-bottom{background:#778065;box-sizing:border-box}.volume-edge{background:repeating-linear-gradient(0deg,#e5d7b6 0 1px,#bcae8c 1px 1.5px,#f2e6c9 1.5px 3px);border-bottom:2px solid #7d8468;box-sizing:border-box}.cover-volume .volume-edge,.cover-volume .volume-bottom{background:#7c846a;border-color:#606b50}.cover-volume .volume-bottom{backface-visibility:hidden;transform-origin:center}.reference-page{box-shadow:0 1px 1px #bcac86}.scene-caption nav{display:none}.scene-caption .scene-ai-tools{display:none;font-size:14px;line-height:1.5;margin-top:8px}.scene-caption.needs-ai-names[data-entry=bluebone] .scene-ai-tools{display:block}@media(min-width:701px){.scene-caption.needs-ai-names[data-entry=bluebone]:not([hidden]){display:block;bottom:24px}.scene-caption.needs-ai-names[data-entry=bluebone]>h3,.scene-caption.needs-ai-names[data-entry=bluebone]>.scene-meta,.scene-caption.needs-ai-names[data-entry=bluebone]>.scene-summary{display:none}}@media(min-width:701px){.book-stage>.table-scene{min-width:480px}.about-compact .page-copy{left:calc(29% - 1% * var(--about-tight,0));width:calc(43% + 4.5% * var(--about-tight,0));top:calc(52% - 12% * var(--about-fit,0) - 3% * var(--about-tight,0) - 1.5% * var(--about-short,0))}.about-compact .page-copy .art-heading{width:calc(90% - 30% * var(--about-fit,0) - 17% * var(--about-tight,0) - 8% * var(--about-short,0))}.about-compact .page-copy .about-intro{font-size:max(14px,calc(13px + 1px * var(--about-fit,0) - 1px * var(--about-tight,0)));line-height:calc(1.8 - .2 * var(--about-fit,0) + .05 * var(--about-tight,0) - .05 * var(--about-short,0))}.about-compact .page-copy .interaction-note{margin:calc(14px - 8px * var(--about-fit,0) - 2px * var(--about-tight,0) - 2px * var(--about-short,0)) 0 calc(7px - 1px * var(--about-fit,0) - 2px * var(--about-tight,0) - 2px * var(--about-short,0))}.about-compact .table-scene .object-column .object-slot{width:min(12vw,calc(var(--about-scene-height) * .16))}.about-compact .table-scene .object-art{height:min(12vw,calc(var(--about-scene-height) * (.13 - .015 * var(--about-tight,0))),calc(var(--about-scene-height) * .7 / var(--rows)))}}@media(min-width:701px)and (max-height:700px){.about-compact .page-copy .about-intro{font-size:calc(13px + 1px * var(--about-fit,0) - 1px * var(--about-tight,0))}.about-compact .page-copy .interaction-note{margin:calc(6px - 2px * var(--about-tight,0) - 2px * var(--about-short,0)) 0}}.scene-assembly[data-entry=douyu] .scene-face>.print-front{transform:translateZ(.04px)}.scene-assembly[data-entry=douyu] .scene-face>.print-back{transform:translateZ(-.04px) rotateY(180deg)}.mobile-original-layout .scene-caption{width:calc(100% - 48px);max-width:360px;text-align:center}.mobile-original-layout .scene-caption h3{font-size:22px;line-height:1.35;margin:0 0 10px}.mobile-original-layout .scene-caption p{font-size:15px;line-height:1.6;margin:0}@media(max-width:360px){.mobile-original-layout .scene-caption{width:calc(100% - 40px)}}.scene-native-brands,.scene-native-date,.scene-native-role,.mobile-original-layout .scene-caption .scene-meta{display:none}.mobile-original-layout .scene-native-date,.mobile-original-layout .scene-native-role{display:block}.mobile-original-layout .scene-caption .scene-native-date{font-size:14px;line-height:1.5;margin-bottom:6px;font-variant-numeric:tabular-nums}.mobile-original-layout .scene-caption .scene-native-role{font-weight:600;margin-bottom:8px}.mobile-original-layout .scene-native-brands{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 16px;margin:0 0 12px}.mobile-original-layout .scene-native-brands:empty{display:none}.scene-native-brands>span{display:inline-flex;align-items:center;gap:8px;font-size:14px;line-height:1.5;white-space:nowrap}.scene-native-brands img{display:block;flex:none;width:28px;height:28px;object-fit:contain;border-radius:5px}.scene-native-brands img[data-brand=plants]{border-radius:0;-webkit-mask:url(/assets/brand-anthurium-mask.svg) center/contain no-repeat;mask:url(/assets/brand-anthurium-mask.svg) center/contain no-repeat}.mobile-original-layout .scene-caption .scene-ai-tools{font-size:14px;line-height:1.5;margin-top:8px}.farewell{position:relative;padding:90px 20px 75px;overflow:hidden;text-align:center;color:#314839;background:#fff8e8;border-radius:0;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,sans-serif}.farewell .mail-art{width:170px;margin:0 auto;transform:rotate(-12deg);transform-origin:bottom center;animation:wave 4s ease-in-out infinite}.farewell .handwriting{margin:1em 0 22px;font:italic 18px Georgia,serif;color:#8c8466;transform:rotate(-5deg)}.farewell h2{margin:18px 0 30px;font:500 37px/1.5 -apple-system,BlinkMacSystemFont,PingFang SC,sans-serif}.farewell a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}.farewell .email-button{display:inline-block;border:1px solid #566e52;border-radius:50%;padding:20px 35px;transform:rotate(-5deg);font-size:15px;transition:transform .2s,background .2s}.farewell .email-button:hover{background:#fff8e3;transform:rotate(0)}.farewell .backtop{display:block;width:max-content;margin:40px auto 0;font-size:11px}.farewell a:focus-visible{outline:3px dashed #b45f50;outline-offset:7px}body>footer{display:flex;justify-content:space-between;padding:25px 5%;background:#fff8e8;color:#6f7e64;font:11px -apple-system,BlinkMacSystemFont,PingFang SC,sans-serif}@media(max-width:760px){.farewell{padding:65px 20px 60px}.farewell h2{font-size:30px}.farewell .mail-art{width:135px}body>footer{font-size:10px;gap:20px}}@media(prefers-reduced-motion:reduce){.farewell .mail-art{animation:none}.farewell .email-button{transition:none}}.project-dialog.projects-cork-dialog{box-sizing:border-box}.practice.projects-cork{position:relative;isolation:isolate;background:#c8955e}.projects-cork .cork-surface{position:absolute;inset:0;z-index:-2;pointer-events:none;background-color:#ca955a;background-image:url(/cork-preview/cork-2k-web.jpg);background-repeat:repeat;background-position:0 0;background-size:640px 640px;background-blend-mode:luminosity}.projects-cork .cork-corner{position:absolute;z-index:-1;width:248px;height:248px;pointer-events:none;background-image:url(/assets/cork-corners.webp);background-repeat:no-repeat;background-size:724px 724px}.projects-cork .cork-corner.top-left{top:0;left:0;background-position:0 0;mask-image:radial-gradient(ellipse at 0 0,#000 0 60%,transparent 83%)}.projects-cork .cork-corner.top-right{top:0;right:0;background-position:right 0;mask-image:radial-gradient(ellipse at 100% 0,#000 0 58%,transparent 80%)}.projects-cork .cork-corner.bottom-left{bottom:0;left:0;background-position:left bottom;mask-image:radial-gradient(ellipse at 0 100%,#000 0 55%,transparent 80%)}.projects-cork .cork-corner.bottom-right{bottom:0;right:0;background-position:right bottom;mask-image:radial-gradient(ellipse at 100% 100%,#000 0 58%,transparent 82%)}@media(max-width:760px){.projects-cork .cork-corner{transform:scale(.65)}.projects-cork .cork-corner.top-left{transform-origin:top left}.projects-cork .cork-corner.top-right{transform-origin:top right}.projects-cork .cork-corner.bottom-left{transform-origin:bottom left}.projects-cork .cork-corner.bottom-right{transform-origin:bottom right}}@media(min-width:1051px){.practice.projects-cork{box-sizing:border-box;min-height:100dvh;padding:18px 4% 24px}.projects-cork .heading-projects{width:300px;height:99px;margin:0 auto}.projects-cork .projects-intro{font-size:15px;line-height:22px;margin:0 0 12px}.projects-cork .polaroid-wall{grid-template-columns:repeat(var(--project-columns,3),minmax(0,1fr));max-width:1160px;gap:30px 32px;padding:24px 10px 14px;align-items:stretch}.projects-cork .polaroid:nth-child(n){--card-tilt:-.8deg;box-sizing:border-box;min-width:0;margin:0;padding:10px 10px 14px;transform:rotate(var(--card-tilt))}.projects-cork .polaroid:nth-child(3n+2){--card-tilt:.8deg}.projects-cork .polaroid:nth-child(3n){--card-tilt:-.5deg}.projects-cork .polaroid:hover,.projects-cork .polaroid:focus-visible{transform:translateY(-3px) rotate(0)}.projects-cork .polaroid:focus-visible{outline:3px solid #314839;outline-offset:5px}.projects-cork .polaroid-photo{box-sizing:border-box;aspect-ratio:auto;height:clamp(110px,calc((100dvh - 420px)/2),235px)}.projects-cork .polaroid-photo img{width:100%;height:100%;object-fit:contain}.projects-cork .activity-strip{min-height:0}.projects-cork .polaroid-title{font-size:20px;line-height:26px;margin:8px 4px 5px}.projects-cork .polaroid-caption{font-size:14px;line-height:21px;color:#58664e}.projects-cork.projects-arriving .polaroid{box-shadow:7px calc(11px + var(--arrival-lift,0)*18px) calc(12px + var(--arrival-lift,0)*15px) #35240d40}.projects-cork.projects-arriving .fixing{translate:0 calc(var(--fastener-lift,0)*-14px);scale:calc(1 + var(--fastener-lift,0)*.12)}}@media(max-width:700px){.book-journey .raster-object.camera{background-image:url(/popup-mobile-objects/camera.png)}.book-journey .raster-object.cockatiel{background-image:url(/popup-mobile-objects/cockatiel.png)}.book-journey .raster-object.mic,.book-journey .raster-object.headphones,.book-journey .raster-object.ukulele,.book-journey .raster-object.switch{background-image:url(/popup-mobile-objects/hobbies.webp)}}.projects-slot{position:relative;z-index:1}.book-stage{z-index:2}.practice.transition-board{position:fixed;inset:0 0 auto;width:auto;margin:0}.book-stage.transition-active{background:transparent;pointer-events:none}.projects-transition{position:absolute;inset:0;pointer-events:none;z-index:3;overflow:hidden}.projects-transition[hidden]{display:none}.transition-canvas{position:absolute;transform-origin:0 0}.transition-book-stage{position:absolute;inset:0;perspective:1900px;perspective-origin:720px 405px;transform-style:preserve-3d}.transition-camera{position:absolute;inset:0;transform-style:preserve-3d;transform-origin:0 0}.paper-flight,.paper-layer{position:absolute;inset:0;pointer-events:none}.transition-face{position:absolute;left:0;top:0;transform-origin:0 0}.transition-face>img{width:100%;height:100%;display:block}.paper-webgl{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.static-book .projects-slot{margin-top:0!important}.projects-arriving .polaroid{transition-property:box-shadow}.story-panel{box-sizing:border-box;width:680px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);height:fit-content;padding:40px 38px 42px;border:0;background:transparent url(/assets/postcard-paper.webp) center/100% 100% no-repeat;color:#30412a;box-shadow:none;backdrop-filter:none;overflow:hidden;overscroll-behavior:contain}.story-panel[open]{display:flex;flex-direction:column}.story-panel[data-photos=true]{padding-top:clamp(44px,8dvh,80px);padding-bottom:clamp(32px,5dvh,50px)}.story-panel::backdrop{background:#231e156e;backdrop-filter:none}.story-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:none;border-bottom:1px solid #9b9d7a;padding-bottom:8px}.story-kicker{margin:0;font-size:15px;font-weight:600;letter-spacing:1px}.story-content{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}.story-panel h3{font-size:clamp(23px,3vw,30px);line-height:1.35;margin:20px 0 10px;font-family:Georgia,Songti SC,serif;overflow-wrap:anywhere}.story-panel .story-copy{font-size:17px;line-height:1.85;margin:0 0 12px;overflow-wrap:anywhere}.story-panel button:focus-visible{outline:3px solid #356242;outline-offset:2px}.story-panel [hidden]{display:none!important}.story-panel[data-photos=true] .story-content>h3,.story-panel[data-photos=true] .story-copy{display:none}.media-empty{font-size:14px;color:#5d644b;line-height:1.6;margin:16px 0 0}.media-retry{min-height:44px;padding:8px 10px;border:1px solid #89916b;background:#fff9e9;color:#30412a;font:inherit;font-size:14px;line-height:1.5;cursor:pointer;border-radius:2px}.photo-count{font:14px/1.5 sans-serif;white-space:nowrap}.photo-frame{display:grid;place-items:center;min-height:80px}.photo-full{display:block;width:100%;height:auto;max-height:min(70dvh,calc(100dvh - 250px));object-fit:contain}.media-status{font-size:14px;line-height:1.65;margin:8px 0}.media-status:empty{display:none}.story-audio{margin-top:20px;padding-top:12px;border-top:1px solid #c4b99c}.audio-title{font-size:15px;line-height:1.6;margin:0 0 8px}.story-audio audio{display:block;width:100%;max-width:100%}@media(max-width:700px){.story-panel{padding:32px 22px 30px;max-width:calc(100vw - 12px);max-height:calc(100dvh - 20px)}.story-panel .story-copy{font-size:16px}}@media(max-height:500px){.story-panel{padding-top:24px;padding-bottom:26px}.story-panel[data-photos=true]{padding-top:36px;padding-bottom:32px}.photo-full{max-height:calc(100dvh - 205px)}}.coverflow-stage{position:relative;width:100%;height:clamp(160px,42dvh,390px);perspective:1000px;overflow:hidden;touch-action:pan-y pinch-zoom;margin-top:8px;user-select:none}.flow-card{position:absolute;left:50%;top:50%;padding:0;margin:0;border:0;border-radius:10px;background:none;cursor:pointer;transform:translate(calc(-50% + var(--x,0px)),-50%);transition:none}.flow-card .flow-image{display:block;width:100%;height:100%;object-fit:contain;border-radius:10px;pointer-events:none;box-shadow:0 4px 9px #30271926}.flow-load{position:absolute;inset:0;display:grid;place-items:center;padding:5px;background:#eee6d3;color:#48513b;font-size:13px;line-height:1.5;pointer-events:none}.flow-navigation{display:flex;align-items:center;justify-content:center;gap:22px;margin:8px 0 2px}.flow-navigation button{width:44px;height:44px;border:1px solid #9b9d7a;background:transparent;color:inherit;font:22px/1 sans-serif;cursor:pointer}@media(max-height:500px){.coverflow-stage{height:clamp(100px,calc(100dvh - 210px),230px)}}@media(prefers-reduced-motion:reduce){.flow-card{transition:none}}@media(min-width:701px){.story-panel[data-photos=true]{width:860px}}.story-panel[data-photos=true]{--photo-stage-height:clamp(160px,42dvh,390px)}.story-panel[data-photos=true] .story-content{overflow:visible}.coverflow-stage,.photo-viewer{height:var(--photo-stage-height);margin-top:8px}.photo-viewer{position:relative;display:grid;min-height:0}.photo-frame{min-height:0;height:100%;overflow:hidden}.photo-full{width:100%;height:100%;max-height:var(--photo-stage-height);object-fit:contain;border-radius:10px}.photo-viewer .media-status{position:absolute;inset:auto 8px 8px;margin:0;padding:4px;background:#fff9e9e8}.photo-viewer .media-retry{position:absolute;place-self:center}@media(max-height:500px){.story-panel[data-photos=true]{--photo-stage-height:clamp(90px, calc(100dvh - 210px) ,230px)}}.story-panel,.project-dialog.projects-cork-dialog{max-width:calc(100vw - 48px);max-height:calc(100dvh - 88px);margin:auto;box-sizing:border-box}.story-header{min-height:24px}.story-panel [data-dialog-focus]:focus,.project-dialog [data-dialog-focus]:focus{outline:none}.story-panel [data-dialog-focus]:focus-visible,.project-dialog [data-dialog-focus]:focus-visible{outline:2px dashed #356242;outline-offset:3px}.story-panel[data-photos=true]{--photo-stage-height:min(clamp(90px,42dvh,390px), calc(100dvh - 270px) )}@media(max-height:500px){.story-panel{padding-top:24px;padding-bottom:24px}.story-panel[data-photos=true]{padding-top:24px;padding-bottom:24px;--photo-stage-height: calc(100dvh - 250px) }}.project-dialog.projects-cork-dialog{max-width:min(1040px,calc(100vw - 48px))}
