:root{--ink:#273029;--muted:#687168;--paper:#f7f4ec;--paper-2:#eeeee5;--sage:#7f917a;--sage-dark:#4d604d;--wine:#7d4548;--gold:#b89a60;--shadow:0 22px 60px rgba(39,48,41,.18);--serif:"Cormorant Garamond",Georgia,serif;--body:"Libre Baskerville",Georgia,serif;--hand:"Caveat","Bradley Hand",cursive;--type:"Special Elite","Courier New",monospace}
*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body{color:var(--ink);background:radial-gradient(circle at 30% 20%,#dfe4db,#bac4b8 60%,#9caa9b);font-family:var(--body)}button,a{font:inherit}.skip-link{position:fixed;left:1rem;top:-4rem;z-index:100;background:#fff;padding:.7rem 1rem;color:#111}.skip-link:focus{top:1rem}.reader-bar{position:fixed;z-index:20;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:1rem clamp(1rem,3vw,3rem);color:#f7f4ec;pointer-events:none}.reader-bar button{pointer-events:auto;color:inherit;background:none;border:0;cursor:pointer}.wordmark{font:600 .78rem var(--type);letter-spacing:.15em}.reader-location{margin:0;font:400 .7rem var(--type);letter-spacing:.08em}.contents-toggle{font:400 .78rem var(--type);border-bottom:1px solid rgba(255,255,255,.5)!important}.contents{position:fixed;z-index:30;right:clamp(1rem,4vw,4rem);top:3.5rem;width:min(19rem,calc(100vw - 2rem));padding:1.3rem;background:#f0eadb;border:1px solid #aaa58f;box-shadow:var(--shadow);transform:rotate(.7deg)}.contents:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 30px,rgba(174,76,76,.22) 31px,transparent 32px),repeating-linear-gradient(#0000 0 27px,rgba(79,110,139,.12) 28px 29px);pointer-events:none}.contents ol{position:relative;margin:.8rem 0 0;padding-left:2.7rem}.contents li{margin:.25rem 0}.contents button{border:0;background:none;cursor:pointer;color:var(--ink);padding:.25rem}.type-label{font:400 .68rem var(--type);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.journal{height:100%;width:100%;perspective:1800px}.sheet{position:absolute;inset:4.25rem clamp(1rem,8vw,7rem) 4rem;overflow:auto;opacity:0;visibility:hidden;transform:translateX(11%) rotateY(-5deg) scale(.97);transform-origin:left center;transition:opacity .55s ease,transform .75s cubic-bezier(.2,.75,.25,1),visibility .75s;background:var(--paper);box-shadow:var(--shadow);border-radius:3px}.sheet:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.45;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.08'/%3E%3C/svg%3E")}.sheet.is-active{opacity:1;visibility:visible;transform:none;z-index:2}.sheet.was-before{transform:translateX(-10%) rotateY(5deg) scale(.97)}.page-inner{position:relative;min-height:100%;padding:clamp(3rem,7vw,6.5rem) clamp(1.5rem,7vw,7rem)}.page-inner:after{content:attr(data-page);position:absolute;right:2rem;bottom:1.5rem;font:400 .65rem var(--type);color:#8d8a7e}.narrow-copy{max-width:58rem;margin:auto;padding-inline:clamp(2rem,12vw,10rem)}h1,h2,h3,p{position:relative}h1,h2,h3{font-family:var(--serif);font-weight:500}h2{font-size:clamp(2.6rem,6vw,5.8rem);line-height:.9;margin:.3rem 0 1.4rem}h3{font-size:1.55rem}.lead{font-size:clamp(.9rem,1.4vw,1.12rem);line-height:1.8;max-width:47rem;color:#535d55}.chapter-kicker,.volume{font:400 .68rem var(--type);letter-spacing:.16em;text-transform:uppercase;color:var(--sage-dark)}.handwritten,.pencil-note,.margin-note{font-family:var(--hand)}.margin-note{font-size:1.1rem;color:#6b746a;transform:rotate(-2deg)}
.cover-sheet{padding:1.3rem;background:#cacbbd}.cover-cloth{position:relative;min-height:100%;display:grid;place-content:center;text-align:center;color:#e8e6d9;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 30%),repeating-linear-gradient(90deg,#3c5045 0,#3c5045 2px,#405449 3px,#3b4c43 5px);border:1px solid #26382e;box-shadow:inset 0 0 80px #1e2c25}.cover-cloth:after{content:"";position:absolute;inset:1rem;border:1px solid rgba(220,211,174,.28);pointer-events:none}.cover-sheet h1{text-transform:uppercase;letter-spacing:.13em;font-size:clamp(3.2rem,9vw,8rem);margin:.3rem 0;color:#eee9d8;text-shadow:0 2px 1px #26382e}.cover-byline{font-family:var(--serif);font-style:italic;font-size:1.25rem}.cover-deck{font:italic clamp(.85rem,1.4vw,1rem)/1.7 var(--body);color:#d9ddce;margin-top:2.5rem}.open-book{justify-self:center;margin-top:2.5rem;border:0;border-bottom:1px solid #cbd3c2;background:none;color:#f6f2e5;padding:.5rem;cursor:pointer;font:400 .72rem var(--type);letter-spacing:.05em}.pressed-flower{position:absolute;top:9%;right:10%;width:95px;height:175px;transform:rotate(13deg);opacity:.62}.pressed-flower:before{content:"";position:absolute;left:48px;top:42px;width:1px;height:130px;background:#b0a068;transform:rotate(-8deg)}.pressed-flower i{position:absolute;width:30px;height:52px;border-radius:80% 10% 70% 20%;background:#a87971;border:1px solid #765754;box-shadow:inset 3px 0 rgba(255,255,255,.18)}.pressed-flower i:nth-child(1){left:32px;top:8px}.pressed-flower i:nth-child(2){left:6px;top:30px;transform:rotate(-55deg)}.pressed-flower i:nth-child(3){left:55px;top:34px;transform:rotate(48deg)}.pressed-flower i:nth-child(4){left:16px;top:64px;transform:rotate(-120deg)}.pressed-flower i:nth-child(5){left:52px;top:68px;transform:rotate(120deg)}
.letter-sheet{background:linear-gradient(90deg,transparent 8%,rgba(142,87,87,.18) 8.1%,transparent 8.3%),repeating-linear-gradient(#f7f4ec 0 31px,#dce3df 32px 33px)}.letter-sheet .narrow-copy{font-size:clamp(.88rem,1.35vw,1.05rem);line-height:2.05}.letter-sheet h2{font-family:var(--hand);font-size:4.7rem}.moon-mark{text-align:center;font-size:3rem;margin:0}.dedication{text-align:center;font-family:var(--serif);font-style:italic;margin-bottom:4rem}.signature{font-size:2rem}.letter-sheet .margin-note{position:absolute;right:4%;bottom:6%}
.paper-pull,.film-tab{border:0;background:#d8cbb0;padding:.8rem 1.2rem;box-shadow:2px 3px 8px #82775d55;cursor:pointer;font:400 .75rem var(--type);transform:rotate(-1deg)}.foldout-map{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;max-height:0;overflow:hidden;opacity:0;margin-top:0;padding:0;background:#ded9c8;transition:.7s ease;clip-path:polygon(0 3%,24% 0,50% 3%,74% 0,100% 3%,100% 97%,76% 100%,50% 97%,26% 100%,0 97%)}.foldout-map.is-open{max-height:22rem;opacity:1;margin-top:1.5rem;padding:3rem 2rem}.foldout-map:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 calc(25% - 1px),rgba(65,67,51,.16) 25%)}.route-line{position:absolute;top:52%;left:10%;right:10%;height:1px;border-top:2px dashed #7a806e}.map-stop{position:relative;border:0;background:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;color:var(--ink)}.map-stop:nth-of-type(even){transform:translateY(2.2rem)}.pin{display:grid;place-items:center;width:2.7rem;height:2.7rem;border-radius:50% 50% 50% 0;background:var(--wine);color:#fff;transform:rotate(-45deg);font:400 .66rem var(--type)}.pin::first-line{transform:rotate(45deg)}.map-stop strong{font:500 1.2rem var(--serif)}.map-stop small{font:400 .55rem var(--type)}.city-note{display:grid;grid-template-columns:minmax(13rem,1fr) 1.2fr;gap:clamp(1.5rem,4vw,4rem);margin-top:2rem;align-items:center}.photo-placeholder{aspect-ratio:4/3;display:grid;place-content:center;text-align:center;background:#ddd8ca;border:9px solid #faf8f1;box-shadow:0 6px 17px #4d514439;transform:rotate(-1deg);color:#6f756d;font:400 .75rem var(--type)}.photo-placeholder small{display:block;max-width:13rem;margin-top:.5rem;font-size:.55rem}
.map-stop strong{border-bottom:1px dashed transparent;transition:.2s}.map-stop:hover strong,.map-stop:focus-visible strong{border-color:var(--wine);color:var(--wine)}.map-stop.is-selected .pin{box-shadow:0 0 0 5px rgba(125,69,72,.2)}.map-stop[data-city="los-angeles"] .pin{background:#747c73}.place-preview{position:relative;aspect-ratio:4/3;padding:0;border:9px solid #faf8f1;background:#ddd8ca;box-shadow:0 6px 17px #4d514439;transform:rotate(-1deg);cursor:pointer;overflow:hidden}.place-preview img{width:100%;height:100%;display:block;object-fit:contain;background:#d8d4c9}.place-preview span{position:absolute;inset:auto .5rem .5rem auto;padding:.45rem .65rem;background:rgba(247,244,236,.92);color:var(--ink);font:400 .58rem var(--type)}.place-preview b{font-size:.8rem}.place-preview.is-future{cursor:default}.place-preview.is-future img,.place-preview.is-future span{display:none}.place-preview.is-future:after{content:"?";display:grid;place-items:center;height:100%;font:italic 6rem var(--serif);color:#777e75}.place-lightbox{width:min(980px,calc(100vw - 2rem));max-height:calc(100vh - 2rem);padding:0;border:0;background:transparent;color:var(--ink)}.place-lightbox::backdrop{background:rgba(28,35,30,.78);backdrop-filter:blur(4px)}.lightbox-paper{padding:clamp(1rem,3vw,2rem);background:var(--paper);box-shadow:var(--shadow)}.lightbox-header,.lightbox-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem}.lightbox-header h2{font-size:clamp(2.2rem,5vw,4rem);margin:0}.lightbox-header p,.lightbox-footer p{margin:.2rem 0}.lightbox-close{align-self:flex-start;width:2.5rem;height:2.5rem;border:1px solid #aaa394;border-radius:50%;background:none;color:var(--ink);cursor:pointer;font:400 1.7rem/1 var(--serif)}.lightbox-photo-wrap{display:grid;grid-template-columns:2.8rem minmax(0,1fr) 2.8rem;align-items:center;gap:.8rem;margin:1rem 0;background:#292d29;padding:.8rem}.lightbox-photo-wrap img{display:block;width:100%;height:min(62vh,640px);object-fit:contain}.lightbox-arrow{width:2.5rem;height:2.5rem;border:1px solid rgba(255,255,255,.5);border-radius:50%;background:rgba(247,244,236,.12);color:#fff;cursor:pointer}.lightbox-arrow:disabled{opacity:.2}.lightbox-footer{font:400 .58rem var(--type);color:var(--muted)}
.place-lightbox{width:min(1180px,calc(100vw - 1rem))}.scrapbook-spread{position:relative;min-height:min(760px,calc(100vh - 1rem));padding:clamp(1rem,3vw,2.4rem);overflow:hidden;background:linear-gradient(90deg,transparent 49.75%,rgba(88,79,63,.13) 50%,transparent 50.25%),radial-gradient(circle at 20% 15%,rgba(125,99,61,.08),transparent 28%),#eee7d8;box-shadow:var(--shadow)}.scrapbook-spread:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.75' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E")}.scrapbook-spread>*{position:relative}.scrapbook-subtitle{font:400 1.15rem var(--hand);color:var(--muted)}.scrapbook-collage{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(8,minmax(36px,6.2vh));gap:.8rem;margin-top:.5rem}.scrap-photo{position:relative;margin:0;padding:.45rem .45rem 1.6rem;background:#f8f4e9;box-shadow:2px 5px 13px rgba(55,47,35,.25)}.scrap-photo:before{content:"";position:absolute;z-index:2;top:-9px;left:35%;width:34%;height:20px;background:rgba(196,181,145,.62);transform:rotate(-2deg)}.scrap-photo img{display:block;width:100%;height:100%;object-fit:contain;background:#d8d2c5}.scrap-photo figcaption{position:absolute;left:.6rem;bottom:.28rem;font:400 .78rem var(--hand);color:#5d5a52}.scrap-photo:nth-child(1){grid-column:1/5;grid-row:1/6;transform:rotate(-2deg)}.scrap-photo:nth-child(2){grid-column:5/9;grid-row:1/5;transform:rotate(1.5deg)}.scrap-photo:nth-child(3){grid-column:9/13;grid-row:1/6;transform:rotate(-1deg)}.scrap-photo:nth-child(4){grid-column:4/8;grid-row:5/9;transform:rotate(1deg)}.scrap-photo:nth-child(5){grid-column:8/11;grid-row:5/9;transform:rotate(-1.8deg)}.scrap-photo:nth-child(6){grid-column:1/4;grid-row:6/9;transform:rotate(1.2deg)}.scrap-photo:nth-child(n+7){display:none}.scrapbook-notes{position:absolute;right:2.2%;bottom:4.6rem;width:18%;font:400 1rem/1.45 var(--hand);transform:rotate(-2deg)}.scrapbook-notes:before{content:"";position:absolute;inset:-.7rem;background:#e2d4ad;z-index:-1;box-shadow:2px 4px 8px #51463033}.scrapbook-tag{font-size:.8rem;border-top:1px solid #817963;padding-top:.45rem}.lightbox-footer{margin-top:.8rem}
.psychology-opening{display:grid;grid-template-columns:1fr minmax(14rem,.65fr);align-content:center;column-gap:5vw}.psychology-opening .chapter-kicker,.psychology-opening h2,.psychology-opening blockquote,.psychology-opening>p,.psychology-opening .pencil-note{grid-column:1}.psychology-opening blockquote{font:italic clamp(1.25rem,2.5vw,2rem)/1.5 var(--serif);margin:0 0 1rem;border-left:2px solid var(--sage);padding-left:1.5rem}.psychology-opening>p{line-height:1.9}.magnifier{grid-column:2;grid-row:1/6;width:min(28vw,290px);aspect-ratio:1;border:18px solid #6d5b45;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 35px #94aaa36b,10px 12px 20px #4445;transform:rotate(8deg)}.magnifier:after{content:"";position:absolute;width:25%;height:130px;background:#6d5b45;bottom:-100px;right:-45px;border-radius:8px;transform:rotate(-42deg)}.magnifier span{font:italic 8rem var(--serif);color:#57695e}.pencil-note{font-size:1.35rem;color:#667466;transform:rotate(-1deg);margin-top:1rem}
.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:2.5rem}.course-flap{position:relative;min-height:11rem;border:0;background:#e5d7a9;cursor:pointer;padding:1.4rem;text-align:left;box-shadow:3px 5px 12px #574f3933;transform-origin:top;transition:.45s ease}.course-flap:nth-child(2n){background:#d5dfd0;transform:rotate(1deg)}.course-flap:nth-child(3n){background:#d9c8c5;transform:rotate(-1deg)}.flap-front{display:block;font:500 1.45rem var(--serif)}.flap-back{display:block;margin-top:1rem;font:400 .73rem/1.7 var(--type);opacity:0;transform:translateY(-5px);transition:.3s}.course-flap:after{content:"lift";position:absolute;right:.8rem;bottom:.6rem;font:400 .55rem var(--type);color:#77705d}.course-flap.is-open{transform:rotateX(12deg) translateY(-7px)!important;box-shadow:4px 17px 20px #574f3955}.course-flap.is-open .flap-back{opacity:1;transform:none}
.research-desk{display:grid;grid-template-columns:.8fr 1.4fr;gap:2rem;margin-top:1.5rem;align-items:stretch}.avatar-stage{display:grid;place-items:center;text-align:center;padding:1.5rem;background:#e3dcc9;border:1px solid #aaa38e}.headset{font-size:4.8rem}.selected-avatar{min-height:3rem;font:500 1.2rem var(--serif);color:var(--wine)}.arrow-copy{font:400 .6rem var(--type);color:#68716c}.portrait-deck{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.portrait-card{border:0;background:#f8f5ec;padding:.65rem;box-shadow:2px 4px 9px #3940382b;cursor:pointer;transition:.25s}.portrait-card:nth-child(even){transform:rotate(1deg)}.portrait-card:hover,.portrait-card.is-selected{transform:translateY(-7px) rotate(-1deg);box-shadow:4px 10px 17px #39403840}.portrait-card strong,.portrait-card small{display:block}.portrait-card strong{font:500 1rem var(--serif);margin-top:.4rem}.portrait-card small{font:400 .5rem/1.4 var(--type)}.portrait{position:relative;display:block;height:110px;background:#d8ded6;overflow:hidden}.portrait i{position:absolute;display:block}.portrait .face{width:48px;height:60px;border-radius:45% 45% 50% 50%;background:#d7ac8d;left:50%;top:28px;transform:translateX(-50%);z-index:2}.portrait .body{width:88px;height:56px;border-radius:50% 50% 0 0;background:#657a79;left:50%;bottom:-22px;transform:translateX(-50%)}.portrait .hair{z-index:3;left:50%;transform:translateX(-50%);top:18px;width:64px;height:44px;border-radius:55% 55% 30% 30%;background:#5a473d}.einstein .hair{background:#e6e1d3;width:82px;height:55px;clip-path:polygon(0 35%,14% 8%,28% 26%,38% 0,51% 23%,66% 3%,76% 29%,100% 13%,91% 75%,8% 76%)}.curie .hair{height:62px;background:#5d4638;border-radius:50%}.curie .hair:after{content:"";position:absolute;right:-7px;top:29px;width:28px;height:28px;border-radius:50%;background:#5d4638}.young-man .hair{height:28px;border-radius:70% 30% 30% 15%;background:#332e2b}.young-woman .hair{height:76px;border-radius:48% 48% 40% 40%;background:#43352f}.research-note{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:1.2rem;border-top:1px solid #9da395;padding-top:1rem;font-size:.75rem;line-height:1.7}.placeholder-copy{color:#787d76}
.folder-shelf{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:1.5rem;align-items:end;margin-top:3rem}.file-folder{position:relative;min-height:17rem;padding:2.4rem 1.6rem 1.5rem;background:#c8b58c;color:#292e29;text-decoration:none;border:1px solid #9d8b67;box-shadow:4px 7px 15px #3c443a3d;transition:.3s}.file-folder:before{content:"";position:absolute;left:-1px;top:-1.6rem;width:45%;height:1.7rem;background:inherit;border:inherit;border-bottom:0;border-radius:5px 5px 0 0}.file-folder:hover{transform:translateY(-12px) rotate(-.5deg)}.file-folder.featured{min-height:21rem;background:#91a189}.file-folder.muted{filter:saturate(.65)}.folder-tab{position:absolute;top:-1.25rem;left:.7rem;font:400 .55rem var(--type)}.file-stamp{display:inline-block;border:2px solid var(--wine);color:var(--wine);padding:.25rem .4rem;transform:rotate(-4deg);font:400 .55rem var(--type)}.file-folder h3{font-size:2.2rem;margin:2rem 0 .8rem}.file-folder p{font-size:.75rem;line-height:1.8}.file-folder small{font:400 .56rem/1.5 var(--type)}
.film-tab{margin-top:1rem}.film-sleeve{overflow:hidden;margin-top:1.5rem;padding:1rem;background:#d9d2c0;border:1px solid #a7a08e}.film-strip{display:flex;width:max-content;max-width:0;overflow:hidden;background:#262825;padding:1.8rem 1rem;gap:1rem;transition:max-width 1.2s cubic-bezier(.2,.75,.2,1)}.film-strip.is-open{max-width:1600px}.film-strip figure{width:180px;margin:0;color:#eee}.film-photo{height:115px;display:grid;place-items:center;background:#d5d2c6;border:2px solid #eee;color:#696b65;font:400 .65rem var(--type)}.film-strip figcaption{font:400 .65rem/1.4 var(--type);padding-top:.6rem}.film-strip small{color:#aaa}
.archive-sheet{background:#e9e3d4}.archive-drawer{max-width:50rem;margin:0 auto;background:#bca987;padding:1.5rem 2rem;box-shadow:inset 0 8px 13px #66594350,0 10px 20px #383d3740;display:grid;gap:.7rem;max-height:0;opacity:0;overflow:hidden;transition:.7s}.archive-drawer.is-open{max-height:30rem;opacity:1}.archive-drawer>a{display:flex;justify-content:space-between;background:#e8dfc9;padding:1rem;color:var(--ink);text-decoration:none;font:400 .75rem var(--type)}.archive-drawer>a[aria-disabled=true]{pointer-events:none}.drawer-handle{display:block;margin:3rem auto 0;border:0;background:#8a775c;color:#f1eadb;padding:.5rem 2rem;cursor:pointer;box-shadow:0 4px 5px #3334;font:400 .65rem var(--type)}.drawer-handle span{display:block;width:80px;height:6px;border-radius:5px;background:#d1c198;margin-bottom:.4rem}.calling-card{background:#f7f3e9;padding:1.4rem;text-align:center;transform:rotate(-1deg);box-shadow:2px 4px 8px #3334}.calling-card>*{display:block}.calling-card strong{font:500 1.5rem var(--serif)}.calling-card span{font:400 .58rem/1.8 var(--type)}.calling-card small{font-family:var(--hand);font-size:1rem}.closing-line{text-align:center;margin-top:3rem;font:400 2rem var(--hand)}
/* One physical scrapbook language across every chapter. */
.sheet:not(.cover-sheet){background:linear-gradient(90deg,transparent 49.65%,rgba(73,65,51,.12) 49.9%,rgba(255,255,255,.5) 50%,transparent 50.35%),radial-gradient(circle at 12% 18%,rgba(139,105,62,.07),transparent 25%),#f1eadc;border:1px solid #c9bfae;box-shadow:0 26px 65px rgba(35,37,31,.25),inset 18px 0 26px rgba(89,77,57,.06),inset -18px 0 26px rgba(89,77,57,.05)}
.sheet:not(.cover-sheet):after{content:"";position:fixed;left:50%;top:0;bottom:0;width:1px;background:rgba(73,65,51,.13);box-shadow:-3px 0 9px rgba(73,65,51,.13);pointer-events:none}
.page-inner{isolation:isolate}.page-inner:before{content:"";position:absolute;z-index:-1;top:2.2rem;right:5%;width:82px;height:24px;background:rgba(193,174,132,.48);transform:rotate(3deg);box-shadow:0 1px rgba(255,255,255,.35)}
.chapter-kicker{display:inline-block;padding:.4rem .65rem;background:#e2d6b9;box-shadow:1px 3px 5px #5b503c22;transform:rotate(-1deg)}
.lead{font-family:var(--hand);font-size:clamp(1.05rem,1.7vw,1.35rem);transform:rotate(-.4deg)}
.letter-sheet .narrow-copy{max-width:52rem;background:rgba(249,246,237,.62);box-shadow:2px 4px 12px #544c3e20;transform:rotate(-.25deg)}
.map-sheet .foldout-map{border:1px solid #aaa18c;box-shadow:4px 9px 18px #5149382e}.map-sheet .city-note>div:last-child{padding:1.2rem;background:#e4d8ad;box-shadow:2px 5px 10px #5d513530;transform:rotate(1deg)}
.psychology-opening blockquote,.psychology-opening>p,.pencil-note{background:rgba(249,246,237,.72);padding:1rem 1.25rem;box-shadow:2px 4px 10px #4e493e1f}.magnifier{background:rgba(211,220,213,.35)}
.course-flap:before{content:"";position:absolute;top:-8px;left:33%;width:34%;height:18px;background:rgba(201,184,148,.55);transform:rotate(-2deg)}.course-flap:nth-child(odd){transform:rotate(-1deg)}.course-flap.is-open{transform:rotateX(16deg) translateY(-10px)!important}
.research-desk{padding:1.1rem;background:#d8c7a4;box-shadow:4px 8px 17px #55493435;transform:rotate(-.35deg)}.portrait-card:before{content:"";position:absolute;top:-10px;right:8px;width:20px;height:45px;border:2px solid #817b70;border-bottom-color:transparent;border-radius:12px;transform:rotate(7deg)}.portrait-card{position:relative}.research-note>p{padding:1rem;background:#f8f3e7;box-shadow:2px 4px 8px #49413425}
.folder-shelf{padding:2rem 1rem 1rem;border-bottom:18px solid #776a55;box-shadow:0 8px 10px #403a302b}.file-folder:after{content:"";position:absolute;right:12%;top:-.8rem;width:26%;height:20px;background:rgba(225,210,174,.58);transform:rotate(3deg)}
.places-sheet .film-sleeve{background:#b9ad96;box-shadow:inset 0 5px 10px #51493838,3px 7px 14px #5149382e}.film-photo{overflow:hidden}.film-photo img{display:block;width:100%;height:100%;object-fit:contain;background:#d5d2c6}
.archive-sheet .archive-drawer{border:10px solid #9e8a69}.calling-card:before{content:"";position:absolute;top:-12px;left:42%;width:60px;height:23px;background:rgba(200,181,142,.55);transform:rotate(-2deg)}.calling-card{position:relative}
.page-controls{position:fixed;z-index:20;inset:auto 0 0;display:flex;align-items:center;justify-content:center;gap:1rem;padding:.6rem;color:#f5f3e9}.page-arrow{width:2.2rem;height:2.2rem;border:1px solid rgba(255,255,255,.5);border-radius:50%;background:rgba(35,48,40,.35);color:inherit;cursor:pointer}.page-arrow:disabled{opacity:.25;cursor:default}.progress-track{width:min(240px,38vw);height:2px;background:rgba(255,255,255,.3)}.progress-track span{display:block;width:0;height:100%;background:#fff;transition:.5s}
@media(max-width:800px){.sheet{inset:3.8rem .65rem 3.8rem}.reader-location{display:none}.page-inner{padding:3rem 1.25rem}.foldout-map{grid-template-columns:1fr 1fr}.foldout-map.is-open{max-height:36rem;padding:2rem 1rem}.map-stop:nth-of-type(even){transform:none}.city-note,.research-desk,.research-note{grid-template-columns:1fr}.psychology-opening{display:block}.magnifier{width:150px;margin:1rem auto 5rem}.course-grid{grid-template-columns:1fr 1fr}.portrait-deck{grid-template-columns:1fr 1fr}.folder-shelf{grid-template-columns:1fr}.file-folder,.file-folder.featured{min-height:14rem}.film-sleeve{overflow-x:auto}.letter-sheet .margin-note{position:static}.pressed-flower{right:3%}}
@media(max-width:800px){.scrapbook-spread{overflow:auto}.scrapbook-collage{grid-template-columns:1fr 1fr;grid-template-rows:none}.scrap-photo:nth-child(n){display:block;grid-column:auto;grid-row:auto;min-height:240px}.scrapbook-notes{position:relative;right:auto;bottom:auto;width:auto;margin:1.5rem 1rem;padding:1rem;background:#e2d4ad;transform:rotate(-1deg)}.scrapbook-notes:before{display:none}.sheet:not(.cover-sheet):after{display:none}}
@media(max-width:480px){.course-grid{grid-template-columns:1fr}.cover-cloth{padding:1rem}.cover-sheet h1{font-size:3rem}.portrait{height:90px}.portrait-deck{gap:.4rem}.portrait-card{padding:.35rem}.reader-bar{padding:.9rem}.sheet{inset:3.3rem .35rem 3.5rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Reference direction: a quiet, real Field Notes book. */
:root{--ink:#292824;--muted:#6d685f;--paper:#f1ede4;--paper-2:#e9e3d7;--sage:#9aa08e;--sage-dark:#5f675b;--wine:#9a756a;--gold:#b39d76;--shadow:0 18px 42px rgba(58,51,41,.17)}
body{background:#ebe9e5;color:var(--ink)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.32;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='110' height='110'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)' opacity='.055'/%3E%3C/svg%3E")}
.reader-bar{color:#37352f}.reader-bar button{color:#37352f}.contents-toggle{border-color:#827c70!important}.page-controls{color:#37352f}.page-arrow{border-color:#817c72;background:rgba(244,240,231,.82)}.progress-track{background:rgba(70,67,59,.2)}.progress-track span{background:#625f57}
.journal{perspective:2400px}.sheet{inset:4.4rem clamp(1rem,7vw,6rem) 4.2rem;border-radius:1px;transform-origin:0 50%;transform-style:preserve-3d;backface-visibility:hidden;transition:opacity .52s ease,transform .88s cubic-bezier(.22,.7,.18,1),visibility .9s;transform:translateX(5%) rotateY(-8deg) scale(.985)}.sheet.is-active{transform:translateX(0) rotateY(0) scale(1)}.sheet.was-before{transform:translateX(-3%) rotateY(-105deg) scale(.985);opacity:0}.sheet.is-next{transform:translateX(7%) rotateY(9deg) scale(.985)}body[data-turn="backward"] .sheet.was-before{transform:translateX(-5%) rotateY(-82deg) scale(.985)}
.sheet:not(.cover-sheet){background:linear-gradient(90deg,rgba(90,78,59,.035),transparent 5%,transparent 49.6%,rgba(78,69,55,.11) 49.85%,rgba(255,255,255,.5) 50.15%,transparent 50.5%,transparent 95%,rgba(90,78,59,.04)),#f2eee5;border:1px solid #cfc7b9;box-shadow:0 20px 45px rgba(55,49,39,.16),inset 0 0 50px rgba(112,96,68,.035)}
.sheet:not(.cover-sheet):after{left:50%;background:#c8c0b2;box-shadow:-5px 0 13px rgba(61,53,40,.1),5px 0 13px rgba(255,255,255,.45)}
.page-inner{padding:clamp(3rem,6vw,5.7rem) clamp(1.5rem,6vw,6rem)}h2{font-size:clamp(2.45rem,5.2vw,5rem);letter-spacing:.015em}.chapter-kicker{background:transparent;box-shadow:none;padding:0;border-bottom:1px solid #706c63;transform:none}.lead{color:#4f4d47;font-size:clamp(1rem,1.45vw,1.23rem)}
.cover-sheet{padding:1rem;background:#dedbd3}.cover-cloth{color:#292824;background:linear-gradient(90deg,rgba(78,67,50,.045),transparent 7%,transparent 93%,rgba(78,67,50,.045)),repeating-linear-gradient(0deg,#eee9df 0,#eee9df 2px,#eae5db 3px,#f0ece3 5px);border:1px solid #c7bdad;box-shadow:0 14px 32px #4c463d2c,inset 0 0 45px #8d806b18}.cover-cloth:after{border:1px solid rgba(89,78,62,.16)}.cover-sheet h1{color:#2e2c27;text-shadow:none;font-size:clamp(3rem,8vw,7rem)}.cover-deck{color:#514e47}.open-book{color:#33312d;border-color:#777066}.pressed-flower{opacity:.7}.volume{color:#5e5a52}
.letter-sheet{background:linear-gradient(90deg,rgba(137,95,87,.12) 7.8%,transparent 8%),repeating-linear-gradient(#f2eee5 0 31px,#dedbd3 32px 33px)!important}.letter-sheet .narrow-copy{background:transparent;box-shadow:none}
.paper-pull,.film-tab{background:#e2d6ba;color:#403d37;border:1px solid #c4b697;box-shadow:2px 4px 7px #5d53432b}.foldout-map{background:#e9e3d7}.pin{background:#8e7068}.map-sheet .city-note>div:last-child{background:#e4d7ad}
.course-flap{border:1px solid rgba(105,96,77,.12);box-shadow:2px 4px 9px rgba(70,62,47,.16)}.course-flap:nth-child(1),.course-flap:nth-child(6){background:#e7ddd2}.course-flap:nth-child(2),.course-flap:nth-child(4){background:#dedfd8}.course-flap:nth-child(3),.course-flap:nth-child(5){background:#e5dac6}.course-flap:after{content:"lift ↗"}
.magnifier{border-color:#4d4a43;background:rgba(245,243,237,.45);box-shadow:inset 0 0 25px rgba(112,121,112,.22),8px 10px 18px #4443}.magnifier:after{background:#4d4a43}.research-desk{background:#dfd2b8}.file-folder.featured{background:#afa993}.file-folder{background:#c7b89c}.folder-shelf{border-bottom-color:#8c816c}.film-sleeve{background:#c8beaa!important}.archive-sheet{background:#eee9df!important}.archive-drawer{background:#aa9677}.drawer-handle{background:#82735e}
.contents{background:#f0eadf;border-color:#c5baaa}.contents:after{content:"";position:absolute;right:1.1rem;top:-10px;width:58px;height:19px;background:rgba(205,188,151,.58);transform:rotate(3deg)}
.scrapbook-spread{background:linear-gradient(90deg,transparent 49.7%,rgba(88,79,63,.12) 50%,transparent 50.3%),#f1ece2}.scrap-photo{background:#f7f3e9;padding:.38rem .38rem 1.45rem}.scrap-photo img{background:#ded8cd}.lightbox-close{background:#f3eee4}
@media(max-width:800px){.sheet{inset:3.8rem .55rem 3.8rem}.page-inner{padding:3rem 1.25rem}.sheet.was-before{transform:translateX(-4%) rotateY(-72deg) scale(.98)}.scrap-photo:nth-child(n){min-height:220px}}

/* Pull-out map: folded paper, pencil geography, taped place labels. */
.foldout-map{display:block;height:0;max-height:none;clip-path:none;background:repeating-linear-gradient(90deg,rgba(255,255,255,.16) 0,rgba(255,255,255,.16) calc(16.666% - 1px),rgba(99,89,71,.13) 16.666%,rgba(255,255,255,.03) calc(16.666% + 2px)),#e9e4d9;border:1px solid #bdb3a2;box-shadow:4px 8px 15px rgba(65,57,44,.2);transform-origin:top;transition:height .8s cubic-bezier(.2,.75,.2,1),opacity .45s,margin .8s,padding .8s}.foldout-map.is-open{height:min(42vw,430px);max-height:none;padding:0;margin-top:1.5rem;overflow:visible}.foldout-map:before{background:repeating-linear-gradient(90deg,transparent 0 calc(16.666% - 1px),rgba(72,65,53,.12) 16.666%,transparent calc(16.666% + 2px));z-index:1}.world-sketch{position:absolute;inset:5% 3%;width:94%;height:90%;overflow:visible}.continent-lines{fill:none;stroke:#817d73;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.54}.journey-path{fill:none;stroke:#4f4c45;stroke-width:3;stroke-dasharray:9 9}.world-sketch circle{fill:#4f4c45}.route-line{display:none}.map-stop{position:absolute;z-index:3;display:block;padding:.5rem .75rem;background:#d9bd82;box-shadow:1px 3px 7px rgba(62,52,36,.22);transform:rotate(-1deg)!important}.map-stop .pin{position:absolute;left:50%;bottom:-1.15rem;width:1.15rem;height:1.15rem;border-radius:50%;transform:translateX(-50%);font-size:.43rem}.map-stop strong{font:500 clamp(.78rem,1.5vw,1.08rem) var(--hand)}.map-stop small{display:none}.map-stop[data-city="hangzhou"]{left:72%;top:27%}.map-stop[data-city="new-york"]{left:25%;top:31%;transform:rotate(1deg)!important}.map-stop[data-city="abu-dhabi"]{left:52%;top:50%;transform:rotate(-2deg)!important}.map-stop[data-city="los-angeles"]{left:10%;top:60%;transform:rotate(1.5deg)!important}.map-stop[data-city="los-angeles"]{background:#d7c59c}.map-pull:after{content:"pull to explore →";margin-left:1rem;font-family:var(--hand)}

/* City spreads use irregular photo sizes and visible hand-applied adhesive. */
.scrapbook-collage{position:relative;display:block;height:min(66vh,590px);margin-top:.25rem}.scrap-photo{position:absolute;margin:0;padding:.48rem .48rem 1.5rem;background:#f5efe3;box-shadow:0 1px 0 rgba(255,255,255,.8),2px 7px 15px rgba(66,56,42,.25),0 0 0 1px rgba(112,96,70,.1);filter:drop-shadow(0 2px 1px rgba(77,66,49,.08))}.scrap-photo:after{content:"";position:absolute;inset:-4px;border:1px solid rgba(145,126,92,.08);filter:blur(2px);pointer-events:none}.scrap-photo:before{top:-10px;left:32%;width:38%;height:22px;background:linear-gradient(90deg,rgba(197,177,137,.42),rgba(216,199,160,.66),rgba(197,177,137,.4));clip-path:polygon(2% 8%,98% 0,95% 92%,3% 100%)}.scrap-photo img{object-fit:contain;background:#ded8cc}.scrap-photo figcaption{font-size:.72rem}
#place-lightbox[data-city="hangzhou"] .scrap-photo:nth-child(1){left:1%;top:46%;width:25%;height:46%;transform:rotate(-5deg)}#place-lightbox[data-city="hangzhou"] .scrap-photo:nth-child(2){left:51%;top:52%;width:34%;height:43%;transform:rotate(.5deg)}#place-lightbox[data-city="hangzhou"] .scrap-photo:nth-child(3){left:57%;top:0;width:24%;height:49%;transform:rotate(-1.5deg)}#place-lightbox[data-city="hangzhou"] .scrap-photo:nth-child(4){left:27%;top:1%;width:28%;height:72%;transform:rotate(2deg)}
#place-lightbox[data-city="hangzhou"] .scrapbook-notes{right:1.5%;bottom:4.2rem;width:14%;font-size:.92rem}#place-lightbox[data-city="hangzhou"] .scrapbook-notes:before{clip-path:polygon(2% 4%,98% 0,95% 96%,4% 100%);background:#e2d5b8}
#place-lightbox[data-city="new-york"] .scrap-photo:nth-child(1){left:1%;top:2%;width:30%;height:58%;transform:rotate(-1deg)}#place-lightbox[data-city="new-york"] .scrap-photo:nth-child(2){left:32%;top:1%;width:25%;height:44%;transform:rotate(1deg)}#place-lightbox[data-city="new-york"] .scrap-photo:nth-child(3){left:58%;top:0;width:26%;height:43%;transform:rotate(-1deg)}#place-lightbox[data-city="new-york"] .scrap-photo:nth-child(4){left:4%;top:62%;width:24%;height:34%;transform:rotate(2deg)}#place-lightbox[data-city="new-york"] .scrap-photo:nth-child(5){left:31%;top:47%;width:25%;height:47%;transform:rotate(-1deg)}#place-lightbox[data-city="new-york"] .scrap-photo:nth-child(6){left:58%;top:46%;width:24%;height:48%;transform:rotate(1.5deg)}
#place-lightbox[data-city="abu-dhabi"] .scrap-photo:nth-child(1){left:2%;top:2%;width:27%;height:50%;transform:rotate(-2deg)}#place-lightbox[data-city="abu-dhabi"] .scrap-photo:nth-child(2){left:30%;top:0;width:26%;height:44%;transform:rotate(1deg)}#place-lightbox[data-city="abu-dhabi"] .scrap-photo:nth-child(3){left:57%;top:2%;width:25%;height:48%;transform:rotate(-1deg)}#place-lightbox[data-city="abu-dhabi"] .scrap-photo:nth-child(4){left:4%;top:55%;width:25%;height:40%;transform:rotate(1.5deg)}#place-lightbox[data-city="abu-dhabi"] .scrap-photo:nth-child(5){left:31%;top:47%;width:25%;height:48%;transform:rotate(-1deg)}#place-lightbox[data-city="abu-dhabi"] .scrap-photo:nth-child(6){left:58%;top:52%;width:24%;height:42%;transform:rotate(2deg)}
.scrapbook-spread:after{content:"✿\A ︱\A ︱";white-space:pre;position:absolute;right:1.4rem;top:36%;color:#9b8760;font:400 1.35rem/1 var(--serif);transform:rotate(7deg);opacity:.72}.lightbox-header:after{content:"";position:absolute;right:11%;top:-1.4rem;width:70px;height:24px;background:rgba(207,190,153,.55);transform:rotate(4deg);clip-path:polygon(2% 8%,100% 0,96% 91%,0 100%)}
@media(max-width:800px){.foldout-map.is-open{height:330px}.map-stop{padding:.35rem .45rem}.map-stop[data-city="hangzhou"]{left:66%}.map-stop[data-city="new-york"]{left:19%}.map-stop[data-city="abu-dhabi"]{left:48%}.map-stop[data-city="los-angeles"]{left:7%}.scrapbook-collage{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:1rem}.scrap-photo:nth-child(n),#place-lightbox[data-city] .scrap-photo:nth-child(n){position:relative;display:block;left:auto;top:auto;width:auto;height:260px;transform:rotate(-1deg)}}

/* Photo paper follows each original photograph instead of forcing one crop. */
.sheet{inset-inline:clamp(.75rem,2vw,2rem)}.place-lightbox{width:calc(100vw - 1rem);max-width:1420px}.scrapbook-spread{padding-inline:clamp(1rem,2.5vw,2.5rem)}
.scrap-photo,.scrap-photo:nth-child(n),#place-lightbox[data-city] .scrap-photo:nth-child(n){height:auto;aspect-ratio:auto}.scrap-photo img{width:100%;height:auto;aspect-ratio:var(--photo-ratio);object-fit:contain}.scrap-photo.is-portrait{padding:.44rem .44rem 1.45rem}.scrap-photo.is-landscape{padding:.42rem .42rem 1.35rem}
#place-lightbox[data-city="hangzhou"] .scrap-photo:nth-child(1){left:2%;top:43%;width:21%;height:auto}#place-lightbox[data-city="hangzhou"] .scrap-photo:nth-child(2){left:53%;top:54%;width:31%;height:auto}#place-lightbox[data-city="hangzhou"] .scrap-photo:nth-child(3){left:58%;top:1%;width:21%;height:auto}#place-lightbox[data-city="hangzhou"] .scrap-photo:nth-child(4){left:27%;top:0;width:26%;height:auto}
#place-lightbox[data-city="hangzhou"] .scrapbook-notes{right:1%;bottom:5rem;width:13%;padding:.6rem;font-size:.86rem}
#place-lightbox[data-city="new-york"] .scrap-photo:nth-child(1),#place-lightbox[data-city="abu-dhabi"] .scrap-photo:nth-child(1){height:auto}#place-lightbox[data-city="new-york"] .scrap-photo:nth-child(2),#place-lightbox[data-city="abu-dhabi"] .scrap-photo:nth-child(2){height:auto}#place-lightbox[data-city="new-york"] .scrap-photo:nth-child(3),#place-lightbox[data-city="abu-dhabi"] .scrap-photo:nth-child(3){height:auto}#place-lightbox[data-city="new-york"] .scrap-photo:nth-child(4),#place-lightbox[data-city="abu-dhabi"] .scrap-photo:nth-child(4){height:auto}#place-lightbox[data-city="new-york"] .scrap-photo:nth-child(5),#place-lightbox[data-city="abu-dhabi"] .scrap-photo:nth-child(5){height:auto}#place-lightbox[data-city="new-york"] .scrap-photo:nth-child(6),#place-lightbox[data-city="abu-dhabi"] .scrap-photo:nth-child(6){height:auto}
@media(max-width:800px){.sheet{inset-inline:.35rem}.scrap-photo:nth-child(n),#place-lightbox[data-city] .scrap-photo:nth-child(n){width:auto;height:auto;min-height:0}.scrap-photo img{height:auto}.scrapbook-notes,#place-lightbox[data-city="hangzhou"] .scrapbook-notes{position:relative;right:auto;bottom:auto;width:auto}}

/* Map labels use real projected city positions. */
.map-stop[data-city="hangzhou"]{left:78%;top:27%}.map-stop[data-city="new-york"]{left:25%;top:21%}.map-stop[data-city="abu-dhabi"]{left:60%;top:33%}.map-stop[data-city="los-angeles"]{left:12%;top:25%}

/* The selected-place preview is a small photo-shaped print, not a fixed landscape box. */
.city-note{grid-template-columns:minmax(180px,280px) minmax(0,1fr);align-items:start}.place-preview{width:min(100%,270px);aspect-ratio:auto;padding:.45rem .45rem 2.25rem;border:0;background:#f8f4eb;overflow:visible}.place-preview img{display:block;width:100%;height:auto;object-fit:contain;background:transparent}.place-preview span{right:.45rem;bottom:.45rem}.place-preview.is-future{min-height:310px}

/* Extra found-paper details fill negative space without covering photographs. */
.torn-thought{position:absolute;left:2.5%;top:14%;width:20%;padding:1rem 1.2rem;background:#e7dcc7;clip-path:polygon(2% 4%,98% 0,95% 96%,3% 100%);font:400 .92rem/1.65 var(--hand);transform:rotate(-2deg);box-shadow:2px 4px 9px #5b4f3b20}.place-stamp{position:absolute;right:2.5%;top:18%;display:grid;place-items:center;width:86px;height:86px;border:2px double rgba(111,91,65,.48);border-radius:50%;color:rgba(95,77,55,.62);font:400 .55rem/1.5 var(--type);text-align:center;transform:rotate(11deg)}.glue-mark{position:absolute;left:20%;bottom:9%;width:110px;height:55px;border:9px solid rgba(137,111,75,.05);border-radius:50%;transform:rotate(-13deg);filter:blur(1px)}
#place-lightbox[data-city="hangzhou"] .torn-thought{top:19%}#place-lightbox[data-city="new-york"] .torn-thought,#place-lightbox[data-city="abu-dhabi"] .torn-thought{display:none}

/* Pull-out film can be dragged, swiped, or moved with the arrow tabs. */
.film-sleeve{position:relative;overflow-x:auto!important;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:thin;cursor:grab;padding-inline:3.5rem}.film-sleeve.is-dragging{cursor:grabbing;user-select:none}.film-strip{overflow:visible}.film-strip.is-open{max-width:none}.film-nav{position:sticky;z-index:4;top:50%;width:2.5rem;height:2.5rem;border:1px solid #a79a82;border-radius:50%;background:#eee6d5;color:#3f3b34;cursor:pointer;box-shadow:2px 4px 8px #3f382c28}.film-prev{left:.35rem;float:left;margin-top:6.2rem}.film-next{right:.35rem;float:right;margin-top:6.2rem}.film-strip figure{flex:0 0 250px;width:250px}.film-photo{height:165px}
@media(max-width:800px){.map-stop[data-city="hangzhou"]{left:72%}.map-stop[data-city="new-york"]{left:22%}.map-stop[data-city="abu-dhabi"]{left:56%}.map-stop[data-city="los-angeles"]{left:8%}.city-note{grid-template-columns:1fr}.place-preview{width:min(72vw,260px)}.torn-thought,.place-stamp,.glue-mark{display:none}.film-sleeve{padding-inline:2.8rem}}

/* Pressed botanical specimen and old cloth-bound cover. */
.botanical-specimen{top:19%;left:9%;right:auto;width:150px;height:330px;opacity:.78;transform:rotate(-3deg);filter:sepia(.18) saturate(.72)}.botanical-specimen:before{display:none}.botanical-specimen svg{width:100%;height:100%;overflow:visible}.botanical-specimen .stem,.botanical-specimen .branch{fill:none;stroke:#665b3d;stroke-width:3;stroke-linecap:round}.botanical-specimen .leaf{fill:#687151;stroke:#4f573e;stroke-width:1.5}.botanical-specimen .leaf-two{fill:#737958}.botanical-specimen .leaf-three{fill:#79805f}.botanical-specimen .rose path:not(.rose-line){fill:#b9877e;stroke:#765c55;stroke-width:1.3}.botanical-specimen .rose path:nth-child(2){fill:#c89a8f}.botanical-specimen .rose path:nth-child(3){fill:#d0a79b}.botanical-specimen .rose-line{fill:none;stroke:#7d605a;stroke-width:1.1}.botanical-specimen .sepal{fill:#69704d}.specimen-tape{position:absolute;left:48px;bottom:57px;width:74px;height:34px;background:rgba(194,173,130,.6);transform:rotate(-8deg);clip-path:polygon(2% 8%,98% 0,94% 92%,3% 100%)}.cover-cloth{border-left:14px double #b7ab99;border-radius:3px 9px 9px 3px}.cover-cloth:before{content:"";position:absolute;left:-27px;top:18%;width:25px;height:64%;background:repeating-linear-gradient(#8b795d 0 3px,transparent 3px 34px);border-radius:50%;filter:drop-shadow(1px 2px 1px #554b3c44)}

/* Fixed compositions matched to the supplied Hangzhou and New York references. */
#place-lightbox[data-city="hangzhou"] .scrapbook-collage{height:min(71vh,650px)}#place-lightbox[data-city="hangzhou"] .scrap-photo:nth-child(1){left:25%;top:0;width:27%;height:auto;transform:rotate(2deg)}#place-lightbox[data-city="hangzhou"] .scrap-photo:nth-child(2){left:1%;top:48%;width:21%;height:auto;transform:rotate(-5deg)}#place-lightbox[data-city="hangzhou"] .scrap-photo:nth-child(3){left:51%;top:54%;width:31%;height:auto;transform:rotate(.5deg)}#place-lightbox[data-city="hangzhou"] .scrap-photo:nth-child(4){left:56%;top:0;width:21%;height:auto;transform:rotate(-1.5deg)}#place-lightbox[data-city="hangzhou"] .scrap-photo:nth-child(5){left:79%;top:25%;width:18%;height:auto;transform:rotate(4deg)}#place-lightbox[data-city="hangzhou"] .torn-thought{left:3%;top:20%;width:18%}
#place-lightbox[data-city="new-york"] .scrapbook-collage{height:900px;margin-left:15%;margin-right:1%}#place-lightbox[data-city="new-york"] .scrap-photo:nth-child(1){left:0;top:0;width:30%;height:auto;transform:rotate(-.5deg)}#place-lightbox[data-city="new-york"] .scrap-photo:nth-child(2){left:35%;top:0;width:24%;height:auto;transform:rotate(1deg)}#place-lightbox[data-city="new-york"] .scrap-photo:nth-child(3){left:62%;top:0;width:28%;height:auto;transform:rotate(-.6deg)}#place-lightbox[data-city="new-york"] .scrap-photo:nth-child(4){left:-15%;top:42%;width:26%;height:auto;transform:rotate(-1.5deg)}#place-lightbox[data-city="new-york"] .scrap-photo:nth-child(5){left:34%;top:43%;width:20%;height:auto;transform:rotate(.5deg)}#place-lightbox[data-city="new-york"] .scrap-photo:nth-child(6){left:55%;top:43%;width:22%;height:auto;transform:rotate(1deg)}#place-lightbox[data-city="new-york"] .scrap-photo:nth-child(7){left:34%;top:68%;width:20%;height:auto;transform:rotate(-1deg)}#place-lightbox[data-city="new-york"] .scrap-photo:nth-child(8){left:55%;top:68%;width:22%;height:auto;transform:rotate(1.2deg)}#place-lightbox[data-city="new-york"] .scrap-photo:nth-child(9){left:-12%;top:78%;width:14%;height:auto;transform:rotate(-2deg)}#place-lightbox[data-city="new-york"] .scrap-photo:nth-child(10){left:4%;top:80%;width:13%;height:auto;transform:rotate(1deg)}#place-lightbox[data-city="new-york"] .scrap-photo:nth-child(11){left:79%;top:55%;width:13%;height:auto;transform:rotate(-1deg)}#place-lightbox[data-city="new-york"] .scrap-photo:nth-child(12){left:79%;top:73%;width:13%;height:auto;transform:rotate(2deg)}
.nyu-token,.met-ticket,.liberty-doodle{display:none}#place-lightbox[data-city="new-york"] .nyu-token{display:block;position:absolute;left:26%;top:56%;padding:.5rem .65rem;background:#5b3f91;color:#fff;font:600 .7rem var(--type);transform:rotate(7deg);box-shadow:2px 4px 7px #34244e33}#place-lightbox[data-city="new-york"] .nyu-token b{display:block;text-align:center;font-size:1rem}#place-lightbox[data-city="new-york"] .met-ticket{display:flex;position:absolute;left:2%;bottom:2.5rem;gap:.8rem;padding:.8rem 1rem;background:#e6ddc9;clip-path:polygon(1% 5%,99% 0,97% 95%,2% 100%);transform:rotate(-2deg);box-shadow:2px 4px 8px #4d43332b}#place-lightbox[data-city="new-york"] .met-ticket b{color:#aa3f31;font:600 1.25rem/1 var(--serif)}#place-lightbox[data-city="new-york"] .met-ticket i{font:400 .55rem/1.5 var(--type)}#place-lightbox[data-city="new-york"] .liberty-doodle{display:flex;position:absolute;left:10%;top:23%;flex-direction:column;color:#777168;font:400 2.6rem/1 var(--serif);transform:rotate(-5deg)}#place-lightbox[data-city="new-york"] .liberty-doodle small{font:400 .42rem var(--type)}
.scrap-photo:nth-child(3) figcaption:before,.scrap-photo:nth-child(6) figcaption:before,#place-lightbox[data-city="new-york"] .scrap-photo:nth-child(1) figcaption:before{content:"";position:absolute;right:8%;top:calc(-100% - 24px);width:15px;height:42px;border:2px solid #77736a;border-bottom-color:transparent;border-radius:10px;transform:rotate(8deg);z-index:4}.scrap-photo:nth-child(even):before{transform:rotate(2deg)}
@media(max-width:800px){.botanical-specimen{left:2%;width:100px;height:235px}#place-lightbox[data-city="new-york"] .scrapbook-collage{height:auto;margin:0}#place-lightbox[data-city="hangzhou"] .scrapbook-collage{height:auto}#place-lightbox[data-city] .scrap-photo:nth-child(n){left:auto;top:auto;width:auto}.nyu-token,.met-ticket,.liberty-doodle{display:none!important}}

/* Hand-drawn research participant cards. */
.drawn-portrait{height:150px;background:#dfe2dc;padding:.25rem}.drawn-portrait svg{display:block;width:100%;height:100%;overflow:visible}.drawn-portrait .line{fill:none;stroke:#514c45;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.drawn-portrait .skin{fill:#d7b398;stroke:#6c6258;stroke-width:1.5}.drawn-portrait .wash{fill:#7e918d;stroke:#596a67;stroke-width:1.5}.drawn-portrait .hair-fill{fill:#66574f;stroke:#51463f;stroke-width:1.5}.portrait-card:nth-child(1) .drawn-portrait{background:#e3e1d8}.portrait-card:nth-child(2) .drawn-portrait{background:#dfddd4}.portrait-card:nth-child(3) .drawn-portrait{background:#dbe1dc}.portrait-card:nth-child(4) .drawn-portrait{background:#e2dcd7}.portrait-card:hover .drawn-portrait svg,.portrait-card.is-selected .drawn-portrait svg{transform:translateY(-2px) rotate(-.5deg)}.drawn-portrait svg{transition:.25s}

/* A continuous 35mm film strip: black stock, sprocket holes, draggable frames. */
.film-sleeve{position:relative;padding:1rem 0!important;background:#c9c0ad!important;overflow-x:auto!important}.film-strip{position:relative;display:inline-flex;width:max-content;min-width:max-content;max-width:0;gap:1.15rem;padding:3.25rem 2.1rem 3rem;background:#20221f;overflow:hidden!important;transition:max-width 1.15s cubic-bezier(.2,.75,.2,1);isolation:isolate}.film-strip.is-open{max-width:2600px}.film-strip:before,.film-strip:after{content:"";position:absolute;z-index:-1;left:.55rem;right:.55rem;height:16px;background:repeating-linear-gradient(90deg,#e8e1d2 0 13px,transparent 13px 25px);opacity:.92}.film-strip:before{top:.55rem}.film-strip:after{bottom:.55rem}.film-strip figure{position:relative;flex:0 0 250px;width:250px;margin:0;color:#eee}.film-strip figure:before{content:counter(film-frame,decimal-leading-zero);counter-increment:film-frame;position:absolute;top:-1.55rem;left:0;color:#c8b98c;font:400 .48rem var(--type);letter-spacing:.08em}.film-strip{counter-reset:film-frame}.film-photo{height:165px;border:1px solid #d8d4ca;background:#111;padding:3px}.film-photo img{object-fit:cover}.film-strip figcaption{padding:.65rem .15rem 0;color:#eee}.film-strip small{color:#a8a79f}.film-nav{position:sticky;z-index:8;top:50%;display:grid;place-items:center;float:none;margin:0;width:2.65rem;height:2.65rem;background:#f0e7d4;border-color:#9f927a;transform:translateY(-50%)}.film-prev{left:.65rem;margin-right:-3.2rem}.film-next{right:.65rem;margin-left:-3.2rem}.film-sleeve:not(:has(.film-strip.is-open)) .film-nav{opacity:0;pointer-events:none}
@media(max-width:800px){.film-strip{padding-inline:1.2rem}.film-strip figure{flex-basis:210px;width:210px}.film-photo{height:140px}}

/* Exact city-template mode: preserve supplied design; replace only photo pixels. */
#place-lightbox[data-city="hangzhou"]{max-width:1440px}#place-lightbox[data-city="hangzhou"] .scrapbook-spread{min-height:0;aspect-ratio:3/2;padding:0;background:url("assets/templates/hangzhou-spread.png") center/100% 100% no-repeat}#place-lightbox[data-city="new-york"]{max-width:1250px}#place-lightbox[data-city="new-york"] .scrapbook-spread{min-height:0;aspect-ratio:5/4;padding:0;background:url("assets/templates/new-york-spread.png") center/100% 100% no-repeat}#place-lightbox[data-city="hangzhou"] .lightbox-header>div,#place-lightbox[data-city="new-york"] .lightbox-header>div,#place-lightbox[data-city="hangzhou"] .scrapbook-notes,#place-lightbox[data-city="new-york"] .scrapbook-notes,#place-lightbox[data-city="hangzhou"] .scrapbook-decor,#place-lightbox[data-city="new-york"] .scrapbook-decor{display:none}.scrapbook-spread>.lightbox-header{position:absolute;z-index:30;inset:0 0 auto auto}.scrapbook-spread>.lightbox-header .lightbox-close{margin:.7rem;background:rgba(244,238,226,.88)}#place-lightbox[data-city="hangzhou"] .scrapbook-collage,#place-lightbox[data-city="new-york"] .scrapbook-collage{position:absolute;inset:0;height:auto;margin:0}#place-lightbox[data-city="hangzhou"] .scrap-photo,#place-lightbox[data-city="new-york"] .scrap-photo{padding:0;background:transparent;box-shadow:none;filter:none;transform:none!important}#place-lightbox[data-city="hangzhou"] .scrap-photo:before,#place-lightbox[data-city="hangzhou"] .scrap-photo:after,#place-lightbox[data-city="new-york"] .scrap-photo:before,#place-lightbox[data-city="new-york"] .scrap-photo:after,#place-lightbox[data-city="hangzhou"] .scrap-photo figcaption,#place-lightbox[data-city="new-york"] .scrap-photo figcaption{display:none}#place-lightbox[data-city="hangzhou"] .scrap-photo img,#place-lightbox[data-city="new-york"] .scrap-photo img{display:block;width:100%;height:100%;object-fit:cover;background:transparent}
#place-lightbox[data-city="hangzhou"] .scrap-photo:nth-child(1){left:23.4%;top:5.1%;width:23.7%;height:61%}#place-lightbox[data-city="hangzhou"] .scrap-photo:nth-child(2){left:1.8%;top:47.4%;width:21.6%;height:29.5%}#place-lightbox[data-city="hangzhou"] .scrap-photo:nth-child(3){left:52.4%;top:56%;width:28.6%;height:28.4%}#place-lightbox[data-city="hangzhou"] .scrap-photo:nth-child(4){left:54.1%;top:6.4%;width:19.5%;height:35.5%}#place-lightbox[data-city="hangzhou"] .scrap-photo:nth-child(5){left:75.2%;top:34.9%;width:22.1%;height:31%}
#place-lightbox[data-city="new-york"] .scrap-photo:nth-child(-n+8){display:block}#place-lightbox[data-city="new-york"] .scrap-photo:nth-child(1){left:21.1%;top:3.4%;width:26.7%;height:46%}#place-lightbox[data-city="new-york"] .scrap-photo:nth-child(2){left:52.9%;top:4.4%;width:20.9%;height:34.8%}#place-lightbox[data-city="new-york"] .scrap-photo:nth-child(3){left:74.7%;top:3.7%;width:24%;height:39.8%}#place-lightbox[data-city="new-york"] .scrap-photo:nth-child(4){left:1.9%;top:45.9%;width:23.6%;height:26.2%}#place-lightbox[data-city="new-york"] .scrap-photo:nth-child(5){left:51.2%;top:43.2%;width:14%;height:25.9%}#place-lightbox[data-city="new-york"] .scrap-photo:nth-child(6){left:65.3%;top:43.8%;width:17.7%;height:25.9%}#place-lightbox[data-city="new-york"] .scrap-photo:nth-child(7){left:50.5%;top:70%;width:16.5%;height:23%}#place-lightbox[data-city="new-york"] .scrap-photo:nth-child(8){left:67.4%;top:70.4%;width:18.2%;height:26.4%}#place-lightbox[data-city="new-york"] .scrap-photo:nth-child(n+9){display:none}
@media(max-width:800px){#place-lightbox[data-city="hangzhou"] .scrapbook-spread,#place-lightbox[data-city="new-york"] .scrapbook-spread{min-width:900px}#place-lightbox[data-city="hangzhou"],#place-lightbox[data-city="new-york"]{overflow:auto}}

/* Native city spreads: the references are measurements only, never page backgrounds. */
#place-lightbox[data-city="hangzhou"] .scrapbook-spread,#place-lightbox[data-city="new-york"] .scrapbook-spread{position:relative;min-height:0;padding:0;background:linear-gradient(90deg,transparent 49.7%,rgba(88,79,63,.11) 50%,transparent 50.3%),radial-gradient(circle at 16% 12%,rgba(125,99,61,.07),transparent 26%),#eee7d9}#place-lightbox[data-city="hangzhou"] .scrapbook-spread{aspect-ratio:3/2}#place-lightbox[data-city="new-york"] .scrapbook-spread{aspect-ratio:5/4}#place-lightbox[data-city="hangzhou"] .lightbox-header,#place-lightbox[data-city="new-york"] .lightbox-header{position:absolute;z-index:30;inset:2.5% 2.5% auto 3%;display:flex}#place-lightbox[data-city="hangzhou"] .lightbox-header>div,#place-lightbox[data-city="new-york"] .lightbox-header>div,#place-lightbox[data-city="hangzhou"] .scrapbook-decor,#place-lightbox[data-city="new-york"] .scrapbook-decor,#place-lightbox[data-city="hangzhou"] .scrapbook-notes,#place-lightbox[data-city="new-york"] .scrapbook-notes{display:block}#place-lightbox[data-city="hangzhou"] .scrapbook-collage,#place-lightbox[data-city="new-york"] .scrapbook-collage{position:absolute;inset:0;height:auto;margin:0}#place-lightbox[data-city="hangzhou"] .scrap-photo,#place-lightbox[data-city="new-york"] .scrap-photo{position:absolute;display:block;padding:.42rem;background:#f7f2e7;box-shadow:2px 6px 13px rgba(62,52,39,.24);filter:none}#place-lightbox[data-city="hangzhou"] .scrap-photo:before,#place-lightbox[data-city="hangzhou"] .scrap-photo:after,#place-lightbox[data-city="new-york"] .scrap-photo:before,#place-lightbox[data-city="new-york"] .scrap-photo:after{display:block}#place-lightbox[data-city="hangzhou"] .scrap-photo img,#place-lightbox[data-city="new-york"] .scrap-photo img{display:block;width:100%;height:100%;object-fit:cover}#place-lightbox[data-city="hangzhou"] .scrap-photo figcaption,#place-lightbox[data-city="new-york"] .scrap-photo figcaption{display:none}
#place-lightbox[data-city="hangzhou"] .scrap-photo:nth-child(1){left:23.5%;top:5%;width:24.5%;height:61%;transform:rotate(2deg)!important}#place-lightbox[data-city="hangzhou"] .scrap-photo:nth-child(2){left:1.5%;top:47%;width:21.5%;height:30%;transform:rotate(-5deg)!important}#place-lightbox[data-city="hangzhou"] .scrap-photo:nth-child(3){left:51.5%;top:55%;width:29%;height:29%;transform:rotate(.6deg)!important}#place-lightbox[data-city="hangzhou"] .scrap-photo:nth-child(4){left:54%;top:5%;width:19.5%;height:35%;transform:rotate(-1.5deg)!important}#place-lightbox[data-city="hangzhou"] .scrap-photo:nth-child(5){left:75%;top:33%;width:22%;height:31%;transform:rotate(4deg)!important}
.hz-poetry,.hz-taught,.hz-time,.hz-collected,.ny-first,.ny-list,.ny-dream{display:none}#place-lightbox[data-city="hangzhou"] .hz-poetry{display:block;position:absolute;right:4%;top:9%;font:400 1.1rem/1.5 var(--hand)}#place-lightbox[data-city="hangzhou"] .hz-taught{display:block;position:absolute;left:23%;bottom:2%;width:18%;padding:1rem;background:#e4d8bf;font:400 .78rem/1.75 var(--hand);clip-path:polygon(2% 3%,98% 0,96% 96%,3% 100%)}#place-lightbox[data-city="hangzhou"] .hz-time{display:block;position:absolute;left:57%;bottom:2.5%;font:400 .9rem/1.45 var(--hand)}#place-lightbox[data-city="hangzhou"] .hz-collected{display:block;position:absolute;right:3%;bottom:2.5%;padding:.7rem;border:1px solid #9d927e55;font:400 .55rem/1.5 var(--type)}#place-lightbox[data-city="hangzhou"] .torn-thought{display:block;left:4%;top:17%;width:16%;background:transparent;box-shadow:none;font-size:1.05rem}#place-lightbox[data-city="hangzhou"] .scrapbook-notes{right:42%;bottom:2.5%;width:12%;font-size:.75rem}
#place-lightbox[data-city="new-york"] .scrap-photo:nth-child(-n+8){display:block}#place-lightbox[data-city="new-york"] .scrap-photo:nth-child(1){left:21%;top:3.5%;width:27%;height:46%;transform:rotate(-.4deg)!important}#place-lightbox[data-city="new-york"] .scrap-photo:nth-child(2){left:53%;top:4%;width:21%;height:35%;transform:rotate(1deg)!important}#place-lightbox[data-city="new-york"] .scrap-photo:nth-child(3){left:75%;top:3.5%;width:24%;height:40%;transform:rotate(-.5deg)!important}#place-lightbox[data-city="new-york"] .scrap-photo:nth-child(4){left:2%;top:46%;width:24%;height:26%;transform:rotate(-1.5deg)!important}#place-lightbox[data-city="new-york"] .scrap-photo:nth-child(5){left:51%;top:43%;width:14%;height:26%;transform:rotate(.4deg)!important}#place-lightbox[data-city="new-york"] .scrap-photo:nth-child(6){left:65%;top:43%;width:18%;height:26%;transform:rotate(1deg)!important}#place-lightbox[data-city="new-york"] .scrap-photo:nth-child(7){left:50.5%;top:70%;width:16.5%;height:23%;transform:rotate(-1deg)!important}#place-lightbox[data-city="new-york"] .scrap-photo:nth-child(8){left:67.5%;top:70%;width:18%;height:26%;transform:rotate(1.2deg)!important}#place-lightbox[data-city="new-york"] .scrap-photo:nth-child(n+9){display:none}#place-lightbox[data-city="new-york"] .ny-first{display:block;position:absolute;left:2.5%;top:23%;padding:1rem;background:#e4d8c2;font:400 .9rem/1.55 var(--hand);transform:rotate(-2deg)}#place-lightbox[data-city="new-york"] .ny-list{display:block;position:absolute;left:27%;top:52%;padding:.8rem;background:#e4d8c3;font:400 .75rem/1.45 var(--hand)}#place-lightbox[data-city="new-york"] .ny-dream{display:block;position:absolute;left:34%;bottom:5%;padding:1rem;background:#dfca82;font:400 .8rem/1.5 var(--hand)}
@media(max-width:800px){#place-lightbox[data-city="hangzhou"] .scrapbook-spread,#place-lightbox[data-city="new-york"] .scrapbook-spread{min-width:900px}}

/* A proportionate wooden archive drawer with file tabs inside. */
.cover-collected{display:none}body[data-page="0"]{background:repeating-linear-gradient(92deg,rgba(80,52,31,.08) 0 1px,transparent 1px 78px),linear-gradient(135deg,#8b694b,#b18c68 46%,#7a5a40);overflow:hidden}body[data-page="0"]:before{opacity:.38}.journal:before,.journal:after{opacity:0;transition:.5s;pointer-events:none}body[data-page="0"] .journal:before{content:"";position:fixed;z-index:0;left:7%;top:23%;width:190px;height:13px;border-radius:8px;background:linear-gradient(#c2a26c,#87683f);box-shadow:0 5px 8px #33251955;transform:rotate(-11deg);opacity:.8}body[data-page="0"] .journal:after{content:"";position:fixed;z-index:0;right:8%;bottom:14%;width:145px;height:145px;border:7px solid rgba(65,42,26,.17);border-radius:50%;transform:scaleY(.62) rotate(8deg);opacity:.8}
body[data-page="0"] .cover-sheet{inset:5rem auto 4.2rem 50%;width:auto;height:min(74vh,650px);aspect-ratio:.82;padding:.65rem;background:#c9bda9;border-radius:3px 10px 10px 3px;box-shadow:0 28px 55px rgba(31,22,15,.42),-9px 7px 0 #a99a84,-15px 10px 0 #8d7b65}body[data-page="0"] .cover-sheet.is-active{transform:translateX(-50%)}body[data-page="0"] .cover-cloth{display:block;position:relative;min-height:100%;height:100%;padding:0;background:repeating-linear-gradient(90deg,rgba(109,91,68,.03) 0 1px,transparent 1px 4px),repeating-linear-gradient(0deg,#eee8dd 0,#eee8dd 2px,#e8e1d5 3px,#f0ebe2 5px);color:#282621;border:1px solid #b9ad9a;border-left:13px double #aa9a84;border-radius:2px 8px 8px 2px;box-shadow:inset 0 0 38px rgba(95,77,54,.11)}body[data-page="0"] .cover-cloth:after{inset:.9rem;border-color:rgba(91,75,54,.18)}body[data-page="0"] .cover-sheet h1{position:absolute;left:47%;top:8%;margin:0;font-size:clamp(2.6rem,7vh,4.7rem);line-height:.92;letter-spacing:.12em;text-align:center;color:#292722;text-shadow:none}body[data-page="0"] .cover-sheet h1 span{display:block}body[data-page="0"] .cover-byline{position:absolute;left:50%;top:29%;width:43%;margin:0;text-align:center;font:400 clamp(.83rem,1.8vh,1.08rem)/1.5 var(--serif)}body[data-page="0"] .cover-deck{position:absolute;left:49%;top:41%;width:45%;margin:0;text-align:left;color:#49453e;font:italic clamp(.72rem,1.6vh,.94rem)/1.65 var(--body)}body[data-page="0"] .cover-collected{display:block;position:absolute;left:53%;top:62%;margin:0;font:400 clamp(.85rem,1.8vh,1.08rem)/1.5 var(--hand);transform:rotate(-1deg)}body[data-page="0"] .open-book{position:absolute;left:50%;bottom:4.5%;transform:translateX(-50%);margin:0;color:#38342f;border-color:#756d61;white-space:nowrap}body[data-page="0"] .botanical-specimen{left:8%;top:25%;width:39%;height:64%;opacity:.86;transform:rotate(-2deg)}body[data-page="0"] .specimen-tape{left:38%;bottom:17%;width:46%;height:9%}body[data-page="0"] .cover-cloth:before{left:-31px;top:14%;height:72%;width:27px;background:repeating-linear-gradient(#76644d 0 3px,transparent 3px 44px)}
@media(max-width:650px){body[data-page="0"] .cover-sheet{height:auto;width:min(82vw,430px);aspect-ratio:.82;top:4.5rem;bottom:4rem}body[data-page="0"] .cover-sheet h1{font-size:2.6rem}}

/* Final internal cover composition. External notebook and desk stay unchanged. */
body[data-page="0"] .cover-cloth{background:linear-gradient(rgba(255,255,255,.05),rgba(255,255,255,.05)),repeating-linear-gradient(90deg,rgba(92,78,58,.025) 0 1px,transparent 1px 5px),repeating-linear-gradient(0deg,#eee9df 0,#eee9df 2px,#eae4da 3px,#f0ece4 5px)}body[data-page="0"] .cover-sheet h1{left:49%;top:10%;width:43%;font-size:clamp(2.55rem,6.6vh,4.35rem);line-height:.92;letter-spacing:.15em;text-align:left}body[data-page="0"] .cover-sheet h1 span{display:block}body[data-page="0"] .volume{position:absolute;left:49%;top:29.5%;width:43%;margin:0;color:#555047;font:500 clamp(.58rem,1.2vh,.7rem) var(--type);letter-spacing:.18em;text-align:left}body[data-page="0"] .cover-byline{left:49%;top:34%;width:43%;text-align:left;font:400 clamp(.78rem,1.55vh,.98rem)/1.5 var(--serif)}body[data-page="0"] .cover-deck{left:49%;top:43%;width:min(43%,320px);font:italic clamp(.68rem,1.42vh,.88rem)/1.75 var(--body)}body[data-page="0"] .cover-collected{left:55%;top:auto;bottom:17%;font:400 clamp(.72rem,1.5vh,.92rem)/1.55 var(--hand);color:#5d584f}body[data-page="0"] .pressed-rose-asset{position:absolute;left:10%;bottom:11%;width:27%;height:58%;margin:0;filter:drop-shadow(1px 3px 2px rgba(66,55,41,.13));transform:rotate(-2deg)}body[data-page="0"] .pressed-rose-asset img{display:block;width:100%;height:100%;object-fit:contain}body[data-page="0"] .pressed-rose-asset .specimen-tape{position:absolute;left:32%;bottom:20%;width:62%;height:8%;background:rgba(196,176,137,.56);clip-path:polygon(2% 8%,98% 0,94% 94%,3% 100%);transform:rotate(-7deg)}body[data-page="0"] .open-book{left:auto;right:6%;bottom:4.5%;transform:none;padding:.35rem 0 .25rem;font:400 clamp(.58rem,1.25vh,.7rem) var(--type);letter-spacing:.04em;border:0}body[data-page="0"] .open-book:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:#6d665b;transform-origin:left;transition:transform .35s ease}body[data-page="0"] .open-book:hover{transform:translateX(2px)}body[data-page="0"] .open-book:hover:after{transform:scaleX(1.12)}
@media(max-width:650px){body[data-page="0"] .cover-sheet h1{left:47%;width:48%;font-size:2.35rem}body[data-page="0"] .volume,body[data-page="0"] .cover-byline,body[data-page="0"] .cover-deck{left:48%;width:46%}body[data-page="0"] .pressed-rose-asset{left:8%;width:29%}body[data-page="0"] .cover-collected{left:51%}}
body[data-page="0"] .pressed-rose-asset{left:-14%;bottom:7%;width:85%;height:72%}body[data-page="0"] .pressed-rose-asset .specimen-tape{left:45%;bottom:12%;width:18%;height:7%}@media(max-width:650px){body[data-page="0"] .pressed-rose-asset{left:-16%;width:88%;height:70%}}
/* Personal black-ink annotations on the cover. */
body[data-page="0"] .cover-byline,body[data-page="0"] .cover-deck,body[data-page="0"] .cover-collected{color:#211f1b;font-family:"Noteworthy","Bradley Hand","Segoe Print",cursive;font-style:normal;font-weight:400;letter-spacing:.012em;text-shadow:.18px 0 #211f1b,-.12px .15px rgba(33,31,27,.48)}body[data-page="0"] .cover-byline{left:49.5%;top:34.5%;font-size:clamp(.8rem,1.65vh,1rem);line-height:1.45;transform:rotate(-.6deg)}body[data-page="0"] .cover-deck{left:48.7%;top:43.5%;font-size:clamp(.74rem,1.55vh,.94rem);line-height:1.72;transform:rotate(.45deg)}body[data-page="0"] .cover-collected{left:55%;bottom:17%;font-size:clamp(.76rem,1.55vh,.96rem);line-height:1.5;transform:rotate(-1.1deg)}body[data-page="0"] .pressed-rose-asset{left:-29%;bottom:5%;width:120%;height:76%;z-index:2}body[data-page="0"] .pressed-rose-asset .specimen-tape{left:46%;bottom:10%;width:16%;height:6.5%;opacity:.82;transform:rotate(-6deg)}body[data-page="0"] .cover-sheet h1,body[data-page="0"] .volume,body[data-page="0"] .cover-byline,body[data-page="0"] .cover-deck,body[data-page="0"] .cover-collected,body[data-page="0"] .open-book{z-index:3}@media(max-width:650px){body[data-page="0"] .pressed-rose-asset{left:-31%;width:124%;height:73%}body[data-page="0"] .cover-byline,body[data-page="0"] .cover-deck{left:48%}}

body[data-page="0"] .pressed-rose-asset .specimen-tape{left:43.5%;bottom:31%;width:23%;height:8.5%;opacity:.76;transform:rotate(-8deg);background:linear-gradient(96deg,rgba(180,157,116,.45),rgba(218,200,162,.7) 26%,rgba(192,169,126,.56) 58%,rgba(226,209,172,.64));clip-path:polygon(1% 9%,98% 0,95% 92%,3% 100%);box-shadow:0 1px 2px rgba(74,58,38,.13),inset 0 1px rgba(255,255,255,.22)}body[data-page="0"] .pressed-rose-asset .specimen-tape:after{content:"";position:absolute;inset:0;opacity:.33;background:repeating-linear-gradient(8deg,transparent 0 5px,rgba(113,91,60,.15) 6px,transparent 7px 12px);mix-blend-mode:multiply}

/* Raster-asset desk scene. No CSS-drawn stationery. */
body[data-page="0"]{background:#8e684a url("assets/wood-desk.jpg") center/cover fixed no-repeat}body[data-page="0"] .journal:before,body[data-page="0"] .journal:after{display:none}.desk-scene{display:none}.desk-object{position:absolute;display:block;pointer-events:none;user-select:none;filter:drop-shadow(2px 5px 4px rgba(39,27,18,.24))}body[data-page="0"] .desk-scene{display:block;position:fixed;z-index:1;inset:3.4rem 0 3.6rem;overflow:hidden;pointer-events:none}body[data-page="0"] .dried-flowers-object{left:clamp(-2rem,2vw,2rem);top:3%;width:clamp(95px,13vw,190px);transform:rotate(-5deg)}body[data-page="0"] .masking-tape-object{left:18%;top:3%;width:clamp(75px,9vw,125px);transform:rotate(4deg)}body[data-page="0"] .ink-bottle-object{right:6%;top:3%;width:clamp(90px,11vw,145px);transform:rotate(3deg)}body[data-page="0"] .handwritten-note-object{right:-3%;top:29%;width:clamp(150px,18vw,260px);transform:rotate(3deg)}body[data-page="0"] .film-roll-object{left:4%;bottom:8%;width:clamp(88px,10vw,135px);transform:rotate(-6deg)}body[data-page="0"] .film-strip-object{left:-2%;bottom:22%;width:clamp(230px,28vw,420px);transform:rotate(5deg)}body[data-page="0"] .paper-clips-object{left:23%;bottom:5%;width:clamp(90px,11vw,150px);transform:rotate(-4deg)}body[data-page="0"] .fountain-pen-object{right:4%;bottom:12%;width:clamp(230px,31vw,460px);transform:rotate(-7deg)}body[data-page="0"] .crayon-rose-object{right:1%;bottom:2%;width:clamp(140px,19vw,270px);transform:rotate(5deg)}body[data-page="0"] .crayon-olive-object{right:18%;bottom:1%;width:clamp(140px,18vw,250px);transform:rotate(-2deg)}body[data-page="0"] .cover-sheet{z-index:3}
body[data-page="0"] .desk-object{display:none}.cover-desk-overlay{display:none;pointer-events:none;user-select:none}body[data-page="0"] .cover-desk-overlay{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:drop-shadow(2px 5px 4px rgba(39,27,18,.18))}body[data-page="0"] .cover-sheet{z-index:3}
@media(max-width:1050px){body[data-page="0"] .handwritten-note-object,body[data-page="0"] .paper-clips-object,body[data-page="0"] .masking-tape-object{display:none}}@media(max-width:650px){body[data-page="0"] .film-strip-object,body[data-page="0"] .handwritten-note-object,body[data-page="0"] .masking-tape-object,body[data-page="0"] .paper-clips-object,body[data-page="0"] .crayon-olive-object,body[data-page="0"] .dried-flowers-object{display:none}body[data-page="0"] .ink-bottle-object{right:-1%;top:4%;width:82px}body[data-page="0"] .film-roll-object{left:-1%;bottom:10%;width:75px}body[data-page="0"] .fountain-pen-object{right:-8%;bottom:14%;width:210px}body[data-page="0"] .crayon-rose-object{right:0;bottom:2%;width:125px}}

/* Realism-first cover scene refinement. */
body[data-page="0"]{background-image:linear-gradient(115deg,rgba(255,229,190,.07),rgba(61,38,21,.05)),url("assets/wood-desk-v2.jpg");background-position:center;background-size:cover}body[data-page="0"] .cover-desk-overlay{width:100%;height:100%;object-fit:cover;transform:scale(1.55) translate(-1.5%,1%);transform-origin:center;filter:drop-shadow(3px 7px 5px rgba(34,23,15,.26))}body[data-page="0"] .cover-sheet{box-shadow:0 24px 38px rgba(29,19,12,.38),-7px 6px 0 #a99a84,-12px 9px 0 #8d7b65}body[data-page="0"] .cover-sheet h1{font-family:"Noteworthy","Bradley Hand","Segoe Print",cursive;font-weight:400;font-style:normal;text-transform:none;letter-spacing:.045em;line-height:.88;transform:rotate(-1deg);text-shadow:.22px 0 #292722,-.12px .18px rgba(41,39,34,.42)}body[data-page="0"] .cover-sheet h1 span:first-child{text-indent:-.08em}body[data-page="0"] .cover-sheet h1 span:last-child{text-indent:.08em}@media(max-width:1050px){body[data-page="0"] .cover-desk-overlay{transform:scale(1.72) translate(-1%,1%)}}@media(max-width:650px){body[data-page="0"] .cover-desk-overlay{transform:scale(2.05) translate(-2%,1%)}}
body[data-page="0"] .cover-desk-overlay{display:none}.cover-object-cluster{display:none;position:absolute;pointer-events:none;user-select:none;filter:drop-shadow(4px 8px 6px rgba(31,20,12,.28))}body[data-page="0"] .cover-object-cluster{display:block}body[data-page="0"] .cluster-tl{left:-3%;top:-7%;width:clamp(300px,42vw,620px);transform:rotate(-2deg)}body[data-page="0"] .cluster-tr{right:-5%;top:-8%;width:clamp(310px,39vw,580px);transform:rotate(2deg)}body[data-page="0"] .cluster-bl{left:-6%;bottom:-8%;width:clamp(330px,46vw,680px);transform:rotate(1deg)}body[data-page="0"] .cluster-br{right:-7%;bottom:-9%;width:clamp(370px,49vw,730px);transform:rotate(-2deg)}@media(max-width:1050px){body[data-page="0"] .cluster-tl{width:48vw}body[data-page="0"] .cluster-tr{width:45vw}body[data-page="0"] .cluster-bl{width:52vw}body[data-page="0"] .cluster-br{width:55vw}}@media(max-width:650px){body[data-page="0"] .cluster-tl{width:55vw;left:-12%}body[data-page="0"] .cluster-tr{width:52vw;right:-15%}body[data-page="0"] .cluster-bl{display:none}body[data-page="0"] .cluster-br{width:65vw;right:-22%;bottom:-10%}}
body[data-page="0"] .cluster-tl{left:-2%;top:-4%;width:clamp(190px,27vw,390px)}body[data-page="0"] .cluster-tr{right:-3%;top:-7%;width:clamp(270px,34vw,500px)}body[data-page="0"] .cluster-bl{left:-10%;bottom:-13%;width:clamp(430px,56vw,830px)}body[data-page="0"] .cluster-br{right:-13%;bottom:-17%;width:clamp(500px,64vw,940px)}@media(max-width:1050px){body[data-page="0"] .cluster-tl{width:29vw}body[data-page="0"] .cluster-tr{width:37vw}body[data-page="0"] .cluster-bl{width:61vw}body[data-page="0"] .cluster-br{width:69vw}}@media(max-width:650px){body[data-page="0"] .cluster-tl{width:34vw;left:-8%}body[data-page="0"] .cluster-tr{width:43vw;right:-12%}body[data-page="0"] .cluster-br{width:78vw;right:-28%;bottom:-15%}}

.archive-sheet:after,.places-sheet:after,.work-sheet:after{display:none!important}.archive-sheet,.places-sheet,.work-sheet{background:#f2eee5!important}

/* Page 2: complete opening spread — letter left, contents right. */
.letter-sheet{overflow-x:hidden;background:linear-gradient(90deg,rgba(139,95,87,.09) 4.8%,transparent 5%),linear-gradient(90deg,transparent 49.72%,rgba(76,67,54,.12) 49.92%,rgba(255,255,255,.5) 50.12%,transparent 50.35%),repeating-linear-gradient(#f2eee5 0 31px,#dedbd3 32px 33px)!important}.letter-spread{display:grid;grid-template-columns:1fr 1fr;min-height:100%;padding:0}.reader-letter,.notebook-contents{position:relative;min-width:0;padding:clamp(3rem,5vw,5.5rem) clamp(2rem,5vw,5.2rem)}.reader-letter{border-right:1px solid rgba(91,79,61,.14)}.reader-letter .moon-mark{margin:0 0 .25rem;font-size:1.8rem;text-align:left}.reader-letter .dedication{margin:0 0 clamp(2rem,5vh,3.5rem);text-align:left;font-size:.86rem}.letter-sheet .reader-letter h2{margin:0 0 2rem;font-family:"Noteworthy","Bradley Hand","Segoe Print",cursive;font-size:clamp(1.7rem,3vw,2.4rem);font-weight:400;line-height:1.1;letter-spacing:.01em;transform:rotate(-.5deg)}.letter-copy{max-width:29rem;font:400 clamp(.78rem,1.08vw,.94rem)/1.95 var(--body);color:#3d3b36}.letter-copy p{margin:0 0 1.45rem}.reader-letter .signature{margin:1.7rem 0 0;font:400 1.35rem var(--hand);transform:rotate(-1deg)}.letter-sheet .reader-letter .margin-note{position:absolute;right:8%;bottom:5%;font-size:.92rem;line-height:1.45}.notebook-contents{overflow:hidden}.notebook-contents>.type-label{margin:0 0 .6rem}.letter-sheet .notebook-contents h2{margin:0 0 2rem;font-family:var(--serif);font-size:clamp(2rem,3.8vw,3.7rem);font-weight:500;letter-spacing:.06em}.notebook-contents ol{position:relative;z-index:2;list-style:none;margin:0;padding:0;max-width:26rem}.notebook-contents li{display:grid;grid-template-columns:2.7rem 1fr;align-items:baseline;gap:.75rem;margin:.72rem 0;padding-bottom:.28rem;border-bottom:1px solid rgba(101,91,72,.13);font-family:var(--serif)}.notebook-contents li span{font:400 .66rem var(--type);color:#676158}.notebook-contents li b{font-size:clamp(.82rem,1.15vw,1rem);font-weight:500;letter-spacing:.02em}.notebook-contents li i{font-weight:400;color:#716b61}.contents-flower,.contents-clip,.contents-tape{position:absolute;display:block;pointer-events:none;user-select:none}.contents-flower{right:-2%;bottom:-2%;width:clamp(115px,18vw,235px);transform:rotate(5deg);filter:drop-shadow(1px 3px 2px rgba(53,43,30,.16))}.contents-clip{right:3%;top:1%;width:clamp(70px,9vw,120px);transform:rotate(7deg)}.contents-tape{left:43%;top:2.5%;width:clamp(75px,9vw,125px);transform:rotate(-3deg);opacity:.82}.notebook-contents:after{content:"";position:absolute;right:7%;bottom:7%;width:88px;height:88px;border:1px solid rgba(108,88,61,.16);border-radius:50%;transform:rotate(-8deg)}
@media(max-width:760px){.letter-spread{grid-template-columns:1fr}.reader-letter,.notebook-contents{padding:3rem 1.5rem}.reader-letter{border-right:0;border-bottom:1px solid rgba(91,79,61,.14)}.letter-sheet .reader-letter .margin-note{position:static;margin-top:2rem}.contents-flower{width:120px;opacity:.65}.notebook-contents ol{max-width:none}}
.archive-sheet .page-inner{text-align:center}.archive-drawer{position:relative;z-index:1;width:min(430px,82vw);margin:2rem auto 0;padding:1.2rem 1.3rem .35rem;background:#5f513f;border:13px solid #9a8261;border-bottom-width:7px;box-shadow:inset 0 12px 22px rgba(28,22,15,.65),4px 8px 16px rgba(50,42,31,.22);display:flex;flex-direction:column;justify-content:flex-end;gap:0;max-height:0;opacity:0;overflow:hidden;transition:max-height .7s cubic-bezier(.2,.75,.2,1),opacity .35s,padding .7s}.archive-drawer.is-open{max-height:310px;opacity:1;padding-top:2rem}.archive-drawer>a{position:relative;display:block;margin:-.15rem auto 0;width:92%;min-height:48px;padding:.75rem 1.2rem;text-align:left;background:#ddd1b9;border:1px solid #9c8b70;border-radius:7px 7px 2px 2px;color:#4a443b;font:400 1rem var(--hand);box-shadow:0 -3px 7px rgba(43,35,25,.2);transform:none}.archive-drawer>a:nth-child(2){width:94%;background:#d6c8ad}.archive-drawer>a:nth-child(3){width:96%;background:#e0d4bd}.archive-drawer>a:nth-child(4){width:98%;background:#d4c4a8}.archive-drawer>a:nth-child(5){width:100%;background:#e2d5bc}.archive-drawer>a:after{content:"";position:absolute;right:1rem;top:.7rem;width:18px;height:18px;border-radius:50%;border:1px solid rgba(91,76,55,.18)}.drawer-handle{position:relative;z-index:2;display:grid;place-items:center;width:min(470px,88vw);height:116px;margin:-2px auto 0;padding:0;background:linear-gradient(#b29b76,#9b815e);border:1px solid #7f694e;color:#443b30;box-shadow:0 8px 12px rgba(55,45,32,.3),inset 0 2px rgba(255,255,255,.18);font:400 .62rem var(--type)}.drawer-handle span{width:42px;height:42px;margin:0;border:5px double #4f4538;border-radius:50%;background:radial-gradient(circle at 38% 30%,#b29d7d,#685a47 60%,#3f372d);box-shadow:2px 4px 7px #3b3126aa}.drawer-handle small{position:absolute;bottom:.6rem;font:400 .55rem var(--type);opacity:.65}.archive-drawer.is-open+.drawer-handle{box-shadow:0 13px 18px rgba(55,45,32,.36),inset 0 2px rgba(255,255,255,.18)}.closing-line{margin-top:1.4rem}

/* Final homepage art direction: curated photographic assets from cover.zip. */
.cover-final-object{display:none;position:absolute;pointer-events:none;user-select:none;transform-origin:center;filter:drop-shadow(4px 9px 7px rgba(28,18,11,.3))}
body[data-page="0"] .cover-object-cluster,body[data-page="0"] .cover-desk-overlay{display:none!important}
body[data-page="0"] .cover-final-object{display:block}
body[data-page="0"] .ink-bottle-object{display:block;right:6%;top:3%;width:clamp(90px,11vw,145px);transform:rotate(3deg);z-index:2}
body[data-page="0"] .dried-flowers-object{display:block;left:-3.5%;top:-9%;width:clamp(145px,17vw,245px);transform:rotate(-14deg);z-index:1;opacity:.86}
body[data-page="0"] .final-botanical-book{left:-8%;top:-14%;width:clamp(235px,27vw,390px);transform:rotate(-12deg);z-index:1;border-radius:4px}
body[data-page="0"] .final-letter{left:-10%;bottom:-22%;width:clamp(270px,33vw,500px);transform:rotate(8deg);z-index:1;border-radius:3px}
body[data-page="0"] .final-film{left:8%;bottom:-8%;width:clamp(280px,36vw,540px);transform:rotate(-7deg);z-index:2;mix-blend-mode:multiply}
body[data-page="0"] .final-pen{right:-11%;bottom:-4%;width:clamp(340px,43vw,650px);transform:rotate(-17deg);z-index:2;mix-blend-mode:multiply}
body[data-page="0"] .final-wax-seal{right:12%;bottom:4%;width:clamp(62px,7vw,105px);transform:rotate(9deg);z-index:3}
body[data-page="0"] .final-botanical-tag{right:-6%;top:31%;width:clamp(120px,14vw,205px);transform:rotate(11deg);z-index:1}
body[data-page="0"] .final-botanical-stamp{right:20%;top:4%;width:clamp(62px,7vw,98px);transform:rotate(-8deg);z-index:2;mix-blend-mode:multiply}
body[data-page="0"] .cover-sheet{border-radius:4px 11px 11px 4px;box-shadow:0 27px 48px rgba(27,17,10,.42),-4px 3px 0 #d8cfc0,-8px 6px 0 #b9aa94,-13px 9px 0 #8d7b65}
body[data-page="0"] .cover-cloth{background-image:linear-gradient(118deg,rgba(255,255,255,.13),transparent 38%,rgba(102,81,55,.04)),repeating-linear-gradient(90deg,rgba(92,78,58,.028) 0 1px,transparent 1px 5px),repeating-linear-gradient(0deg,#eee9df 0,#eee9df 2px,#e9e3d8 3px,#f0ece4 5px);box-shadow:inset 0 0 42px rgba(92,72,48,.13),inset -2px 0 2px rgba(92,72,48,.08)}
body[data-page="0"] .cover-sheet h1{font-family:"Apple Chancery","Snell Roundhand","Bradley Hand",cursive;font-weight:500;letter-spacing:.025em;line-height:.9;transform:rotate(-.8deg)}
@media(max-width:1050px){body[data-page="0"] .final-botanical-book{left:-13%;width:30vw}body[data-page="0"] .final-letter{left:-16%;width:37vw}body[data-page="0"] .final-film{left:2%;width:41vw}body[data-page="0"] .final-pen{right:-20%;width:50vw}body[data-page="0"] .final-botanical-tag{right:-10%;width:16vw}}
@media(max-width:650px){body[data-page="0"] .final-letter,body[data-page="0"] .final-botanical-tag,body[data-page="0"] .final-botanical-stamp{display:none}body[data-page="0"] .final-botanical-book{left:-24%;top:-8%;width:46vw}body[data-page="0"] .final-film{left:-18%;bottom:-4%;width:66vw}body[data-page="0"] .final-pen{right:-42%;bottom:0;width:83vw}body[data-page="0"] .final-wax-seal{right:3%;bottom:3%;width:60px}body[data-page="0"] .ink-bottle-object{right:-3%;top:4%;width:80px}body[data-page="0"] .dried-flowers-object{left:-12%;top:-5%;width:140px}}

/* Keep the established ink-bottle position; remove redundant photographic cards. */
body[data-page="0"] .cluster-tr{display:block!important;right:1%;top:-8%;width:clamp(215px,27vw,390px);transform:rotate(2deg);z-index:2}
body[data-page="0"] .ink-bottle-object,body[data-page="0"] .final-letter,body[data-page="0"] .final-botanical-stamp{display:none!important}
body[data-page="0"] .final-film,body[data-page="0"] .final-pen{mix-blend-mode:normal}
body[data-page="0"] .final-film{left:-2%;bottom:-3%;width:clamp(260px,32vw,470px)}
body[data-page="0"] .final-pen{right:-16%;bottom:-11%;width:clamp(320px,40vw,590px)}
body[data-page="0"] .final-wax-seal{right:16%;bottom:5%}
body[data-page="0"] .final-botanical-tag{right:-5%;top:37%;width:clamp(100px,11vw,155px);opacity:.88}
@media(max-width:650px){body[data-page="0"] .cluster-tr{right:-20%;top:-5%;width:48vw}body[data-page="0"] .final-film{left:-23%;width:68vw}body[data-page="0"] .final-pen{right:-45%;bottom:-5%;width:84vw}body[data-page="0"] .final-botanical-tag{display:none}}
body[data-page="0"] .final-botanical-tag{display:none!important}
body[data-page="0"] .final-pen{right:-13%;bottom:-9%;width:clamp(300px,36vw,535px)}

/* Photographed-workspace composition: the journal leads, tools only enter at the edges. */
body[data-page="0"] .cover-sheet{top:4.15rem;bottom:3.75rem;height:min(82vh,700px);max-height:calc(100vh - 7.9rem)}
body[data-page="0"] .final-botanical-book{left:-18%;top:-21%;width:clamp(230px,24vw,350px);transform:rotate(-9deg);opacity:.9}
body[data-page="0"] .dried-flowers-object{left:-8%;top:-14%;width:clamp(125px,14vw,205px);transform:rotate(-17deg);opacity:.68;z-index:2}
body[data-page="0"] .final-film{left:-22%;bottom:-7%;width:clamp(260px,29vw,430px);transform:rotate(-4deg);opacity:.88}
body[data-page="0"] .final-pen{right:-10%;bottom:3%;width:clamp(175px,20vw,300px);transform:rotate(-18deg);opacity:.92}
body[data-page="0"] .cluster-tr{right:-3%;top:-5%;width:clamp(160px,17vw,245px);transform:rotate(4deg);opacity:.82;clip-path:inset(0 0 61% 0)}
body[data-page="0"] .final-wax-seal{display:none!important}
@media(max-width:1050px){body[data-page="0"] .cover-sheet{height:min(80vh,680px)}body[data-page="0"] .final-botanical-book{left:-21%;top:-18%;width:28vw}body[data-page="0"] .final-film{left:-28%;width:36vw}body[data-page="0"] .final-pen{right:-13%;width:24vw}body[data-page="0"] .cluster-tr{right:-10%;width:25vw}}
@media(max-width:650px){body[data-page="0"] .cover-sheet{top:4.2rem;bottom:3.7rem;width:min(88vw,470px);height:auto;max-height:none}body[data-page="0"] .final-botanical-book{left:-31%;top:-9%;width:48vw}body[data-page="0"] .dried-flowers-object{display:none}body[data-page="0"] .final-film{left:-48%;bottom:-2%;width:72vw}body[data-page="0"] .final-pen{right:-27%;bottom:5%;width:42vw}body[data-page="0"] .cluster-tr{right:-27%;top:-5%;width:43vw}}

/* Editorial artist's desk: overlapping story clusters frame the notebook. */
body[data-page="0"] .final-botanical-book{left:-7%;top:-12%;width:clamp(215px,21vw,315px);transform:rotate(-11deg);opacity:.9;z-index:1;clip-path:polygon(0 0,100% 0,87% 78%,0 88%)}
body[data-page="0"] .dried-flowers-object{display:block;left:3%;top:-8%;width:clamp(125px,13vw,190px);transform:rotate(-19deg);opacity:.75;z-index:2}
body[data-page="0"] .final-botanical-tag{display:block!important;left:22%;right:auto;top:18%;width:clamp(95px,10vw,145px);transform:rotate(-8deg);opacity:.78;z-index:2}
body[data-page="0"] .final-film{left:-7%;bottom:-4%;width:clamp(330px,35vw,520px);transform:rotate(-4deg);opacity:.9;z-index:2}
body[data-page="0"] .final-pen{right:-6%;bottom:24%;width:clamp(175px,18vw,265px);transform:rotate(-14deg);opacity:.9;z-index:2}
body[data-page="0"] .final-brass-clips{display:block;right:7%;top:48%;width:72px;transform:rotate(13deg);z-index:3;filter:drop-shadow(2px 4px 3px rgba(31,20,12,.26))}
body[data-page="0"] .final-wax-seal{display:block!important;right:7%;top:11%;bottom:auto;width:clamp(54px,5vw,78px);transform:rotate(8deg);opacity:.86;z-index:3}
body[data-page="0"] .final-letter{display:block!important;right:-12%;left:auto;bottom:-24%;width:clamp(260px,29vw,430px);transform:rotate(-8deg);opacity:.82;z-index:1;clip-path:polygon(8% 0,100% 4%,100% 100%,0 100%)}
body[data-page="0"] .final-botanical-stamp,body[data-page="0"] .final-stamp-two,body[data-page="0"] .final-stamp-three{display:block!important;right:auto;top:auto;width:clamp(46px,4.2vw,66px);z-index:3;mix-blend-mode:multiply;filter:drop-shadow(1px 3px 2px rgba(31,20,12,.22))}
body[data-page="0"] .final-botanical-stamp{right:13%;bottom:8%;transform:rotate(-13deg)}
body[data-page="0"] .final-stamp-two{right:8%;bottom:11%;transform:rotate(7deg) scale(.87)}
body[data-page="0"] .final-stamp-three{right:3%;bottom:7%;transform:rotate(16deg) scale(.75)}
body[data-page="0"] .final-pressed-details{display:block;width:clamp(90px,9vw,135px);opacity:.62;z-index:2;filter:drop-shadow(1px 3px 2px rgba(31,20,12,.2))}
body[data-page="0"] .details-one{left:27%;bottom:-1%;transform:rotate(19deg)}
body[data-page="0"] .details-two{right:25%;top:1%;transform:rotate(-23deg) scale(.72)}
@media(max-width:1050px){body[data-page="0"] .final-botanical-book{left:-10%;width:25vw}body[data-page="0"] .final-film{left:-15%;width:42vw}body[data-page="0"] .final-pen{right:-10%;width:22vw}body[data-page="0"] .final-letter{right:-18%;width:34vw}body[data-page="0"] .final-botanical-tag{left:17%}body[data-page="0"] .details-two{display:none}}
@media(max-width:650px){body[data-page="0"] .final-botanical-book{left:-23%;top:-6%;width:45vw}body[data-page="0"] .dried-flowers-object{left:-7%;top:-4%;width:125px}body[data-page="0"] .final-botanical-tag,body[data-page="0"] .final-brass-clips,body[data-page="0"] .details-one,body[data-page="0"] .details-two{display:none!important}body[data-page="0"] .final-film{left:-39%;width:69vw}body[data-page="0"] .final-pen{right:-24%;bottom:21%;width:39vw}body[data-page="0"] .final-letter{right:-40%;bottom:-13%;width:60vw}body[data-page="0"] .final-botanical-stamp{right:12%;bottom:5%}body[data-page="0"] .final-stamp-two{right:4%;bottom:8%}body[data-page="0"] .final-stamp-three{display:none!important}body[data-page="0"] .final-wax-seal{right:3%;top:14%}}

/* Page 2: every found object is attached, clipping, pressing, or holding something. */
.reader-memo{position:absolute;z-index:3;right:7%;top:20%;width:clamp(120px,11vw,165px);min-height:112px;margin:0;padding:1.45rem 1rem .9rem;background:#ded1b6;color:#39352f;font:400 clamp(.72rem,1vw,.9rem)/1.4 var(--hand);transform:rotate(2.2deg);box-shadow:2px 5px 10px rgba(62,52,39,.18);clip-path:polygon(1% 3%,98% 0,100% 91%,94% 100%,3% 97%)}
.reader-memo:after{content:"";position:absolute;right:0;bottom:0;width:22px;height:20px;background:linear-gradient(135deg,rgba(121,103,76,.2),#f0e8d8 52%,transparent 54%);filter:drop-shadow(-1px -1px 1px rgba(66,56,42,.12))}
.reader-memo img{position:absolute;left:24%;top:-13px;width:54%;height:28px;object-fit:cover;transform:rotate(-5deg);opacity:.78;filter:drop-shadow(0 1px 1px rgba(69,55,35,.12))}
.reader-botanical-stamp{position:absolute;z-index:2;left:8%;bottom:5%;width:clamp(54px,5.5vw,82px);transform:rotate(-11deg);opacity:.34;mix-blend-mode:multiply;filter:grayscale(.35) sepia(.25)}
.reader-letter:after{content:"";position:absolute;left:12%;bottom:2%;width:98px;height:48px;border:8px solid rgba(105,77,48,.035);border-radius:50%;transform:rotate(-14deg);filter:blur(.5px);pointer-events:none}
.reader-letter:before{content:"2B · revise\A circle back";white-space:pre;position:absolute;right:29%;bottom:12%;color:rgba(70,67,61,.18);font:400 .58rem/1.55 var(--type);transform:rotate(-3deg);text-decoration:line-through;text-decoration-thickness:.5px;pointer-events:none}
.notebook-contents{overflow:visible}
.contents-flower{z-index:3;left:-13%;right:auto;bottom:-3%;width:clamp(145px,16vw,220px);transform:rotate(-9deg);opacity:.74;filter:drop-shadow(1px 3px 2px rgba(53,43,30,.16))}
.contents-tape{z-index:4;left:-4%;top:auto;bottom:20%;width:clamp(62px,7vw,98px);height:30px;object-fit:cover;transform:rotate(7deg);opacity:.75}
.contents-botanical-label{position:absolute;z-index:3;right:5%;bottom:4%;width:clamp(82px,8vw,120px);height:122px;margin:0;transform:rotate(5deg);filter:drop-shadow(2px 5px 5px rgba(61,51,38,.16))}
.contents-botanical-label .label-paper{display:block;width:100%;height:100%;object-fit:contain;opacity:.82}
.contents-botanical-label .contents-clip{position:absolute;z-index:4;right:-23px;top:-20px;width:64px;height:64px;object-fit:contain;transform:rotate(19deg);filter:drop-shadow(1px 2px 2px rgba(49,40,29,.28))}
.notebook-contents:after{right:18%;bottom:3%;width:74px;height:74px;opacity:.55}
.notebook-contents:before{content:"";position:absolute;right:6%;top:15%;width:90px;height:36px;background:linear-gradient(96deg,transparent,rgba(65,60,52,.025),transparent);transform:rotate(-6deg);filter:blur(3px);pointer-events:none}
@media(max-width:900px){.reader-memo{right:4%;top:17%;width:125px}.contents-botanical-label{right:2%}.contents-flower{left:-10%;width:160px}}
@media(max-width:760px){.reader-memo{position:relative;right:auto;top:auto;margin:2rem 0 0 auto}.reader-botanical-stamp{bottom:1%}.notebook-contents{overflow:hidden}.contents-flower{left:auto;right:-4%;bottom:-2%;width:130px}.contents-tape{left:auto;right:10%;bottom:16%}.contents-botanical-label{right:4%;bottom:2%;width:78px}}

/* Cover: a compact orbit of working tools around the journal, not screen-edge decoration. */
body[data-page="0"] .final-botanical-book{left:calc(50% - 555px);top:-3%;width:clamp(225px,20vw,290px);transform:rotate(-8deg);opacity:.88;z-index:1}
body[data-page="0"] .dried-flowers-object{left:calc(50% - 405px);top:-1%;width:clamp(115px,11vw,160px);transform:rotate(17deg);opacity:.69;z-index:2}
body[data-page="0"] .final-botanical-tag{left:calc(50% - 370px);top:20%;width:clamp(88px,8vw,118px);transform:rotate(-7deg);opacity:.7;z-index:2}
body[data-page="0"] .final-film{left:calc(50% - 515px);bottom:-3%;width:clamp(360px,34vw,490px);transform:rotate(-5deg);opacity:.9;z-index:2}
body[data-page="0"] .final-pen{right:calc(50% - 510px);bottom:22%;width:clamp(185px,18vw,255px);transform:rotate(-17deg);opacity:.91;z-index:3}
body[data-page="0"] .cluster-tr{right:calc(50% - 505px);top:-2%;width:clamp(165px,16vw,225px);transform:rotate(5deg);opacity:.84;clip-path:inset(0 0 61% 0);z-index:2}
body[data-page="0"] .final-wax-seal{right:calc(50% - 430px);top:14%;width:58px;transform:rotate(11deg);opacity:.8;z-index:3}
body[data-page="0"] .final-letter{right:calc(50% - 500px);bottom:-17%;width:clamp(260px,27vw,380px);transform:rotate(-7deg);opacity:.79;z-index:1}
body[data-page="0"] .final-botanical-stamp{right:calc(50% - 370px);bottom:7%;transform:rotate(-12deg)}
body[data-page="0"] .final-stamp-two{right:calc(50% - 425px);bottom:10%;transform:rotate(8deg) scale(.84)}
body[data-page="0"] .final-stamp-three{right:calc(50% - 470px);bottom:6%;transform:rotate(17deg) scale(.72)}
body[data-page="0"] .final-brass-clips{right:calc(50% - 455px);top:48%;width:58px;transform:rotate(16deg);opacity:.78}
body[data-page="0"] .details-one{left:calc(50% - 390px);bottom:1%;width:105px;transform:rotate(18deg);opacity:.5}
body[data-page="0"] .details-two{right:calc(50% - 365px);top:4%;width:90px;transform:rotate(-21deg) scale(.7);opacity:.45}
body[data-page="0"] .cover-cloth{background-image:linear-gradient(118deg,rgba(255,255,255,.13),transparent 38%,rgba(102,81,55,.045)),radial-gradient(circle at 3% 4%,rgba(111,86,56,.065),transparent 12%),radial-gradient(circle at 97% 96%,rgba(111,86,56,.055),transparent 13%),repeating-linear-gradient(91deg,rgba(91,75,52,.025) 0 1px,transparent 1px 6px),repeating-linear-gradient(1deg,#eee9df 0,#eee9df 2px,#e9e3d8 3px,#f0ece4 5px)}
body[data-page="0"] .cover-cloth:after{box-shadow:inset 0 0 14px rgba(91,70,45,.045);border-radius:3px 8px 8px 3px}
@media(max-width:1050px){body[data-page="0"] .final-botanical-book{left:calc(50% - 470px)}body[data-page="0"] .dried-flowers-object{left:calc(50% - 350px)}body[data-page="0"] .final-botanical-tag{left:calc(50% - 315px)}body[data-page="0"] .final-film{left:calc(50% - 450px)}body[data-page="0"] .final-pen{right:calc(50% - 450px)}body[data-page="0"] .cluster-tr{right:calc(50% - 440px)}body[data-page="0"] .final-letter{right:calc(50% - 445px)}body[data-page="0"] .final-wax-seal{right:calc(50% - 380px)}body[data-page="0"] .final-botanical-stamp{right:calc(50% - 325px)}body[data-page="0"] .final-stamp-two{right:calc(50% - 375px)}body[data-page="0"] .final-stamp-three{right:calc(50% - 415px)}body[data-page="0"] .final-brass-clips{right:calc(50% - 400px)}}
@media(max-width:650px){body[data-page="0"] .final-botanical-book{left:-17%}body[data-page="0"] .dried-flowers-object{left:-2%}body[data-page="0"] .final-film{left:-34%}body[data-page="0"] .final-pen{right:-20%}body[data-page="0"] .cluster-tr{right:-18%}body[data-page="0"] .final-letter{right:-32%}body[data-page="0"] .final-wax-seal{right:3%}body[data-page="0"] .final-botanical-stamp{right:11%}body[data-page="0"] .final-stamp-two{right:3%}body[data-page="0"] .final-stamp-three,body[data-page="0"] .final-brass-clips{display:none!important}}

/* Restrained cover story: writing tools in use, no ornamental collage. */
body[data-page="0"] .final-botanical-tag,body[data-page="0"] .final-letter,body[data-page="0"] .final-botanical-stamp,body[data-page="0"] .final-stamp-two,body[data-page="0"] .final-stamp-three,body[data-page="0"] .final-brass-clips,body[data-page="0"] .final-pressed-details{display:none!important}
body[data-page="0"] .final-pen{right:calc(50% - 405px);bottom:20%;width:clamp(190px,18vw,255px);transform:rotate(-12deg);opacity:.94;z-index:4;filter:drop-shadow(4px 8px 6px rgba(27,17,10,.34))}
body[data-page="0"] .cluster-tr{right:calc(50% - 505px);top:-2%;width:clamp(230px,21vw,305px);transform:rotate(4deg);opacity:.94;clip-path:inset(0 0 61% 0);z-index:3;filter:brightness(1.035) contrast(1.07) saturate(.92) drop-shadow(6px 12px 9px rgba(24,15,9,.42))}
body[data-page="0"] .final-wax-seal{right:calc(50% - 430px);top:17%;width:50px;opacity:.68}
body[data-page="0"] .dried-flowers-object{left:calc(50% - 398px);top:1%;width:clamp(105px,10vw,145px);opacity:.54;transform:rotate(16deg)}
@media(max-width:1050px){body[data-page="0"] .final-pen{right:calc(50% - 355px)}body[data-page="0"] .cluster-tr{right:calc(50% - 440px)}body[data-page="0"] .final-wax-seal{right:calc(50% - 375px)}body[data-page="0"] .dried-flowers-object{left:calc(50% - 345px)}}
@media(max-width:650px){body[data-page="0"] .final-pen{right:-9%;bottom:19%;width:38vw}body[data-page="0"] .cluster-tr{right:-24%;top:0;width:50vw}body[data-page="0"] .final-wax-seal{right:4%;top:18%}body[data-page="0"] .dried-flowers-object{left:-1%;top:1%;width:105px}}
body[data-page="0"] .final-botanical-book{display:none!important}
body[data-page="0"] .journal{position:relative;z-index:3}
body[data-page="0"] .final-pen{right:calc(50% - 465px)}
@media(max-width:1050px){body[data-page="0"] .final-pen{right:calc(50% - 405px)}}
@media(max-width:650px){body[data-page="0"] .final-pen{right:-14%}}

/* Page 2 personal memo: a functional fine-liner checklist. */
.reader-memo{width:clamp(145px,12vw,180px);min-height:150px;padding:1.7rem 1rem 1rem;background:linear-gradient(106deg,#d8c9aa,#e2d5b9 54%,#d5c4a3);font-family:"Bradley Hand","Noteworthy","Segoe Print",cursive;font-size:clamp(.68rem,.9vw,.82rem);font-weight:400;line-height:1.45;letter-spacing:.005em;transform:rotate(4deg);box-shadow:2px 6px 12px rgba(59,48,34,.21),inset 0 0 12px rgba(103,78,42,.06)}
.reader-memo strong,.reader-memo span{display:block;position:relative;color:#27251f;text-shadow:.12px 0 rgba(39,37,31,.5)}
.reader-memo strong{margin-bottom:.75rem;padding-bottom:.3rem;border-bottom:1px solid rgba(54,49,41,.34);font-weight:400;letter-spacing:.018em;transform:rotate(-.35deg)}
.reader-memo span:nth-of-type(1){transform:translateX(1px) rotate(.25deg)}
.reader-memo span:nth-of-type(2){transform:translateX(-1px) rotate(-.3deg)}
.reader-memo span:nth-of-type(3){transform:translateX(2px) rotate(.15deg)}
.reader-memo img{left:22%;top:-13px;width:58%;transform:rotate(-7deg)}
.reader-memo:after{width:25px;height:24px;background:linear-gradient(135deg,rgba(103,83,55,.22),#eee5d3 50%,transparent 52%)}

/* Quiet graphite note beside the resting pencil. */
.reader-letter:before{content:"remember—\A keep noticing.";white-space:pre;right:27%;bottom:12%;color:rgba(82,82,78,.54);font-family:"Helvetica Neue",Arial,sans-serif;font-size:.64rem;font-style:italic;font-weight:300;line-height:1.55;letter-spacing:.025em;text-decoration:none;transform:rotate(-3deg) skewX(-4deg);text-shadow:.25px .15px rgba(70,70,67,.22),-.18px .1px rgba(120,120,115,.16)}
.reader-letter .margin-note:after{content:"";position:absolute;left:-2.2rem;top:-1.1rem;width:50px;height:12px;background:radial-gradient(ellipse,rgba(88,86,81,.08),transparent 68%);transform:rotate(-9deg);filter:blur(2px);pointer-events:none}

.reader-botanical-stamp{opacity:.88;mix-blend-mode:normal;filter:sepia(.12) saturate(.82) contrast(1.12) brightness(.97) drop-shadow(1px 2px 1px rgba(55,45,32,.18))}

/* Final cover background: one complete photographed desk, no layered desk assets. */
body[data-page="0"]{background:#5c3b23 url("assets/field-notes-desk-background.png") center/cover fixed no-repeat!important}
body[data-page="0"] .desk-scene{display:none!important}
body[data-page="0"] .cover-sheet{left:50%;right:auto;margin:0}
body[data-page="0"] .cover-sheet.is-active{transform:translateX(-50%)}

/* A well-loved travel journal: softened, handled, and gently compressed. */
body[data-page="0"] .cover-sheet{padding:.72rem .72rem .78rem .66rem;background:linear-gradient(104deg,#c5b9a6 0,#d8cebd 3%,#cec2ae 6%,#d9cfbf 96%,#b8aa94 100%);border:1px solid rgba(99,80,55,.24);border-radius:7px 14px 15px 7px;box-shadow:0 7px 9px rgba(29,18,10,.22),0 25px 40px rgba(29,18,10,.34),-4px 3px 0 #d6cdbf,-8px 6px 0 #b9aa94,-12px 9px 0 #8e7c67}
body[data-page="0"] .cover-cloth{border-color:rgba(133,116,91,.48);border-left-color:#a59680;border-radius:5px 12px 13px 5px;background-color:#eee9df;background-image:linear-gradient(112deg,rgba(255,255,255,.13),transparent 32%,rgba(102,81,55,.04)),radial-gradient(ellipse at 0 50%,rgba(91,69,43,.075),transparent 16%),radial-gradient(ellipse at 100% 48%,rgba(91,69,43,.06),transparent 13%),repeating-linear-gradient(87deg,rgba(93,78,58,.032) 0 1px,transparent 1px 5px),repeating-linear-gradient(2deg,rgba(125,105,77,.025) 0 1px,transparent 1px 7px),linear-gradient(#f0ebe2,#ebe5da);box-shadow:inset 0 0 34px rgba(85,65,39,.075),inset 2px 1px rgba(255,255,255,.34),inset -2px -2px rgba(89,68,42,.055)}
body[data-page="0"] .cover-cloth:after{inset:.88rem;border-color:rgba(92,73,49,.17);border-radius:5px 10px 11px 5px;box-shadow:inset 0 0 12px rgba(87,66,40,.035),1px 0 rgba(255,255,255,.18);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)' opacity='.045'/%3E%3C/svg%3E");opacity:.72;pointer-events:none}
body[data-page="0"] .cover-cloth:before{left:-30px;top:14.5%;width:26px;height:70.5%;opacity:.72;filter:blur(.12px) drop-shadow(1px 2px 1px rgba(50,38,25,.24));background:repeating-linear-gradient(178deg,#74644e 0 2px,rgba(116,100,78,.72) 2px 3px,transparent 3px 42px);transform:scaleX(.94) rotate(.25deg)}
body[data-page="0"] .pressed-rose-asset,body[data-page="0"] .cover-sheet h1,body[data-page="0"] .volume,body[data-page="0"] .cover-byline,body[data-page="0"] .cover-deck,body[data-page="0"] .cover-collected,body[data-page="0"] .open-book{position:absolute}
@media(max-width:650px){body[data-page="0"] .cover-sheet{border-radius:6px 12px 13px 6px;box-shadow:0 6px 8px rgba(29,18,10,.2),0 19px 31px rgba(29,18,10,.31),-4px 3px 0 #d6cdbf,-7px 5px 0 #aa9b86}}

/* Page 2 final spacing: protect the signature and keep one bottom annotation. */
.reader-botanical-stamp{left:1.35rem;bottom:1.25rem}
.reader-letter:before{right:7%;top:52%;bottom:auto}

/* Slightly warmer, frequently handled cover with a tiny lifted corner. */
body[data-page="0"] .cover-sheet{background:linear-gradient(106deg,#c2b39b 0,#d8cbb5 3.5%,#cdbda4 6%,#dacdb8 95%,#b9a78d 100%);border-color:rgba(95,73,45,.3)}
body[data-page="0"] .cover-cloth{background-color:#eee3d0;background-image:linear-gradient(112deg,rgba(255,251,239,.14),transparent 30%,rgba(120,88,46,.055)),radial-gradient(ellipse at 0 50%,rgba(105,75,38,.09),transparent 17%),radial-gradient(ellipse at 100% 48%,rgba(112,80,40,.08),transparent 14%),radial-gradient(circle at 95% 5%,rgba(128,91,43,.055),transparent 10%),repeating-linear-gradient(87deg,rgba(103,80,49,.035) 0 1px,transparent 1px 5px),repeating-linear-gradient(2deg,rgba(126,97,60,.03) 0 1px,transparent 1px 7px),linear-gradient(#f0e7d7,#e9deca);box-shadow:inset 0 0 42px rgba(96,66,31,.095),inset 3px 1px rgba(255,255,255,.28),inset -3px -2px rgba(94,63,29,.07)}
body[data-page="0"] .cover-sheet:after{content:"";position:absolute;z-index:8;right:.72rem;bottom:.78rem;width:24px;height:24px;background:linear-gradient(135deg,rgba(120,88,48,.16) 0 46%,#f2e9d9 48% 68%,#d4c4aa 70% 100%);clip-path:polygon(100% 0,100% 100%,0 100%);border-radius:0 0 8px 0;filter:drop-shadow(-2px -2px 2px rgba(65,45,24,.13));transform:rotate(-1deg);pointer-events:none}
body[data-page="0"] .cover-sheet:before{opacity:.5;filter:sepia(.06)}

/* Final cover micro-adjustment: move the specimen, scale the existing text group. */
body[data-page="0"] .pressed-rose-asset{transform:translateX(-18px) rotate(-2deg)}
body[data-page="0"] .cover-typography{position:absolute;inset:0;z-index:3;transform:translateX(-10px) scale(1.12);transform-origin:50% 50%}
@media(max-width:650px){body[data-page="0"] .pressed-rose-asset{transform:translateX(-15px) rotate(-2deg)}body[data-page="0"] .cover-typography{transform:translateX(-8px) scale(1.1)}}

/* Final type scale: 120%, with the reading text lowered but the opener anchored. */
body[data-page="0"] .cover-typography{transform:translateX(-10px) scale(1.2)}
body[data-page="0"] .cover-typography h1{top:calc(10% + 10px)}
body[data-page="0"] .cover-typography .volume{top:calc(29.5% + 10px)}
body[data-page="0"] .cover-typography .cover-byline{top:calc(34.5% + 10px)}
body[data-page="0"] .cover-typography .cover-deck{top:calc(43.5% + 10px)}
body[data-page="0"] .cover-typography .cover-collected{bottom:calc(17% - 10px)}
body[data-page="0"] .cover-typography .open-book{bottom:7%;right:9%}

/* Selected Work → JOOCYEE: the existing case-study page becomes the paper extracted from the folder. */
.file-folder.featured[href$="project-joocyee.html"]{
  transform-origin:center bottom;
}
.file-folder.featured[href$="project-joocyee.html"]::before{
  transform-origin:left bottom;
  transition:transform .34s cubic-bezier(.2,.75,.25,1),box-shadow .34s ease;
}
.file-folder.featured[href$="project-joocyee.html"].is-preparing,
.file-folder.featured[href$="project-joocyee.html"].is-extracting{
  transform:translateY(-9px) rotate(-.35deg);
  box-shadow:7px 15px 24px rgba(45,51,43,.28);
}
.file-folder.featured[href$="project-joocyee.html"].is-extracting::before{
  transform:translateY(-5px) rotateX(-18deg) rotate(-1deg);
  box-shadow:0 -5px 9px rgba(49,53,45,.12);
}
.joocyee-paper-transition{
  position:fixed;
  z-index:1000;
  inset:0;
  overflow:hidden;
  visibility:hidden;
  pointer-events:none;
  background:rgba(31,27,23,0);
  transition:background .46s ease,visibility 0s linear .9s;
}
.joocyee-paper-transition.is-active{
  visibility:visible;
  transition-delay:0s;
}
.joocyee-paper-transition.is-expanding,
.joocyee-paper-transition.is-open,
.joocyee-paper-transition.is-contracting{
  background:rgba(31,27,23,.16);
}
.joocyee-paper-transition.is-open{
  pointer-events:auto;
}
.joocyee-transition-paper{
  position:absolute;
  z-index:1;
  inset:0;
  width:100vw;
  height:100vh;
  overflow:hidden;
  transform-origin:top left;
  transform:translate3d(var(--paper-start-x,0),var(--paper-start-y,0),0) scale(var(--paper-start-scale,.28));
  border-radius:3px;
  background:#f3eee5;
  box-shadow:0 8px 19px rgba(38,32,26,.25);
  will-change:transform,border-radius,box-shadow;
}
.joocyee-paper-transition.is-emerging .joocyee-transition-paper{
  transform:translate3d(var(--paper-start-x,0),var(--paper-emerge-y,0),0) scale(var(--paper-start-scale,.28));
  transition:transform .5s cubic-bezier(.2,.73,.22,1),box-shadow .5s ease;
  box-shadow:0 18px 32px rgba(38,32,26,.34);
}
.joocyee-paper-transition.is-expanding .joocyee-transition-paper,
.joocyee-paper-transition.is-open .joocyee-transition-paper{
  transform:translate3d(0,0,0) scale(1);
  border-radius:0;
  box-shadow:none;
  transition:transform .78s cubic-bezier(.22,.72,.18,1),border-radius .55s ease,box-shadow .55s ease;
}
.joocyee-paper-transition.is-contracting .joocyee-transition-paper{
  transform:translate3d(var(--paper-start-x,0),var(--paper-emerge-y,0),0) scale(var(--paper-start-scale,.28));
  border-radius:3px;
  box-shadow:0 18px 32px rgba(38,32,26,.34);
  transition:transform .7s cubic-bezier(.28,.02,.24,1),border-radius .38s ease,box-shadow .5s ease;
}
.joocyee-paper-transition.is-returning .joocyee-transition-paper{
  transform:translate3d(var(--paper-start-x,0),var(--paper-start-y,0),0) scale(var(--paper-start-scale,.28));
  border-radius:3px;
  box-shadow:0 7px 16px rgba(38,32,26,.22);
  transition:transform .43s cubic-bezier(.25,.02,.3,1),box-shadow .43s ease;
}
.joocyee-transition-paper iframe{
  display:block;
  width:100%;
  height:100%;
  border:0;
  background:#f3eee5;
  pointer-events:none;
}
.joocyee-paper-transition.is-open iframe{
  pointer-events:auto;
}
.joocyee-transition-folder-front{
  position:fixed;
  z-index:2;
  margin:0;
  pointer-events:none;
  clip-path:inset(45% 0 0 0);
  transition:opacity .28s ease;
}
.joocyee-paper-transition.is-expanding .joocyee-transition-folder-front,
.joocyee-paper-transition.is-open .joocyee-transition-folder-front,
.joocyee-paper-transition.is-contracting .joocyee-transition-folder-front{
  opacity:0;
}
.joocyee-paper-transition.is-returning .joocyee-transition-folder-front,
.joocyee-paper-transition.is-emerging .joocyee-transition-folder-front{
  opacity:1;
}
body.joocyee-transition-active .reader-bar,
body.joocyee-transition-active .page-controls{
  transition:opacity .3s ease;
}
body.joocyee-project-open .reader-bar,
body.joocyee-project-open .page-controls{
  opacity:0;
  pointer-events:none;
}
@media(prefers-reduced-motion:reduce){
  .file-folder.featured[href$="project-joocyee.html"],
  .file-folder.featured[href$="project-joocyee.html"]::before,
  .joocyee-paper-transition,
  .joocyee-transition-paper,
  .joocyee-transition-folder-front{
    transition-duration:.01ms!important;
  }
}
@media(max-width:650px){body[data-page="0"] .cover-typography{transform:translateX(-8px) scale(1.16)}body[data-page="0"] .cover-typography h1,body[data-page="0"] .cover-typography .volume,body[data-page="0"] .cover-typography .cover-byline,body[data-page="0"] .cover-typography .cover-deck{transform:translateY(8px)}body[data-page="0"] .cover-typography .open-book{bottom:7%;right:10%}}

/* Page 2: a static, fully contained book spread. */
.letter-sheet{overflow:hidden!important;overscroll-behavior:none;touch-action:manipulation}
.letter-sheet .letter-spread{height:100%;min-height:0;overflow:hidden}
.letter-sheet .reader-letter,.letter-sheet .notebook-contents{height:100%;overflow:hidden}
.reader-botanical-stamp{left:.25rem;bottom:.2rem}
.contents-botanical-label{right:2.2%;bottom:2.2%;width:clamp(145px,14vw,205px);height:clamp(105px,11vw,150px);transform:rotate(3deg);filter:drop-shadow(2px 5px 5px rgba(61,51,38,.17))}
.contents-botanical-label .label-paper{width:100%;height:100%;object-fit:contain;opacity:1}
@media(max-width:760px){.letter-spread{grid-template-columns:1fr 1fr}.reader-letter,.notebook-contents{padding:2rem 1rem}.reader-memo{transform:rotate(4deg) scale(.78);transform-origin:top right}.contents-botanical-label{width:110px;height:82px}.letter-sheet .reader-letter h2{font-size:1.5rem}.letter-copy{font-size:.68rem}.notebook-contents li{margin:.38rem 0}}

/* Hangzhou: preserve every photograph; rebuild only the editorial type system. */
.hz-rain,.hz-west-lake,.hz-childhood,.hz-temple{display:none}
#place-lightbox[data-city="hangzhou"] .lightbox-header{inset:2.8% 2.5% auto 3%;align-items:flex-start}
#place-lightbox[data-city="hangzhou"] .lightbox-header>div{display:flex;flex-direction:column;width:19%;min-width:0}
#place-lightbox[data-city="hangzhou"] .lightbox-header h2{order:1;margin:0 0 .35rem;font:500 clamp(2.4rem,4.4vw,4.6rem)/.9 var(--serif);letter-spacing:.01em}
#place-lightbox[data-city="hangzhou"] #place-observation{order:2;width:max-content;margin:0 0 .65rem;padding-bottom:.38rem;border-bottom:1px solid rgba(56,51,43,.55);font:500 clamp(.55rem,.72vw,.7rem)/1.2 var(--serif);letter-spacing:.09em;text-transform:uppercase;color:#3d3932}
#place-lightbox[data-city="hangzhou"] .scrapbook-subtitle{order:3;margin:0;font:400 clamp(.72rem,.95vw,.92rem)/1.35 var(--hand);color:#514d45}
#place-lightbox[data-city="hangzhou"] .torn-thought{display:none!important}
#place-lightbox[data-city="hangzhou"] .hz-rain,#place-lightbox[data-city="hangzhou"] .hz-west-lake,#place-lightbox[data-city="hangzhou"] .hz-childhood,#place-lightbox[data-city="hangzhou"] .hz-temple{display:block;position:absolute;z-index:12;color:#3e3a34;font:400 clamp(.7rem,.88vw,.88rem)/1.5 var(--hand)}
#place-lightbox[data-city="hangzhou"] .hz-rain{left:4%;top:22%;width:15%}
#place-lightbox[data-city="hangzhou"] .hz-west-lake{left:2.2%;top:79%;width:19%;line-height:1.42}
#place-lightbox[data-city="hangzhou"] .hz-childhood{left:55%;top:42%;width:17%;line-height:1.42}
#place-lightbox[data-city="hangzhou"] .hz-temple{left:77%;top:65.5%;width:19%;line-height:1.42}
#place-lightbox[data-city="hangzhou"] .hz-poetry{left:81%;right:auto;top:9%;width:13%;font:400 clamp(.72rem,.92vw,.92rem)/1.48 var(--hand);text-align:left}
#place-lightbox[data-city="hangzhou"] .hz-time{left:55%;bottom:2.2%;width:23%;font:400 clamp(.68rem,.82vw,.82rem)/1.45 var(--hand)}
#place-lightbox[data-city="hangzhou"] .hz-taught{left:23%;bottom:2%;width:17%;padding:.8rem 1rem;font:400 clamp(.62rem,.72vw,.72rem)/1.7 var(--hand)}
#place-lightbox[data-city="hangzhou"] .hz-taught b{display:block;margin-bottom:.2rem;font:500 clamp(.54rem,.62vw,.62rem)/1.35 var(--serif);letter-spacing:.05em}
#place-lightbox[data-city="hangzhou"] .scrapbook-notes{left:42%;right:auto;bottom:2%;width:11%;min-height:96px;padding:2rem .8rem .7rem;font:400 clamp(.62rem,.7vw,.7rem)/1.55 var(--hand);transform:rotate(-1deg)}
#place-lightbox[data-city="hangzhou"] .scrapbook-notes:after{content:"KEYWORDS";position:absolute;left:.8rem;top:.7rem;font:500 clamp(.5rem,.58vw,.58rem)/1 var(--serif);letter-spacing:.08em}
#place-lightbox[data-city="hangzhou"] #place-hand-note{display:none}
#place-lightbox[data-city="hangzhou"] .scrapbook-tag{margin:0;padding:.35rem 0 0;border-top:1px solid rgba(69,62,52,.35);font:400 clamp(.6rem,.68vw,.68rem)/1.65 var(--hand)}
#place-lightbox[data-city="hangzhou"] .hz-collected{right:3%;bottom:2.2%;width:12%;padding:.7rem .85rem;font:500 clamp(.48rem,.55vw,.55rem)/1.5 var(--serif);letter-spacing:.02em}
@media(max-width:800px){#place-lightbox[data-city="hangzhou"] .scrapbook-spread{min-width:900px}#place-lightbox[data-city="hangzhou"] .lightbox-header h2{font-size:2.7rem}}

.contents-botanical-label{width:clamp(189px,18.2vw,267px);height:clamp(137px,14.3vw,195px)}
@media(max-width:760px){.contents-botanical-label{width:143px;height:107px}}
.reader-letter .signature{margin-left:1.6rem}

/* Hangzhou final editorial grid: six purposeful text zones, nothing scattered. */
#place-lightbox[data-city="hangzhou"] .place-stamp{display:none!important}
#place-lightbox[data-city="hangzhou"] .lightbox-header:after{display:none}
#place-lightbox[data-city="hangzhou"] .lightbox-header>div{position:absolute;left:0;top:0;width:19%;padding:0}
#place-lightbox[data-city="hangzhou"] .lightbox-header h2{font-family:var(--serif);font-weight:500}
#place-lightbox[data-city="hangzhou"] #place-observation,#place-lightbox[data-city="hangzhou"] .hz-taught b,#place-lightbox[data-city="hangzhou"] .scrapbook-notes:after,#place-lightbox[data-city="hangzhou"] .hz-collected{font-family:var(--serif)}
#place-lightbox[data-city="hangzhou"] .scrapbook-subtitle,#place-lightbox[data-city="hangzhou"] .hz-rain,#place-lightbox[data-city="hangzhou"] .hz-poetry,#place-lightbox[data-city="hangzhou"] .hz-west-lake,#place-lightbox[data-city="hangzhou"] .hz-childhood,#place-lightbox[data-city="hangzhou"] .hz-temple,#place-lightbox[data-city="hangzhou"] .hz-time,#place-lightbox[data-city="hangzhou"] .hz-taught,#place-lightbox[data-city="hangzhou"] .scrapbook-tag{font-family:var(--hand)}
#place-lightbox[data-city="hangzhou"] .hz-rain{left:4%;top:22%;width:15%;padding:0;line-height:1.55}
#place-lightbox[data-city="hangzhou"] .hz-poetry{left:80%;top:10.5%;width:12%;line-height:1.5}
#place-lightbox[data-city="hangzhou"] .hz-west-lake{left:2.2%;top:79%;width:19%}
#place-lightbox[data-city="hangzhou"] .hz-childhood{left:55%;top:42%;width:17%}
#place-lightbox[data-city="hangzhou"] .hz-temple{left:77%;top:65.5%;width:19%}
#place-lightbox[data-city="hangzhou"] .hz-time{left:55%;bottom:2.2%;width:23%}
#place-lightbox[data-city="hangzhou"] .hz-rain,#place-lightbox[data-city="hangzhou"] .hz-poetry,#place-lightbox[data-city="hangzhou"] .hz-west-lake,#place-lightbox[data-city="hangzhou"] .hz-childhood,#place-lightbox[data-city="hangzhou"] .hz-temple,#place-lightbox[data-city="hangzhou"] .hz-time{margin:0;text-align:left;letter-spacing:0}
#place-lightbox[data-city="hangzhou"] .scrapbook-decor{position:absolute!important;inset:0!important;z-index:12;width:100%;height:100%;pointer-events:none}

/* New York + Abu Dhabi: rebuilt editorial spreads, not inherited collages. */
.abu-arrival,.abu-music,.abu-reflection{display:none}
#place-lightbox[data-city="new-york"],#place-lightbox[data-city="abu-dhabi"]{max-width:1250px}
#place-lightbox[data-city="new-york"] .scrapbook-spread,#place-lightbox[data-city="abu-dhabi"] .scrapbook-spread{position:relative;min-height:0;aspect-ratio:5/4;padding:0;overflow:hidden;background:linear-gradient(90deg,transparent 49.7%,rgba(88,79,63,.11) 50%,transparent 50.3%),radial-gradient(circle at 14% 13%,rgba(125,99,61,.055),transparent 24%),#eee7d9}
#place-lightbox[data-city="new-york"] .lightbox-header,#place-lightbox[data-city="abu-dhabi"] .lightbox-header{position:absolute;z-index:30;inset:3% 2.5% auto 3%;display:flex;align-items:flex-start}
#place-lightbox[data-city="new-york"] .lightbox-header>div,#place-lightbox[data-city="abu-dhabi"] .lightbox-header>div{display:flex;flex-direction:column;width:17%;min-width:0}
#place-lightbox[data-city="new-york"] .lightbox-header h2,#place-lightbox[data-city="abu-dhabi"] .lightbox-header h2{order:1;margin:0 0 .45rem;font:500 clamp(2.3rem,4.1vw,4.3rem)/.92 var(--serif);letter-spacing:.01em}
#place-lightbox[data-city="new-york"] #place-observation,#place-lightbox[data-city="abu-dhabi"] #place-observation{order:2;width:max-content;margin:0 0 .65rem;padding-bottom:.38rem;border-bottom:1px solid rgba(56,51,43,.5);font:500 clamp(.52rem,.68vw,.68rem)/1.2 var(--serif);letter-spacing:.08em;text-transform:uppercase;color:#3d3932}
#place-lightbox[data-city="new-york"] .scrapbook-subtitle,#place-lightbox[data-city="abu-dhabi"] .scrapbook-subtitle{order:3;margin:0;font:400 clamp(.68rem,.86vw,.86rem)/1.4 var(--hand);color:#514d45}
#place-lightbox[data-city="new-york"] .scrapbook-collage,#place-lightbox[data-city="abu-dhabi"] .scrapbook-collage{position:absolute;inset:0;height:auto;margin:0}
#place-lightbox[data-city="new-york"] .scrap-photo,#place-lightbox[data-city="abu-dhabi"] .scrap-photo{position:absolute;display:none;height:auto;padding:.38rem .38rem 1.15rem;background:#f7f2e7;box-shadow:2px 6px 13px rgba(62,52,39,.22);filter:none}
#place-lightbox[data-city="new-york"] .scrap-photo img,#place-lightbox[data-city="abu-dhabi"] .scrap-photo img{display:block;width:100%;height:100%;object-fit:cover}
#place-lightbox[data-city="new-york"] .scrap-photo:before,#place-lightbox[data-city="abu-dhabi"] .scrap-photo:before{display:block}
#place-lightbox[data-city="new-york"] .scrap-photo figcaption,#place-lightbox[data-city="abu-dhabi"] .scrap-photo figcaption{display:block;left:.48rem;bottom:.2rem;font:400 clamp(.46rem,.55vw,.55rem) var(--hand);color:#5c574f}

#place-lightbox[data-city="new-york"] .scrap-photo:nth-child(-n+8){display:block}
#place-lightbox[data-city="new-york"] .scrap-photo:nth-child(1){left:20.5%;top:3.5%;width:28%;height:48%;transform:rotate(-.5deg)!important}
#place-lightbox[data-city="new-york"] .scrap-photo:nth-child(2){left:52%;top:4%;width:20%;height:31%;transform:rotate(1deg)!important}
#place-lightbox[data-city="new-york"] .scrap-photo:nth-child(3){left:75%;top:4.5%;width:22%;height:35%;transform:rotate(-.7deg)!important}
#place-lightbox[data-city="new-york"] .scrap-photo:nth-child(4){left:3%;top:45%;width:18%;height:28%;transform:rotate(-1.4deg)!important}
#place-lightbox[data-city="new-york"] .scrap-photo:nth-child(5){left:49%;top:39%;width:16%;height:26%;transform:rotate(.6deg)!important}
#place-lightbox[data-city="new-york"] .scrap-photo:nth-child(6){left:68%;top:42%;width:17%;height:27%;transform:rotate(-.5deg)!important}
#place-lightbox[data-city="new-york"] .scrap-photo:nth-child(7){left:49%;top:69%;width:16%;height:24%;transform:rotate(-1deg)!important}
#place-lightbox[data-city="new-york"] .scrap-photo:nth-child(8){left:68%;top:71%;width:17%;height:25%;transform:rotate(1deg)!important}

#place-lightbox[data-city="abu-dhabi"] .scrap-photo:nth-child(-n+7){display:block}
#place-lightbox[data-city="abu-dhabi"] .scrap-photo:nth-child(1){left:20.5%;top:3.5%;width:29%;height:49%;transform:rotate(-.6deg)!important}
#place-lightbox[data-city="abu-dhabi"] .scrap-photo:nth-child(2){left:53%;top:4%;width:19%;height:31%;transform:rotate(.8deg)!important}
#place-lightbox[data-city="abu-dhabi"] .scrap-photo:nth-child(3){left:76%;top:5%;width:20%;height:35%;transform:rotate(-.5deg)!important}
#place-lightbox[data-city="abu-dhabi"] .scrap-photo:nth-child(4){left:3%;top:45%;width:18%;height:29%;transform:rotate(-1.4deg)!important}
#place-lightbox[data-city="abu-dhabi"] .scrap-photo:nth-child(5){left:49%;top:40%;width:17%;height:27%;transform:rotate(.7deg)!important}
#place-lightbox[data-city="abu-dhabi"] .scrap-photo:nth-child(6){left:69%;top:43%;width:19%;height:29%;transform:rotate(-.6deg)!important}
#place-lightbox[data-city="abu-dhabi"] .scrap-photo:nth-child(7){left:50%;top:71%;width:18%;height:24%;transform:rotate(1deg)!important}
#place-lightbox[data-city="abu-dhabi"] .scrap-photo:nth-child(11){display:block;left:38.2%;top:70.5%;width:10.6%;height:23%;transform:rotate(1.4deg)!important;z-index:15}
#place-lightbox[data-city="abu-dhabi"] .scrap-photo:nth-child(11) figcaption{font-size:clamp(.42rem,.48vw,.5rem)}

#place-lightbox[data-city="new-york"] .scrapbook-decor,#place-lightbox[data-city="abu-dhabi"] .scrapbook-decor{position:absolute!important;inset:0!important;z-index:12;width:100%;height:100%;pointer-events:none}
#place-lightbox[data-city="new-york"] .scrapbook-notes,#place-lightbox[data-city="abu-dhabi"] .scrapbook-notes{display:block;position:absolute;z-index:14;right:2.8%;bottom:3.5%;width:14%;padding:1rem;background:#dfd0ae;font:400 clamp(.62rem,.72vw,.72rem)/1.55 var(--hand);transform:rotate(-1deg);box-shadow:2px 5px 10px rgba(61,51,38,.17)}
#place-lightbox[data-city="new-york"] .scrapbook-notes:before,#place-lightbox[data-city="abu-dhabi"] .scrapbook-notes:before{display:none}
#place-lightbox[data-city="new-york"] .scrapbook-tag,#place-lightbox[data-city="abu-dhabi"] .scrapbook-tag{font:500 clamp(.45rem,.52vw,.52rem)/1.5 var(--serif);letter-spacing:.04em}
#place-lightbox[data-city="new-york"] .ny-first{display:block;left:3%;top:25%;width:14%;padding:.85rem;background:#e1d5bf;font:400 clamp(.66rem,.75vw,.75rem)/1.55 var(--hand);box-shadow:2px 4px 8px rgba(60,50,38,.14)}
#place-lightbox[data-city="new-york"] .ny-list{display:block;left:25%;top:56%;width:15%;padding:.85rem;background:#ddd0b7;font:400 clamp(.62rem,.7vw,.7rem)/1.55 var(--hand);box-shadow:2px 4px 8px rgba(60,50,38,.14)}
#place-lightbox[data-city="new-york"] .ny-dream,#place-lightbox[data-city="new-york"] .liberty-doodle{display:none!important}
#place-lightbox[data-city="new-york"] .nyu-token{left:25%;top:50%;transform:rotate(5deg) scale(.85)}
#place-lightbox[data-city="new-york"] .met-ticket{left:3%;bottom:4%;transform:rotate(-2deg) scale(.88);transform-origin:left bottom}

#place-lightbox[data-city="abu-dhabi"] .abu-arrival,#place-lightbox[data-city="abu-dhabi"] .abu-music,#place-lightbox[data-city="abu-dhabi"] .abu-reflection{display:block;position:absolute;padding:.85rem;background:#dfd1b5;box-shadow:2px 4px 8px rgba(60,50,38,.14);font:400 clamp(.62rem,.7vw,.7rem)/1.55 var(--hand)}
#place-lightbox[data-city="abu-dhabi"] .abu-arrival{left:3%;top:25%;width:14%;transform:rotate(-1deg)}
#place-lightbox[data-city="abu-dhabi"] .abu-music{left:25%;top:57%;width:15%;transform:rotate(1deg)}
#place-lightbox[data-city="abu-dhabi"] .abu-reflection{right:3%;bottom:4%;width:14%;transform:rotate(-1deg)}
#place-lightbox[data-city="abu-dhabi"] .abu-arrival b,#place-lightbox[data-city="abu-dhabi"] .abu-music b{display:block;margin-bottom:.35rem;font:500 clamp(.46rem,.52vw,.52rem) var(--serif);letter-spacing:.07em}
#place-lightbox[data-city="abu-dhabi"] .scrapbook-notes{display:none}
@media(max-width:800px){#place-lightbox[data-city="new-york"] .scrapbook-spread,#place-lightbox[data-city="abu-dhabi"] .scrapbook-spread{min-width:900px}}

/* Hangzhou publication-quality type refinement; composition remains unchanged. */
#place-lightbox[data-city="hangzhou"] .lightbox-close{display:none!important}
#place-lightbox[data-city="hangzhou"] .lightbox-header>div{transform:translate(26px,15px);width:18.5%}
#place-lightbox[data-city="hangzhou"] .lightbox-header h2{margin-bottom:.55rem;font-size:clamp(2.7rem,4.9vw,5.15rem);line-height:.9}
#place-lightbox[data-city="hangzhou"] #place-observation{margin-bottom:.78rem;padding-bottom:.45rem;font-size:clamp(.62rem,.8vw,.82rem);line-height:1.2}
#place-lightbox[data-city="hangzhou"] .scrapbook-subtitle{font-size:clamp(.86rem,1.1vw,1.12rem);line-height:1.4}
#place-lightbox[data-city="hangzhou"] .hz-rain,#place-lightbox[data-city="hangzhou"] .hz-poetry{font-size:clamp(.82rem,1.02vw,1.02rem);line-height:1.55}
#place-lightbox[data-city="hangzhou"] .hz-west-lake,#place-lightbox[data-city="hangzhou"] .hz-childhood,#place-lightbox[data-city="hangzhou"] .hz-temple,#place-lightbox[data-city="hangzhou"] .hz-time{font-size:clamp(.8rem,1vw,1rem);line-height:1.48}
#place-lightbox[data-city="hangzhou"] .hz-rain{top:25%;width:16%}
#place-lightbox[data-city="hangzhou"] .hz-poetry{left:79.5%;top:10.5%;width:14%}
#place-lightbox[data-city="hangzhou"] .hz-west-lake{top:78.2%;width:20%}
#place-lightbox[data-city="hangzhou"] .hz-childhood{top:40.8%;width:18%}
#place-lightbox[data-city="hangzhou"] .hz-temple{top:64.6%;width:20%}
#place-lightbox[data-city="hangzhou"] .hz-time{top:85%;bottom:auto;width:24%}

/* All three city spreads are fixed, single-view pages with no vertical movement. */
#place-lightbox[data-city="hangzhou"]{width:min(1440px,calc((100vh - 1rem)*1.5),calc(100vw - 1rem));max-width:none;max-height:calc(100vh - 1rem);overflow:hidden}
#place-lightbox[data-city="new-york"],#place-lightbox[data-city="abu-dhabi"]{width:min(1250px,calc((100vh - 1rem)*1.25),calc(100vw - 1rem));max-width:none;max-height:calc(100vh - 1rem);overflow:hidden}
#place-lightbox[data-city="hangzhou"] .scrapbook-spread,#place-lightbox[data-city="new-york"] .scrapbook-spread,#place-lightbox[data-city="abu-dhabi"] .scrapbook-spread{width:100%;height:auto;max-height:calc(100vh - 1rem);overflow:hidden!important;overscroll-behavior:none;touch-action:manipulation;animation:none!important;transition:none!important}
#place-lightbox[data-city="hangzhou"] .lightbox-header h2{font-size:clamp(2.6rem,4vw,4.3rem)}
@media(max-width:800px){#place-lightbox[data-city="hangzhou"] .scrapbook-spread,#place-lightbox[data-city="new-york"] .scrapbook-spread,#place-lightbox[data-city="abu-dhabi"] .scrapbook-spread{min-width:0!important}}

/* Hangzhou childhood photo: a discovered white-gel-pen annotation. */
#place-lightbox[data-city="hangzhou"] .scrap-photo:nth-child(4){overflow:visible}
.childhood-annotation{position:absolute;z-index:7;inset:.42rem .42rem 1.15rem;pointer-events:none;opacity:0!important;transition:opacity .08s linear}
.childhood-annotation svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 1px 1px rgba(27,27,25,.18))}
.childhood-annotation path,.childhood-annotation ellipse{fill:none!important;stroke:rgba(255,255,249,.96)!important;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.childhood-annotation .child-circle{stroke-dasharray:1!important;stroke-dashoffset:1!important;transition:stroke-dashoffset .55s ease-in .08s}
.childhood-annotation .child-arrow{stroke-width:1.8;stroke-dasharray:1!important;stroke-dashoffset:1!important;transition:stroke-dashoffset .28s ease .02s}
.childhood-annotation span{position:absolute;right:1%;top:19%;color:#fffef5!important;font:400 clamp(.72rem,.95vw,.95rem)/1 var(--hand);letter-spacing:.01em;opacity:0!important;transform:rotate(-7deg);text-shadow:0 1px 2px rgba(29,28,24,.38);transition:opacity .2s ease}
#place-lightbox[data-city="hangzhou"] .scrap-photo:nth-child(4):hover .child-circle{stroke-dashoffset:0!important;transition-duration:.65s;transition-delay:0s}
#place-lightbox[data-city="hangzhou"] .scrap-photo:nth-child(4):hover .child-arrow{stroke-dashoffset:0!important;transition-delay:.52s}
#place-lightbox[data-city="hangzhou"] .scrap-photo:nth-child(4):hover .childhood-annotation span{opacity:1!important;transition-delay:.58s}
#place-lightbox[data-city="hangzhou"] .scrap-photo:nth-child(4):hover .childhood-annotation{opacity:1!important}
.childhood-annotation .child-circle-final{opacity:0!important;transition:opacity .08s linear}
#place-lightbox[data-city="hangzhou"] .scrap-photo:nth-child(4):hover .child-circle-final{opacity:1!important;transition-delay:.62s}

/* Hangzhou lower-left memory cluster. */
#place-lightbox[data-city="hangzhou"] .hz-west-lake{left:7.5%;top:auto;bottom:2.2%;width:15.5%;min-height:88px;padding:.85rem 1rem;background:#e6d9bd;transform:rotate(-2deg);box-shadow:1px 4px 8px rgba(62,52,39,.15);clip-path:polygon(1% 3%,98% 0,100% 96%,3% 100%)}
#place-lightbox[data-city="hangzhou"] .hz-taught{left:22.2%;bottom:2%;width:18.2%;min-height:98px;padding:.9rem 1.05rem;background:#ddd0b3;transform:rotate(1deg);box-shadow:2px 6px 11px rgba(62,52,39,.2);clip-path:polygon(1% 2%,99% 0,97% 98%,2% 100%)}
#place-lightbox[data-city="hangzhou"] .scrapbook-notes{left:39.9%;bottom:2.1%;width:11.8%;min-height:84px;padding:1.8rem .8rem .65rem;transform:rotate(-1deg);box-shadow:1px 4px 7px rgba(62,52,39,.13)}
#place-lightbox[data-city="hangzhou"] .scrapbook-notes:before{background:#eadfc7}
#place-lightbox[data-city="hangzhou"] .place-stamp{display:grid!important;left:.7%;right:auto;top:auto;bottom:2%;width:58px;height:58px;opacity:.3;transform:rotate(-12deg);font-size:.43rem;line-height:1.35}
#place-lightbox[data-city="hangzhou"] .hz-west-lake{bottom:5.2%}
#place-lightbox[data-city="hangzhou"] .hz-taught{bottom:5%}
#place-lightbox[data-city="hangzhou"] .scrapbook-notes{bottom:5.1%}
#place-lightbox[data-city="hangzhou"] .lightbox-header>div{transform:translate(6px,15px)}

/* New York lower-left pen-and-ink travel doodle. */
#place-lightbox[data-city="new-york"] .liberty-doodle{display:block!important;position:absolute;left:15.5%;right:auto;top:auto;bottom:12.5%;width:92px;height:116px;padding:0;background:none;color:#56534d;transform:rotate(-1deg);opacity:.72;filter:none}
#place-lightbox[data-city="new-york"] .liberty-doodle svg{display:block;width:100%;height:100%;overflow:visible}
#place-lightbox[data-city="new-york"] .liberty-doodle .liberty-lines{fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
#place-lightbox[data-city="new-york"] .liberty-doodle .liberty-lines path:nth-child(2),#place-lightbox[data-city="new-york"] .liberty-doodle .liberty-lines path:nth-child(5){stroke-width:1.15}

/* Enlarged personal label on the correctly targeted childhood photograph. */
.childhood-annotation span{right:0;top:1%;font-size:clamp(2.4rem,3.2vw,3.4rem)}

/* New York: independent supplied watercolor doodles in the lower-left breathing room. */
.nyc-doodles{display:none}
#place-lightbox[data-city="new-york"] .nyc-doodles{display:block;position:absolute;inset:0;z-index:13;pointer-events:none}
#place-lightbox[data-city="new-york"] .nyc-doodles img{position:absolute;display:block;object-fit:contain;filter:drop-shadow(1px 2px 1px rgba(57,49,39,.08));opacity:.9}
#place-lightbox[data-city="new-york"] .nyc-statue{left:14.5%;bottom:9%;width:65px;height:120px;transform:rotate(-1deg)}
#place-lightbox[data-city="new-york"] .nyc-subway{left:26.5%;bottom:3.5%;width:95px;height:98px;transform:rotate(2deg)}
#place-lightbox[data-city="new-york"] .nyc-bagel{left:27.5%;bottom:18%;width:65px;height:50px;transform:rotate(-3deg)}
#place-lightbox[data-city="new-york"] .nyc-pigeon{left:35.5%;bottom:12%;width:70px;height:66px;transform:rotate(2deg)}
#place-lightbox[data-city="new-york"] .nyc-taxi{left:40%;bottom:3%;width:96px;height:91px;transform:rotate(-6deg)}

.ny-journal-entry{display:none}
#place-lightbox[data-city="new-york"] .ny-journal-entry{
  position:absolute;
  left:87%;
  top:43%;
  z-index:14;
  display:block;
  width:10%;
  margin:0;
  color:#4a3d33;
  font:400 clamp(.62rem,.72vw,.72rem)/1.5 var(--hand);
  text-align:left;
  white-space:nowrap;
  letter-spacing:.005em;
}

/* Abu Dhabi: quiet travel-journal memories, kept within the existing editorial grid. */
.abu-journal-entry,.abu-watercolors,.abu-annotations{display:none}
#place-lightbox[data-city="abu-dhabi"] .abu-journal-entry{
  position:absolute;
  left:22.5%;
  top:70.5%;
  z-index:15;
  display:block;
  width:13.5%;
  margin:0;
  color:#4a3d33;
  font:400 clamp(.56rem,.66vw,.67rem)/1.36 var(--hand);
  text-align:left;
  letter-spacing:.005em;
}
#place-lightbox[data-city="abu-dhabi"] .abu-watercolors{
  position:absolute;
  inset:0;
  z-index:13;
  display:block;
  pointer-events:none;
}
#place-lightbox[data-city="abu-dhabi"] .abu-watercolor{
  position:absolute;
  display:block;
  height:auto;
  object-fit:contain;
  opacity:.88;
}
#place-lightbox[data-city="abu-dhabi"] .abu-oud{left:16.8%;top:76%;width:6.2%}
#place-lightbox[data-city="abu-dhabi"] .abu-moon-stars{left:72.2%;top:31.5%;width:5.2%}
#place-lightbox[data-city="abu-dhabi"] .abu-dallah{left:6.5%;top:35.5%;width:8.3%}
#place-lightbox[data-city="abu-dhabi"] .abu-palm{right:.7%;top:40%;width:10.1%;opacity:.78}
#place-lightbox[data-city="abu-dhabi"] .abu-bougainvillea{left:71.5%;top:73.5%;width:10.9%;opacity:.84}
#place-lightbox[data-city="abu-dhabi"] .abu-lantern{right:16.7%;bottom:1.2%;width:5.3%;opacity:.86}
#place-lightbox[data-city="abu-dhabi"] .abu-mosque{left:.5%;bottom:.4%;width:48%;opacity:.18}
#place-lightbox[data-city="abu-dhabi"] .abu-music{
  left:25%;
  top:54.5%;
  width:15%;
  padding:.78rem .9rem;
  line-height:1.42;
}
#place-lightbox[data-city="abu-dhabi"] .abu-music b{
  display:block;
  margin-bottom:.4rem;
  font-family:var(--serif);
  letter-spacing:.09em;
}
#place-lightbox[data-city="abu-dhabi"] .abu-annotations{
  position:absolute;
  inset:0;
  z-index:16;
  display:block;
  pointer-events:none;
}
#place-lightbox[data-city="abu-dhabi"] .abu-annotation{
  position:absolute;
  color:#5a493d;
  font:500 clamp(.48rem,.58vw,.6rem)/1.2 var(--hand);
  letter-spacing:.005em;
  white-space:nowrap;
  opacity:.86;
}
#place-lightbox[data-city="abu-dhabi"] .abu-annotation:after{
  content:"";
  position:absolute;
  height:1px;
  background:#76685a;
  opacity:.62;
  transform-origin:left;
}
#place-lightbox[data-city="abu-dhabi"] .abu-note-oud{left:17.7%;top:88%;transform:rotate(-2deg)}
#place-lightbox[data-city="abu-dhabi"] .abu-note-oud:after{display:none}
#place-lightbox[data-city="abu-dhabi"] .abu-note-coffee{left:13.6%;top:39.4%;transform:rotate(1deg)}
#place-lightbox[data-city="abu-dhabi"] .abu-note-coffee:after{right:102%;top:65%;width:20px;transform:rotate(9deg)}
#place-lightbox[data-city="abu-dhabi"] .abu-note-moon{left:67%;top:36.2%;transform:rotate(-2deg)}
#place-lightbox[data-city="abu-dhabi"] .abu-note-moon:after{left:102%;top:58%;width:18px;transform:rotate(-17deg)}
#place-lightbox[data-city="abu-dhabi"] .abu-note-flowers{left:70.2%;top:86.8%;transform:rotate(1deg)}
#place-lightbox[data-city="abu-dhabi"] .abu-note-flowers:after{left:18%;bottom:110%;width:22px;transform:rotate(-59deg)}
#place-lightbox[data-city="abu-dhabi"] .abu-note-song{left:40.4%;top:86.8%;transform:rotate(-1.5deg)}
#place-lightbox[data-city="abu-dhabi"] .abu-note-song small{font-size:.78em;letter-spacing:.04em}

/* Hangzhou: small independent pencil-and-watercolor memory doodles. */
.hz-doodles{display:none}
#place-lightbox[data-city="hangzhou"] .hz-doodles{display:block;position:absolute;inset:0;z-index:11;pointer-events:none}
#place-lightbox[data-city="hangzhou"] .hz-doodle{position:absolute;margin:0;color:#5b5b50;opacity:.68}
#place-lightbox[data-city="hangzhou"] .hz-doodle svg{display:block;width:100%;height:auto;overflow:visible}
#place-lightbox[data-city="hangzhou"] .hz-doodle svg path,#place-lightbox[data-city="hangzhou"] .hz-doodle svg circle{fill:none;stroke:#595b52;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
#place-lightbox[data-city="hangzhou"] .hz-doodle svg .wash{fill:rgba(147,153,103,.2);stroke:#777b59}
#place-lightbox[data-city="hangzhou"] .hz-doodle figcaption{margin-top:-3px;color:#696458;font:400 clamp(.48rem,.57vw,.57rem)/1.25 var(--hand);white-space:nowrap}
#place-lightbox[data-city="hangzhou"] .hz-osmanthus{left:18%;top:10%;width:58px;transform:rotate(-7deg)}
#place-lightbox[data-city="hangzhou"] .hz-osmanthus svg circle{fill:rgba(190,157,79,.34);stroke:#9d8445}
#place-lightbox[data-city="hangzhou"] .hz-dragonfly{left:21%;top:37%;width:52px;transform:rotate(5deg)}
#place-lightbox[data-city="hangzhou"] .hz-umbrella{left:47%;top:42%;width:58px;transform:rotate(-4deg)}
#place-lightbox[data-city="hangzhou"] .hz-cat{right:1.3%;top:67%;width:50px;transform:rotate(2deg)}
#place-lightbox[data-city="hangzhou"] .hz-cat .wash{fill:rgba(148,133,105,.18)}
#place-lightbox[data-city="hangzhou"] .hz-boat{left:2.5%;top:37.5%;width:66px;transform:rotate(-2deg)}
#place-lightbox[data-city="hangzhou"] .hz-boat .wash{fill:rgba(116,145,149,.17);stroke:#687f82}
#place-lightbox[data-city="hangzhou"] .hz-ginkgo{position:absolute;width:28px;height:28px;fill:rgba(179,156,79,.22);stroke:#8e8048;stroke-width:1.2;opacity:.55}

/* Hangzhou watercolor discoveries: replace the earlier line doodles entirely. */
#place-lightbox[data-city="hangzhou"] .hz-doodle,
#place-lightbox[data-city="hangzhou"] .hz-ginkgo{display:none!important}
#place-lightbox[data-city="hangzhou"] .hz-watercolor{
  position:absolute;
  display:block;
  height:auto;
  object-fit:contain;
  opacity:.88;
  filter:none;
  border:0;
  box-shadow:none;
  pointer-events:none;
}
#place-lightbox[data-city="hangzhou"] .hz-watercolor-osmanthus{left:84.2%;top:21.5%;width:105px;transform:rotate(-4deg)}
#place-lightbox[data-city="hangzhou"] .hz-watercolor-willow{right:1.2%;top:.8%;width:84px;transform:rotate(3deg)}
#place-lightbox[data-city="hangzhou"] .hz-watercolor-boat{left:3.4%;top:32%;width:148px;transform:rotate(-2deg)}
#place-lightbox[data-city="hangzhou"] .hz-watercolor-tea{left:41.7%;top:67.2%;width:96px;transform:rotate(3deg)}
#place-lightbox[data-city="hangzhou"] .hz-watercolor-gate{left:82.2%;top:71.2%;z-index:1;width:105px;transform:rotate(1deg)}
#place-lightbox[data-city="hangzhou"] .hz-watercolor-cat{right:2%;top:71.8%;z-index:2;width:80px;transform:rotate(-2deg)}
@media(max-width:800px){
  #place-lightbox[data-city="hangzhou"] .hz-watercolor-osmanthus{width:7.3%}
  #place-lightbox[data-city="hangzhou"] .hz-watercolor-willow{width:5.8%}
  #place-lightbox[data-city="hangzhou"] .hz-watercolor-boat{width:10.25%}
  #place-lightbox[data-city="hangzhou"] .hz-watercolor-tea{width:6.65%}
  #place-lightbox[data-city="hangzhou"] .hz-watercolor-gate{width:7.3%}
  #place-lightbox[data-city="hangzhou"] .hz-watercolor-cat{width:5.55%}
}

.hz-home{display:none}
#place-lightbox[data-city="hangzhou"] .hz-home{
  position:absolute;
  left:24%;
  top:70.2%;
  z-index:12;
  display:block;
  width:16%;
  margin:0;
  color:#5b554b;
  font:400 clamp(.68rem,.82vw,.82rem)/1.45 var(--hand);
  text-align:center;
  letter-spacing:.01em;
}

/* Hangzhou handwritten hierarchy — serif title and metadata stay unchanged. */
#place-lightbox[data-city="hangzhou"] .scrapbook-subtitle,
#place-lightbox[data-city="hangzhou"] .hz-rain,
#place-lightbox[data-city="hangzhou"] .hz-poetry,
#place-lightbox[data-city="hangzhou"] .hz-west-lake,
#place-lightbox[data-city="hangzhou"] .hz-childhood,
#place-lightbox[data-city="hangzhou"] .hz-temple,
#place-lightbox[data-city="hangzhou"] .hz-time,
#place-lightbox[data-city="hangzhou"] .hz-home,
#place-lightbox[data-city="hangzhou"] .hz-taught,
#place-lightbox[data-city="hangzhou"] .scrapbook-tag{color:#4a3d33}
#place-lightbox[data-city="hangzhou"] .scrapbook-subtitle{font-size:clamp(.99rem,1.27vw,1.29rem)}
#place-lightbox[data-city="hangzhou"] .hz-rain,
#place-lightbox[data-city="hangzhou"] .hz-poetry{font-size:clamp(.94rem,1.17vw,1.17rem)}
#place-lightbox[data-city="hangzhou"] .hz-west-lake,
#place-lightbox[data-city="hangzhou"] .hz-childhood,
#place-lightbox[data-city="hangzhou"] .hz-temple{font-size:clamp(.94rem,1.18vw,1.18rem)}
#place-lightbox[data-city="hangzhou"] .hz-temple{left:81.4%;width:16.5%}
#place-lightbox[data-city="hangzhou"] .hz-time{font-size:clamp(1rem,1.25vw,1.25rem)}
#place-lightbox[data-city="hangzhou"] .hz-home{font-size:clamp(.85rem,1.03vw,1.03rem)}
#place-lightbox[data-city="hangzhou"] .hz-taught{font-size:clamp(.73rem,.85vw,.85rem)}
#place-lightbox[data-city="hangzhou"] .scrapbook-tag{font-size:clamp(.71rem,.8vw,.8rem)}
#place-lightbox[data-city="hangzhou"] .leaf-a{left:48%;top:24%;transform:rotate(24deg)}
#place-lightbox[data-city="hangzhou"] .leaf-b{right:2.5%;top:26%;transform:rotate(-16deg) scale(.82)}
#place-lightbox[data-city="hangzhou"] .leaf-c{left:21%;top:72%;transform:rotate(55deg) scale(.72)}

/* Learning to Observe: quiet, lens-led discovery on the right notebook page. */
.observe-sheet{overflow:hidden}
.psychology-opening{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  align-items:stretch;
  min-height:100%;
  padding:clamp(2.2rem,4vw,4rem) clamp(1.5rem,4.5vw,4.8rem);
  column-gap:clamp(3rem,7vw,7rem);
}
.observe-intro{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  padding-right:clamp(.5rem,1.6vw,1.5rem);
}
.psychology-opening .observe-intro>*{grid-column:auto}
.observe-intro h2{font-size:clamp(2.6rem,4.6vw,4.8rem);max-width:8ch}
.observe-intro blockquote{font-size:clamp(1.05rem,1.65vw,1.55rem)}
.observe-intro>p{font-size:clamp(.72rem,.9vw,.9rem);line-height:1.82}
.observe-intro .pencil-note{font-size:clamp(.86rem,1.14vw,1.13rem)}
.observation-field{
  position:relative;
  min-width:0;
  height:min(72vh,680px);
  min-height:500px;
  overflow:hidden;
  border-left:1px solid rgba(100,89,70,.09);
  touch-action:none;
}
.observation-field:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.22;
  background:repeating-linear-gradient(0deg,transparent 0 34px,rgba(110,105,93,.045) 35px 36px);
}
.observation-progress{
  position:absolute;
  z-index:5;
  top:1.5%;
  right:2%;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:.18rem;
  color:#827c70;
  font:400 clamp(.61rem,.72vw,.74rem)/1.4 var(--type);
  letter-spacing:.06em;
  transition:opacity .5s ease;
}
.observation-progress b{font-weight:400;letter-spacing:.12em}
.observation-progress i{margin-top:.22rem;font:500 clamp(.65rem,.78vw,.8rem)/1.2 var(--hand);letter-spacing:.01em;color:#71695d}
.observation-conclusion{
  position:absolute;
  z-index:4;
  top:2%;
  left:8%;
  margin:0;
  color:#3f392f;
  font:500 clamp(1.45rem,2vw,2.15rem)/1.05 var(--serif);
  opacity:0;
  transform:translateY(5px);
  transition:opacity .7s ease,transform .7s ease;
}
.observation-field.is-complete .observation-progress{opacity:0}
.observation-field.is-complete .observation-conclusion{opacity:1;transform:none}
.hidden-observation{
  position:absolute;
  z-index:2;
  display:flex;
  align-items:flex-start;
  gap:.55rem;
  width:40%;
  margin:0;
  color:#4a3d33;
  opacity:0;
  transform:translateY(4px) rotate(var(--note-tilt,0deg));
  transition:opacity .34s ease,transform .34s ease;
  pointer-events:none;
}
.hidden-observation.is-found{opacity:1;transform:rotate(var(--note-tilt,0deg))}
.hidden-observation svg{
  flex:0 0 clamp(27px,2.55vw,38px);
  width:clamp(27px,2.55vw,38px);
  height:auto;
  fill:none;
  stroke:#655b4d;
  stroke-width:1.55;
  stroke-linecap:round;
  stroke-linejoin:round;
  transform:rotate(-2deg);
}
.hidden-observation h4{
  position:relative;
  margin:0 0 .16rem;
  color:#443a30;
  font:600 clamp(1.08rem,1.38vw,1.4rem)/1.08 var(--hand);
}
.hidden-observation p{
  margin:0;
  color:#62564a;
  font:500 clamp(.78rem,.96vw,.98rem)/1.5 var(--hand);
}
.discovery-curiosity{left:8%;top:14%;width:43%;--note-tilt:-1.2deg}
.discovery-empathy{left:60%;top:25%;width:34%;--note-tilt:1.4deg}
.discovery-observation{left:5%;top:44%;width:42%;--note-tilt:.7deg}
.discovery-perspective{left:53%;top:49%;width:43%;--note-tilt:-1.6deg}
.discovery-growth{left:17%;top:77%;width:35%;--note-tilt:-.8deg}
.discovery-connection{left:51%;top:87%;width:45%;--note-tilt:1deg}
.discovery-curiosity h4:after,.discovery-connection h4:after{content:"";position:absolute;left:-2%;right:12%;bottom:-.15rem;height:1px;background:#756959;opacity:.38;transform:rotate(-1deg)}
.discovery-empathy:after{content:"why?";position:absolute;left:58%;top:-.85rem;color:#7a7166;font:500 clamp(.42rem,.52vw,.54rem) var(--hand);opacity:.42;transform:rotate(-8deg)}
.discovery-observation:before{content:"↘";position:absolute;left:-1.1rem;top:-.7rem;color:#71685d;font:500 clamp(.9rem,1.05vw,1.08rem) var(--hand);opacity:.36;transform:rotate(9deg)}
.discovery-perspective:after{content:"···";position:absolute;right:12%;bottom:-.8rem;color:#655b4f;font:700 .75rem var(--serif);letter-spacing:.25em;opacity:.28}
.discovery-growth:after{content:"still becoming";position:absolute;left:42%;bottom:-1rem;color:#75695d;font:500 clamp(.4rem,.48vw,.5rem) var(--hand);opacity:.38;white-space:nowrap;transform:rotate(2deg)}
.discovery-connection svg{outline:1px solid rgba(103,91,75,.2);outline-offset:4px;border-radius:50%;transform:rotate(4deg)}
.observation-cord{
  position:absolute;
  z-index:4;
  inset:0;
  width:100%;
  height:100%;
  overflow:visible;
  pointer-events:none;
}
.observation-cord path{fill:none;stroke:#75654f;stroke-width:2;stroke-linecap:round;opacity:.72;filter:drop-shadow(1px 2px 1px rgba(61,50,36,.16))}
.observation-cord circle{fill:none;stroke:#655641;stroke-width:2;opacity:.82}
.observation-lens{
  position:absolute;
  z-index:6;
  left:67%;
  top:61%;
  width:clamp(130px,12.5vw,174px);
  aspect-ratio:2/3;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent url("assets/vintage-magnifier.svg?v=continuous-3") center/contain no-repeat;
  box-shadow:none;
  cursor:grab;
  touch-action:none;
  user-select:none;
}
.observation-lens>.lens-glass{
  position:absolute;
  left:9%;
  top:5%;
  width:66%;
  aspect-ratio:1;
  border-radius:50%;
  overflow:hidden;
  background:rgba(205,221,214,.025);
  border:1px solid rgba(226,218,190,.32);
  box-shadow:
    0 3px 5px rgba(68,55,38,.12),
    inset 0 0 0 2px rgba(255,255,255,.08),
    inset 7px 7px 14px rgba(255,255,255,.05),
    inset -7px -6px 13px rgba(76,91,83,.08);
  pointer-events:none;
}
.observation-lens>.lens-glass:before{
  content:"";
  position:absolute;
  z-index:5;
  left:13%;
  top:9%;
  width:38%;
  height:19%;
  border-top:2px solid rgba(255,255,255,.58);
  border-radius:50%;
  transform:rotate(-35deg);
  filter:blur(.15px);
}
.observation-lens>.lens-glass:after{
  content:"";
  position:absolute;
  z-index:4;
  inset:2.5%;
  border-radius:50%;
  border:1px solid rgba(247,244,222,.19);
  box-shadow:
    inset 3px 1px 4px rgba(255,255,255,.08),
    inset -4px -2px 5px rgba(69,85,77,.075);
}
.lens-optical{
  position:absolute;
  z-index:1;
  inset:3.5%;
  display:block;
  overflow:hidden;
  border-radius:50%;
  clip-path:circle(50% at 50% 50%);
  background:#f2eee5;
  box-shadow:inset 0 0 7px rgba(78,91,83,.09);
}
.lens-optical:after{
  content:"";
  position:absolute;
  z-index:4;
  inset:0;
  border-radius:50%;
  pointer-events:none;
  background:
    radial-gradient(circle at 34% 25%,rgba(255,255,255,.09),transparent 29%),
    radial-gradient(circle,transparent 70%,rgba(105,125,116,.055) 86%,rgba(64,77,70,.09) 100%);
}
.lens-magnified-content{
  position:absolute;
  z-index:1;
  left:0;
  top:0;
  display:block;
  overflow:visible;
  transform-origin:0 0;
  font-style:normal;
  color:var(--ink);
  background:
    repeating-linear-gradient(0deg,transparent 0 34px,rgba(110,105,93,.045) 35px 36px),
    radial-gradient(ellipse at 19% 32%,rgba(86,76,62,.028),transparent 16%),
    radial-gradient(ellipse at 72% 68%,rgba(86,76,62,.022),transparent 19%),
    #f3efe6;
  will-change:transform;
  -webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision;
}
.lens-magnified-edge{
  z-index:2;
  opacity:.34;
  -webkit-mask-image:radial-gradient(circle at 50% 50%,transparent 0 72%,rgba(0,0,0,.22) 80%,#000 100%);
  mask-image:radial-gradient(circle at 50% 50%,transparent 0 72%,rgba(0,0,0,.22) 80%,#000 100%);
}
.lens-optical-copy{transition:none!important}
.lens-magnified-content.is-complete .observation-progress{opacity:0}
.lens-magnified-content.is-complete .observation-conclusion{opacity:1;transform:none}
.observation-lens:hover{filter:brightness(1.035)}
.observation-lens.is-dragging{cursor:grabbing}
.observation-lens:focus-visible{outline:2px dashed #8c7b64;outline-offset:5px}
@media(max-width:800px){
  .psychology-opening{display:grid;grid-template-columns:43% 57%;padding:2rem 1rem;column-gap:1.3rem}
  .observe-intro{padding-right:.3rem}
  .observe-intro h2{font-size:clamp(2rem,7vw,3rem)}
  .observe-intro blockquote{padding:.65rem .75rem;font-size:.86rem}
  .observe-intro>p{padding:.65rem .75rem;font-size:.62rem}
  .observe-intro .pencil-note{padding:.65rem .75rem;font-size:.72rem}
  .observation-field{height:calc(100vh - 9.5rem);min-height:430px}
  .hidden-observation{width:48%;gap:.32rem}
  .hidden-observation h4{font-size:.78rem}
  .hidden-observation p{font-size:.62rem}
  .observation-lens{width:92px}
}

/* Abu Dhabi: keep the final oud performance as a tucked-away memory, not a feature image. */
#place-lightbox[data-city="abu-dhabi"] .scrap-photo:nth-child(11){
  left:25.2%;
  top:70.2%;
  width:15.2%;
  height:25.8%;
  padding:.38rem .38rem 1.32rem;
  transform:rotate(-1.1deg)!important;
  z-index:15;
}
#place-lightbox[data-city="abu-dhabi"] .scrap-photo:nth-child(11) img{
  object-fit:contain;
  object-position:center;
  background:#ddd6c9;
}
#place-lightbox[data-city="abu-dhabi"] .scrap-photo:nth-child(11) figcaption{
  font-size:clamp(.42rem,.48vw,.5rem);
  white-space:nowrap;
}
#place-lightbox[data-city="abu-dhabi"] .abu-journal-entry{
  left:9.2%;
  top:75.2%;
  width:12.7%;
  transform:rotate(-1.1deg);
}
#place-lightbox[data-city="abu-dhabi"] .abu-oud{left:20.3%;top:81.5%;width:5.3%;opacity:.72}
#place-lightbox[data-city="abu-dhabi"] .abu-note-oud{left:19.1%;top:91.2%}

/* Psychology notebook: six discoveries accumulated at different moments. */
.observation-field{
  border-left-color:rgba(100,89,70,.065);
  background:
    radial-gradient(ellipse at 19% 32%,rgba(86,76,62,.028),transparent 16%),
    radial-gradient(ellipse at 72% 68%,rgba(86,76,62,.022),transparent 19%);
}
.observation-field:after{
  content:"";
  position:absolute;
  z-index:0;
  left:39%;
  top:8%;
  width:34%;
  height:18%;
  border-radius:50%;
  background:rgba(77,69,58,.025);
  filter:blur(7px);
  transform:rotate(-7deg);
  pointer-events:none;
}
.hidden-observation{gap:.48rem}
.hidden-observation h4{font-size:clamp(1.28rem,1.72vw,1.72rem);line-height:1.03}
.hidden-observation p{font-size:clamp(.9rem,1.14vw,1.14rem);line-height:1.42}
.hidden-observation svg{flex-basis:clamp(25px,2.35vw,35px);width:clamp(25px,2.35vw,35px);opacity:.78}

.discovery-curiosity{left:5%;top:13%;width:47%;--note-tilt:-1.7deg}
.discovery-empathy{left:62%;top:29%;width:31%;--note-tilt:1.1deg}
.discovery-observation{left:12%;top:43%;width:39%;--note-tilt:.4deg}
.discovery-perspective{left:48%;top:55%;width:49%;--note-tilt:-1.3deg}
.discovery-growth{left:4%;top:69%;width:32%;--note-tilt:-1deg}
.discovery-connection{left:42%;top:76%;width:53%;--note-tilt:1.5deg}

.discovery-curiosity h4:after{right:-9%;bottom:-.18rem;transform:rotate(.8deg)}
.discovery-empathy svg{display:none}
.discovery-empathy:before{
  content:"";
  position:absolute;
  left:-.56rem;
  top:-.48rem;
  width:6.6rem;
  height:2.55rem;
  border:1px solid rgba(103,91,75,.28);
  border-radius:49% 52% 46% 55%;
  box-shadow:1px 1px 0 rgba(103,91,75,.08);
  opacity:.78;
  transform:rotate(-4deg);
}
.discovery-empathy:after{content:"why?";left:64%;top:-1rem;font-size:clamp(.52rem,.62vw,.64rem);opacity:.38}
.discovery-observation:before{content:"↘ notice";left:-1.7rem;top:-1rem;font-size:clamp(.58rem,.7vw,.72rem);opacity:.32;transform:rotate(-8deg)}
.discovery-observation h4{padding-bottom:.08rem}
.discovery-perspective svg{transform:rotate(5deg) scale(.88);opacity:.58}
.discovery-perspective:before{display:none}
.discovery-perspective h4:after{
  content:"";
  position:absolute;
  left:-.42rem;
  top:-.34rem;
  width:7.7rem;
  height:2.35rem;
  border:1px solid rgba(104,91,75,.23);
  clip-path:polygon(1% 4%,99% 0,97% 96%,3% 100%);
  transform:rotate(.9deg);
}
.discovery-perspective:after{right:3%;bottom:-.72rem;opacity:.24}
.discovery-growth svg{display:none}
.discovery-growth:before{
  content:"↗";
  position:absolute;
  left:-1.1rem;
  top:.1rem;
  color:#71685d;
  font:500 1.05rem var(--hand);
  opacity:.34;
  transform:rotate(-12deg);
}
.discovery-growth:after{left:28%;bottom:-1.02rem;font-size:clamp(.5rem,.58vw,.6rem)}
.discovery-connection svg{display:none}
.discovery-connection h4:after{display:none}
.discovery-connection:before{
  content:"";
  position:absolute;
  left:-2.9rem;
  top:.15rem;
  width:3.7rem;
  height:2.15rem;
  border-top:1px solid rgba(103,91,75,.33);
  border-right:1px solid rgba(103,91,75,.24);
  border-radius:0 72% 0 0;
  transform:rotate(8deg);
}
.discovery-connection:after{
  content:"·  ·";
  position:absolute;
  left:-3.05rem;
  top:-.62rem;
  color:#6e6357;
  font:500 .68rem var(--hand);
  letter-spacing:.16em;
  opacity:.34;
  transform:rotate(-7deg);
}

.observation-lens{
  left:69%;
  top:60%;
  filter:drop-shadow(2px 5px 3px rgba(55,45,33,.12));
}
.observation-lens:hover{filter:brightness(1.035) drop-shadow(2px 5px 3px rgba(55,45,33,.12))}
.observation-cord{z-index:1}
.observation-cord path{stroke:#6a5540;stroke-width:1.7;opacity:.66}

@media(max-width:800px){
  #place-lightbox[data-city="abu-dhabi"] .scrap-photo:nth-child(11),
  #place-lightbox[data-city="abu-dhabi"] .abu-journal-entry{left:auto;top:auto;width:auto;transform:rotate(-1deg)!important}
  .hidden-observation h4{font-size:.88rem}
  .hidden-observation p{font-size:.67rem}
  .discovery-curiosity{left:3%;top:14%;width:52%}
  .discovery-empathy{left:59%;top:27%;width:39%}
  .discovery-observation{left:7%;top:43%;width:48%}
  .discovery-perspective{left:48%;top:56%;width:51%}
  .discovery-growth{left:3%;top:68%;width:40%}
  .discovery-connection{left:39%;top:76%;width:59%}
}

/* Only these two spreads are fixed, single-viewport experiences. */
.courses-sheet,
.vr-sheet{
  overflow:hidden!important;
}
.courses-sheet .page-inner,
.vr-sheet .page-inner{
  height:100%;
  min-height:0;
  overflow:hidden;
}

/* Psychology notes: retain the six liftable notes in a complete fixed spread. */
.courses-sheet .page-inner{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:clamp(1.45rem,3.8vh,2.65rem) clamp(1.35rem,6vw,4rem);
}
.courses-sheet h2{
  margin:.18rem 0 .42rem;
  font-size:clamp(2.25rem,5vw,4rem);
  line-height:.96;
}
.courses-sheet .lead{margin:0}
.courses-sheet .course-grid{
  flex:1 1 auto;
  width:100%;
  min-height:0;
  max-height:min(48vh,24.5rem);
  margin-top:clamp(.8rem,1.9vh,1.25rem);
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-template-rows:repeat(2,minmax(0,1fr));
  gap:clamp(.62rem,1.35vw,1rem);
}
.courses-sheet .course-flap{
  height:100%;
  min-height:0;
  padding:clamp(.8rem,1.7vh,1.15rem);
}
.courses-sheet .flap-front{
  font-size:clamp(1.08rem,1.72vw,1.4rem);
  line-height:1.12;
}
.courses-sheet .flap-back{
  margin-top:clamp(.4rem,1vh,.72rem);
  font-size:clamp(.61rem,.82vw,.72rem);
  line-height:1.52;
}
.courses-sheet .margin-note{
  flex:0 0 auto;
  margin:.55rem 0 0;
  line-height:1.1;
}

/* VR study: a fixed research-notebook spread with a summary and field notes. */
.vr-sheet .page-inner{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:clamp(1.3rem,3.2vh,2.35rem) clamp(1.35rem,6vw,4rem);
}
.vr-sheet h2{
  margin:.15rem 0 .35rem;
  font-size:clamp(2.2rem,5vw,4rem);
  line-height:.96;
}
.vr-sheet .lead{margin:0}
.vr-sheet .research-desk{
  flex:0 0 auto;
  height:min(23vh,11rem);
  min-height:0;
  margin-top:clamp(.65rem,1.55vh,1rem);
  padding:clamp(.62rem,1.3vh,.9rem);
  grid-template-columns:minmax(10.5rem,.78fr) minmax(0,1.42fr);
  gap:clamp(.65rem,1.5vw,1.15rem);
}
.vr-sheet .avatar-stage{
  min-height:0;
  padding:clamp(.65rem,1.45vh,1rem);
}
.vr-sheet .headset{
  font-size:clamp(2.7rem,6vh,4rem);
  line-height:1;
}
.vr-sheet .selected-avatar{
  min-height:1.8rem;
  margin:.15rem 0;
  font-size:clamp(.88rem,1.4vw,1.08rem);
  line-height:1.15;
}
.vr-sheet .avatar-stage .pencil-note{
  margin:.1rem 0 0;
  font-size:clamp(.55rem,.78vw,.68rem);
  line-height:1.25;
}
.vr-sheet .portrait-deck{
  min-height:0;
  gap:clamp(.42rem,.9vw,.7rem);
}
.vr-sheet .portrait-card{
  min-height:0;
  padding:clamp(.42rem,.9vh,.62rem);
  cursor:default;
}
.vr-sheet .portrait-card:nth-child(odd):hover{
  transform:none;
  box-shadow:2px 4px 9px #3940382b;
}
.vr-sheet .portrait-card:nth-child(even):hover{
  transform:rotate(1deg);
  box-shadow:2px 4px 9px #3940382b;
}
.vr-sheet .drawn-portrait{
  height:clamp(5.5rem,13.4vh,7rem);
}
.vr-sheet .portrait-card strong{
  margin-top:.2rem;
  font-size:clamp(.78rem,1.2vw,1rem);
  line-height:1.1;
}
.vr-sheet .portrait-card span{
  font-size:clamp(.52rem,.66vw,.62rem);
  line-height:1.18;
}
.vr-sheet .research-note{
  flex:1 1 0;
  position:relative;
  display:block;
  min-height:0;
  margin-top:clamp(.5rem,1.2vh,.8rem);
  padding-top:clamp(.4rem,1vh,.65rem);
  font-size:clamp(.57rem,.72vw,.66rem);
  line-height:1.35;
  overflow:visible;
}
.vr-sheet .research-summary,
.vr-sheet .research-note>.field-notes{
  position:absolute;
  min-width:0;
  min-height:0;
  margin:0;
  padding:clamp(.68rem,1.35vh,.92rem) clamp(.78rem,1.45vw,1.05rem);
  background:#f8f3e7;
  box-shadow:2px 5px 10px rgba(73,65,52,.18);
  text-align:left;
}
.vr-sheet .research-summary{
  inset:0 auto 0 .4%;
  width:44%;
  display:flex;
  flex-direction:column;
  transform:rotate(-.35deg);
  transform-origin:50% 50%;
}
.vr-sheet .research-note>.field-notes{
  top:clamp(.18rem,.35vh,.28rem);
  right:6.8%;
  bottom:clamp(.22rem,.5vh,.34rem);
  width:35.5%;
  padding-block:clamp(.56rem,1.1vh,.72rem);
  transform:rotate(1.15deg);
  transform-origin:50% 50%;
}
.vr-sheet .research-summary h3,
.vr-sheet .field-notes h3{
  margin:0 0 clamp(.34rem,.78vh,.5rem);
  color:var(--ink);
  font:400 clamp(.61rem,.76vw,.7rem)/1.1 var(--type);
  letter-spacing:.1em;
}
.vr-sheet .summary-grid{
  display:grid;
  grid-template-columns:.92fr 1.08fr;
  grid-template-areas:
    "question method"
    "hypothesis method"
    "variables participants";
  gap:clamp(.28rem,.62vh,.4rem) clamp(.7rem,1.25vw,.95rem);
  min-height:0;
}
.vr-sheet .summary-question{grid-area:question}
.vr-sheet .summary-hypothesis{grid-area:hypothesis}
.vr-sheet .summary-method{grid-area:method}
.vr-sheet .summary-participants{grid-area:participants}
.vr-sheet .summary-variables{grid-area:variables}
.vr-sheet .summary-section h4{
  margin:0 0 .14rem;
  color:var(--sage-dark);
  font:500 clamp(.47rem,.57vw,.54rem)/1.1 var(--type);
  letter-spacing:.075em;
  text-transform:uppercase;
}
.vr-sheet .summary-section p{
  margin:0;
  font:400 clamp(.49rem,.6vw,.56rem)/1.28 var(--body);
}
.vr-sheet .summary-section p+p{margin-top:clamp(.2rem,.45vh,.3rem)}
.vr-sheet .summary-variable+.summary-variable{margin-top:.16rem}
.vr-sheet .summary-variable strong{
  display:block;
  color:#555d55;
  font:500 .94em/1.15 var(--type);
  letter-spacing:.025em;
}
.vr-sheet .study-credit{
  margin:auto 0 0;
  padding-top:clamp(.22rem,.5vh,.34rem);
  border-top:1px solid rgba(105,108,98,.3);
  color:#777166;
  font:400 clamp(.44rem,.53vw,.5rem)/1.22 var(--type);
}
.vr-sheet .field-notes-list{
  display:grid;
  gap:clamp(.13rem,.34vh,.22rem);
  font:400 clamp(.53rem,.65vw,.61rem)/1.25 var(--type);
}
.vr-sheet .field-notes-list span{display:block}
.vr-sheet .field-notes-divider{
  display:block;
  margin:clamp(.18rem,.45vh,.28rem) 0 clamp(.12rem,.32vh,.22rem);
  color:#777166;
  font:400 clamp(.58rem,.72vw,.66rem)/1 var(--type);
}
.vr-sheet .field-notes-reflection,
.vr-sheet .field-notes-observation{
  margin:0;
  color:#4d4a43;
  font-family:var(--hand);
  text-align:left;
}
.vr-sheet .field-notes-reflection{
  font-size:clamp(.68rem,.84vw,.78rem);
  line-height:1.08;
}
.vr-sheet .field-notes-observation{
  margin-top:clamp(.18rem,.42vh,.28rem);
  font-size:clamp(.75rem,.94vw,.88rem);
  line-height:1.05;
}
.vr-sheet .field-notes-observation strong{
  font-weight:600;
  color:#313831;
}
.vr-sheet .practice-annotation{
  position:absolute;
  right:.15%;
  bottom:clamp(.58rem,1.2vh,.85rem);
  width:6%;
  color:rgba(71,72,66,.58);
  font:400 clamp(.6rem,.74vw,.7rem)/1.03 var(--hand);
  text-align:left;
  transform:rotate(-4deg);
}
.vr-sheet .practice-annotation:before{
  content:"";
  position:absolute;
  left:-2.8rem;
  top:-.15rem;
  width:2.55rem;
  border-top:1px solid rgba(75,76,70,.42);
  transform:rotate(-17deg);
  transform-origin:right center;
}
.vr-sheet .practice-annotation:after{
  content:"";
  position:absolute;
  left:-2.85rem;
  top:-.48rem;
  width:.38rem;
  height:.38rem;
  border-left:1px solid rgba(75,76,70,.42);
  border-bottom:1px solid rgba(75,76,70,.42);
  transform:rotate(25deg);
}

@media(max-width:800px){
  .courses-sheet,
  .vr-sheet{
    inset-block:clamp(3.65rem,8.5vh,4.15rem) clamp(3.55rem,8vh,4rem);
    inset-inline:clamp(.45rem,2vw,.9rem);
  }
  .courses-sheet .page-inner,
  .vr-sheet .page-inner{
    padding:clamp(1rem,2.7vh,1.7rem) clamp(.85rem,4vw,1.65rem);
  }
  .courses-sheet h2,
  .vr-sheet h2{font-size:clamp(1.9rem,6.7vw,3rem)}
  .courses-sheet .course-grid{
    max-height:48vh;
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:repeat(3,minmax(0,1fr));
    gap:clamp(.4rem,1.4vw,.65rem);
  }
  .courses-sheet .course-flap{padding:clamp(.56rem,1.25vh,.78rem)}
  .courses-sheet .flap-front{font-size:clamp(.88rem,3.2vw,1.08rem)}
  .courses-sheet .flap-back{font-size:clamp(.52rem,1.75vw,.64rem);line-height:1.35}
  .vr-sheet .research-desk{
    height:min(24vh,11rem);
    grid-template-columns:minmax(7.6rem,.68fr) minmax(0,1.32fr);
    gap:.55rem;
  }
  .vr-sheet .avatar-stage{padding:.55rem}
  .vr-sheet .headset{font-size:clamp(2rem,7vh,3.2rem)}
  .vr-sheet .portrait-deck{grid-template-columns:repeat(2,minmax(0,1fr));gap:.38rem}
  .vr-sheet .portrait-card{padding:.32rem}
  .vr-sheet .drawn-portrait{height:clamp(3.6rem,8.8vh,5.1rem)}
  .vr-sheet .research-note{
    font-size:clamp(.55rem,1.72vw,.65rem);
    line-height:1.35;
  }
  .vr-sheet .research-summary,
  .vr-sheet .research-note>.field-notes{padding:.44rem .52rem}
  .vr-sheet .research-summary h3,
  .vr-sheet .field-notes h3{font-size:clamp(.52rem,1.62vw,.61rem)}
  .vr-sheet .research-summary{width:45%}
  .vr-sheet .research-note>.field-notes{right:7.5%;width:37%}
  .vr-sheet .summary-grid{gap:.2rem .4rem}
  .vr-sheet .summary-section h4{font-size:clamp(.4rem,1.22vw,.48rem)}
  .vr-sheet .summary-section p{font-size:clamp(.4rem,1.27vw,.49rem);line-height:1.2}
  .vr-sheet .study-credit{font-size:clamp(.36rem,1.08vw,.43rem)}
  .vr-sheet .field-notes-list{gap:.12rem;font-size:clamp(.49rem,1.52vw,.58rem);line-height:1.2}
  .vr-sheet .field-notes-divider{margin:.24rem 0 .18rem;font-size:.54rem}
  .vr-sheet .field-notes-reflection{font-size:clamp(.61rem,1.9vw,.72rem)}
  .vr-sheet .field-notes-observation{margin-top:.18rem;font-size:clamp(.67rem,2.05vw,.79rem)}
  .vr-sheet .practice-annotation{right:.2%;width:7%;font-size:.56rem}
}

@media(max-width:480px){
  .courses-sheet .course-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:repeat(3,minmax(0,1fr));
  }
  .vr-sheet .research-desk{grid-template-columns:minmax(6.8rem,.64fr) minmax(0,1.36fr)}
}

@media(max-height:650px){
  .courses-sheet,
  .vr-sheet{inset-block:3.45rem 3.35rem}
  .courses-sheet .page-inner,
  .vr-sheet .page-inner{padding-block:.8rem}
  .courses-sheet h2,
  .vr-sheet h2{font-size:clamp(1.8rem,5.2vw,3rem)}
  .courses-sheet .course-grid{max-height:46vh;margin-top:.55rem}
  .courses-sheet .margin-note{margin-top:.35rem;font-size:.7rem}
  .vr-sheet .research-desk{height:22vh;margin-top:.5rem}
  .vr-sheet .drawn-portrait{height:10.5vh}
  .vr-sheet .research-note{margin-top:.4rem;padding-top:.3rem;line-height:1.3}
  .vr-sheet .research-summary,
  .vr-sheet .research-note>.field-notes{padding:.34rem .48rem}
  .vr-sheet .research-summary h3,
  .vr-sheet .field-notes h3{margin-bottom:.2rem;font-size:.54rem}
  .vr-sheet .summary-section h4{font-size:.39rem}
  .vr-sheet .summary-section p{font-size:.39rem;line-height:1.16}
  .vr-sheet .study-credit{padding-top:.12rem;font-size:.35rem}
  .vr-sheet .field-notes-list{gap:.08rem;font-size:.5rem;line-height:1.12}
  .vr-sheet .field-notes-divider{margin:.17rem 0 .12rem;font-size:.5rem}
  .vr-sheet .field-notes-reflection{font-size:.6rem;line-height:1}
  .vr-sheet .field-notes-observation{margin-top:.12rem;font-size:.66rem;line-height:1}
}

/* Selected Work is a fixed, single-viewport book spread. */
.work-sheet{
  overflow:hidden!important;
  overscroll-behavior:none;
}
.work-sheet .page-inner{
  display:grid;
  grid-template-rows:auto auto auto minmax(0,1fr);
  width:100%;
  height:100%;
  min-height:0;
  padding:clamp(1.35rem,3.4vh,2.65rem) clamp(1.4rem,5.8vw,6rem) clamp(.85rem,2.1vh,1.4rem);
  overflow:visible;
}
.work-sheet .chapter-kicker{
  justify-self:start;
  margin:0 0 clamp(.35rem,.9vh,.65rem);
}
.work-sheet h2{
  margin:0 0 clamp(.45rem,1.15vh,.8rem);
  font-size:clamp(2.55rem,min(5.5vw,7.4vh),5rem);
  line-height:.88;
}
.work-sheet .lead{
  margin:0;
  font-size:clamp(.95rem,min(1.55vw,2.15vh),1.25rem);
  line-height:1.5;
}
.work-sheet .folder-shelf{
  align-self:stretch;
  min-height:0;
  height:100%;
  margin-top:clamp(1rem,2.6vh,2rem);
  padding:clamp(1.35rem,2.9vh,2rem) clamp(.75rem,1.4vw,1.1rem) clamp(.65rem,1.35vh,1rem);
  grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) minmax(0,1fr);
  gap:clamp(.75rem,1.5vw,1.5rem);
  align-items:end;
}
.work-sheet .file-folder{
  width:100%;
  height:min(100%,clamp(12rem,34vh,17rem));
  min-height:0;
  padding:clamp(1.65rem,3.1vh,2.25rem) clamp(.9rem,1.45vw,1.45rem) clamp(.75rem,1.45vh,1.2rem);
}
.work-sheet .file-folder.featured{
  height:min(100%,clamp(14rem,40vh,19.5rem));
  min-height:0;
}
.work-sheet .file-folder h3{
  margin:clamp(1rem,2.2vh,1.65rem) 0 clamp(.45rem,1vh,.7rem);
  font-size:clamp(1.45rem,2.35vw,2.05rem);
  line-height:.95;
}
.work-sheet .file-folder p{
  margin:.45rem 0;
  font-size:clamp(.65rem,.73vw,.75rem);
  line-height:1.55;
}
.work-sheet .file-folder small{
  display:block;
  font-size:clamp(.5rem,.56vw,.57rem);
  line-height:1.35;
}

@media(max-width:800px){
  .work-sheet{
    inset:3.8rem .65rem 3.8rem;
  }
  .work-sheet .page-inner{
    padding:clamp(1rem,2.8vh,1.7rem) clamp(.7rem,3vw,1.2rem) clamp(.55rem,1.5vh,.9rem);
  }
  .work-sheet h2{
    font-size:clamp(2rem,min(8vw,6.8vh),3.25rem);
  }
  .work-sheet .lead{
    max-width:92%;
    font-size:clamp(.78rem,min(2.4vw,1.8vh),.96rem);
    line-height:1.4;
  }
  .work-sheet .folder-shelf{
    grid-template-columns:minmax(0,1.2fr) repeat(2,minmax(0,.9fr));
    gap:clamp(.4rem,1.5vw,.7rem);
    margin-top:clamp(.7rem,2vh,1.2rem);
    padding:clamp(1.15rem,2.6vh,1.55rem) clamp(.35rem,1.3vw,.6rem) .45rem;
  }
  .work-sheet .file-folder,
  .work-sheet .file-folder.featured{
    height:min(100%,clamp(10.5rem,36vh,15rem));
    min-height:0;
    padding:clamp(1.25rem,2.6vh,1.65rem) clamp(.45rem,1.5vw,.75rem) .65rem;
  }
  .work-sheet .file-folder h3{
    margin:clamp(.65rem,1.7vh,1rem) 0 .35rem;
    font-size:clamp(.92rem,3.35vw,1.35rem);
  }
  .work-sheet .file-folder p{
    font-size:clamp(.54rem,1.6vw,.66rem);
    line-height:1.38;
  }
  .work-sheet .file-folder small{
    font-size:clamp(.44rem,1.35vw,.53rem);
    line-height:1.25;
  }
  .work-sheet .folder-tab,
  .work-sheet .file-stamp{
    font-size:clamp(.42rem,1.25vw,.5rem);
  }
}

/* Restore the full-size developed film; trim only its beige section container. */
.places-sheet .film-sleeve{
  align-self:end;
  height:auto;
  margin-top:0;
  margin-bottom:26px;
  padding:clamp(.45rem,1vh,.75rem) 0!important;
}

.places-sheet .film-strip,
.places-sheet .film-strip.is-open{
  padding:clamp(1.95rem,4.2vh,2.7rem) clamp(1.2rem,2vw,2rem) clamp(1.5rem,3.2vh,2.2rem);
}

.places-sheet .film-strip::before,
.places-sheet .film-strip::after{
  height:14px;
  background:repeating-linear-gradient(90deg,#e8e1d2 0 11px,transparent 11px 22px);
}

.places-sheet .film-strip::before{
  top:.5rem;
}

.places-sheet .film-strip::after{
  bottom:.5rem;
}

.places-sheet .film-strip figure{
  flex-basis:clamp(180px,min(18vw,27vh),245px);
  width:clamp(180px,min(18vw,27vh),245px);
}

.places-sheet .film-photo{
  height:clamp(112px,min(12vw,18.5vh),158px);
}

.places-sheet .film-strip figcaption{
  min-height:2.25rem;
  padding-top:.52rem;
}

/* Tactile, data-driven papers extracted from the final archive drawer. */
.archive-drawer>.archive-folder{
  position:relative;
  display:block;
  width:92%;
  min-height:48px;
  margin:-.15rem auto 0;
  padding:.75rem 1.2rem;
  appearance:none;
  border:1px solid #9c8b70;
  border-radius:7px 7px 2px 2px;
  background:#ddd1b9;
  color:#4a443b;
  box-shadow:0 -3px 7px rgba(43,35,25,.2);
  cursor:pointer;
  font:400 1rem var(--hand);
  text-align:left;
  transform:none;
  transform-origin:center;
  transition:transform .42s cubic-bezier(.2,.75,.2,1),box-shadow .42s ease,filter .42s ease;
}

.archive-drawer>.archive-folder:nth-child(2){
  width:94%;
  background:#d6c8ad;
}

.archive-drawer>.archive-folder:nth-child(3){
  width:96%;
  background:#e0d4bd;
}

.archive-drawer>.archive-folder:nth-child(4){
  width:98%;
  background:#d4c4a8;
}

.archive-drawer>.archive-folder:nth-child(5){
  width:100%;
  background:#e2d5bc;
}

.archive-drawer>.archive-folder::after{
  content:"";
  position:absolute;
  right:1rem;
  top:.7rem;
  width:18px;
  height:18px;
  border:1px solid rgba(91,76,55,.18);
  border-radius:50%;
}

.archive-drawer>.archive-folder:hover{
  filter:brightness(1.025);
}

.archive-drawer>.archive-folder:focus-visible{
  outline:2px solid rgba(120,92,63,.75);
  outline-offset:2px;
}

.archive-drawer>.archive-folder.is-extracted{
  z-index:4;
  box-shadow:0 9px 16px rgba(48,39,28,.28);
  transform:translateX(86px) translateY(-5px) rotate(.45deg);
}

.archive-document-stage{
  position:absolute;
  z-index:7;
  top:clamp(14.5rem,31vh,16rem);
  left:50%;
  width:0;
  height:0;
  overflow:visible;
  pointer-events:none;
}

.archive-document{
  position:absolute;
  top:0;
  left:0;
  width:min(360px,72vw);
  padding:1.55rem 1.7rem 1.45rem;
  border:1px solid rgba(129,113,88,.42);
  background:
    linear-gradient(rgba(255,255,255,.22),rgba(255,255,255,.05)),
    repeating-linear-gradient(0deg,rgba(111,97,76,.025) 0 1px,transparent 1px 4px),
    #f2eadb;
  box-shadow:4px 12px 25px rgba(47,38,27,.24);
  opacity:0;
  pointer-events:none;
  transform:translate(-50%,72px) scale(.94) rotate(-.5deg);
  transform-origin:50% 100%;
  transition:opacity .28s ease,transform .42s cubic-bezier(.2,.75,.2,1);
}

.archive-document-close,
.archive-document-link{
  pointer-events:auto;
}

.archive-document.is-visible{
  opacity:1;
  transform:translate(-50%,-24px) scale(1) rotate(-.35deg);
}

.archive-document--profile{
  width:min(330px,68vw);
  padding-block:1.4rem 1.3rem;
}

.archive-document--note{
  width:min(310px,66vw);
  min-height:130px;
}

.archive-document-close{
  position:absolute;
  top:.55rem;
  right:.65rem;
  display:grid;
  place-items:center;
  width:2rem;
  height:2rem;
  padding:0;
  border:0;
  background:transparent;
  color:#5d564b;
  cursor:pointer;
  font:400 1.45rem/1 var(--serif);
}

.archive-document-close:focus-visible{
  outline:1px solid #756b5c;
  outline-offset:2px;
  border-radius:50%;
}

.archive-document-kicker{
  margin:0 0 .55rem;
  color:#6f6658;
  font:400 .6rem/1.3 var(--type);
  letter-spacing:.18em;
}

.archive-document h3{
  margin:0;
  font:500 1.65rem/1.05 var(--serif);
}

.archive-document-role{
  margin:.55rem 0 .9rem;
  color:#625c52;
  font:italic .74rem/1.55 var(--body);
}

.archive-document-education{
  padding:.75rem 0 .35rem;
  border-top:1px solid rgba(117,103,82,.28);
  border-bottom:1px solid rgba(117,103,82,.28);
}

.archive-document-education p{
  margin:0 0 .6rem;
  font:400 .65rem/1.45 var(--type);
}

.archive-document-updated,
.archive-profile-name{
  margin:.75rem 0 .65rem;
  color:#777064;
  font:400 .6rem/1.4 var(--type);
}

.archive-document-link{
  display:inline-block;
  color:#403c35;
  border-bottom:1px solid rgba(64,60,53,.55);
  text-decoration:none;
  font:400 .72rem/1.5 var(--type);
}

.archive-document-link:hover,
.archive-document-link:focus-visible{
  color:#7d4548;
  border-color:#7d4548;
}

.archive-placeholder-copy{
  margin:1rem 0 0;
  color:#5f594f;
  font:400 1.05rem/1.5 var(--hand);
}

/* Calm final-page spacing while preserving the drawer and signature design. */
.archive-sheet .archive-drawer,
.archive-sheet .drawer-handle{
  transform:translate(8px,-32px);
}

.archive-sheet .closing-line{
  margin-top:-.75rem;
  transform:translateY(30px);
}

@media(max-width:800px){
  .places-sheet .film-strip figure{
    flex-basis:clamp(145px,39vw,195px);
    width:clamp(145px,39vw,195px);
  }

  .places-sheet .film-photo{
    height:clamp(96px,25vw,128px);
  }

  .archive-drawer>.archive-folder.is-extracted{
    transform:translateX(clamp(42px,9vw,70px)) translateY(-5px) rotate(.45deg);
  }
}

@media(max-height:650px){
  .places-sheet .film-sleeve{
    margin-bottom:26px;
    padding-block:.35rem!important;
  }

  .places-sheet .film-strip,
  .places-sheet .film-strip.is-open{
    padding-block:1.55rem 1.18rem;
  }

  .places-sheet .film-photo{
    height:clamp(90px,16vh,118px);
  }

  .archive-document-stage{
    top:12.2rem;
  }

  .archive-document{
    padding:1rem 1.2rem;
    transform:translate(-50%,58px) scale(.95) rotate(-.5deg);
  }

  .archive-document.is-visible{
    transform:translate(-50%,-12px) scale(1) rotate(-.35deg);
  }

  .archive-document-education{
    padding-block:.45rem .15rem;
  }

  .archive-document-education p{
    margin-bottom:.35rem;
  }
}

@media(prefers-reduced-motion:reduce){
  .archive-drawer>.archive-folder,
  .archive-document{
    transition-duration:0s;
  }
}

@media(max-height:650px){
  .work-sheet{
    inset-block:3.45rem 3.35rem;
  }
  .work-sheet .page-inner{
    padding-block:.8rem .45rem;
  }
  .work-sheet .chapter-kicker{
    margin-bottom:.25rem;
    padding:.3rem .5rem;
    font-size:.58rem;
  }
  .work-sheet h2{
    margin-bottom:.28rem;
    font-size:clamp(2rem,6.4vh,3rem);
  }
  .work-sheet .lead{
    font-size:clamp(.76rem,1.8vh,.92rem);
    line-height:1.35;
  }
  .work-sheet .folder-shelf{
    margin-top:.65rem;
    padding-block:1.05rem .35rem;
  }
  .work-sheet .file-folder,
  .work-sheet .file-folder.featured{
    height:min(100%,13rem);
    padding-top:1.2rem;
  }
  .work-sheet .file-folder h3{
    margin-top:.58rem;
  }
}

/* Collected Places is one fixed open-book spread; only the developed film moves. */
.places-sheet{
  overflow:hidden!important;
  overscroll-behavior:none;
}
.places-sheet::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:0;
  left:calc(50% - 18px)!important;
  top:0!important;
  bottom:0!important;
  width:36px!important;
  height:auto!important;
  pointer-events:none;
  background:linear-gradient(
    90deg,
    transparent 0,
    rgba(75,65,51,.035) 24%,
    rgba(70,60,47,.13) 46%,
    rgba(255,255,255,.26) 54%,
    rgba(255,255,255,.07) 72%,
    transparent 100%
  )!important;
  box-shadow:none!important;
  filter:blur(.15px);
}
.places-sheet .page-inner{
  --film-instruction-gap:3.375rem;
  position:relative;
  z-index:1;
  display:grid;
  grid-template-rows:auto auto auto auto auto minmax(0,1fr);
  width:100%;
  height:100%;
  min-height:0;
  padding:clamp(1.35rem,3.3vh,2.6rem) clamp(1.2rem,5vw,5.2rem) clamp(.85rem,2vh,1.35rem);
  padding-top:calc(clamp(1.35rem,3.3vh,2.6rem) + clamp(30px,4.5vh,40px));
  overflow:visible;
}
.places-sheet .chapter-kicker{
  justify-self:start;
  margin:0 0 clamp(.32rem,.8vh,.55rem);
}
.places-sheet h2{
  margin:0 0 clamp(.42rem,1vh,.7rem);
  font-size:clamp(2.5rem,min(5.6vw,7.2vh),5rem);
  line-height:.88;
}
.places-sheet .lead{
  margin:0;
  font-size:clamp(.92rem,min(1.5vw,2.05vh),1.2rem);
  line-height:1.45;
}
.places-sheet .film-tab{
  justify-self:start;
  margin:clamp(.55rem,1.35vh,.95rem) 0 0;
  padding:clamp(.58rem,1.25vh,.75rem) 1rem;
}
.places-sheet .film-instruction{
  justify-self:start;
  margin:clamp(.625rem,1.3vh,.75rem) 0 0;
  color:#766f64;
  opacity:.76;
  font:400 clamp(.875rem,1.5vw,.9375rem)/1.25 var(--hand);
  text-align:left;
}
.places-sheet .film-sleeve{
  position:relative;
  align-self:stretch;
  display:flex;
  align-items:flex-start;
  min-width:0;
  min-height:0;
  height:calc(100% - var(--film-instruction-gap));
  margin-top:var(--film-instruction-gap);
  padding:clamp(.45rem,1vh,.75rem) 0!important;
  overflow:hidden!important;
  overflow-x:hidden!important;
  overflow-y:hidden!important;
  scrollbar-width:none;
  cursor:grab;
  touch-action:none;
  transform:none;
  box-shadow:inset 0 5px 10px rgba(81,73,56,.22),3px 7px 14px rgba(81,73,56,.18);
}
.places-sheet .film-sleeve::-webkit-scrollbar{
  display:none;
}
.places-sheet .film-sleeve::after{
  content:"";
  position:absolute;
  z-index:7;
  top:0;
  bottom:0;
  left:calc(50% - 20px);
  width:40px;
  pointer-events:none;
  background:linear-gradient(
    90deg,
    transparent,
    rgba(0,0,0,.12) 43%,
    rgba(255,255,255,.075) 56%,
    transparent
  );
  mix-blend-mode:soft-light;
}
.places-sheet .film-sleeve.is-dragging{
  cursor:grabbing;
  user-select:none;
}
.places-sheet .film-strip,
.places-sheet .film-strip.is-open{
  position:relative;
  display:inline-flex;
  flex:none;
  width:max-content;
  min-width:max-content;
  max-width:none!important;
  gap:clamp(.75rem,1.35vw,1.1rem);
  margin:0;
  padding:clamp(1.95rem,4.2vh,2.7rem) clamp(1.2rem,2vw,2rem) clamp(1.5rem,3.2vh,2.2rem);
  overflow:visible!important;
  transform:translate3d(var(--film-x,0),0,0);
  transition:none;
  will-change:transform;
  box-shadow:0 8px 15px rgba(55,48,38,.11),0 2px 4px rgba(55,48,38,.07);
}
.places-sheet .film-strip::before,
.places-sheet .film-strip::after{
  height:14px;
  background:repeating-linear-gradient(90deg,#e8e1d2 0 11px,transparent 11px 22px);
}
.places-sheet .film-strip::before{
  top:.5rem;
}
.places-sheet .film-strip::after{
  bottom:.5rem;
}
.places-sheet .film-strip.is-dragging{
  transition:none;
}
.places-sheet .film-strip figure{
  flex:0 0 clamp(180px,min(18vw,27vh),245px);
  width:clamp(180px,min(18vw,27vh),245px);
  margin:0;
}
.places-sheet .film-photo{
  height:clamp(112px,min(12vw,18.5vh),158px);
}
.places-sheet .film-strip figcaption{
  min-height:2.25rem;
  padding:.52rem .12rem 0;
  font-size:clamp(.56rem,.68vw,.65rem);
  line-height:1.3;
}
@media(max-width:800px){
  .places-sheet{
    inset:3.8rem .65rem 3.8rem;
  }
  .places-sheet .page-inner{
    padding:clamp(1rem,2.7vh,1.65rem) clamp(.75rem,3.4vw,1.25rem) clamp(.55rem,1.4vh,.85rem);
    padding-top:calc(clamp(1rem,2.7vh,1.65rem) + clamp(30px,4.5vh,40px));
  }
  .places-sheet h2{
    font-size:clamp(2rem,min(8.5vw,6.6vh),3.3rem);
  }
  .places-sheet .lead{
    font-size:clamp(.77rem,min(2.45vw,1.8vh),.95rem);
  }
  .places-sheet .film-tab{
    margin-top:.5rem;
    padding:.52rem .78rem;
  }
  .places-sheet .film-sleeve{
    margin-top:var(--film-instruction-gap);
    padding-inline:0!important;
  }
  .places-sheet .film-strip,
  .places-sheet .film-strip.is-open{
    padding-inline:1rem;
  }
  .places-sheet .film-strip figure{
    flex-basis:clamp(145px,39vw,195px);
    width:clamp(145px,39vw,195px);
  }
  .places-sheet .film-photo{
    height:clamp(96px,25vw,128px);
  }
}

@media(max-height:650px){
  .places-sheet{
    inset-block:3.45rem 3.35rem;
  }
  .places-sheet .page-inner{
    --film-instruction-gap:3.375rem;
    padding-block:.78rem .45rem;
    padding-top:calc(.78rem + 30px);
  }
  .places-sheet .chapter-kicker{
    margin-bottom:.22rem;
    padding:.3rem .5rem;
    font-size:.58rem;
  }
  .places-sheet h2{
    margin-bottom:.25rem;
    font-size:clamp(2rem,6.3vh,3rem);
  }
  .places-sheet .lead{
    font-size:clamp(.75rem,1.78vh,.9rem);
    line-height:1.3;
  }
  .places-sheet .film-tab{
    margin-top:.42rem;
    padding:.48rem .78rem;
  }
  .places-sheet .film-sleeve{
    margin-top:var(--film-instruction-gap);
    padding-block:.35rem!important;
    transform:none;
  }
  .places-sheet .film-strip,
  .places-sheet .film-strip.is-open{
    padding-block:1.55rem 1.18rem;
  }
  .places-sheet .film-photo{
    height:clamp(90px,16vh,118px);
  }
  .places-sheet .film-strip figcaption{
    min-height:1.8rem;
    padding-top:.35rem;
  }
}

/* Keep the Selected Work folder group close to its introduction instead of pinning it to the page bottom. */
.work-sheet .folder-shelf{
  align-self:start;
  height:auto;
  transform:translateY(clamp(26px,4vh,42px));
}
.work-sheet .file-folder{
  height:clamp(12rem,34vh,17rem);
}
.work-sheet .file-folder.featured{
  height:clamp(14rem,40vh,19.5rem);
}
@media(max-width:800px){
  .work-sheet .file-folder,
  .work-sheet .file-folder.featured{
    height:clamp(10.5rem,36vh,15rem);
  }
}
@media(max-height:650px){
  .work-sheet .folder-shelf{
    transform:translateY(18px);
  }
  .work-sheet .file-folder,
  .work-sheet .file-folder.featured{
    height:min(13rem,calc(100vh - 18rem));
    min-height:9.75rem;
  }
}

/* Match the subtle open-book spine used on Collected Places. */
.work-sheet::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:0;
  left:calc(50% - 18px)!important;
  top:0!important;
  bottom:0!important;
  width:36px!important;
  height:auto!important;
  pointer-events:none;
  background:linear-gradient(
    90deg,
    transparent 0,
    rgba(75,65,51,.035) 24%,
    rgba(70,60,47,.13) 46%,
    rgba(255,255,255,.26) 54%,
    rgba(255,255,255,.07) 72%,
    transparent 100%
  )!important;
  box-shadow:none!important;
  filter:blur(.15px);
}
.work-sheet .page-inner{
  position:relative;
  z-index:1;
}

/* One shared field-note card for the interactive developed-film frames. */
.places-sheet .place-fieldnote-trigger{
  cursor:zoom-in;
}
.places-sheet .place-fieldnote-trigger:focus-visible{
  outline:2px solid rgba(226,214,186,.82);
  outline-offset:4px;
}
.places-sheet .place-fieldnote-trigger img{
  -webkit-user-drag:none;
  user-select:none;
}
.place-fieldnote-overlay{
  position:fixed;
  z-index:9999;
  inset:0;
  display:grid;
  place-items:center;
  padding:1rem;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  background:rgba(105,84,58,.24);
  backdrop-filter:blur(1.5px) sepia(.08);
  transition:opacity .18s ease,visibility 0s linear .18s;
}
.place-fieldnote-overlay.is-visible{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transition:opacity .18s ease;
}
.place-fieldnote-card{
  position:relative;
  z-index:10000;
  width:min(720px,calc(100vw - 2rem));
  max-height:calc(100vh - 1.5rem);
  padding:clamp(1rem,2.6vw,1.75rem);
  overflow:visible;
  opacity:0;
  color:#302f2a;
  background:#f4efe3;
  box-shadow:0 24px 58px rgba(49,40,30,.3);
  clip-path:polygon(.35% .7%,99.4% 0,100% 98.8%,98.5% 100%,.5% 99.4%,0 1.2%);
  transform:translateY(4px) scale(.995);
  transition:opacity .18s ease,transform .18s ease-out;
}
.place-fieldnote-card::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  pointer-events:none;
  opacity:.24;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.11'/%3E%3C/svg%3E");
}
.place-fieldnote-card>*{
  position:relative;
  z-index:1;
}
.place-fieldnote-card.is-visible{
  opacity:1;
  transform:translateY(0) scale(1);
}
.place-fieldnote-close{
  position:absolute;
  z-index:3;
  top:.75rem;
  right:.8rem;
  display:grid;
  place-items:center;
  width:2.15rem;
  height:2.15rem;
  padding:0;
  border:1px solid rgba(79,72,61,.34);
  border-radius:50%;
  background:rgba(246,241,230,.84);
  color:#49453e;
  cursor:pointer;
  font:400 1.35rem/1 var(--serif);
  transition:background .2s ease,transform .2s ease;
}
.place-fieldnote-close:hover,
.place-fieldnote-close:focus-visible{
  background:#f8f3e9;
  transform:rotate(3deg);
}
.place-fieldnote-image{
  display:block;
  flex:0 0 auto;
  width:100%;
  height:min(36vh,330px);
  object-fit:contain;
  object-position:center;
  background:#ded8cb;
  transition:opacity .12s ease;
}
.place-fieldnote-text{
  position:relative;
  z-index:2;
  display:block;
  width:100%;
  opacity:1;
}
.place-fieldnote-number{
  margin:clamp(.72rem,1.55vh,.95rem) 0 .08rem;
  color:#716b62;
  font:400 clamp(.56rem,.68vw,.66rem)/1.25 var(--type);
  letter-spacing:.16em;
  text-transform:uppercase;
}
.place-fieldnote-card h3{
  margin:0 0 .14rem;
  opacity:1;
  font:500 clamp(1.3rem,2vw,1.8rem)/1.05 var(--serif);
  letter-spacing:.06em;
}
.place-fieldnote-date{
  margin:0;
  opacity:1;
  color:#726c62;
  font:400 clamp(.62rem,.82vw,.74rem)/1.45 var(--type);
}
.place-fieldnote-copy{
  margin:clamp(.65rem,1.5vh,.95rem) 0 0;
  padding:.22rem .15rem .32rem;
  opacity:1;
  visibility:visible;
  color:#4f4b43;
  background:repeating-linear-gradient(
    to bottom,
    transparent 0,
    transparent calc(1.72em - 1px),
    rgba(103,124,136,.12) calc(1.72em - 1px),
    rgba(103,124,136,.12) 1.72em
  );
  font:400 clamp(.95rem,1.55vw,1.16rem)/1.72 var(--hand);
  text-align:left;
  transition:none;
}

@media(max-width:600px){
  .place-fieldnote-card{
    width:min(94vw,720px);
    padding:.85rem;
  }
  .place-fieldnote-image{
    height:min(31vh,250px);
  }
  .place-fieldnote-copy{
    font-size:clamp(.88rem,3.7vw,1.02rem);
    line-height:1.58;
    background:repeating-linear-gradient(
      to bottom,
      transparent 0,
      transparent calc(1.58em - 1px),
      rgba(103,124,136,.12) calc(1.58em - 1px),
      rgba(103,124,136,.12) 1.58em
    );
  }
}

@media(max-height:650px){
  .place-fieldnote-card{
    padding:.75rem 1rem;
  }
  .place-fieldnote-image{
    height:min(28vh,190px);
  }
  .place-fieldnote-card h3{
    font-size:1.2rem;
  }
  .place-fieldnote-number{
    margin-top:.45rem;
  }
  .place-fieldnote-copy{
    margin-top:.45rem;
    font-size:.9rem;
    line-height:1.48;
  }
}

@media(max-height:480px){
  .place-fieldnote-card{
    width:min(760px,calc(100vw - 1rem));
    padding:.55rem .75rem;
  }
  .place-fieldnote-image{
    height:min(22vh,105px);
  }
  .place-fieldnote-card h3{
    font-size:1rem;
  }
  .place-fieldnote-number{
    margin-top:.25rem;
    font-size:.5rem;
  }
  .place-fieldnote-copy{
    margin-top:.25rem;
    padding:.08rem;
    font-size:.75rem;
    line-height:1.3;
    background:none;
  }
}

/* Archive — fixed final notebook spread */
.archive-sheet{
  overflow:hidden!important;
  overscroll-behavior:none;
}

.archive-sheet::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:0;
  left:calc(50% - 18px)!important;
  top:0!important;
  bottom:0!important;
  width:36px!important;
  height:auto!important;
  pointer-events:none;
  background:linear-gradient(
    90deg,
    transparent 0,
    rgba(75,65,51,.035) 24%,
    rgba(70,60,47,.13) 46%,
    rgba(255,255,255,.26) 54%,
    rgba(255,255,255,.07) 72%,
    transparent 100%
  )!important;
  box-shadow:none!important;
  filter:blur(.15px);
}

.archive-sheet .page-inner{
  position:relative;
  z-index:1;
  display:flex;
  min-height:0;
  height:100%;
  overflow:visible;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  padding:clamp(.9rem,2.5vh,1.5rem) clamp(1.5rem,6vw,5rem) clamp(.65rem,1.7vh,1rem);
}

.archive-sheet .chapter-kicker{
  flex:0 0 auto;
}

.archive-sheet h2{
  flex:0 0 auto;
  margin-bottom:clamp(.35rem,1vh,.7rem);
}

.archive-sheet .archive-drawer{
  flex:0 0 auto;
  margin:clamp(.4rem,1vh,.75rem) auto 0;
  transform:translateX(20px);
}

.archive-sheet .drawer-handle{
  flex:0 0 auto;
  transform:translateX(20px);
}

.archive-sheet .closing-line{
  flex:0 0 auto;
  margin-top:clamp(.65rem,1.45vh,1rem);
  opacity:.9;
  animation:archive-closing-breath 7s ease-in-out infinite;
}

@keyframes archive-closing-breath{
  0%,100%{opacity:.9}
  50%{opacity:1}
}

@media(max-height:700px){
  .archive-sheet .page-inner{
    padding-top:.7rem;
    padding-bottom:.45rem;
  }

  .archive-sheet h2{
    margin-top:.15rem;
    margin-bottom:.2rem;
  }

  .archive-sheet .archive-drawer{
    margin-top:.2rem;
  }

  .archive-sheet .closing-line{
    margin-top:.45rem;
  }
}

@media(prefers-reduced-motion:reduce){
  .archive-sheet .closing-line{
    animation:none;
    opacity:.96;
  }
}

/* Final three-spread vertical rhythm refinements. */
.work-sheet .page-inner{
  padding-top:calc(clamp(1.35rem,3.4vh,2.65rem) + 30px);
}

.work-sheet .folder-shelf{
  transform:translateY(calc(clamp(26px,4vh,42px) + 18px));
}

.places-sheet .page-inner{
  --film-instruction-gap:2.4375rem;
}

.places-sheet .chapter-kicker{
  margin-bottom:calc(clamp(.32rem,.8vh,.55rem) + 18px);
}

.places-sheet .film-sleeve{
  padding-block:.15rem!important;
}

.places-sheet .film-strip,
.places-sheet .film-strip.is-open{
  padding-block:clamp(.78rem,1.65vh,1.02rem) clamp(.64rem,1.35vh,.86rem);
}

.places-sheet .film-strip::before,
.places-sheet .film-strip::after{
  height:10px;
  background:repeating-linear-gradient(90deg,#e8e1d2 0 9px,transparent 9px 19px);
}

.places-sheet .film-strip::before{
  top:.25rem;
}

.places-sheet .film-strip::after{
  bottom:.25rem;
}

.places-sheet .film-strip figure{
  flex-basis:clamp(148px,min(15vw,22vh),205px);
  width:clamp(148px,min(15vw,22vh),205px);
}

.places-sheet .film-photo{
  height:clamp(94px,min(9.6vw,14.2vh),132px);
}

.places-sheet .film-strip figcaption{
  min-height:1.7rem;
  padding-top:.3rem;
}

.archive-sheet .chapter-kicker{
  margin-bottom:calc(1em + 20px);
}

.archive-sheet h2{
  margin-bottom:calc(clamp(.35rem,1vh,.7rem) + 20px);
}

.archive-sheet .archive-drawer{
  margin-top:0;
  transform:translateX(8px);
}

.archive-sheet .drawer-handle{
  transform:translateX(8px);
}

.archive-sheet .closing-line{
  margin-top:-.75rem;
}

@media(max-width:800px){
  .work-sheet .page-inner{
    padding-top:calc(clamp(1rem,2.8vh,1.7rem) + 30px);
  }

  .places-sheet .film-strip figure{
    flex-basis:clamp(132px,33vw,168px);
    width:clamp(132px,33vw,168px);
  }

  .places-sheet .film-photo{
    height:clamp(84px,21.2vw,108px);
  }
}

@media(max-height:650px){
  .work-sheet .page-inner{
    padding-top:calc(.8rem + 24px);
  }

  .work-sheet .folder-shelf{
    transform:translateY(34px);
  }

  .places-sheet .page-inner{
    --film-instruction-gap:2.4375rem;
  }

  .places-sheet .film-strip,
  .places-sheet .film-strip.is-open{
    padding-block:.72rem .56rem;
  }

  .places-sheet .film-photo{
    height:clamp(78px,13.2vh,98px);
  }

  .archive-sheet .chapter-kicker{
    margin-bottom:calc(.6em + 14px);
  }

  .archive-sheet h2{
    margin-bottom:14px;
  }

  .archive-sheet .closing-line{
    margin-top:-.9rem;
  }
}

/* Final cascade: preserve the original film dimensions and settle the archive spacing. */
.places-sheet .film-sleeve{
  align-self:end;
  height:auto;
  margin-top:0;
  margin-bottom:26px;
  padding:clamp(.45rem,1vh,.75rem) 0!important;
}

.places-sheet .film-strip,
.places-sheet .film-strip.is-open{
  padding:clamp(1.95rem,4.2vh,2.7rem) clamp(1.2rem,2vw,2rem) clamp(1.5rem,3.2vh,2.2rem);
}

.places-sheet .film-strip::before,
.places-sheet .film-strip::after{
  height:14px;
  background:repeating-linear-gradient(90deg,#e8e1d2 0 11px,transparent 11px 22px);
}

.places-sheet .film-strip::before{top:.5rem}
.places-sheet .film-strip::after{bottom:.5rem}

.places-sheet .film-strip figure{
  flex-basis:clamp(180px,min(18vw,27vh),245px);
  width:clamp(180px,min(18vw,27vh),245px);
}

.places-sheet .film-photo{
  height:clamp(112px,min(12vw,18.5vh),158px);
}

.places-sheet .film-strip figcaption{
  min-height:2.25rem;
  padding-top:.52rem;
}

.archive-sheet .archive-drawer,
.archive-sheet .drawer-handle{
  transform:translate(8px,-32px);
}

.archive-sheet .closing-line{
  margin-top:-.75rem;
  transform:translateY(30px);
}

@media(max-width:800px){
  .places-sheet .film-strip figure{
    flex-basis:clamp(145px,39vw,195px);
    width:clamp(145px,39vw,195px);
  }

  .places-sheet .film-photo{
    height:clamp(96px,25vw,128px);
  }
}

@media(max-height:650px){
  .places-sheet .film-sleeve{
    margin-bottom:26px;
    padding-block:.35rem!important;
  }

  .places-sheet .film-strip,
  .places-sheet .film-strip.is-open{
    padding-block:1.55rem 1.18rem;
  }

  .places-sheet .film-photo{
    height:clamp(90px,16vh,118px);
  }
}

@media(max-height:760px){
  .archive-sheet{
    inset-block:3.45rem 1.2rem;
  }

  .archive-sheet .page-inner{
    padding-top:.55rem;
  }

  .archive-sheet .chapter-kicker{
    margin-bottom:calc(.6em + 14px);
  }

  .archive-sheet h2{
    margin-top:.1rem;
    margin-bottom:14px;
  }

  .archive-sheet .archive-drawer,
  .archive-sheet .drawer-handle{
    transform:translate(8px,-24px);
  }

  .archive-sheet .closing-line{
    transform:translateY(38px);
  }
}

/* Selected Work — title-block rhythm only; the shelf remains fixed. */
.work-sheet .chapter-kicker{
  top:10px;
}

.work-sheet h2{
  top:20px;
}

.work-sheet .lead{
  top:14px;
}

/* Collected Places — reposition the intact film without resizing it. */
.places-sheet .film-sleeve{
  align-self:start;
  margin-top:88px;
  margin-bottom:0;
}

@media(max-height:650px){
  .places-sheet .film-sleeve{
    margin-top:80px;
  }
}

/* Archive — move only the opened state as one physical group. */
.archive-sheet .archive-drawer{
  transition:max-height .7s cubic-bezier(.2,.75,.2,1),opacity .35s,padding .7s,transform .7s cubic-bezier(.2,.75,.2,1);
}

.archive-sheet .archive-document-stage,
.archive-sheet .drawer-handle,
.archive-sheet .closing-line{
  transition:transform .7s cubic-bezier(.2,.75,.2,1);
}

.archive-sheet .archive-drawer.is-open{
  transform:translate(8px,3px);
}

.archive-sheet .archive-drawer.is-open~.archive-document-stage{
  transform:translateY(35px);
}

.archive-sheet .archive-drawer.is-open~.drawer-handle{
  transform:translate(8px,3px);
}

.archive-sheet .archive-drawer.is-open~.closing-line{
  transform:translateY(65px);
}

@media(max-height:760px){
  .archive-sheet .archive-drawer.is-open{
    transform:translate(8px,11px);
  }

  .archive-sheet .archive-drawer.is-open~.drawer-handle{
    transform:translate(8px,11px);
  }

  .archive-sheet .archive-drawer.is-open~.closing-line{
    transform:translateY(73px);
  }
}

/* Collected Places — connect the intact film more closely to its instruction. */
.places-sheet .film-sleeve{
  margin-top:48px;
}

@media(max-height:650px){
  .places-sheet .film-sleeve{
    margin-top:40px;
  }
}

/* Social Creatures uses the same physical paper-extraction transition as JOOCYEE. */
.file-folder[href$="project-social-creatures.html"]{
  z-index:2;
  cursor:pointer;
  pointer-events:auto;
  transform-origin:center bottom;
}

.file-folder[href$="project-social-creatures.html"]::before{
  transform-origin:left bottom;
  transition:transform .34s cubic-bezier(.2,.75,.25,1),box-shadow .34s ease;
}

.file-folder[href$="project-social-creatures.html"].is-preparing,
.file-folder[href$="project-social-creatures.html"].is-extracting{
  transform:translateY(-9px) rotate(-.35deg);
  box-shadow:7px 15px 24px rgba(45,51,43,.28);
}

.file-folder[href$="project-social-creatures.html"].is-extracting::before{
  transform:translateY(-5px) rotateX(-18deg) rotate(-1deg);
  box-shadow:0 -5px 9px rgba(49,53,45,.12);
}

.social-creatures-folder .file-stamp{
  max-width:9rem;
  line-height:1.35;
}

@media(prefers-reduced-motion:reduce){
  .file-folder[href$="project-social-creatures.html"],
  .file-folder[href$="project-social-creatures.html"]::before{
    transition-duration:.01ms!important;
  }
}