*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0d0d0d;color:#f4f1ea;font-family:Inter,'IBM Plex Sans Arabic',sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}a:hover{color:#ff5a36}a:focus-visible,button:focus-visible{outline:2px solid #ff5a36;outline-offset:5px}button{cursor:pointer}
.site-bar{height:56px;position:fixed;inset:0 0 auto;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:#0d0d0d;border-bottom:1px solid #ffffff14;gap:12px}.brand{font-size:16px;font-weight:700;letter-spacing:-.02em;white-space:nowrap}.brand span{font-size:10px;letter-spacing:.09em;font-weight:500;color:#a8a39a;margin-left:10px}.site-bar nav{display:flex;gap:4px;align-items:center}.site-bar button,.site-bar nav a{border:0;background:transparent;color:#a8a39a;padding:10px 13px;font-size:12px;border-radius:4px}.site-bar button[aria-pressed=true]{background:#f4f1ea;color:#0d0d0d}.site-bar nav a{margin-left:10px;color:#f4f1ea}.site-bar button:hover{color:#ff5a36}
deck-stage{inset:56px 0 42px!important;background:#0d0d0d!important}deck-stage:not(:defined){visibility:hidden}.concept-image{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.contact-link{font-size:28px;color:#f4f1ea;font-style:normal;overflow-wrap:anywhere;line-height:1.4}.contact-link.email{font-size:24px}.contact-link:hover{text-decoration:underline;text-underline-offset:6px}.site-note{position:fixed;bottom:0;left:0;right:0;text-align:center;height:32px;padding:10px 12px;background:#0d0d0d;color:#807c74;font-size:9px;letter-spacing:.12em;z-index:5;pointer-events:none}.site-note span{margin:0 7px}
#reader{max-width:1040px;margin:56px auto 0}#reader[hidden]{display:none!important}body.reading deck-stage{display:none}body.reading .site-note{position:static;height:auto;padding:22px 16px;line-height:1.7}body.reading{overflow:auto}.reader-section{padding:64px 7%;overflow:hidden;scroll-margin-top:56px;display:flex;flex-direction:column;gap:28px}.reader-section h2{font-size:clamp(28px,4.4vw,46px)!important;line-height:1.12!important;letter-spacing:-.035em!important}.reader-section p{line-height:1.65!important}.reader-section .reader-media{position:relative!important;min-height:0!important;width:100%!important;height:auto!important;aspect-ratio:1.45;overflow:hidden;margin:0!important;padding:0!important}.reader-section .reader-media>img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover}.reader-section .reader-media>:not(img){display:none!important}.reader-section .reader-media.portrait{aspect-ratio:4/5;max-height:650px}.reader-section .reader-media.storyboard{aspect-ratio:2.5}.reader-section .reader-media.character{aspect-ratio:2/3}.reader-section .reader-triptych{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}.reader-section .reader-triptych .reader-media{aspect-ratio:.48}.reader-section .contact-link{font-size:16px!important;display:inline-block;min-height:30px;overflow-wrap:anywhere}.reader-section .reader-empty{display:none!important}.reader-section .reader-title{font-size:clamp(42px,7.4vw,76px)!important;font-weight:700;line-height:.98!important;letter-spacing:-.045em!important}.reader-section .reader-label{font-size:11px!important;letter-spacing:.09em!important;line-height:1.5!important}.reader-section .reader-copy{max-width:820px}.reader-section div{min-width:0}.reader-section [dir=rtl]{font-family:'IBM Plex Sans Arabic',Inter,sans-serif}.reader-section .reader-tier{padding:24px 0!important;border-left:0!important;border-top:1px solid currentColor}.reader-section .reader-story-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:30px 20px!important}
@media(max-width:720px){.site-bar{padding:0 16px}.brand span{display:none}.site-bar nav a{margin-left:0}.site-bar button,.site-bar nav a{padding:11px 10px}.reader-section{padding:42px 24px;gap:28px}.reader-section .reader-story-grid{grid-template-columns:1fr!important}.reader-section .reader-triptych{gap:5px!important}.reader-section .reader-title{font-size:clamp(36px,10.3vw,66px)!important}.site-note{font-size:8px;letter-spacing:.06em}.reader-section .reader-media.portrait{aspect-ratio:4/5}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{.site-bar,.site-note,#reader{display:none!important}body.reading deck-stage{display:block}deck-stage{inset:0!important}}