.unfold-experiment{grid-column:1/-1;width:100%;margin:22px 0 0}.unfold-intro{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:17px}.unfold-intro .eyebrow{margin:0}.unfold-intro>span:last-child{font-size:11px;color:#b6caa8}.unfold-world{position:relative;overflow:hidden;isolation:isolate;border-radius:18px;background:#b5c7a7;--p:0;--breath:0;--look-x:0;--look-y:0}.unfold-world:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 15% 20%,#e8edce90,transparent 40%),linear-gradient(#1a4537,#112d27);opacity:var(--p)}.world-floor{position:absolute;bottom:0;height:17%;width:100%;background:#809779;transform:translateY(calc(var(--p)*110%));border-top:12px solid #dbe0c1}.unfold-building{position:absolute;left:15%;right:15%;height:70%;top:17%;filter:drop-shadow(0 10px 10px #234e3120)}.building-top{height:41%;background:#849f81;border-top:12px solid #3b6145;border-radius:8px 8px 0 0;display:flex;justify-content:space-evenly;align-items:center;transform:translateY(calc(var(--p)*-180px)) scale(calc(1 - var(--p)*.15));opacity:calc(1 - var(--p)*1.2)}.building-top i{width:13%;height:45%;border:7px solid #516b4a;background:#c8d9bb;box-shadow:inset 0 -7px #e4efd640}.building-wing{position:absolute;top:41%;width:50%;height:58%;background:#bf8d65;opacity:calc(1 - var(--p));transform-origin:50% 0}.wing-left{left:0;transform:translateX(calc(var(--p)*-260px)) rotate(calc(var(--p)*-17deg))}.wing-right{right:0;transform:translateX(calc(var(--p)*260px)) rotate(calc(var(--p)*17deg))}.building-awning{position:absolute;top:37%;left:-2%;width:104%;height:13%;background:repeating-linear-gradient(90deg,#faf0d5 0 8%,#bc704e 8% 16%);border-top:8px solid #faf0d5;border-radius:0 0 8px 8px;transform:translateY(calc(var(--p)*-95px)) scaleY(calc(1 - var(--p)));opacity:calc(1 - var(--p)*1.1)}.building-window{position:absolute;left:7%;top:58%;width:52%;height:33%;border:7px solid #f2eacf;background:#547461;box-shadow:inset 0 0 0 3px #b0c3a4;transform:translateX(calc(var(--p)*-250px));opacity:calc(1 - var(--p))}.building-door{position:absolute;right:7%;top:58%;width:22%;height:41%;background:#385a42;border:7px solid #f2eacf;transform:translateX(calc(var(--p)*260px));opacity:calc(1 - var(--p))}.building-door:after{content:'';width:6px;height:6px;background:#f3d697;position:absolute;right:9px;top:60%;border-radius:50%}.building-step{position:absolute;bottom:0;left:-3%;width:106%;height:12px;background:#f2e9cc;transform:scaleX(calc(1 + var(--p)*.6));opacity:calc(1 - var(--p))}.unfold-caption{position:absolute;left:20px;top:20px;font:italic 16px Georgia,serif;color:#446340;opacity:calc(1 - var(--p))}.keeper{position:absolute;width:170px;height:243px;z-index:4;transform-origin:50% 100%;pointer-events:none}.keeper svg{width:100%;height:100%;overflow:visible}.keeper-body{transform:translateY(calc(var(--breath)*2px));transform-origin:center bottom}.keeper-head{transform:translate(calc(var(--look-x)*2px),calc(var(--look-y)*1px)) rotate(calc(var(--look-x)*4deg));transform-origin:105px 140px}.keeper-pupils{transform:translate(calc(var(--look-x)*3px),calc(var(--look-y)*2px))}.keeper-arm{transform:rotate(calc(var(--p)*-40deg));transform-origin:62px 162px}.keeper-eyes{transform-origin:102px 96px}.morph-piece{position:absolute;transform-origin:0 0;z-index:5;will-change:transform}.unfold-sign{background:#f4edd5;color:#3b432c;padding:20px 26px;display:flex;align-items:center;gap:20px;box-shadow:0 7px 0 #6e855d,0 15px 30px #173e2d25;border:2px solid #dae0bb;border-radius:4px;white-space:nowrap}.unfold-sign small{font-size:9px;letter-spacing:2px;display:block;margin-bottom:5px}.unfold-sign strong{font:32px Georgia,serif;letter-spacing:-1px}.sign-flower{font-size:42px;color:#bc704e}.unfold-sign a{margin-left:auto;font-size:12px;opacity:var(--p)}.menu-stack{background:#f7efdc;color:#3b432c;padding:24px;border-radius:4px;border:1px solid #d2c4a7;box-shadow:8px 9px 0 #c1af89,0 15px 25px #15382b30}.object-label{display:block;font-size:9px;letter-spacing:1.2px;font-weight:700;color:#87684d;margin-bottom:13px}.menu-stack h3,.notebook h3{font:26px/1.1 Georgia,serif;letter-spacing:-.8px;margin:0 0 12px}.menu-demo-note{font-size:11px;line-height:1.5;color:#746d52}.unfold-menu-tabs{display:flex;gap:15px;border-bottom:1px solid #c8bba0;margin-top:15px}.unfold-menu-tabs button{padding:8px 0;background:transparent;border:0;color:#706c51;min-height:36px;font-size:12px;cursor:pointer}.unfold-menu-tabs button[aria-pressed=true]{border-bottom:3px solid #b76b4c;color:#323c29;font-weight:bold}.unfold-menu-row{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:13px 0;border-bottom:1px solid #d7ccb4;font-size:13px}.unfold-menu-row p{margin:5px 0 0;color:#766d54;font-size:11px;line-height:1.5}.unfold-menu-row b{white-space:nowrap}.piece-link{display:inline-block;font-size:12px;font-weight:bold;margin-top:18px}.notebook{background:#f1ead3;color:#38452e;border-left:13px solid #b46847;border-radius:3px;padding:24px 22px 24px 25px;box-shadow:6px 6px #c2b396,0 14px 25px #18352b30;min-height:340px}.notebook:before{content:'';position:absolute;left:7px;top:0;bottom:0;border-left:1px solid #dcae83}.notebook .object-label{color:#a2694c}.notebook-disclosure{font-size:11px;line-height:1.5;color:#756f54}.notebook-facts{display:flex;flex-wrap:wrap;gap:7px;font-size:10px;margin:14px 0}.notebook-facts span{padding:5px 7px;background:#e0dbc0;border-radius:2px}.notebook-facts span.fact-active{background:#b8ca91;font-weight:bold;color:#33482e}#unfold-questions{display:flex;gap:7px;flex-wrap:wrap}#unfold-questions button{background:transparent;border:1px solid #b8b69a;border-radius:3px;padding:9px;font-size:11px;color:#3a482d;cursor:pointer;min-height:38px}#unfold-questions button:hover{background:#e0dbc0}#unfold-answer{font-size:12px;line-height:1.6;border-top:1px solid #c8bea0;padding-top:12px;margin-top:15px}.knowledge-thread{position:absolute;left:38%;top:40%;width:50%;height:30%;opacity:calc(var(--p)*.7);pointer-events:none}.knowledge-thread svg{width:100%;height:100%}.knowledge-tag{position:absolute;font:italic 15px/1.5 Georgia,serif;color:#d5e1b5;bottom:28px;right:30px;opacity:var(--p)}.unfold-controls{display:flex;gap:14px;align-items:center;margin-top:22px}.unfold-controls button{font:600 13px Arial,sans-serif;border-radius:5px;min-height:48px;padding:13px 22px;cursor:pointer}#unfold-toggle{background:#d6ef92;color:#213d2c;border:1px solid #d6ef92;display:flex;gap:25px;align-items:center;min-width:205px;justify-content:space-between}#unfold-hold{background:transparent;color:#d6e4bd;border:1px solid #73846b;touch-action:none;user-select:none}#unfold-hold:active{background:#385743}#unfold-status{font-size:12px;color:#b8c9a8;line-height:1.6;max-width:330px}.unfold-shortcuts{display:flex;gap:20px;align-items:center;margin:22px 0 0;padding-top:18px;border-top:1px solid #b6ca9e30;font-size:12px}.unfold-shortcuts a{color:#d7e5bb;text-underline-offset:4px}.unfold-shortcuts span{margin-left:auto;color:#a7bc9a;font-size:10px}.unfold-experiment button:focus-visible,.unfold-experiment a:focus-visible{outline:3px solid #9bb366;outline-offset:4px}@media(max-width:650px){.unfold-intro>span:last-child{font-size:9px;max-width:100px;text-align:right}.unfold-intro .eyebrow{font-size:9px;letter-spacing:.7px}.unfold-caption{font-size:12px;top:14px;left:14px}.unfold-building{left:7%;right:7%;top:18%;height:69%}.building-top{border-top-width:7px}.building-top i{border-width:4px}.building-window,.building-door{border-width:4px}.building-awning{border-top-width:5px}.unfold-sign{padding:13px 15px;gap:10px}.unfold-sign small{font-size:7px;letter-spacing:1px}.unfold-sign strong{font-size:25px}.sign-flower{font-size:30px}.unfold-sign a{display:none}.menu-stack{padding:19px}.menu-stack h3,.notebook h3{font-size:24px}.unfold-menu-row{padding:11px 0}.notebook{padding:20px 18px;min-height:0}.notebook-disclosure{font-size:11px}.unfold-controls{flex-wrap:wrap;gap:10px}.unfold-controls button{min-height:48px;font-size:12px}.unfold-controls #unfold-toggle{flex:1}.unfold-controls #unfold-hold{display:none}#unfold-status{max-width:none;font-size:12px}.unfold-shortcuts{flex-wrap:wrap;gap:15px;font-size:12px}.unfold-shortcuts span{margin-left:0;width:100%}.knowledge-tag{display:none}.keeper{width:140px;height:200px}.object-label{font-size:8px;letter-spacing:.6px}.notebook-facts{font-size:9px}.unfold-world{border-radius:10px}}
.menu-stack>*:not(.object-label),.notebook>*:not(.object-label):not(.notebook-spine){opacity:var(--detail)}.menu-stack:after{content:'MENU';position:absolute;top:50px;left:28px;font:700 48px Georgia,serif;color:#74573d;opacity:calc(1 - var(--detail));pointer-events:none}.notebook:after{content:'Our little\A notebook';white-space:pre;position:absolute;top:65px;left:30px;font:32px/1.3 Georgia,serif;color:#5b6342;opacity:calc(1 - var(--detail));pointer-events:none}.menu-stack .object-label,.notebook .object-label{opacity:var(--detail)}.unfold-world.is-open .morph-piece{will-change:auto}.unfold-world .notebook-facts{opacity:calc(.3 + var(--detail)*.7)}@media(prefers-reduced-motion:reduce){.unfold-world .unfold-building,.unfold-world .keeper,.unfold-world .knowledge-thread{opacity:calc(1 - var(--p))}.unfold-world.is-moving .morph-piece{opacity:0}.unfold-world:not(.is-moving) .morph-piece{opacity:1}}
.keeper{z-index:6}.notebook{z-index:7}.unfold-world.is-open .keeper{z-index:4}.unfold-world.is-open .knowledge-tag{right:28px;bottom:28px;max-width:250px}@media(prefers-reduced-motion:reduce){.unfold-world.is-moving .morph-piece{opacity:calc((max(var(--p),calc(1 - var(--p))) - .5)*2)}}
/* Same objects, all the way through. */
.menu-stack>*:not(.object-label),.notebook>*:not(.object-label):not(.notebook-spine){opacity:1}.menu-stack:after,.notebook:after{display:none}.menu-title{display:block;font:700 24px Georgia,serif;letter-spacing:2px;color:#8c573a;margin-bottom:10px}.menu-title-extra,.book-title-extra{display:block;opacity:var(--detail);font-size:24px}.menu-stack .menu-demo-note,.menu-stack .unfold-menu-tabs,.menu-stack .piece-link,.notebook .notebook-disclosure,.notebook #unfold-questions,.notebook #unfold-answer{opacity:var(--detail)}.menu-stack #unfold-menu-items{opacity:1}.menu-stack h3{margin:0}.unfold-menu-row p{opacity:var(--detail)}.book-title{display:block;font:italic 23px Georgia,serif;margin-bottom:10px;color:#7b5e42}.notebook .notebook-facts{opacity:1;display:grid;grid-template-columns:1fr}.notebook-facts span{background:transparent;border-bottom:1px solid #cdc1a6;padding:6px 0;font:italic 12px Georgia,serif}.notebook-facts span.fact-active{background:#b8ca91;padding-left:6px;font-weight:700}.notebook .object-label,.menu-stack .object-label{font-size:8px;letter-spacing:.7px}.unfold-frame{position:absolute;inset:15px;z-index:2;pointer-events:none;opacity:var(--p);border:1px solid #acc39350;border-radius:12px}.frame-lintel{position:absolute;left:0;right:0;top:118px;height:14px;background:repeating-linear-gradient(90deg,#cfbba0 0 40px,#b16c4d 40px 80px);border-radius:0 0 5px 5px}.frame-left,.frame-right{position:absolute;top:130px;bottom:25px;width:10px;background:#cfa981;box-shadow:inset 2px 0 #e4c5a0}.frame-left{left:8px}.frame-right{right:8px}.frame-sill{position:absolute;bottom:20px;left:8px;right:8px;height:9px;background:#d8c5a3}.menu-stack:before{content:'';position:absolute;top:-32px;left:25px;width:11px;height:32px;background:#d8c5a3;box-shadow:10px 0 0 #a9835e;opacity:var(--p)}.notebook-spine:before{content:'';position:absolute;top:-42px;right:30px;width:10px;height:42px;background:#c68b67;box-shadow:9px 0 0 #966a50;opacity:var(--p)}.unfold-world.is-open .keeper{z-index:8}.unfold-world.is-open .knowledge-tag{right:auto;left:50%;bottom:35px;font-size:13px;max-width:180px}.keeper-arm{transform:rotate(calc(var(--p)*-64deg))}@media(max-width:650px){.frame-lintel{top:94px;height:9px}.frame-left,.frame-right{top:103px;width:5px;bottom:12px}.frame-left{left:0}.frame-right{right:0}.frame-sill{left:0;right:0;bottom:9px;height:5px}.unfold-frame{inset:9px}.menu-title{font-size:20px}.menu-title-extra,.book-title-extra{font-size:22px}.book-title{font-size:21px}.notebook-facts span{font-size:11px}.menu-stack:before{top:-22px;height:22px}.notebook-spine:before{top:-30px;height:30px}.keeper{z-index:8}}
.keeper{transform-origin:0 0}.notebook{z-index:9}.frame-lintel{display:none}.knowledge-tag{display:none!important}.building-awning{z-index:3}.menu-stack .object-label,.notebook .object-label{opacity:calc(var(--detail)*.55)}@media(max-width:650px){.unfold-sign{padding-right:45px}.unfold-sign strong{font-size:22px}.unfold-sign small{font-size:6px}.unfold-world.is-open .keeper{z-index:10}.sign-flower{font-size:25px}}
.unfold-world.is-open .keeper{z-index:10}.notebook .notebook-facts span{font-size:12px}.menu-stack #unfold-menu-items{margin-top:10px}.unfold-world:not(.is-open) .menu-stack .unfold-menu-row{border-color:#bda889}.unfold-world:not(.is-open) .notebook{border-left-color:#b46847}
.keeper-arm{transform:rotate(calc(var(--reach,0)*-42deg + var(--p)*-10deg))}.keeper-head{transform:translate(calc(var(--look-x)*4px),calc(var(--look-y)*3px)) rotate(calc(var(--look-x)*9deg));transform-origin:105px 140px}.keeper-pupils{transform:translate(calc(var(--look-x)*5px),calc(var(--look-y)*3px))}
.frame-left,.frame-right,.frame-sill{display:none}.building-door:after{opacity:calc(1 - var(--p))}.building-wing{opacity:calc(1 - var(--p)*.97);transform-origin:0 0}.wing-left{transform:translateX(calc(var(--p)*-140px)) rotateY(calc(var(--p)*86deg))}.wing-right{transform-origin:100% 0;transform:translateX(calc(var(--p)*140px)) rotateY(calc(var(--p)*-86deg))}
/* Notebook handoff: the cover opens about its original bound edge. */
.notebook{perspective:1100px;transform-style:preserve-3d}.notebook-cover{position:absolute;inset:-1px -1px -1px -13px;z-index:12;transform-origin:13px 50%;background:linear-gradient(100deg,#e5d9b7,#f4edd5 7%,#ede2c5);border-left:13px solid #b46847;border-right:2px solid #d4c6a1;border-radius:2px;box-shadow:4px 5px 0 #b9a888,0 12px 22px #14352835;pointer-events:none;opacity:calc(1 - var(--settle));backface-visibility:visible}.cover-title{display:block;font:italic 27px/1.3 Georgia,serif;color:#705a3e;margin:45px 24px 30px}.cover-lines{display:block;font:italic 12px/2 Georgia,serif;color:#887553;margin:15px 24px;border-top:1px solid #cdbd98;padding-top:20px}.cover-star{position:absolute;bottom:30px;right:28px;color:#b46847;font-size:35px}.notebook>.object-label,.notebook>h3,.notebook>.notebook-disclosure,.notebook>.notebook-facts,.notebook>#unfold-questions,.notebook>#unfold-answer{opacity:var(--inside)}.notebook .notebook-spine{position:absolute;left:-13px;top:0;bottom:0;width:13px;background:#b46847;z-index:15;pointer-events:none;box-shadow:2px 0 0 #d99c75}.notebook .notebook-spine:before{left:auto;right:-445px}@media(max-width:650px){.notebook .notebook-spine:before{right:-270px}}@media(prefers-reduced-motion:reduce){.notebook-cover{display:none}.notebook>.object-label,.notebook>h3,.notebook>.notebook-disclosure,.notebook>.notebook-facts,.notebook>#unfold-questions,.notebook>#unfold-answer{opacity:1}}
.notebook-cover{transform-style:preserve-3d}.notebook-cover>*{backface-visibility:hidden;transform:translateZ(1px)}.notebook-cover:after{content:'The little things\A make a place.';white-space:pre;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;font:italic 24px/1.5 Georgia,serif;color:#8c795a;background:repeating-linear-gradient(#f1e8d0 0 32px,#d8cbae 33px,#f1e8d0 34px);transform:rotateY(180deg) translateZ(1px);backface-visibility:hidden;border:1px solid #d4c6a1}.notebook .notebook-spine:before{display:none}
.notebook>.notebook-cover{opacity:calc(1 - var(--settle))}.notebook .book-title-extra{opacity:var(--inside)}.notebook>.notebook-facts{opacity:var(--inside)}.notebook>.notebook-disclosure,.notebook>#unfold-questions,.notebook>#unfold-answer{opacity:var(--inside)}
.notebook-cover>.cover-title,.notebook-cover>.cover-lines,.notebook-cover>.cover-star{opacity:var(--cover-front);backface-visibility:visible}.notebook-cover:after{opacity:var(--cover-back);backface-visibility:visible}.notebook-cover{background:#f1e8d0;box-shadow:4px 5px 0 #b9a888,0 12px 22px #14352835}
.notebook-cover:after{display:none}.cover-inside{position:absolute;inset:0;padding:26px;background:repeating-linear-gradient(#f1e8d0 0 32px,#d8cbae 33px,#f1e8d0 34px);transform:rotateY(180deg) translateZ(2px);opacity:var(--cover-back);backface-visibility:visible;color:#6c5d42}.inside-motto{font:italic 25px/1.4 Georgia,serif;margin:12px 0 36px}.cover-inside .notebook-facts{margin:0;display:grid;gap:14px}.cover-inside .notebook-facts span{font:italic 14px/1.5 Georgia,serif;padding:10px 0;border-bottom:1px solid #bba784}.cover-inside .notebook-facts span.fact-active{background:#b8ca91;padding-left:9px}.notebook .notebook-disclosure{margin-bottom:22px}.notebook .book-title-extra{font-size:24px}.notebook-cover>.cover-inside{opacity:var(--cover-back);backface-visibility:visible}@media(max-width:650px){.cover-inside{padding:20px}.inside-motto{font-size:22px;margin-bottom:22px}.cover-inside .notebook-facts{gap:7px}.cover-inside .notebook-facts span{font-size:12px;padding:7px 0}.notebook>.notebook-facts{border-top:2px solid #b46847;border-bottom:1px solid #c8bba0;padding:8px 0;margin:12px 0 18px}}
@media(prefers-reduced-motion:reduce){.unfold-world.is-open .notebook-cover{display:block}}
@media(max-width:650px){.unfold-world .world-floor{opacity:calc(1 - var(--p))}.unfold-world.is-open .world-floor{display:none}}
/* Stable page geometry: sources fade between book formats, never reparent mid-flight. */
.notebook>.notebook-facts{display:none}.notebook-cover{will-change:transform,opacity}.unfold-world.is-open .notebook-cover{will-change:auto}
@media(max-width:650px){.notebook>.notebook-facts{display:grid;opacity:var(--compact-book,0)}.notebook-cover{opacity:calc(1 - var(--compact-book,0))}.notebook>.object-label{line-height:1.6}.notebook-disclosure{line-height:1.65}}
/* Keep the page and stage steady while a customer changes questions. */
#unfold-answer{min-height:88px}.notebook .notebook-cover{backface-visibility:visible}

/* Crop animated pieces without creating a hidden horizontal focus-scroll container. */
@media(max-width:650px){.unfold-world{overflow:clip}}