/* A folio of chapter tabs gathers at the top as each chapter is passed. */
:root{--folio-height:86px;--heading-rule:#dfd6be23;--writing-rule:#ded7c315}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
html{scroll-padding-top:calc(var(--folio-height) + 22px)}
main,.footer{margin-inline:24px!important}
main>.book-title-page{padding-bottom:48px!important}
.chapter-ribbon{position:fixed;z-index:65;top:0;right:24px;left:24px;display:flex;align-items:center;gap:18px;padding:9px 20px 0;min-height:var(--folio-height);background:linear-gradient(180deg,#152923f2,#23322de8);border-radius:0 0 13px 13px;box-shadow:0 8px 20px -12px #14251ccc;backdrop-filter:blur(18px);isolation:isolate;transform:translateY(calc(-100% - 18px));opacity:0;transition:transform .4s,opacity .4s;--read-layers:0}
.chapter-ribbon.is-visible,.chapter-ribbon:focus-within{transform:translateY(0);opacity:1}
.chapter-ribbon:before{content:'';position:absolute;left:14px;right:14px;bottom:0;height:1px;background:#e6dcca42;pointer-events:none;z-index:-1}
.chapter-ribbon:after{content:'';position:absolute;right:22px;left:22px;height:calc(var(--read-layers)*2px);bottom:calc(var(--read-layers)*-2px);background:repeating-linear-gradient(180deg,#e9dfc7 0 1px,#a99d842e 1px 2px);border-radius:0 0 10px 10px;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);pointer-events:none;transition:height .4s,bottom .4s;z-index:-1}
.ribbon-index-link{display:flex;align-items:center;gap:8px;flex:none;color:#ddd5bc;font-size:13px;padding:12px 0 18px}.ribbon-index-link .line-icon{width:22px;height:22px;stroke-width:1.5}.ribbon-index-link:hover{color:#fff4d7}
.ribbon-tray{display:flex;align-items:flex-start;gap:3px;flex:1;min-width:0;padding:0 2px 9px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;isolation:isolate}.ribbon-tray::-webkit-scrollbar{display:none}
.ribbon-tab{flex:1;min-width:0;position:relative;display:flex;align-items:center;justify-content:center;gap:10px;height:56px;white-space:nowrap;border-radius:3px 3px 13px 13px;padding:0 12px;background:linear-gradient(180deg,#ffffff14,transparent 22%,#0000000d),var(--folio-tab);color:var(--folio-ink);border:1px solid #ffffff36;border-top:0;opacity:.5;transform:translateY(-8px);transition:opacity .4s,transform .4s,box-shadow .4s;z-index:calc(10 - var(--tab-order));text-shadow:0 1px #ffffff18}
.ribbon-tab:before{content:'';position:absolute;inset:0 4px 4px;border:1px solid #ffffff24;border-top:0;border-radius:0 0 9px 9px;pointer-events:none}
.ribbon-tab:after{content:'';position:absolute;bottom:-4px;left:3px;right:3px;height:3px;background:#e9ddbd;border-bottom:1px solid #887958;border-radius:0 0 10px 10px;box-shadow:0 3px #c4b798;opacity:0;transition:opacity .4s;z-index:-1}
.ribbon-tab:nth-child(1){--folio-tab:#b8c7ad;--folio-ink:#253d32}.ribbon-tab:nth-child(2){--folio-tab:#b7cece;--folio-ink:#253e47}.ribbon-tab:nth-child(3){--folio-tab:#cda16c;--folio-ink:#3e2e20}.ribbon-tab:nth-child(4){--folio-tab:#708c72;--folio-ink:#f9f0d8}.ribbon-tab:nth-child(5){--folio-tab:#e0d3b6;--folio-ink:#4a4d3b}.ribbon-tab:nth-child(6){--folio-tab:#8198a2;--folio-ink:#182f39}.ribbon-tab:nth-child(7){--folio-tab:#536b76;--folio-ink:#f5e8cd}
.ribbon-tab.is-complete{opacity:1;transform:translateY(-3px);box-shadow:0 2px 3px #11221855}
.ribbon-tab.is-complete:after{opacity:1}
.ribbon-tab[aria-current]{opacity:1;transform:translateY(5px);box-shadow:0 7px 12px #0d201e55,inset 0 -2px 0 #ffffff8c;z-index:12}
.ribbon-tab[aria-current] .ribbon-label{font-weight:700}
.ribbon-tab:hover,.ribbon-tab:focus-visible{opacity:1;transform:translateY(5px);z-index:13}.ribbon-tab:focus-visible{outline:2px solid #fff2cb;outline-offset:-4px}.ribbon-number{font:400 12px Manrope,sans-serif;opacity:.75}.ribbon-label{font-size:14px;line-height:1.4;font-weight:400}
.ribbon-status{font:400 11px Manrope,sans-serif;color:#d3c9ae;flex:none;letter-spacing:1px;align-self:center;padding-bottom:12px}
/* Ruled baselines follow the heading's own line-height, on paper or leather. */
main :is(h1,h2,h3,h4){background-image:repeating-linear-gradient(to bottom,transparent 0 calc(1lh - 1px),var(--heading-rule) calc(1lh - 1px) 1lh);background-position:0 -.1em;background-size:100% 1lh;background-repeat:repeat-y;padding-bottom:.14em}
main>.light,.contents-page,.motion-section,.folder-panel,.dossier-paper,.gallery-content{--heading-rule:#576e6829;--writing-rule:#677e7316}
.notebook-cover,.leather-film,.project-book-cover{--heading-rule:#efd1a62b;--writing-rule:#f5d2a619}
.gifts-section,.events,.about,.journey{--heading-rule:#d4dec42b;--writing-rule:#c9d8c717}
.project-card{--heading-rule:#e9e0c524;--writing-rule:#e9e0c514}.reading{--heading-rule:#5c6a5c29;--writing-rule:#5c6a5c16}
.cinematic-scene,.workshop-scene{--heading-rule:#ffedce32;--writing-rule:#ffedce1a}
.film-client-note,.education{--heading-rule:#667c7033;--writing-rule:#60786720}
.hero h1{background-size:66% 1lh;background-position:center -.1em}
.contents-heading>.hand-note,.event-summary>p,.osw-case-intro>p:not(.osw-role-label),.motion-notes>p,.folder-copy>p,.dossier-page p:not(.eyebrow):not(.page-footnote),.gift-copy>p:not(.gift-client),.about-body>p,.timeline-row p,.services p,.workshop-scene figcaption>p:not(.eyebrow),.footer-material-story>span:last-child{background-image:repeating-linear-gradient(to bottom,transparent 0 calc(1lh - 1px),var(--writing-rule) calc(1lh - 1px) 1lh);background-size:100% 1lh;background-position:0 -.1em;padding-bottom:.12em}
.notebook-date,.field-divider-top{border-bottom-color:var(--heading-rule)}.gift-folio{border-bottom-color:#bba97f50}
.footer-material-story{--writing-rule:#efd5ae1f}
@media(max-width:1100px){.chapter-ribbon{gap:12px;padding-inline:14px}.ribbon-index-link>span{display:none}.ribbon-tab{padding-inline:9px;gap:6px}.ribbon-status{display:none}.ribbon-label{font-size:14px}}
@media(max-width:850px){:root{--folio-height:78px}.chapter-ribbon{right:12px;left:12px;padding:8px 10px 0;gap:10px}.ribbon-tray{mask-image:linear-gradient(90deg,transparent,#000 12px,#000 calc(100% - 8px),transparent);padding-inline:8px}.ribbon-tab{flex:0 0 110px;height:51px;gap:9px}.ribbon-number{font-size:12px}.ribbon-index-link{padding:9px 3px 17px}.ribbon-index-link .line-icon{width:23px;height:23px}.ribbon-label{font-size:14px}.ribbon-tab[aria-current],.ribbon-tab:hover{transform:translateY(4px)}}
@media(max-width:760px){main,.footer{margin-inline:9px!important}.chapter-ribbon{right:9px;left:9px;border-radius:0 0 11px 11px}.hero h1{background-size:82% 1lh}main :is(h2,h3,h4){background-position:0 -.08em}}
@media(prefers-reduced-motion:reduce){.chapter-ribbon,.chapter-ribbon:after,.ribbon-tab,.ribbon-tab:after{transition:none!important}.ribbon-tray{scroll-behavior:auto}}
.motion-paused .chapter-ribbon,.motion-paused .chapter-ribbon:after,.motion-paused .ribbon-tab,.motion-paused .ribbon-tab:after{transition:none!important}

/* Leather is branded; the inside page is written with ink and graphite. */
:root{--burn:#2d180a;--burn-edge:0 1px .7px #edbe8170,0 -1px .7px #241305a6;--blue-ink:#28569a;--graphite:#62615b}
.book-title-page :is(.cover-ownerline,.cover-pretitle,h1,.cover-subtitle,.cover-colophon>[dir],.cover-open,.motion-toggle),.contact :is(h2,h2>span,p,a,button,label,select,textarea,.eyebrow,.mono),.footer :is(.footer-signoff,.footer-signoff a,.footer-material-story,.footer-material-story .hand-note){color:var(--burn)!important;text-shadow:var(--burn-edge)}
.book-title-page h1{color:#3b210f!important;text-shadow:0 1.5px 1px #efbc7975,0 -1px 1px #1e0f059c,0 0 1px #31170bc4}
.book-title-page .cover-pretitle{color:#3c230f!important}.book-title-page .cover-subtitle{margin-top:25px}
.book-title-page :is(h1,p),.contact :is(h2,p),.footer-material-story>span:last-child{background-image:none!important}
#home .cover-title-block h1{background-image:linear-gradient(#281407d6,#341b09d9),url(assets/tobacco-leather.webp)!important;background-size:auto,390px;background-position:center;background-repeat:repeat;background-clip:text;-webkit-background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 1px .45px #edbb8173) drop-shadow(0 -.6px .35px #27140599)}
.book-title-page h1{padding-bottom:0}.book-title-page .cover-colophon>[dir]{font-size:12px}
.book-title-page .cover-ownerline{font-size:14px}.book-title-page .cover-open{border-bottom-color:#41230c73;box-shadow:0 1px #d6a06752;font-size:14px}
.book-title-page .motion-toggle{background:#4a2b0c12;border-color:#4b290d8c;box-shadow:inset 0 1px 2px #37200f7d,0 1px #e7b3785c}
.book-title-page .motion-toggle:hover,.contact .primary:hover{background-color:#3f220d22}
.contact h2>span{color:#482812!important}.contact .primary,.contact .socials button{background:#74451d10;border-color:#4a2a125e;box-shadow:inset 0 1px 2px #492b1840,0 1px #e4b5844a}
.contact select,.contact textarea{background:#5a37120d!important;background-image:none!important;border-color:#4b2c165e!important;color:var(--burn)!important;box-shadow:inset 0 2px 3px #3a221745,0 1px #e8b87855}
.contact textarea::placeholder{color:#4d331e!important;text-shadow:none}.contact select option{background:#fbf9f4;color:#352516;text-shadow:none}
.contact :is(a,button,select,textarea):focus-visible,.book-title-page :is(a,button):focus-visible{outline:2px solid #2d190d;outline-offset:5px}
.footer-signoff{border-bottom-color:#472a1240;font-size:14px}.footer-signoff>a{font-size:14px}.footer-material-story{font-size:14px;line-height:2.2}.footer-material-story .hand-note{font-size:24px}

main>.contents-page{background-color:#fbfaf7!important;background-image:radial-gradient(#756b5910 .5px,transparent .7px)!important;background-size:5px 5px!important;background-blend-mode:normal!important;color:var(--graphite);padding-top:calc(var(--curve-section) + 43px);padding-bottom:80px;--heading-rule:#8b92932b;--writing-rule:#7b8b9a20}
.contents-dateline{display:flex;justify-content:space-between;align-items:baseline;gap:20px;border-bottom:1px solid #93958e59;padding:0 0 13px;margin-bottom:34px;font-size:14px;color:#62635d}
.contents-dateline .pencil-note{display:flex;align-items:baseline;gap:28px;font-size:14px}.contents-dateline b{font:400 21px var(--hand);color:var(--graphite)}
.contents-heading{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:45px;margin-bottom:39px}
.contents-heading h2{font-size:clamp(35px,4vw,52px);font-weight:700;line-height:1.65;margin:0;color:var(--leather);background-image:none;padding-bottom:0}
.contents-heading>.ink-note{font-size:23px;line-height:2.05;color:var(--blue-ink);background-image:repeating-linear-gradient(to bottom,transparent 0 calc(1lh - 1px),#7c94ab2c calc(1lh - 1px) 1lh);background-position:0 -.06em}
.contents-page .pencil-note{color:var(--graphite)}
.film-client-note>.hand-note,.film-story-note>.hand-note{color:var(--blue-ink)}
.dossier-page .page-footnote,.film-still figcaption,.study-caption{color:var(--graphite)}

/* A first notebook page: one continuous ruling, with room around the title. */
#contents .contents-dateline{border:0;padding-bottom:0;margin-bottom:28px}
#contents .contents-heading{display:block;margin-bottom:32px}
.opening-writing{--notebook-line:50px;position:relative;margin-inline-start:4px;padding:0 28px 50px 4px;background-image:repeating-linear-gradient(to bottom,transparent 0 calc(var(--notebook-line) - 1px),#879aac35 calc(var(--notebook-line) - 1px) var(--notebook-line));background-position:0 -5px}
.opening-writing:before{content:'';position:absolute;right:9px;top:0;bottom:0;width:1px;background:linear-gradient(transparent,#ad776d3b 30px,#ad776d3b calc(100% - 35px),transparent);pointer-events:none}
.opening-note{font:400 22px/var(--notebook-line) var(--hand);color:var(--blue-ink);margin:0;background:none!important;padding:0!important}
.opening-note>span{color:var(--graphite)}
.opening-list{display:block;margin-top:var(--notebook-line)}
.opening-list a{display:block;min-height:var(--notebook-line);line-height:var(--notebook-line);border:0;background:none;box-shadow:none;color:var(--blue-ink);padding-inline-start:35px;text-indent:-35px;text-align:right;border-radius:0;transition:color .2s}
.opening-number{display:inline-block;width:24px;margin:0 0 0 11px;font:400 17px var(--hand);color:#77736c;text-indent:0}
.opening-list strong{font-weight:700;font-size:20px;display:inline}
.opening-detail{font-size:15px;color:#70716c;margin-inline-start:17px;line-height:inherit;display:inline}
.opening-list a:hover strong{color:#163f84;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:7px}.opening-list a:focus-visible{outline:2px solid #28569a;outline-offset:4px}
@media(max-width:760px){#contents .contents-heading{margin-bottom:28px}.opening-writing{--notebook-line:46px;padding-inline-start:20px;padding-inline-end:0;padding-bottom:46px;margin:0}.opening-writing:before{right:4px}.opening-note{font-size:19px}.opening-list strong{font-size:18px}.opening-detail{font-size:14px;margin-inline-start:12px}.opening-list a{padding-inline-start:29px;text-indent:-29px}.opening-number{font-size:16px;width:20px;margin:0 0 0 9px}}
@media(max-width:760px){.contents-heading{grid-template-columns:1fr;gap:21px;margin-bottom:29px}.contents-heading h2{font-size:36px}.contents-heading>.ink-note{font-size:21px}.contents-dateline{font-size:13px;margin-bottom:26px}.contents-dateline .pencil-note{font-size:13px;gap:15px}.book-title-page .cover-ownerline{font-size:12px}.footer-signoff{font-size:12px}.footer-signoff>a{font-size:13px}.footer-material-story{font-size:14px}}