@font-face{font-family:'Playpen Sans Arabic';font-style:normal;font-weight:100 800;font-display:swap;src:url(assets/PlaypenSansArabic-Variable.ttf) format('truetype')}
:root{--leather:#935d33;--leather-deep:#714322;--terra:#935d33;--cognac:#935d33;--cover-ink:#fff1dc;--rule:#667e902b;--pen:#365664;--page-white:#f4f0e5;--hand:'Playpen Sans Arabic','Noto Sans Arabic',serif}
body{background:#bdb3a1}.notebook-cover,.header,.footer,main>.leather-film{background-color:var(--leather)!important;background-image:linear-gradient(90deg,#5430121c,transparent 8%,transparent 92%,#f3ce9621),url(assets/tobacco-leather.webp)!important;background-size:auto,640px!important;background-blend-mode:normal!important}.header,.footer{box-shadow:inset -2px 0 #55391970,inset 2px 0 #deb98340}.hero{box-shadow:inset -2px 0 #59392170,inset 2px 0 #deb98340,0 3px 0 #d9cbb2,0 6px 0 #e7ddc8,0 9px 0 #bfb39c,0 20px 30px -20px #392816!important}.hero .kicker,.hero .intro,.hero-top .eyebrow,.hero-top .mono,.hero-bottom,.hero-bottom .scroll-cue,.contact-grid p,.contact-pre>.mono,.contact-pre .eyebrow,.socials a,.socials button,#contact-form label,.contact .email-link,.footer>span,.footer>a:last-child{color:#fff0d7}.header .wordmark span{color:#ead0a3}.header nav a,.header .contact-nav,.motion-toggle{color:#fff0d7}.cover-stitch,.contact:after{border:1px dashed #dec099b0!important;box-shadow:0 0 0 3px #5734172b,inset 0 0 0 3px #52331820!important}.cover-stitch{inset:15px 18px 20px}.hero h1{color:#fff5de;text-shadow:0 1px 1px #492e19c0}.hero h1 em,.contact h2>span{color:#f4d9a9!important}.hero-bottom{border-top-color:#f0cf974f}.hand-note{font-family:var(--hand);font-weight:400;letter-spacing:0!important}.hero .intro.hand-note{font-size:26px;line-height:1.9}.cover-map{color:#fff1da}.map-detail{font-size:12px;color:#f0dcc2}.map-title{font-size:15px}.map-title small{font-size:12px;opacity:.8}.cover-map:before{background:#f0d1a561}.map-node,.stamp-icon{background:linear-gradient(145deg,#ffffff07,#00000012),url(assets/tobacco-leather.webp) center/380px;color:#482b16;border:1px solid #68432366;box-shadow:inset 1px 2px 3px #4827138c,inset -1px -1px 1px #e9bd8573,0 1px 0 #dfb67d66}.map-node .line-icon,.stamp-icon .line-icon{filter:drop-shadow(0 1px 0 #edc494a8);stroke-width:1.65}.cover-milestones{color:#fff0d7}.cover-milestones a{border-color:#f0cf9740;font-size:12px}.cover-milestones>span{font-size:12px}.cover-milestones .cover-city-logo{width:46px;height:46px}.cover-milestones b{font-size:12px}.cover-milestones .cover-oq-logo{width:50px}.cover-milestones a{gap:13px}.book-enhanced .project-book-cover{background:var(--leather) url(assets/tobacco-leather.webp) center/540px;color:#f1dbb9}.book-cover-number,.book-cover-bottom{color:#f5e0c1}.book-cover-seal{color:#fae7c5}
/* Ruled leaves and a handwritten dateline. */
.ruled-paper{--rule-step:42px;background-color:var(--page-white)!important;background-image:linear-gradient(90deg,transparent 0 calc(100% - 25px),#bb776828 calc(100% - 25px) calc(100% - 24px),transparent calc(100% - 24px)),repeating-linear-gradient(0deg,transparent 0 calc(var(--rule-step) - 1px),var(--rule) calc(var(--rule-step) - 1px) var(--rule-step)),url(assets/warm-cream-paper.webp)!important;background-size:auto,var(--rule-step) var(--rule-step),850px!important;color:#2b414c}.notebook-date,.page-dateline{display:flex;align-items:baseline;gap:22px;padding:0 0 9px;border-bottom:1px solid currentColor;position:relative}.notebook-date:after,.page-dateline:after{content:'';position:absolute;inset:auto 0 -4px;height:1px;background:currentColor;opacity:.25}.notebook-date>span{font-size:13px;font-weight:300}.notebook-date>b{font:400 22px var(--hand);letter-spacing:0;white-space:nowrap}.hero-bottom .notebook-date{gap:20px}.hero-bottom .notebook-date b{font-family:var(--hand);font-size:21px}.timeline-row>.written-date,.awards article>.written-date{font:400 25px var(--hand)!important;border-bottom:1px solid #afbec153;align-self:start;padding:5px 0 7px!important;letter-spacing:0!important;line-height:1.5}.education.ruled-paper{border-radius:0 0 18px 18px;box-shadow:2px 4px 0 #d4cbb7,4px 7px 0 #f2ecd9;padding:36px 33px}.education.ruled-paper h3{font-size:34px;line-height:1.65}.education.ruled-paper>span{font-family:var(--hand);font-size:24px;line-height:1.8}.education.ruled-paper>span b{font:400 24px var(--hand);border-bottom:1px solid #607b8650;display:inline-block}.ruled-story{padding:20px 28px 15px 12px;background-image:repeating-linear-gradient(0deg,transparent 0 45px,#87989724 45px 46px);background-size:100% 46px;border-right:1px solid #a7675845}.ruled-story #story-text{font-family:var(--hand);font-size:27px;line-height:1.75;color:var(--pen)}.folder-note.hand-note{font-size:24px!important;line-height:1.85!important;color:#47656e}.contact textarea{background-image:repeating-linear-gradient(0deg,transparent 0 39px,#768b962e 39px 40px)!important;line-height:40px;font-family:var(--hand);font-size:24px;padding-block:12px!important}
/* Tabs sit outside the leaves, with a sloped edge and a visible chapter name. */
@media(min-width:981px){main,.header,.footer{margin-inline-start:100px}.chapter-index{inset-inline-start:18px;top:50%;width:63px;gap:0;filter:drop-shadow(-3px 3px 3px #40291530)}.index-caption{text-align:center;font-family:var(--hand);font-size:19px;color:#594f40;margin-bottom:8px}.chapter-index a,.chapter-index a[aria-current=true],.chapter-index a:hover,.chapter-index a:focus-visible{height:88px;width:62px;border-radius:0;clip-path:polygon(0 8%,88% 0,100% 7%,100% 93%,12% 100%,0 94%);display:flex;gap:0;box-shadow:inset -4px 0 5px #ffffff26,inset 1px 0 #22354420;background:var(--index-color);color:var(--index-ink);transition:transform .3s,filter .3s;transform:translateX(0)}.chapter-index a:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#ffffff20,transparent 20% 75%,#112c3722);pointer-events:none}.chapter-index a:nth-of-type(1){--index-color:#c2d4d8;--index-ink:#244852}.chapter-index a:nth-of-type(2){--index-color:#e1bd74;--index-ink:#493522}.chapter-index a:nth-of-type(3){--index-color:#ac7646;--index-ink:#fff1d9}.chapter-index a:nth-of-type(4){--index-color:#e9d9b5;--index-ink:#4b4334}.chapter-index a:nth-of-type(5){--index-color:#8ba38e;--index-ink:#233e31}.chapter-index a:nth-of-type(6){--index-color:#536e7a;--index-ink:#f7eddb}.chapter-index .index-number{display:none}.chapter-index .index-label,.chapter-index a[aria-current=true] .index-label,.chapter-index a:hover .index-label,.chapter-index a:focus-visible .index-label{opacity:1;max-width:none;overflow:visible;position:absolute;width:90px;text-align:center;transform:rotate(90deg);font-size:14px;font-weight:700;letter-spacing:0;transition:none}.chapter-index a[aria-current=true]{transform:translateX(-9px);filter:brightness(1.1)}.chapter-index a[aria-current=true]:after{content:'';position:absolute;left:5px;top:15%;bottom:15%;width:2px;background:currentColor;opacity:.5}.chapter-index a:hover,.chapter-index a:focus-visible{transform:translateX(-12px);filter:brightness(1.15)}.chapter-index a:focus-visible{outline-offset:-5px}}
/* The film is a leather case holding ruled production pages. */
main>.leather-film{color:#fff0d9;--tab-color:#935d33;padding-inline:5%!important}.leather-film>.chapter-tab{color:#f7e4c8;background:var(--leather) url(assets/tobacco-leather.webp) center/640px}.film-file-header{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:35px;position:relative}.film-file-header .notebook-date{min-width:320px;color:#f9e7ca}.film-file-header>.mono{font-size:12px;color:#f1d2ac}.leather-film .film-title-row{grid-template-columns:1.2fr .8fr;align-items:center;gap:8%;margin-bottom:44px}.leather-film h2{font-size:clamp(46px,5.5vw,77px);line-height:1.6;color:#fff5df;margin:15px 0 18px}.leather-film h2 span{color:#f5d4a0}.leather-film .eyebrow{color:#f0d5b0;font-size:14px}.leather-film .film-client{font-size:15px;color:#fff1dd}.film-client-note{padding:24px 26px;background:#f5f0e1 url(assets/warm-cream-paper.webp) center/750px;color:#384a50;border-radius:1px 1px 20px 20px;box-shadow:3px 4px 0 #c5b89e,5px 8px 0 #ecdec2,0 20px 30px -15px #3d20158c;transform:rotate(-2deg);border:1px solid #ebdfc3}.film-client-note>p.hand-note{font-size:29px;line-height:1.65;margin:22px 0 17px;color:#42606a}.film-client-note>span{font-size:13px;color:#657174}.ministry-mark-slot img{width:100%;height:auto;max-height:84px;object-fit:contain}.film-dossier{padding:15px 15px 19px;background:#634124 url(assets/tobacco-leather.webp) center/420px;border:1px solid #e9bb7882;box-shadow:inset 0 0 0 4px #57351b48,0 23px 32px -20px #3c251aca;border-radius:12px 12px 28px 28px;position:relative}.dossier-spine{position:absolute;right:9px;top:20px;bottom:20px;width:4px;border-right:1px dashed #e5c49d8c;pointer-events:none}.dossier-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:8px 10px -1px;isolation:isolate}.dossier-tab{border:1px solid #d8c8a548;border-bottom:0;border-radius:22px 22px 0 0;background:#bfac88;color:#3e4037;min-height:66px;padding:14px 12px 11px;display:flex;gap:12px;align-items:center;justify-content:center;font-size:15px;font-weight:700;position:relative;transition:background .3s,transform .3s;transform:translateY(5px)}.dossier-tab:nth-child(2){background:#cbd2bd}.dossier-tab:nth-child(3){background:#b6c7c7}.dossier-tab:nth-child(4){background:#e2cfaa}.dossier-tab>span{font:400 13px var(--hand);color:#6c796f}.dossier-tab[aria-selected=true]{background:var(--page-white);transform:translateY(0);box-shadow:0 -6px 15px -13px #3b281b;z-index:3;color:#263f49}.dossier-paper{background:var(--page-white) url(assets/warm-cream-paper.webp) center/950px;padding:30px;border-radius:2px 2px 16px 16px;color:#2d4149;box-shadow:1px 3px 0 #bbb199,3px 6px 0 #ece3ce,5px 9px 0 #b2a68d;position:relative;z-index:2;overflow:hidden}.dossier-paper:before{content:'';position:absolute;right:12px;top:0;bottom:0;width:1px;background:#ae9d7966;box-shadow:3px 0 #dfd4bf;pointer-events:none}.dossier-page{min-height:480px}.dossier-page[hidden]{display:none!important}.page-dateline{color:#68818b;margin-bottom:27px;justify-content:space-between;gap:15px}.page-dateline>.hand-note{font-size:26px;color:#3a5b66}.page-dateline>[dir]{font:400 14px Manrope,sans-serif;color:#8b8e7f}.leather-film .film-screen{background:#29312f;padding:8px;border:0;border-radius:0 0 12px 12px;box-shadow:0 8px 15px -13px #17251d}.leather-film .film-caption{padding:15px 8px 8px;display:flex;justify-content:space-between;align-items:center;gap:15px;color:#e9dfca}.leather-film .film-caption .mono{font-size:12px}.leather-film .film-sound-start{background:#e9dfc7;color:#283f48;border-radius:0 0 12px 12px;font-size:14px}.screen-note.hand-note{font-size:26px;line-height:1.8;text-align:center;color:var(--pen);margin:28px 0 0}.story-spread{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}.film-story-note{padding:18px 28px 22px 10px}.dossier-page h3{font-size:30px;line-height:1.65;color:#29464d;margin:12px 0 24px}.dossier-page p{font-size:16px;line-height:2;color:#526570}.dossier-page .hand-note{font-size:27px;line-height:1.85;color:#3c5d68}.dossier-page .eyebrow{color:#7c7360;font-size:13px}.film-story-note .notebook-date{margin-top:25px;display:block;color:#697d80}.film-story-note .notebook-date>b{display:block;font-size:23px;margin-top:5px}.film-still{margin:0;background:#fcf8ee;padding:10px;box-shadow:0 11px 24px #54615e24;transform:rotate(2deg)}.film-still img{height:auto;aspect-ratio:16/9;object-fit:cover}.film-still figcaption{padding:13px 4px 5px;font-size:13px;color:#657b7e}.world-intro{display:flex;align-items:baseline;justify-content:space-between;gap:20px}.world-intro h3{margin:5px 0 24px}.world-intro p{margin:0}.film-world-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.film-world-grid button{padding:0;border:0;border-radius:0 0 15px 15px;text-align:right;background:#e2e1d1;color:#334d58;overflow:hidden}.film-world-grid img{width:100%;height:auto;aspect-ratio:1.3;object-fit:cover}.film-world-grid button>span{display:grid;gap:12px;padding:22px 18px}.film-world-grid small{font-size:12px;font-weight:300;color:#737b6e}.film-world-grid b{font-size:17px;font-weight:700;line-height:1.9}.dossier-page .page-footnote{font-size:13px;line-height:1.9;color:#748482;margin:22px 0 0}.study-spread{display:grid;grid-template-columns:1.2fr 1fr;gap:35px;align-items:center}.study-spread video{display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:0 0 10px 10px}.study-caption{display:block;margin-top:16px;font-size:13px;color:#6b7c7d}.study-note{padding:20px 27px 20px 5px}.study-note .stamp-icon{display:grid;place-items:center;width:53px;height:53px;border-radius:9px;margin:0 0 18px}.study-note .stamp-icon .line-icon{width:30px;height:30px}.film-file-footer{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:35px 6px 0;color:#f0d8b2}.film-file-footer .line-icon{width:29px;height:29px;filter:drop-shadow(0 1px #c9966199);color:#4f2c14}.film-file-footer .hand-note{font-size:27px;margin-inline-end:auto}.film-file-footer>.mono{font-size:12px}.process-map .line-icon,.osw-responsibilities .line-icon{background:var(--leather) url(assets/tobacco-leather.webp) center/400px;padding:10px;border-radius:10px;color:#442714;filter:drop-shadow(0 1px 0 #e4c49e66);box-shadow:inset 2px 2px 3px #4828148c,inset -1px -1px 1px #e7c3987a;width:54px;height:54px;stroke-width:1.5}
/* Hover is a response from the material, with keyboard and reduced-motion equivalents. */
.tactile{position:relative;isolation:isolate;transition:box-shadow .35s,filter .35s,transform .4s!important}.tactile:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at var(--mx,50%) var(--my,20%),#ffffff38,transparent 62%);opacity:0;pointer-events:none;z-index:4;transition:opacity .35s;border-radius:inherit}.tactile:focus-visible:after{opacity:.75}.tactile:focus-visible{box-shadow:0 8px 20px -14px #301b18a0}.dossier-tabs .tactile:after{border-radius:20px 20px 0 0}.tactile img{transition:filter .4s}.tactile:hover img{filter:brightness(1.035)}
@media(hover:hover) and (pointer:fine){.tactile:hover{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-3px);box-shadow:0 15px 25px -17px #24140d9c}.tactile:hover:after{opacity:1}.map-node:hover{background-image:linear-gradient(140deg,#ffffff15,#23170e25),url(assets/tobacco-leather.webp)}.text-button:hover,.header nav a:hover{filter:brightness(1.15);text-shadow:0 1px 9px #c2a37430}.film-world-grid button:hover{background:#d3d8c9}.scene-photo-link:hover{backdrop-filter:blur(22px);box-shadow:inset 0 1px 0 #ffffff30,0 9px 20px #12252640}}
@media(max-width:1100px){.leather-film .film-title-row{gap:5%;grid-template-columns:1fr .85fr}.leather-film h2{font-size:55px}.film-client-note{padding:22px}.film-client-note>p.hand-note{font-size:26px}.dossier-paper{padding:24px}.dossier-tab{gap:7px;font-size:14px;padding-inline:8px}.story-spread,.study-spread{gap:24px}.film-world-grid{gap:12px}.film-world-grid button>span{padding:17px 13px}.film-world-grid b{font-size:15px}.world-intro{display:block;margin-bottom:20px}.world-intro h3{margin-bottom:5px}}
@media(max-width:760px){.hero .intro.hand-note{font-size:24px;line-height:1.85}.hero .kicker{font-size:20px}.hero-bottom .notebook-date{display:none}.map-title{font-size:14px}.map-detail{font-size:12px}.cover-map{gap:20px 0}.cover-milestones a{font-size:12px}.cover-milestones b{font-size:12px}.cover-milestones .cover-city-logo{width:42px;height:42px}.cover-milestones>span{font-size:12px}.ruled-story{padding:15px 19px 10px 6px}.ruled-story #story-text{font-size:26px}.timeline-row>.written-date,.awards article>.written-date{font-size:23px!important;max-width:120px}.education.ruled-paper{padding:27px}.education.ruled-paper h3{font-size:31px}.education.ruled-paper>span{font-size:23px}main>.leather-film{padding-inline:5%!important}.film-file-header{display:block;margin-bottom:28px}.film-file-header>.mono{display:none}.film-file-header .notebook-date{min-width:0;gap:15px;justify-content:space-between}.film-file-header .notebook-date>span{font-size:12px}.film-file-header .notebook-date>b{font-size:21px;white-space:normal}.leather-film .film-title-row{display:block;margin-bottom:40px}.leather-film h2{font-size:46px;line-height:1.65;margin:14px 0}.leather-film .film-client{font-size:14px}.film-client-note{margin:32px 6px 0;padding:23px 27px;transform:rotate(-1.3deg)}.ministry-mark-slot img{max-height:60px}.film-client-note>p.hand-note{font-size:28px;line-height:1.65;margin:21px 0 10px}.film-client-note>span{font-size:13px}.film-dossier{padding:10px 9px 16px;border-radius:7px 7px 24px 24px}.dossier-tabs{display:flex;overflow-x:auto;gap:4px;margin:5px 0 -1px;scrollbar-width:thin;scrollbar-color:#cbbda0 #785735}.dossier-tab{flex:0 0 auto;font-size:14px;min-height:57px;padding:12px 17px;gap:10px;border-radius:18px 18px 0 0;white-space:nowrap}.dossier-tab>span{font-size:14px}.dossier-paper{padding:22px 15px;overflow:hidden}.dossier-paper:before{right:6px}.dossier-page{min-height:0}.page-dateline{margin-bottom:23px}.page-dateline>.hand-note{font-size:23px}.page-dateline>[dir]{font-size:12px}.leather-film .film-screen{padding:5px}.leather-film .film-caption{padding:12px 6px 6px}.leather-film .film-caption .mono{display:block;font-size:12px}.film-sound-start{padding-inline:12px!important;gap:10px;font-size:13px!important}.screen-note.hand-note{font-size:25px;line-height:1.85;text-align:right;margin:25px 4px 5px}.story-spread,.study-spread{display:flex;flex-direction:column;gap:29px;align-items:stretch}.film-story-note{padding:8px 15px 20px 3px}.dossier-page h3{font-size:29px;line-height:1.65}.dossier-page p{font-size:16px}.dossier-page .hand-note{font-size:26px;line-height:1.9}.film-still{transform:rotate(1deg);padding:7px}.film-still figcaption{font-size:12px;padding-top:11px}.film-world-grid{grid-template-columns:1fr;gap:25px}.film-world-grid img{aspect-ratio:16/9}.film-world-grid button>span{padding:18px;gap:10px}.film-world-grid b{font-size:18px}.world-intro h3{font-size:28px}.world-intro .hand-note{font-size:26px}.study-note{padding:15px 16px 10px 4px}.study-caption{font-size:12px}.dossier-page .page-footnote{font-size:13px}.film-file-footer{padding-top:28px;gap:14px}.film-file-footer .hand-note{font-size:24px}.film-file-footer>.mono{display:none}.osw-responsibilities>div{padding-inline-start:67px}.process-map article{padding-inline-start:68px}.process-map .line-icon,.osw-responsibilities .line-icon{width:49px;height:49px;padding:9px}.chapter-mobile{background:#3d4e51e8;color:#f9ecd4;border:1px solid #e1c39270}}
.motion-paused .tactile{transform:none!important;transition:none!important}.motion-paused .tactile:after{display:none}.motion-paused .chapter-index a{transition:none!important}
@media(prefers-reduced-motion:reduce){.tactile,.tactile img,.chapter-index a{transition:none!important;transform:none!important}.tactile:after{display:none}}

@media(min-width:981px){.chapter-index a:nth-of-type(n){background:var(--index-color);color:var(--index-ink)}.hero-grid{padding:22px 0 6px}.hero-copy h1{font-size:clamp(56px,5.7vw,82px);line-height:1.35;margin:13px 0 16px}.hero .intro.hand-note{font-size:24px;line-height:1.75}.cover-map{margin-top:25px;margin-bottom:29px}}
@media(min-width:981px) and (max-height:640px){.chapter-index{max-height:calc(100vh - 26px)}.index-caption{font-size:16px;line-height:1.2;margin-bottom:5px}.chapter-index a,.chapter-index a[aria-current=true],.chapter-index a:hover,.chapter-index a:focus-visible{height:clamp(48px,calc((100vh - 60px)/6),88px);flex-shrink:0}.chapter-index .index-label,.chapter-index a[aria-current=true] .index-label,.chapter-index a:hover .index-label,.chapter-index a:focus-visible .index-label{font-size:12px}}