@font-face{font-family:Atelier;src:url('assets/atelier/cormorant.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Atelier;src:url('assets/atelier/cormorant-italic.woff2') format('woff2');font-style:italic;font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('assets/manrope.woff2') format('woff2');font-display:swap}
@font-face{font-family:NotoArabic;src:url('assets/noto-sans-arabic.woff2') format('woff2');font-display:swap}
:root{color-scheme:dark;--ivory:#f6eee1;--gold:#e7c69b;--quiet:#d9cbb6;--ink:#171710;--ease:cubic-bezier(.16,1,.3,1);font-family:Manrope,sans-serif;background:var(--ink);color:var(--ivory)}
*{box-sizing:border-box}html{scrollbar-width:thin;scrollbar-color:#9a8060 #171710}body{margin:0;overscroll-behavior-y:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;border:0;border-radius:0;cursor:pointer;color:inherit;background:none}a{color:inherit;text-decoration:none;text-underline-offset:5px}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:7px}::selection{background:#b19166;color:#171710}[hidden]{display:none!important}button:disabled{cursor:wait;opacity:.55}button,a{touch-action:manipulation}.skip{position:fixed;top:12px;left:12px;z-index:50;padding:12px;background:var(--ink);transform:translateY(-180%)}.skip:focus{transform:none}
.viewport{position:fixed;inset:0;overflow:hidden;background:#171710;isolation:isolate}.viewport canvas,.scene-fallback,.scene-shade,.frame-edge{position:absolute;inset:0;width:100%;height:100%}.scene-fallback{object-fit:cover;object-position:53% center}.viewport canvas{display:block}.viewport #scene{opacity:0;transition:opacity 1.2s var(--ease)}.has-webgl .viewport #scene{opacity:1}.scene-shade{background:linear-gradient(90deg,rgba(12,11,8,.50),transparent 65%),linear-gradient(0deg,rgba(12,11,8,.91),rgba(12,11,8,.14) 46%,rgba(12,11,8,.04) 65%,rgba(12,11,8,.53));pointer-events:none;transition:background .5s}.frame-edge{border:14px solid rgba(12,11,8,.15);pointer-events:none}.atelier-header{position:fixed;z-index:5;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:25px 4.2%;color:var(--ivory)}.identity{display:flex;align-items:center;gap:22px}.identity img{width:82px;height:47px;object-fit:contain;filter:brightness(0) invert(1)}.identity-rule{height:27px;width:1px;background:#f6eee166}.atelier-word{font-family:Atelier,serif;font-size:25px;font-style:italic;white-space:nowrap}.header-caption{font-size:11px;letter-spacing:.18em;text-transform:uppercase;margin-left:55px;color:var(--quiet)}.header-controls{display:flex;align-items:center;gap:27px;font-size:12px}.header-controls button{min-height:44px;padding:5px 0}.header-controls button:hover{color:var(--gold)}#language{font-family:NotoArabic,Manrope,sans-serif}.menu-control{border-bottom:1px solid #f6eee15c}
#journey{height:720svh;position:relative;pointer-events:none}.story-copy{position:fixed;left:7.2%;bottom:25%;max-width:650px;z-index:2;pointer-events:auto;will-change:transform,opacity}.story-copy h1{font-family:Atelier,serif;font-size:clamp(62px,6.9vw,106px);line-height:.91;font-weight:400;letter-spacing:-.028em;margin:0;text-wrap:balance;text-shadow:0 3px 35px #0005}.story-copy em{font-weight:400;color:#f4d8ad}.story-copy p{font-size:14px;line-height:1.8;max-width:355px;color:#f0e5d5;margin:24px 0 30px;text-shadow:0 2px 15px #000b}.journey-cta{display:inline-flex;align-items:center;gap:28px;padding:12px 0;font-size:12px;letter-spacing:.045em;border-bottom:1px solid #e7c69ba0;color:var(--gold);min-height:44px}.journey-cta svg{transition:transform .35s var(--ease)}.journey-cta:hover svg{transform:translateX(7px)}.contact-cta{color:#f4d8ad}.close-control{display:grid;place-items:center;width:44px;height:44px;padding:12px}.image-status{position:fixed;z-index:10;bottom:180px;left:7%;max-width:340px;padding:15px;background:var(--ink);font-size:13px;line-height:1.7}
.journey-footer{position:fixed;z-index:4;bottom:0;left:0;right:0;padding:0 4.2% 25px;display:grid;grid-template-columns:190px 1fr 190px;align-items:end;gap:40px;pointer-events:none}.journey-footer button,.journey-footer a{pointer-events:auto}.journey-tools{align-self:end;display:flex;flex-direction:column;gap:25px;font-size:11px;color:var(--quiet)}.motion-control{display:flex;align-items:center;gap:12px;padding:5px 0;min-height:44px;text-align:start}.motion-control:hover{color:var(--gold)}.scroll-instruction{display:flex;align-items:center;gap:12px}.scroll-line{height:25px;width:1px;background:#e7c69b;transform-origin:top;animation:breathe 2.5s ease-in-out infinite}.chapter-nav{display:flex;gap:18px;justify-content:center;min-width:0}.chapter-nav button{padding:18px 0 2px;position:relative;color:var(--quiet);font-size:11px;text-align:start;min-width:0;flex:1;max-width:155px;line-height:1.5}.chapter-number{display:block;color:#d8c3a0;margin-bottom:10px;font-size:10px;letter-spacing:.1em}.chapter-nav button[aria-current]{color:var(--ivory)}.chapter-nav button[aria-current] .chapter-number{color:var(--gold)}.chapter-track{height:1px;background:#f6eee14d;display:block;margin-top:17px;overflow:hidden}.chapter-track>span{display:block;width:100%;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left}.scene-caption{display:flex;flex-direction:column;align-items:end;gap:24px;color:var(--quiet);font-size:10px;line-height:1.5}.scene-caption span:first-child{max-width:120px;text-align:end}.scene-caption span:last-child{letter-spacing:.15em;font-variant-numeric:tabular-nums}.collection{position:fixed;inset:0 0 0 auto;width:min(540px,100%);z-index:15;background:#132521;color:var(--ivory);padding:30px 36px;box-shadow:-25px 0 90px #0007;overflow:auto;overscroll-behavior:contain;animation:drawer-in .45s var(--ease)}.collection-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e7c69b44;padding-bottom:16px;font-family:Atelier,serif;font-size:34px}.collection-scenes{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:30px 0}.collection-scenes button{text-align:start;padding:0}.collection-scenes img{display:block;width:100%;aspect-ratio:1.6;object-fit:cover;filter:saturate(.9);transition:filter .3s}.collection-scenes button:hover img{filter:saturate(1.15)}.collection-scenes span{display:block;margin-top:12px;font-size:12px}.collection-contact{padding-top:20px;border-top:1px solid #e7c69b44;font-size:13px;line-height:1.7}.collection-contact p{margin:0 0 10px;color:#d0c8b7}.price-link{display:block;margin:22px 0;color:var(--gold);font-size:12px;text-decoration:underline}.collection-disclosure{font-size:11px;line-height:1.9;color:#c9c6b9}.reader-version{position:absolute;left:0;top:0;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.reader-version:focus-within,.reader-version:target{clip-path:none;position:fixed;z-index:20;inset:0;overflow:auto;width:auto;height:auto;padding:10vh 12%;background:#171710;font-size:20px;line-height:1.8}.reader-version h2{font:400 54px/1 Atelier,serif}.reader-version a{text-decoration:underline}.motion-paused .scroll-line{animation-play-state:paused}
[dir=rtl] .story-copy{left:auto;right:7.2%;text-align:right;max-width:620px}[dir=rtl] .story-copy h1{font-family:NotoArabic,sans-serif;font-size:clamp(38px,4vw,61px);line-height:1.5;letter-spacing:0}[dir=rtl] .story-copy p{font-family:NotoArabic,sans-serif;line-height:2}[dir=rtl] .story-copy em{font-style:normal}[dir=rtl] .journey-cta{font-family:NotoArabic,sans-serif;flex-direction:row-reverse}[dir=rtl] .header-caption,[dir=rtl] .chapter-nav,[dir=rtl] .journey-tools,[dir=rtl] .scene-caption,[dir=rtl] .collection{font-family:NotoArabic,Manrope,sans-serif}[dir=rtl] .chapter-track>span{transform-origin:right}[dir=rtl] .scene-shade{transform:scaleX(-1)}
@keyframes breathe{0%,100%{transform:scaleY(.5);opacity:.6}50%{transform:scaleY(1);opacity:1}}@keyframes drawer-in{from{opacity:.4;transform:translateX(35px)}to{opacity:1;transform:none}}
@media(min-width:1700px){.story-copy{bottom:27%;left:8%}.story-copy h1{font-size:116px}.story-copy p{font-size:16px;max-width:390px}.journey-footer{padding-bottom:34px}.header-caption{font-size:12px}}
@media(max-width:1050px){.header-caption{display:none}.journey-footer{grid-template-columns:130px 1fr;gap:30px}.scene-caption{display:none}.chapter-nav{gap:13px}.story-copy{bottom:27%}.story-copy h1{font-size:clamp(62px,8vw,90px)}}
@media(max-width:650px){.atelier-header{padding:17px 22px;gap:15px}.identity{gap:13px}.identity img{width:64px;height:39px}.identity-rule{height:23px}.atelier-word{font-size:21px}.header-controls{gap:17px;font-size:11px}.menu-control{max-width:86px}.frame-edge{border-width:6px}.story-copy{left:7%;right:5%;bottom:26%;max-width:100%;width:auto}.story-copy h1{font-size:clamp(56px,13.8vw,78px);line-height:.96}.story-copy p{max-width:275px;font-size:13px;margin:20px 0 20px}.story-copy p br{display:none}.journey-cta{font-size:12px;gap:24px}.scene-shade{background:linear-gradient(0deg,rgba(12,11,8,.94),rgba(12,11,8,.25) 62%,rgba(12,11,8,.12) 75%,rgba(12,11,8,.5))}.journey-footer{display:flex;flex-direction:column-reverse;align-items:stretch;padding:0 22px calc(16px + env(safe-area-inset-bottom));gap:18px}.journey-tools{flex-direction:row;justify-content:space-between;align-self:stretch;gap:10px;font-size:10px}.motion-control{min-height:32px}.scroll-line{height:17px}.chapter-nav{gap:11px;width:100%;justify-content:space-between}.chapter-nav button{font-size:10px;line-height:1.4;max-width:none}.chapter-nav .chapter-number{font-size:10px;margin-bottom:8px}.chapter-track{margin-top:12px}.scene-caption{display:none}.collection{padding:20px 25px}.collection-heading{font-size:31px}.collection-scenes{gap:17px}.collection-disclosure{font-size:12px}[dir=rtl] .story-copy{left:6%;right:7%;bottom:27%;max-width:none}[dir=rtl] .story-copy h1{font-size:clamp(34px,8.8vw,48px)}[dir=rtl] .story-copy p{font-size:12px}[dir=rtl] .chapter-nav button{font-size:9px}.reader-version:target{padding:55px 25px}.reader-version h2{font-size:42px}}
@media(max-height:640px) and (min-width:651px){.atelier-header{padding-top:15px}.story-copy{bottom:25%}.story-copy h1{font-size:64px}.story-copy p{margin:16px 0 12px;font-size:13px}.journey-footer{padding-bottom:16px}.journey-tools{gap:8px}}
.chapter-number,.scene-caption{font-size:11px}
.at-the-close .scene-shade{background:linear-gradient(90deg,rgba(12,11,8,.79),rgba(12,11,8,.08) 76%),linear-gradient(0deg,rgba(12,11,8,.92),transparent 53%,rgba(12,11,8,.36))}
.at-the-close .story-copy em{color:#f5d9ac}
@media(max-width:650px){
  .chapter-nav{gap:10px;align-items:flex-end}
  .chapter-nav button{font-size:11px;line-height:1.5;min-height:70px}
  .chapter-number{font-size:11px!important}
  .journey-tools{font-size:11px}
  .story-copy p{font-size:14px;line-height:1.8}
  [dir=rtl] .story-copy p{font-size:13px;line-height:2}
  [dir=rtl] .chapter-nav button{font-size:11px;line-height:1.7}
  .collection{padding:22px 24px}
  .collection-scenes{gap:26px 18px;margin:30px 0}
  .collection-scenes img{aspect-ratio:1.4}
  .collection-scenes span{font-size:13px;line-height:1.7;margin-top:13px}
  .collection-disclosure{font-size:13px;line-height:1.9;margin-top:28px}
  .collection-contact{padding-top:24px}
  .at-the-close .scene-shade{background:linear-gradient(0deg,rgba(12,11,8,.94),rgba(12,11,8,.50) 58%,rgba(12,11,8,.08) 78%,rgba(12,11,8,.45))}
}
@media(max-width:360px){.identity-rule,.atelier-word{display:none}.chapter-nav{gap:8px}.header-controls{gap:20px}.story-copy h1{font-size:54px}[dir=rtl] .story-copy h1{font-size:33px}.collection{padding-inline:21px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.story-copy{will-change:auto}}