/* The cover binding, paper index and personal notes. */
:root{--stitch:#e5c393;--stitch-shadow:#462c1d;--binding-ink:#442b1b}
.header{position:relative;margin-top:18px;border-radius:24px 24px 0 0;height:108px;padding-top:9px;isolation:isolate}
.header:before,.footer:before{content:'';position:absolute;pointer-events:none;inset:13px 19px -1px;border:2px dashed var(--stitch);border-bottom:0;border-radius:15px 15px 0 0;filter:drop-shadow(0 1px 1px var(--stitch-shadow));box-shadow:0 0 0 4px #462d1b24,inset 0 0 0 3px #e4b98519}
.header:after,.footer:after{content:'';position:absolute;pointer-events:none;right:35px;top:0;bottom:0;width:17px;background:linear-gradient(90deg,transparent,#38210e35 40%,#f7d5aa22 58%,transparent);z-index:-1}
.header nav a{border-bottom:1px solid transparent;padding-bottom:4px;opacity:.88}.header nav a:hover,.header nav a:focus-visible{border-color:#ecd0a0;opacity:1}
.hero .cover-stitch{inset:0 19px 19px;border:2px dashed var(--stitch)!important;border-top:0!important;border-radius:0 0 38px 38px;box-shadow:0 0 0 4px #462d1b28,inset 0 0 0 3px #e4b9851f!important;filter:drop-shadow(0 1px 1px var(--stitch-shadow))}
.cover-stitch:before{display:none}.hero-top{padding-top:8px}.hero-top .eyebrow{font-size:14px}
.header .wordmark,.footer .wordmark{color:#f6deb7;text-shadow:0 -1px 1px #3e2818,0 1px 0 #dcbb8155}
.cover-milestones .leather-mark{display:grid;place-items:center;padding:10px;min-width:84px;min-height:72px;border:1px solid #59371f6b;border-radius:4px 4px 16px 16px;background:#653d1d13;box-shadow:inset 0 2px 4px #3d261c35,inset 0 -1px 0 #dfb67b51}
.cover-milestones .leather-mark img{filter:drop-shadow(0 1px .7px #e7bd8980) drop-shadow(0 -1px .6px #2f190d90);opacity:.96}
.cover-milestones .cover-city-logo{width:61px;height:61px}.cover-milestones .cover-oq-logo{width:60px;height:auto}.cover-milestones{gap:25px}.cover-milestones a{gap:16px}
main>.contact{border-radius:0!important;padding-bottom:42px!important;box-shadow:none!important}
.contact:after{inset:calc(var(--curve-section) + 16px) 19px 0!important;border:2px dashed var(--stitch)!important;border-bottom:0!important;border-radius:0!important;box-shadow:0 0 0 4px #462d1b28,inset 0 0 0 3px #e4b9851f!important;filter:drop-shadow(0 1px 1px var(--stitch-shadow))}
.footer{position:relative;isolation:isolate;margin-top:0!important;margin-bottom:34px;min-height:148px;padding:30px 6% 46px;border-radius:0 0 32px 32px!important;box-shadow:0 4px 0 #e1d4b9,0 8px 0 #bfb29a,0 11px 0 #efe4ce,0 17px 0 #56371f,0 28px 24px -12px #30221677!important}
.footer:before{inset:-1px 19px 17px;border-top:0;border-bottom:2px dashed var(--stitch);border-radius:0 0 22px 22px}.footer>span{color:#e9d2ae;font-size:13px}.footer>a:last-child{font-size:14px}
.chapter-mobile{cursor:pointer;gap:14px;font:400 13px var(--font)}.chapter-mobile .index-open-icon{font:22px/1 'Manrope',sans-serif;border-inline-end:1px solid #f7ecd444;padding-inline-end:12px}
@media(max-width:980px){
 .chapter-index{display:none;position:fixed;inset:auto 18px 86px 18px;transform:none;top:auto;width:auto;max-height:calc(100svh - 135px);overflow:auto;z-index:90;padding:20px;background:#eee7d7 url(assets/warm-cream-paper.webp) center/650px;border:1px solid #b49f7a;border-radius:4px 4px 22px 22px;box-shadow:0 20px 65px #10202155,3px 4px 0 #c6b697;gap:0}
 .chapter-index.is-open{display:flex}.chapter-index .index-caption{font:700 15px var(--font);text-align:right;color:#645941;margin:0;padding:6px 0 18px;border-bottom:1px solid #82786138}
 .chapter-menu-close{position:absolute;left:15px;top:15px;border:0;background:transparent;color:#66553a;font:25px/1 Arial;width:36px;height:36px;padding:0}
 .chapter-index a,.chapter-index a:nth-of-type(n),.chapter-index a[aria-current=true],.chapter-index a:hover,.chapter-index a:focus-visible{width:100%;height:52px;border-radius:0;background:transparent;color:#686855;box-shadow:none;border-bottom:1px solid #867a6233;justify-content:flex-start;padding:8px 12px;gap:20px;clip-path:none;transform:none}
 .chapter-index .index-label,.chapter-index a[aria-current=true] .index-label,.chapter-index a:hover .index-label{max-width:none;opacity:1;font-size:15px;font-weight:400;transform:none}.chapter-index a[aria-current=true]{background:#fff9ea;border-inline-start:3px solid #935d33;color:#3e4f49}.chapter-index a[aria-current=true] .index-label{font-weight:700}.chapter-index .index-number{font-size:13px;color:#947451}
 .chapter-mobile{display:flex;background:#443626f0;color:#f9eacb;border:1px solid #c2a47a;box-shadow:inset 0 0 0 3px #b79b732b,0 5px 18px #16251d2e}
}
@media(max-width:760px){
 .header{margin-top:8px;border-radius:19px 19px 0 0;height:auto;min-height:126px;padding:24px 7% 15px;gap:12px}.header nav{font-size:13px;gap:20px}.header:before{inset:10px 11px -1px;border-radius:10px 10px 0 0}.header:after,.footer:after{right:22px;width:10px}
 .hero .cover-stitch{inset:0 11px 15px;border-radius:0 0 30px 30px}.hero-top .eyebrow{font-size:13px}.hero .intro.hand-note{font-size:22px;line-height:1.95}
 .cover-milestones{gap:21px}.cover-milestones .leather-mark{min-width:67px;min-height:64px;padding:8px}.cover-milestones .cover-city-logo{width:48px;height:48px}.cover-milestones .cover-oq-logo{width:47px}.cover-milestones a{gap:10px;font-size:12px}.cover-milestones b{font-size:10px}
 .contact:after{inset:calc(var(--curve-section) + 14px) 11px 0!important}.footer{margin-bottom:24px;padding:23px 9% 92px;min-height:215px;gap:17px;flex-direction:column;border-radius:0 0 26px 26px!important}.footer:before{inset:-1px 11px 15px;border-radius:0 0 18px 18px}
}
@media(prefers-reduced-motion:reduce){.chapter-index a{transition:none!important;translate:none!important}}
.motion-paused .chapter-index a{transition:none!important}
.workshop-scene{position:relative;isolation:isolate;overflow:hidden;min-height:490px;margin:66px 0 0;border-radius:0 0 30px 30px;background:#152f32;display:flex;align-items:center;justify-content:flex-end;padding:45px 6%;color:#fff6df;box-shadow:0 4px 0 #bda984,0 18px 28px -20px #111e28}
.workshop-scene>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 35%;z-index:-2;border-radius:0;filter:saturate(.65) brightness(.83)}.workshop-scene:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#10282eeb 0%,#17383ab3 37%,#19323417 70%),linear-gradient(0deg,#172c3559,transparent 50%)}
.workshop-scene figcaption{width:46%;max-width:420px;text-align:right}.workshop-scene .eyebrow{font-size:13px;color:#e9d8b6}.workshop-scene h3{font-size:clamp(28px,3vw,42px);line-height:1.7;color:#fff4dd;margin:14px 0 22px}.workshop-scene figcaption>p:not(.eyebrow){font-size:15px;line-height:2;color:#f0e9d9}.workshop-scene .hand-note{display:block;border-top:1px solid #e8d3ab55;padding-top:19px;margin-top:26px;font-size:23px;color:#e9d0a4}
@media(max-width:760px){.field-notes{padding:30px 20px 22px;margin-top:44px}.field-notes-heading{display:block;margin-bottom:26px}.field-notes h3{font-size:31px}.field-notes-heading>.hand-note{font-size:20px}.field-photo-spread{grid-template-columns:1fr;gap:26px}.field-photo-spread figure:nth-child(2){margin-top:0}.field-photo-spread figure:nth-child(2) img{aspect-ratio:4/3;object-position:60% 40%}.field-photo-spread figcaption{font-size:19px}.field-date{font-size:12px;gap:10px}.field-date [dir]{font-size:13px}.workshop-scene{min-height:530px;padding:28px 24px;margin-top:40px;align-items:flex-end}.workshop-scene>img{object-position:72% center}.workshop-scene:before{background:linear-gradient(0deg,#132f35fa,#133238db 35%,#17333b22 75%)}.workshop-scene figcaption{width:100%;max-width:none}.workshop-scene h3{font-size:31px;line-height:1.65;margin:10px 0 15px}.workshop-scene figcaption>p:not(.eyebrow){font-size:14px}.workshop-scene .hand-note{font-size:21px;margin-top:16px;padding-top:15px}}
@media(prefers-reduced-motion:reduce){.field-photo img{transition:none}.field-photo:hover img{transform:none}}
.motion-paused .field-photo img{transition:none;transform:none!important}