.workshop-book-trigger{position:absolute;left:84.3%;top:5.6%;width:8%;height:15.5%;border:0;padding:0;background:none;cursor:pointer;transform:none;color:#fff0cf;z-index:2}
.workshop-book-trigger svg{width:100%;height:100%;overflow:visible}.workshop-book-trigger:focus-visible{outline:3px solid #7e502d;outline-offset:5px;border-radius:8px}
.book-dialog{padding:0;border:0;background:transparent;color:#573b29;width:min(1020px,94vw);max-width:94vw;height:min(660px,84svh);max-height:84svh;overflow:visible;perspective:1800px}
.book-dialog::backdrop{background:#38281bb0}.book-volume{position:relative;height:100%;border:12px solid #835433;border-radius:9px 15px 15px 9px;background:#f5e5bd;box-shadow:0 7px 0 #674028,0 12px 0 #b99b72,0 17px 0 #775334,0 26px 48px #241b1b70;transform-origin:center;display:grid;grid-template-columns:1fr 1fr}
.book-leaf{min-width:0;min-height:0;padding:38px 35px 24px;display:flex;flex-direction:column;background:radial-gradient(ellipse at 25% 35%,#fff7dd99,transparent 65%),repeating-linear-gradient(2deg,#bc8e4220 0 1px,transparent 1px 7px),#f5e5bd}
.book-left{border-radius:2px 0 0 2px;box-shadow:inset -20px 0 23px -18px #50331c95}.book-right{border-radius:0 5px 5px 0;box-shadow:inset 19px 0 22px -18px #50331c90;position:relative}.book-volume::after{content:'';position:absolute;left:50%;top:0;bottom:0;width:1px;background:#77522d55;pointer-events:none}
.book-kicker{margin:0 0 12px;font:12px/1.3 'Trebuchet MS',sans-serif;letter-spacing:2px;text-transform:uppercase;color:#937043}.book-leaf h2{font:italic 32px/1.2 Georgia,serif;margin:0 0 24px}.book-post-titles{overflow:auto;flex:1;min-height:0;display:flex;flex-direction:column;gap:8px}.book-post-titles button{font:21px/1.35 Georgia,serif;text-align:left;color:#62432d;border:0;border-bottom:1px solid #b9925755;background:none;padding:13px 10px;cursor:pointer}.book-post-titles button[aria-current=true]{color:#355f43;background:#cdb88233;border-left:3px solid #697b47}.book-post-titles button:focus-visible{outline:2px solid #697b47;outline-offset:-2px}
.book-post-body{font:18px/1.7 Georgia,serif;white-space:pre-wrap;overflow-wrap:anywhere;overflow:auto;flex:1;min-height:0;margin:0}.book-post-date{font:13px/1.4 'Trebuchet MS',sans-serif;color:#8b6a44;border-top:1px solid #ba955b66;padding-top:12px;margin-top:18px;min-height:30px}.book-close{position:absolute;right:6px;top:3px;z-index:3;border:0;background:none;color:#754d32;font:27px/1 sans-serif;cursor:pointer;padding:9px}.book-left-footer{margin:18px 0 0;font:italic 14px Georgia,serif;color:#997143}
.book-cover{position:absolute;inset:-12px -12px -12px 50%;z-index:4;transform-origin:left center;backface-visibility:hidden;background:linear-gradient(100deg,#5f6747,#8b9670 10%,#8f9974 75%,#717b53);border:7px solid #67472c;border-radius:0 12px 12px 0;display:grid;place-content:center;gap:20px;text-align:center;color:#fff0c9;box-shadow:inset 0 0 0 2px #c4b17a;pointer-events:none}.book-cover span{font:italic 36px Georgia,serif}.book-cover b{font:52px Georgia,serif;font-weight:normal}.book-dialog:not(.book-animating) .book-cover{display:none}
.mobile-book-trigger{display:none}
@media(max-width:700px){.mobile-book-trigger{display:block;position:relative;left:auto;top:auto;width:110px;height:130px;margin:8px 28px 0 auto}.book-dialog{width:96vw;max-width:96vw;height:85svh;max-height:85svh}.book-volume{border-width:7px;grid-template-columns:38% 62%}.book-leaf{padding:36px 12px 14px}.book-leaf h2{font-size:23px;margin-bottom:12px}.book-post-titles button{font-size:16px;padding:10px 4px}.book-post-body{font-size:16px;line-height:1.5}.book-volume::after{left:38%}.book-kicker{font-size:10px;letter-spacing:1px}.book-cover{left:38%;inset-block:-7px;right:-7px}.book-left-footer{font-size:11px}}
@media(prefers-reduced-motion:reduce){.book-cover{display:none!important}}


.book-more{border:1px solid #ad8b57;background:#eedab1;color:#62432d;padding:8px;margin-top:8px;cursor:pointer}.book-more[hidden]{display:none}

.reference-stage .replay-hotspot{left:71%;top:2%;width:11%;height:5.5%;border:4px ridge #bb8751;border-radius:5px;background:repeating-linear-gradient(3deg,transparent 0 5px,#9c653a15 6px 7px),linear-gradient(#edc796,#d8a76e);box-shadow:1px 3px 0 #946036,2px 5px 7px #78502b25}.reference-stage .replay-hotspot>span{position:static;width:auto;height:auto;clip-path:none;overflow:visible;color:#694323;font:italic clamp(9px,1vw,16px) Georgia,serif}.mobile-book-trigger{width:130px;height:104px}

.door-welcome{background:#f5ebd8;isolation:isolate}
.door-welcome::before{content:none}
.door-welcome .door-interior{background:#eee0c7;overflow:hidden;box-shadow:inset 15px 0 25px #3a291c33}
.door-welcome .door-interior::before{content:'';position:absolute;inset:0;background:url('/brand/workshop-book-scene.png') center/contain no-repeat;opacity:.76;filter:blur(2px);transform:scale(1.288);pointer-events:none}
.door-welcome{transition:opacity .65s 1.65s!important}
.door-welcome .wooden-door{transition:transform 2s cubic-bezier(.35,0,.2,1)}
@media(prefers-reduced-motion:reduce){.door-welcome,.door-welcome .wooden-door{transition:none!important}}
.door-welcome-note{position:relative;background:#f7eddbd9;padding:7px 14px;border-radius:3px;color:#705639}
/* The zero-width float holds the photograph at the foot of the page.
   Text remains in normal flow, wrapping to its left without covering it. */
.book-story{flex:1;min-height:0;overflow:hidden;padding:0 12px 12px 0;margin-right:-12px;display:flow-root}
.book-story.book-needs-scroll{overflow-y:auto}
.book-photo-space{float:right;width:0;height:var(--photo-space,0px)}
.book-photo{float:right;clear:right;width:fit-content;max-width:55%;margin:12px 4px 12px 24px;padding:9px;background:#fffefa;transform:rotate(8deg);box-shadow:1px 3px 4px #49301d3b,0 1px 1px #49301d25;line-height:0}
.book-photo img{display:block;width:auto;height:auto;max-width:100%;max-height:min(23svh,190px);object-fit:contain}
.book-photo[hidden],.book-story:has(.book-photo[hidden]) .book-photo-space{display:none}
.book-right .book-post-heading{max-height:28%;overflow:auto;overflow-wrap:anywhere;flex-shrink:0}
.book-story .book-post-body{overflow:visible;min-height:0;text-align:left}
.book-right .book-post-date{flex-shrink:0;margin-top:8px;padding-top:6px;min-height:0}
.book-right:has(.book-photo:not([hidden])) .book-post-date{position:absolute;left:35px;bottom:24px;max-width:42%;border:0;margin:0;padding:0}
@media(max-width:700px){.book-right:has(.book-photo:not([hidden])) .book-post-date{left:12px;bottom:14px;max-width:40%}}
@media(max-width:700px){.book-photo{max-width:51%;padding:6px;margin:10px 4px 12px 18px}.book-photo img{max-height:min(21svh,145px)}.book-story{padding-right:5px;margin-right:-5px}.book-story .book-post-body{font-size:14px;line-height:1.5}.book-right .book-post-date{font-size:10px}}
@media(max-width:599px){.workshop-book-trigger,.mobile-book-trigger{display:none!important}}
@media(min-width:701px) and (max-width:1000px){
 .book-right .book-post-heading{font-size:26px;margin-bottom:16px}
 .book-story .book-post-body{font-size:16px;line-height:1.5}
}