@font-face{font-family:'Noto Sans Arabic';font-weight:300;font-style:normal;font-display:swap;src:url(assets/arabic-light.ttf) format('truetype')}
:root{--ink:#1b2632;--paper:#eee9df;--sky:#ffb162;--muted:#c9c1b1;--sand:#c9c1b1;--line:#eee9df36;--terra:#b9692c;--navy:#2c3b4d;--curve-section:56px;--chapter-pad:100px;--page-gutter:6%;--sheet-shadow:0 22px 25px -22px #1b263279}
html{scroll-padding-top:60px}body{background:#c9c1b1;color:var(--paper);font-weight:400;line-height:1.95}h1,h2,h3,h4{font-weight:700!important}h1 em,h2 span,h3 span{font-weight:700!important}h1,h2,h3{letter-spacing:-1px!important}p{font-weight:400}.eyebrow,.mono,.folder-stamp,.film-caption,.scroll-note{font-weight:300}.mono{font-size:12px;letter-spacing:1.6px}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.line-icon{width:42px;height:42px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;flex:none}.header{margin:0 24px 0 76px;margin-inline:76px 24px;padding:0 6%;height:94px;background:#b9692c url(assets/cognac-bookcloth.webp) center/720px;background-blend-mode:normal;border:0;color:var(--paper)}.header nav{gap:25px}.header nav a{opacity:.85}.header .wordmark{font-weight:700}.header .wordmark span{color:#ffb162}.motion-toggle{color:var(--paper);width:36px;height:36px}.header .contact-nav{color:var(--paper)}
main{margin-inline:76px 24px}main>section,main>.invitation{position:relative;z-index:var(--layer,1)!important}main>.section,main>.hero{margin-top:calc(-1 * var(--curve-section));padding-top:calc(var(--chapter-pad) + var(--curve-section));border-radius:0 0 var(--curve-section) var(--curve-section);box-shadow:var(--sheet-shadow)}main>.hero{margin:0;padding-top:26px}main>.section{padding-inline:var(--page-gutter);overflow:visible}.chapter-tab{display:inline-flex;position:absolute;top:6px;inset-inline-start:6%;z-index:1;min-width:176px;align-items:center;justify-content:center;padding:9px 28px 20px;background:inherit;border-radius:25px 25px 0 0;font-size:14px;font-weight:700;transform:translateY(-12px);box-shadow:0 -4px 7px -5px #1b263240}.chapter-tab:before,.chapter-tab:after{content:'';position:absolute;bottom:0;width:24px;height:24px;background:transparent}.chapter-tab:before{left:-23px;border-radius:0 0 24px 0;box-shadow:9px 6px 0 4px var(--tab-color,#eee9df)}.chapter-tab:after{right:-23px;border-radius:0 0 0 24px;box-shadow:-9px 6px 0 4px var(--tab-color,#eee9df)}
.notebook-cover{background-color:#b9692c!important;background-image:linear-gradient(110deg,#f4c0840b,transparent 65%,#6f411515),url(assets/cognac-bookcloth.webp)!important;background-size:auto,720px!important;background-blend-mode:normal!important;color:var(--paper)}.hero{min-height:calc(100svh - 94px);padding-inline:6%;overflow:hidden!important}.cover-stitch{position:absolute;inset:16px 20px 20px;border:1px dashed #edcda567;border-radius:0 0 42px 42px;pointer-events:none}.hero-top{position:relative;padding:0 5px}.hero-top .mono{color:#ead9c3}.hero-grid{grid-template-columns:1.22fr .78fr;gap:8%;padding:46px 0 55px;min-height:520px}.hero-copy h1{font-size:clamp(55px,6.5vw,98px);line-height:1.52;margin:14px 0 20px;color:var(--paper)}.hero h1 em{color:#efc598}.hero .intro{color:#eee5d6;max-width:540px;font-size:17px}.hero .kicker{color:#e9d8c7;font-size:15px;font-weight:300}.hero-image{align-self:center;min-height:380px;max-height:440px;transform:rotate(-4deg);border:12px solid #e7dac5;border-bottom-width:60px;border-radius:8px 8px 24px 24px;box-shadow:8px 25px 35px #35180c49;overflow:visible;background:#d7c7b0}.hero-image>img{inset:0;width:100%;height:100%;object-position:60% center;border-radius:0!important;transform:none!important;will-change:auto}.hero-image:after{display:none}.hero-image figcaption{bottom:-48px;left:2px;right:2px;color:#42392e;font-size:13px;white-space:nowrap}.hero-image figcaption .mono{font-size:11px;letter-spacing:.5px}.hero .image-label{display:none}.hero .primary{background:#eee9df;color:#3e2d25;border:1px solid #f4dec7;box-shadow:0 5px 13px #36180926}.hero-bottom{position:relative;color:#ead8c6;border-top:1px solid #eee9df45;padding:20px 5px 30px}.hero-bottom .scroll-cue{color:var(--paper)}.hero-bottom .mono{font-size:12px}
.chapter-index{position:fixed;inset-inline-start:8px;top:50%;transform:translateY(-50%);z-index:60;display:flex;flex-direction:column;width:55px;gap:4px;direction:rtl}.chapter-index a{display:flex;align-items:center;justify-content:center;gap:10px;height:64px;border-radius:14px 0 0 14px;background:#d8d0c2;color:#435264;box-shadow:-3px 3px 9px #1b263215;transition:width .3s,background .3s,color .3s;width:55px;position:relative;white-space:nowrap}.chapter-index a:nth-of-type(2){background:#b3c8c7}.chapter-index a:nth-of-type(3){background:#b97839;color:#fff4e8}.chapter-index a:nth-of-type(4){background:#e7dac5}.chapter-index a:nth-of-type(5){background:#708172;color:white}.chapter-index a:nth-of-type(6){background:#72818c;color:white}.index-number{font:500 13px Manrope,sans-serif}.index-label{max-width:0;opacity:0;overflow:hidden;font-size:14px;transition:max-width .3s,opacity .3s}.chapter-index a[aria-current=true],.chapter-index a:hover,.chapter-index a:focus-visible{width:146px;background:#1b2632;color:#eee9df}.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:90px}.index-caption{text-align:center;color:#435264;font-size:12px;margin-bottom:10px}.chapter-mobile{display:none}
.invitation{margin-top:calc(-1 * var(--curve-section));background:#eee9df url(assets/warm-cream-paper.webp) center/700px;min-height:150svh;border-radius:0 0 var(--curve-section) var(--curve-section);padding-bottom:40px;box-shadow:var(--sheet-shadow);color:var(--ink)}.invitation-sticky{position:sticky;top:0;min-height:100svh;display:grid;grid-template-columns:.72fr 1.28fr;gap:7%;align-items:center;padding:calc(45px + var(--curve-section)) 7% 60px;overflow:hidden;perspective:1400px}.invitation-copy h2{font-size:clamp(35px,4vw,58px);line-height:1.65;margin-top:20px}.invitation-copy h2 span{color:var(--terra)}.invitation-copy p:not(.eyebrow){font-size:17px;color:#53616a;max-width:350px}.invitation-copy .eyebrow{color:#80694f}.scroll-note{display:block;font-size:13px;color:#69716d;margin-top:14px}.envelope-scene{position:relative;height:430px;max-width:620px;width:100%;justify-self:center;perspective:1400px;transform:rotate(-4deg);--open:0}.envelope-back{position:absolute;inset:0;background:#9c4c32 url(assets/cognac-bookcloth.webp) center/500px;box-shadow:15px 30px 45px #5b3a242d;border-radius:8px}.invitation-card{position:absolute;inset:18px 22px;background:#eee9df url(assets/warm-cream-paper.webp) center/500px;padding:18px;transform:translateY(calc(var(--open)* -145px)) rotate(calc(var(--open)*4deg));box-shadow:0 15px 28px #34281935;z-index:2;transition:transform .1s linear}.invitation-card img{height:58%;object-fit:cover;border-radius:0}.invitation-card>div{padding:16px 8px}.invitation-card h3{font-size:25px;margin:3px 0;color:#2c3b4d}.invitation-card .mono{color:#7d6d57}.invitation-card a{font-size:14px;color:#7d412d;text-decoration:underline;text-underline-offset:5px}.envelope-flap{position:absolute;inset:0;width:51%;background:#ac5839 url(assets/cognac-bookcloth.webp) center/510px;z-index:4;backface-visibility:hidden;box-shadow:0 8px 20px #4a211c18;transition:transform .1s linear}.flap-right{right:0;border-radius:0 52% 48% 0;transform-origin:right center;transform:rotateY(calc(var(--open)*145deg));background-blend-mode:normal}.flap-left{left:0;border-radius:48% 0 0 52%;transform-origin:left center;transform:rotateY(calc(var(--open)* -145deg));filter:brightness(.95)}.envelope-band{position:absolute;top:44%;left:-1%;width:102%;border-block:2px solid #391d1699;color:#eee9df;padding:15px;z-index:5;text-align:center;opacity:calc(1 - var(--open)*2.5);pointer-events:none;transform:translateY(calc(var(--open)*60px))}.envelope-band>span{font:400 35px Manrope,sans-serif;letter-spacing:8px}.envelope-band small{display:block;font-size:13px;margin-top:2px}.invitation-open .envelope-scene{--open:1!important}.invitation-open .envelope-flap,.invitation-open .invitation-card{transition:transform 1s cubic-bezier(.2,.6,.2,1)}
main>.events{background:#1b3037;--tab-color:#1b3037}.events .chapter-tab{color:#c6d8d1}.event-feature{background:#243d42}.event-heading h2{line-height:1.65}.event-heading>p{font-size:17px;color:#c8d4cf}.event-name h3{font-size:43px}.event-summary>p{font-size:16px}.event-visual-label{background:linear-gradient(#112b36cb,transparent)}.event-osw{margin-top:45px}.folder-tab{clip-path:none;border-radius:24px 24px 0 0;margin-inline:3px;transition:padding .25s,background .25s,transform .25s}.folder-tabs{gap:3px;align-items:end;isolation:isolate}.folder-tab:before{content:'';position:absolute;left:-8px;bottom:0;width:16px;height:18px;border-radius:0 0 14px 0;box-shadow:6px 4px 0 3px #c6d5d6;z-index:-1}.folder-tab[aria-selected=true]{transform:translateY(0);background:#eee9df}.folder-panel{background:#eee9df url(assets/warm-cream-paper.webp) center/850px}.folder-copy h4{font-size:33px}.folder-copy p{color:#41545c}.folder-tab:focus-visible{outline:2px solid #b66037;outline-offset:-5px;text-decoration:none}.folder-archive{background:#d7ccbb;box-shadow:0 7px 0 -2px #b4b3a4}.folder-archive:before{clip-path:none;border-radius:20px 20px 0 0;background:#d7ccbb}
main>.motion-section{background:#b5c8c7;color:#1b343d;--tab-color:#b5c8c7}.motion-section .section-heading p{color:#3b5860}.motion-section h2 span{color:#596f73}.motion-theatre{display:grid;grid-template-columns:1.5fr .7fr;gap:6%;align-items:center}.motion-stage{position:relative;padding:15px;background:#ffffff39;border:1px solid #f0f5e6a3;border-radius:6px 6px 40px 40px;box-shadow:0 24px 35px #31475429;backdrop-filter:blur(14px)}.motion-stage video{display:block;width:100%;aspect-ratio:1.2;object-fit:contain;background:#040605;border-radius:3px 3px 28px 28px}.glass-caption{position:absolute;bottom:82px;left:35px;right:35px;display:flex;align-items:center;gap:20px;padding:18px 22px;color:#fff5e9;background:linear-gradient(120deg,#ffffff22,#ffffff09);border:1px solid #ffffff50;border-radius:2px 2px 24px 24px;backdrop-filter:blur(20px);pointer-events:none;box-shadow:0 12px 25px #0002}.glass-caption h3{font-size:21px;margin:0}.glass-caption .mono{font-size:11px;letter-spacing:1px}.glass-caption .line-icon{width:32px;height:32px}.section-folio{font:300 14px/1.9 Manrope,sans-serif;letter-spacing:3px;color:#587278}.motion-notes h3{font-size:37px;line-height:1.7;margin:30px 0 20px}.motion-notes p{font-size:16px;color:#3b555d}.motion-notes .text-button{font-size:14px;margin-top:18px}.process-map{display:grid;grid-template-columns:repeat(3,1fr);gap:4%;border-top:1px solid #57767755;margin-top:60px;padding-top:38px}.process-map article{position:relative;padding-inline-end:20px}.process-map .line-icon{width:38px;height:38px;margin-bottom:12px}.process-map article>span{position:absolute;left:15px;top:0;font:300 17px Manrope,sans-serif;color:#627a7d}.process-map h4{font-size:20px;margin:8px 0}.process-map p{font-size:15px;color:#415e65;margin:0}
main>.film-section{background:#1b2632;color:#eee9df;--tab-color:#1b2632}.film-section .chapter-tab{color:#c9c1b1}.film-title-row{display:grid;grid-template-columns:1fr .8fr;align-items:end;gap:10%;margin-bottom:48px}.film-title-row h2{font-size:clamp(38px,4.8vw,68px);line-height:1.6}.film-title-row h2 span{color:#e9bf8f}.film-client{font-size:15px;color:#c9c1b1}.film-intro .line-icon{color:#d7af80;margin-bottom:12px}.film-intro>p{font-size:17px;color:#cfcbc1}.film-specs{display:flex;gap:15px;flex-wrap:wrap;margin-top:22px;color:#e7bf93;font-size:13px}.film-specs span+span:before{content:'/';margin-inline-end:15px;color:#75838a}.film-screen{background:#080c10;border:1px solid #bca78845;padding:16px;border-radius:4px 4px 32px 32px;box-shadow:0 25px 55px #07111c77}.film-screen video{width:100%;display:block;aspect-ratio:16/9;object-fit:contain;max-height:70vh;border-radius:0}.film-caption{display:flex;justify-content:space-between;align-items:center;padding:18px 8px 5px;font-size:14px;color:#c6b59b;gap:20px}.film-caption .mono{font-size:11px}.film-process{display:grid;grid-template-columns:.72fr 1.28fr;gap:6%;margin-top:65px;align-items:center}.film-process h3{font-size:34px;line-height:1.7;margin:20px 0}.film-process p{font-size:16px;color:#c3bdb2}.film-frames{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.film-frames button{border:0;background:#d4c7b3;padding:10px;color:#314451;transform:rotate(3deg);text-align:right;box-shadow:0 15px 25px #080d1460}.film-frames button:nth-child(2){transform:rotate(-4deg);margin-top:65px}.film-frames img{aspect-ratio:16/10;object-fit:cover}.film-frames span{display:block;font-size:12px;margin:12px 5px 4px}.bts-details{margin-top:55px;border-block:1px solid #ddd1bd40}.bts-details summary{display:flex;justify-content:space-between;padding:24px 0;font-size:19px;font-weight:700}.bts-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:10px 0 35px}.bts-grid img{aspect-ratio:16/9;object-fit:contain}.bts-grid p{font-size:14px;color:#d5cdbd}.bts-grid h4{font-size:18px}.bts-grid a{text-decoration:underline;text-underline-offset:5px}
main>.work{background:#eee9df url(assets/warm-cream-paper.webp) center/1000px;--tab-color:#eee9df}.work h2 span{color:#9b6049}.project-card{top:calc(22px + var(--card-order)*14px)}.project-copy h3{font-size:43px;line-height:1.65}.project-copy .project-client{font-weight:700}.project-copy>p:not(.project-client){opacity:.88}.project-copy .tags span{font-size:13px}.work .section-heading p{color:#53626c}.mini-work img{background:#d8d0c2}.more-work>p{font-size:20px}.project-stack{padding-bottom:15px}
main>.gallery-section{padding:0;margin-top:calc(-1 * var(--curve-section));--tab-color:#6f8170;background:#6f8170}.gallery-section>.chapter-tab{background:#6f8170;color:#f7f3e9}.cinematic-scene{margin:0 0 calc(-1 * var(--curve-section));min-height:790px;border-radius:0 0 var(--curve-section) var(--curve-section);padding:calc(30px + var(--curve-section)) 6% 50px;background:#193934}.scene-photo{filter:brightness(.68) saturate(.87);object-position:50% 47%;transform:translateY(var(--drift,0px)) scale(1.08)}.cinematic-scene:before{background:linear-gradient(180deg,#112d2ecf,#0b2d2e28 45%,#112326d9)}.scene-monogram{display:none}.scene-name{color:#e8d4b5;font-size:12px;letter-spacing:4px;margin-bottom:22px}.scene-focus h2{font-size:clamp(38px,4.8vw,68px);text-shadow:0 3px 20px #0d272888;line-height:1.7}.scene-focus h2 span{color:#f0dcc0}.scene-bottom p{font-size:16px;color:#e3e4d4}.scene-photo-link{background:#ffffff10;backdrop-filter:blur(15px);color:#f1e8d5}.gallery-content{padding:calc(60px + var(--curve-section)) 6% 100px;background:#e6e5d7 url(assets/warm-cream-paper.webp) center/850px;border-radius:0 0 var(--curve-section) var(--curve-section)}.story-viewer{display:grid;grid-template-columns:1.15fr .85fr;gap:9%;align-items:center}.story-art{padding:15px;background:#fffaf0;box-shadow:0 18px 38px #4b493c25;transform:rotate(-2deg)}.story-art button{border:0;padding:0;background:none;width:100%;color:#37474b;position:relative}.story-art img{width:100%;height:590px;object-fit:contain;background:#d8d5c8;border-radius:0}.story-art button>span{display:block;padding:16px 8px 3px;font-size:14px;text-align:right}.story-description{color:#2c3b4d}.story-counter{font:300 23px Manrope,sans-serif;color:#9e6a4c}.story-description .eyebrow{font-size:14px;color:#6f7767;margin-top:35px}.story-description h3{font-size:clamp(34px,3.8vw,55px);line-height:1.65;margin:20px 0}.story-description>p:not(.eyebrow){font-size:17px;color:#536268}.story-controls{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-top:36px;border-block:1px solid #66716540;padding:15px 0;font-size:14px}.story-controls button{background:#d5d4c3;color:#2c3b4d;border:0;width:45px;height:45px;font:24px Arial;border-radius:0 0 13px 13px}.story-live{min-height:24px;font-size:13px!important}.story-thumbnails{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;margin-top:58px;align-items:start}.story-thumbnails button{padding:8px;background:#d8d6c6;color:#41524f;border:2px solid transparent;border-radius:0 0 16px 16px;transition:transform .25s,background .25s;min-width:0}.story-thumbnails img{height:86px;object-fit:cover;border-radius:0}.story-thumbnails span{display:block;font-size:12px;padding:9px 2px 2px;white-space:nowrap}.story-thumbnails button[aria-pressed=true]{transform:translateY(-12px);border-color:#9a604a;background:#f7efdf}.coverage{border-top:1px solid #52605530;margin-top:35px}.coverage p{color:#526055}
main>.about{background:#2c3b4d;--tab-color:#2c3b4d}.about .chapter-tab{color:#eee9df}.about-grid h2{font-size:clamp(34px,4.1vw,58px);line-height:1.8;position:static}.about-body{font-size:17px;color:#d2d2ca}.about-body strong{font-weight:700;color:#ffca8d}.about-facts b{font-size:30px;font-weight:700}.about-facts span{font-size:13px}.services{margin-top:60px}.services summary{font-size:21px;font-weight:700}.services p{color:#d3d4cc}.services details>div>span{color:#edbd86;font-size:14px}.services .service-no{font-size:13px}.about .scroll-words span{color:#eee9df!important}.journey .section-heading h2{font-size:43px}.journey{background:#293744!important}.journey .timeline-row{gap:22px}.journey .section-heading>p{color:#c9c1b1}.journey .education{background:#ddc3a1}.timeline-row h3{font-size:23px}.timeline-row p{color:#c9c1b1}.timeline-row>.mono{font-size:12px}.recognition{background:#d8d1c1!important}.recognition h2{font-size:42px}.recognition h2 span{color:#8e5d49}.recognition .section-heading p{color:#53616b}.awards article p{color:#56626a}.contact{position:relative;padding-bottom:85px!important}.contact:after{content:'';position:absolute;inset:calc(var(--curve-section) + 18px) 20px 18px;border:1px dashed #edcda567;border-radius:0 0 42px 42px;pointer-events:none}.contact h2{font-size:clamp(50px,6.5vw,94px);line-height:1.55;color:var(--paper)}.contact h2>span{color:#efc598!important}.contact-grid p,.contact-pre>.mono,.socials a,.socials button,#contact-form label{color:#efdfcc}.contact .primary{background:#eee9df;color:#453329;border-color:#efdfcc}.contact .email-link{color:#fff3df}.contact select,.contact textarea{background:#492b2338!important;border-color:#f0d4b358!important;color:#fff1df!important}.contact select option{color:#1b2632;background:#eee9df}.contact textarea::placeholder{color:#dfc8b1!important}.contact-grid{position:relative;z-index:1}.footer{margin-inline:76px 24px;padding:30px 6% 38px;background:#b9692c url(assets/cognac-bookcloth.webp) center/720px;background-blend-mode:normal;border:0;color:#eee9df;border-radius:0 0 24px 24px;margin-bottom:24px}.footer>span{color:#ead9c4}.progress{background:#f6c186}.dialog-kicker{font-size:14px}.dialog-meta span{font-size:13px}.dialog-intro{font-weight:400}.dialog-end{font-size:14px}.dialog-meta{flex-wrap:wrap}.motion-paused .invitation{min-height:900px}.motion-paused .invitation-sticky{position:relative}.motion-paused .envelope-scene{--open:1!important}.motion-paused .chapter-index a,.motion-paused .story-thumbnails button{transition:none}
@media(min-width:1600px){.hero-grid{min-height:600px}.hero-image{min-height:460px}.section,.hero{--page-gutter:max(6%,calc((100vw - 1410px)/2))}.invitation-sticky{padding-inline:8%}}
@media(max-width:1100px){.header nav{gap:17px}.header{padding-inline:5%;gap:20px}.hero-grid{grid-template-columns:1.2fr .8fr;gap:6%;min-height:480px}.hero-copy h1{font-size:65px}.hero-image{min-height:330px;border-width:9px;border-bottom-width:55px}.hero-image figcaption{font-size:11px}.hero-image figcaption .mono{display:none}.hero .intro{font-size:16px}.envelope-scene{height:350px}.invitation-card{padding:12px}.invitation-card h3{font-size:22px}.invitation-sticky{gap:6%;padding-inline:6%}.event-name h3{font-size:35px}.motion-theatre{gap:5%;grid-template-columns:1.2fr .8fr}.glass-caption{left:25px;right:25px;bottom:72px;padding:15px}.glass-caption .line-icon{display:none}.glass-caption h3{font-size:17px}.motion-notes h3{font-size:30px}.film-title-row{gap:5%;grid-template-columns:1fr .85fr}.film-process{grid-template-columns:1fr;gap:30px}.film-process>div:first-child{max-width:600px}.film-frames{max-width:700px}.story-art img{height:440px}.story-viewer{gap:6%;grid-template-columns:1fr 1fr}.story-thumbnails{gap:7px}.story-thumbnails button{padding:5px}.story-thumbnails span{font-size:11px;white-space:normal}.story-thumbnails img{height:67px}.project-copy h3{font-size:36px}}
@media(max-width:760px){:root{--curve-section:36px;--chapter-pad:65px;--page-gutter:6%}main{margin-inline:0}.header{margin:0;padding:18px 6%;min-height:115px;height:auto;gap:18px;flex-wrap:wrap}.header nav{gap:19px;justify-content:space-between;font-size:13px;order:3;width:100%;overflow:auto;white-space:nowrap}.contact-nav{font-size:13px}.header .wordmark{font-size:23px}.header .nav-end{gap:14px}.hero{min-height:0;padding-bottom:10px!important}.hero-grid{grid-template-columns:1fr;gap:38px;padding:28px 5px 45px;min-height:0}.hero-copy h1{font-size:clamp(48px,12.6vw,74px);line-height:1.55;margin:16px 0 20px}.hero .intro{font-size:16px}.hero-image{height:350px;min-height:0;max-width:440px;width:88%;justify-self:center;transform:rotate(-3deg);border-width:10px;border-bottom-width:51px;border-radius:3px 3px 17px 17px}.hero-image figcaption{bottom:-39px;font-size:12px;justify-content:center}.hero-top .eyebrow{font-size:13px}.hero .kicker{font-size:14px}.hero-bottom{padding-inline:5px;font-size:13px}.hero-bottom .mono{font-size:10px;letter-spacing:1px}.cover-stitch{inset:12px 12px 16px;border-radius:0 0 27px 27px}.hero .primary{font-size:14px;gap:30px}.chapter-index{display:none}.chapter-mobile{position:fixed;z-index:70;bottom:12px;left:50%;transform:translateX(-50%);display:flex;gap:26px;align-items:center;padding:10px 20px;border:1px solid #eee9df63;border-radius:8px 8px 20px 20px;background:#1b2632dc;color:#eee9df;backdrop-filter:blur(16px);pointer-events:none;box-shadow:0 5px 16px #10202338;font-size:13px}.chapter-mobile>span:last-child{font:12px Manrope,sans-serif;color:#dcc8a4;white-space:nowrap}.chapter-tab{min-width:145px;padding:8px 22px 14px;font-size:13px;top:6px;border-radius:20px 20px 0 0;transform:translateY(-11px)}.invitation{min-height:160svh;padding-bottom:36px}.invitation-sticky{min-height:100svh;grid-template-columns:1fr;gap:40px;padding:calc(55px + var(--curve-section)) 8% 65px;align-content:center}.invitation-copy h2{font-size:34px;line-height:1.65;margin:12px 0}.invitation-copy h2 br{display:none}.invitation-copy p{font-size:15px!important;margin:10px 0}.invitation-copy .eyebrow{font-size:13px!important}.invitation-copy .text-button{font-size:14px;padding:4px 0}.scroll-note{display:inline-block;font-size:12px;margin-inline-start:15px}.envelope-scene{height:300px;max-width:390px;margin-top:40px;transform:rotate(-3deg)}.invitation-card{inset:13px 15px;padding:11px;transform:translateY(calc(var(--open)* -80px)) rotate(calc(var(--open)*3deg))}.invitation-card>div{padding:8px 3px}.invitation-card h3{font-size:21px;margin:3px 0}.invitation-card .mono{font-size:10px}.invitation-card a{font-size:13px}.invitation-card img{height:55%}.envelope-band{padding:10px}.envelope-band>span{font-size:29px}.envelope-band small{font-size:12px}.motion-paused .invitation{min-height:850px}.event-name h3{font-size:33px}.event-heading>p{font-size:16px}.event-feature-body{padding:26px 22px}.folder-tab{font-size:13px;padding-inline:6px;border-radius:20px 20px 0 0;margin-inline:0}.folder-tab:before{display:none}.folder-copy h4{font-size:28px}.event-osw-heading h3{font-size:29px}.event-years h4{font-size:20px}.event-years p{font-size:16px}.event-visual-label>[dir]{font-size:10px}.motion-section h2{font-size:37px;line-height:1.7}.motion-theatre{grid-template-columns:1fr;gap:35px}.motion-stage{padding:9px;border-radius:3px 3px 28px 28px}.motion-stage video{border-radius:2px 2px 20px 20px}.glass-caption{left:21px;right:21px;bottom:60px;padding:13px 16px}.glass-caption h3{font-size:17px}.glass-caption .mono{font-size:10px}.motion-notes h3{font-size:32px;margin:15px 0}.motion-notes h3 br{display:none}.section-folio br{display:none}.section-folio{font-size:12px}.motion-notes p{font-size:16px}.process-map{grid-template-columns:1fr;gap:28px;margin-top:40px;padding-top:30px}.process-map article{padding-inline-start:63px;min-height:88px}.process-map .line-icon{position:absolute;inset-inline-start:0;top:6px;width:34px;height:34px}.process-map article>span{font-size:14px;left:0}.process-map h4{font-size:19px;margin-top:0}.process-map p{font-size:15px}.film-title-row{grid-template-columns:1fr;gap:25px;margin-bottom:30px}.film-title-row h2{font-size:43px;margin:15px 0}.film-client{font-size:14px}.film-intro .line-icon{display:none}.film-intro>p{font-size:16px;margin:0}.film-specs{gap:12px;font-size:12px}.film-specs span+span:before{margin-inline-end:12px}.film-screen{padding:9px;border-radius:2px 2px 22px 22px}.film-caption{padding:12px 4px 3px;font-size:12px;flex-wrap:wrap;gap:7px}.film-caption .mono{font-size:10px}.film-process{gap:25px;margin-top:45px}.film-process h3{font-size:30px;margin:15px 0}.film-process h3 br{display:none}.film-frames{gap:13px}.film-frames button{padding:7px}.film-frames button:nth-child(2){margin-top:35px}.film-frames span{font-size:11px;margin:9px 0 3px}.bts-details{margin-top:38px}.bts-grid{grid-template-columns:1fr;gap:20px}.bts-details summary{font-size:18px}.project-copy h3{font-size:34px}.work .section-heading h2{font-size:36px}.cinematic-scene{min-height:640px;padding:calc(25px + var(--curve-section)) 7% 38px}.scene-photo{object-position:40% center}.scene-focus h2{font-size:37px;line-height:1.7}.scene-name{font-size:10px;letter-spacing:2px}.scene-top .mono{font-size:10px;max-width:150px}.scene-bottom p{font-size:15px}.gallery-content{padding:calc(50px + var(--curve-section)) 7% 65px}.story-viewer{grid-template-columns:1fr;gap:38px}.story-art{padding:12px;max-width:520px;width:100%;justify-self:center}.story-art img{height:440px;max-height:65vh}.story-art button>span{font-size:13px;padding:13px 4px 2px}.story-description h3{font-size:35px;margin:15px 0}.story-description .eyebrow{margin-top:18px}.story-description>p:not(.eyebrow){font-size:16px}.story-counter{font-size:20px}.story-controls{margin-top:25px}.story-thumbnails{display:flex;overflow-x:auto;gap:12px;padding:16px 2px 12px;margin-top:20px;scroll-snap-type:x proximity}.story-thumbnails button{flex:0 0 100px;scroll-snap-align:center;padding:6px}.story-thumbnails img{height:74px}.story-thumbnails span{font-size:11px;white-space:nowrap}.story-thumbnails button[aria-pressed=true]{transform:translateY(-9px)}.about-grid h2{font-size:34px;line-height:1.8}.about-body{font-size:16px}.about-facts b{font-size:28px}.about-facts span{font-size:12px}.services summary{font-size:18px;gap:18px}.services .service-no{font-size:12px}.journey .section-heading h2,.recognition h2{font-size:35px}.timeline-row h3{font-size:22px}.contact h2{font-size:47px;line-height:1.6}.contact:after{inset:calc(var(--curve-section) + 12px) 12px 14px;border-radius:0 0 26px 26px}.contact-pre .eyebrow{font-size:13px}.contact .contact-grid{gap:28px}.contact .email-link{font-size:20px}.footer{margin:0;padding:30px 7% 88px;border-radius:0;background-size:720px}.footer>.wordmark{font-size:24px}.footer>span{font-size:12px}.footer>a:last-child{font-size:13px}}
@media(prefers-reduced-motion:reduce){.invitation{min-height:900px}.invitation-sticky{position:relative}.envelope-scene{--open:1!important}.envelope-flap,.invitation-card,.chapter-index a,.story-thumbnails button{transition:none}.scene-photo{transform:none}.story-art{transform:none}}

.chapter-tab{top:calc(var(--curve-section) + 15px)}.contact-pre>.mono{font-size:12px}
/* Each envelope leaf hinges from its own edge in RTL. */
.flap-right{left:auto;right:0}.flap-left{right:auto;left:0}
@media(min-width:981px){main,.header,.footer{margin-inline-start:112px}}
@media(min-width:761px) and (max-width:980px){main,.header,.footer{margin-inline:12px}.chapter-index{display:none}}
/* Preserve the full cinematic frame instead of the image attribute height. */
.film-frames img{height:auto;aspect-ratio:16/9;object-fit:cover}

/* Cognac bookcloth: the user's orange stationery reference, with a folded paper construction. */
:root{--terra:#b9692c;--cognac:#b9692c;--cover-ink:#1b160f}
.header{color:var(--cover-ink);box-shadow:inset -2px 0 #75451950,inset 2px 0 #f7cc9460}
.header nav a,.header .contact-nav,.motion-toggle{color:var(--cover-ink);opacity:1}
.header .wordmark{color:#fff4dc}.header .wordmark span{color:#2c3b4d}
.notebook-cover{box-shadow:inset -2px 0 #75451950,inset 2px 0 #f7cc9460,0 3px 0 -1px #f2e5cc,0 6px 0 -2px #c5b7a0,0 9px 0 -3px #e8ddc8,0 24px 28px -22px #4b311980}
.cover-stitch{border:1px solid #f6d19c48;box-shadow:inset 0 0 0 2px #6743180d}
.cover-stitch:before{content:'';position:absolute;top:-17px;bottom:-20px;right:15px;width:12px;background:linear-gradient(90deg,transparent,#75491c18 40%,#efbd7950 65%,transparent);pointer-events:none}
.hero h1,.contact h2{color:#fff4dc;text-shadow:0 1px 0 #6d3d154a}
.hero h1 em,.contact h2>span{color:#ffe2ac!important}
.hero .intro,.hero .kicker,.hero-top .eyebrow,.hero-top .mono,.hero-bottom,.hero-bottom .scroll-cue{color:var(--cover-ink)}
.hero-bottom{border-top-color:#4d321d45}.hero-image{box-shadow:2px 3px 0 #d5c5a9,4px 6px 0 #eedfbe,10px 24px 30px #57341840}
.contact:after{border:1px solid #f6d19c48;box-shadow:inset 0 0 0 2px #6743180d}
.contact-grid p,.contact-pre .eyebrow,.contact-pre>.mono,.socials a,.socials button,#contact-form label,.contact .email-link{color:var(--cover-ink)}
.contact select,.contact textarea{background:#f1e5cde8!important;color:#2f3028!important;border-color:#79522980!important;box-shadow:inset 0 2px 3px #79522912}
.contact textarea::placeholder{color:#635d50!important}.footer,.footer>span,.footer>a:last-child{color:var(--cover-ink)}.footer .wordmark{color:#fff4dc}
.envelope-scene{height:520px;max-width:450px;transform:rotate(-7deg);filter:drop-shadow(2px 4px 1px #57371620)}
.envelope-back{background:#b9692c url(assets/cognac-bookcloth.webp) center/620px;border-radius:2px;box-shadow:inset -3px 0 #8b4a2580,inset 2px 2px #edb27280,9px 16px 22px #6a4c3030}
.envelope-lining{position:absolute;inset:15px 16px;background:#e8dbc1;box-shadow:1px 2px 0 #a99b84,2px 4px 0 #f2e4c9;transform:rotate(1.5deg)}
.envelope-lining:after{content:'';position:absolute;inset:29px 22px 20px;background:#8299a0;border:1px solid #f1ebd780;box-shadow:inset 0 0 0 13px #8299a0,inset 0 0 0 14px #e6e2ce70}
.invitation-card{inset:27px 29px;background:#f0e6d1 url(assets/warm-cream-paper.webp) center/700px;padding:20px;box-shadow:1px 2px 0 #c3b49c,2px 4px 0 #e9dbc1,3px 5px 0 #b3a187,7px 13px 20px #49371c2b;transform:translateY(calc(var(--open)* -125px)) rotate(calc(var(--open)*7deg))}
.invitation-card img{height:57%;border:10px solid #8299a0;object-fit:cover}.invitation-card>div{padding:20px 3px}.invitation-card a{color:#744519}
.envelope-flap{inset:auto;filter:none;border-radius:0;background:#b9692c url(assets/cognac-bookcloth.webp) center/620px;box-shadow:1px -1px 1px #f6c68a50,2px 4px 7px #653b2630;backface-visibility:hidden}
.flap-left{left:0;right:auto;top:0;width:60%;height:78%;border-radius:0 94% 72% 0 / 0 62% 42% 0;transform-origin:left center;transform:rotateY(calc(var(--open)* -150deg));background-image:linear-gradient(100deg,#ffc78a1a,transparent 65%,#6839140c),url(assets/cognac-bookcloth.webp);z-index:3}
.flap-right{left:0;right:0;top:auto;bottom:0;width:100%;height:59%;border-radius:54% 46% 1px 1px / 22% 29% 0 0;transform-origin:center bottom;transform:rotateX(calc(var(--open)*155deg));background-image:linear-gradient(180deg,#f6b9760d,transparent 50%,#5b340c0e),url(assets/cognac-bookcloth.webp);z-index:4}
.envelope-ties{position:absolute;top:58%;left:-1%;width:102%;height:8px;border-block:1px solid #492922;box-shadow:0 1px 0 #f0c29655;z-index:5;transform:rotate(-3deg) translateY(calc(var(--open)*20px));opacity:calc(1 - var(--open)*5);pointer-events:none}
.envelope-band{top:70%;left:0;width:100%;padding:0 30px;border:0;box-shadow:none;text-align:center;transform:translateY(calc(var(--open)*100px));color:#f9eacb;opacity:calc(1 - var(--open)*2.8)}
.envelope-band>span{font:400 35px/1.3 Manrope,sans-serif;letter-spacing:8px}.envelope-band small{font-size:12px;margin-top:12px;letter-spacing:1px}
@media(min-width:761px) and (max-width:1100px){.envelope-scene{height:440px;max-width:380px}.invitation-card{inset:22px;padding:15px}.invitation-card h3{font-size:22px}.invitation-card>div{padding-top:12px}}
@media(max-width:760px){.envelope-scene{height:400px;max-width:315px;margin-top:46px;transform:rotate(-5deg)}.invitation-sticky{padding-top:calc(35px + var(--curve-section));padding-bottom:55px;gap:15px}.invitation-card{inset:20px;padding:14px;transform:translateY(calc(var(--open)* -80px)) rotate(calc(var(--open)*5deg))}.invitation-card img{height:54%;border-width:7px}.invitation-card>div{padding:12px 0}.invitation-card h3{font-size:20px}.invitation-card a{font-size:12px}.invitation-card .mono{font-size:9px}.envelope-lining{inset:12px}.envelope-band{top:72%;padding:0 20px}.envelope-band>span{font-size:28px}.envelope-band small{font-size:11px}.cover-stitch:before{right:10px;top:-13px;bottom:-17px;width:8px}}
@media(max-width:760px) and (max-height:740px){.envelope-scene{height:320px;max-width:275px;margin-top:32px}.invitation-copy h2{font-size:29px}.invitation-sticky{gap:9px;padding-block:65px 35px}.invitation-card{inset:17px;padding:10px}.invitation-card>div{padding-top:7px}.invitation-card h3{font-size:18px}}