@font-face{font-family:Thmanyah Sans;src:url('/thmanyah-sans.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Thmanyah Display;src:url('/thmanyah-display.woff2') format('woff2');font-weight:400;font-display:swap}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,sans-serif}body{--bg:#071e17;--fg:#f4f1e7;--muted:#c2cdc3;background:var(--bg);color:var(--fg);transition:background .8s,color .8s}body[data-scene="1"]{--bg:#f5f2e8;--fg:#123a2c;--muted:#536658}body[data-scene="2"]{--bg:#dce5d6;--fg:#082e21;--muted:#415d4b}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;min-width:44px;min-height:44px;touch-action:manipulation}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid currentColor;outline-offset:3px}.shell{height:100svh;min-height:540px;padding:max(24px,env(safe-area-inset-top)) max(5vw,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(5vw,env(safe-area-inset-left));display:flex;flex-direction:column;gap:18px;overflow:hidden}header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0;z-index:2}.brand{font:clamp(27px,3vw,43px) Georgia,serif;letter-spacing:-1.5px;white-space:nowrap;direction:ltr}.language{display:flex;align-items:center;gap:6px;font-size:12px}.language button[aria-pressed=true]{text-decoration:underline;text-underline-offset:7px}main{position:relative;flex:1;min-height:0}.slide{position:absolute;inset:0;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:2vw;opacity:0;visibility:hidden;transform:translateX(22px);transition:opacity .8s,transform .8s,visibility .8s;pointer-events:none}.slide.active{opacity:1;visibility:visible;transform:none;pointer-events:auto}.slide.leaving{transform:translateX(-22px)}.copy{min-width:0;z-index:1}.eyebrow{font-size:10px;letter-spacing:2.8px;line-height:1.7;margin:0 0 clamp(12px,2.4svh,25px)}h1,h2{font:400 clamp(52px,min(7.8vw,11svh),124px)/1.02 Georgia,serif;letter-spacing:-.05em;margin:0 0 clamp(14px,2.4svh,26px);text-wrap:balance}.slide:nth-child(3) h2{font-family:Arial,sans-serif;font-weight:700;font-size:clamp(46px,min(6.3vw,9.8svh),104px);letter-spacing:-.065em}.description{font-size:clamp(14px,1.35vw,20px);line-height:1.7;color:var(--muted);margin:0;text-wrap:pretty}.art-wrap{width:100%;height:100%;min-height:0;min-width:0;container-type:size;display:grid;place-items:center;overflow:hidden}.art{width:min(110cqw,100cqh);aspect-ratio:1;background-image:url('/art.webp');background-size:300% 100%;background-repeat:no-repeat;mask-image:radial-gradient(ellipse closest-side,#000 69%,transparent 100%);opacity:.97}.art0{background-position:0% 50%}.art1{background-position:50% 50%}.art2{background-position:100% 50%}.status{align-self:flex-start;display:flex;align-items:center;gap:10px;border:1px solid #82958380;border-radius:40px;padding:10px 20px;font-size:11px;letter-spacing:1.4px;flex-shrink:0}.dot{width:7px;height:7px;background:#83ad8b;border-radius:50%;box-shadow:0 0 14px #83ad8b66}footer{border-top:1px solid #82958345;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding-top:14px;flex-shrink:0;font-size:10px;letter-spacing:1px}footer p{margin:0;line-height:1.6}.domain{justify-self:end;direction:ltr}.controls,.indicators{display:flex;align-items:center}.controls{gap:8px;direction:ltr}.indicators{gap:3px;padding:4px;border:1px solid #82958355;border-radius:50px;background:#82958309}.indicators button{position:relative;min-width:92px;padding:0 12px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:28px;overflow:hidden;font-size:11px;letter-spacing:0;transition:background .3s,color .3s}.indicators button.selected{background:var(--fg);color:var(--bg)}.number{font:9px Arial,sans-serif;opacity:.55}.progress{position:absolute;inset:auto 12px 4px;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left;opacity:.4;border-radius:3px}.playing .selected .progress{animation:chapter-progress 4s linear forwards}@keyframes chapter-progress{to{transform:scaleX(1)}}.arrow,#pause{border:1px solid #82958355;border-radius:50%;font-size:18px;flex-shrink:0}#pause{font-size:15px}.arrow:hover,#pause:hover{background:#82958320}[lang=ar] body{font-family:'Thmanyah Sans',Tahoma,sans-serif}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] .slide:nth-child(3) h2{font-family:'Thmanyah Display',serif;font-weight:400;letter-spacing:0;line-height:1.2;font-size:clamp(48px,min(6.5vw,10svh),100px)}[lang=ar] .eyebrow{font-size:13px;letter-spacing:0}[lang=ar] .description{font-size:clamp(16px,1.55vw,23px);line-height:1.65}[dir=rtl] .controls{direction:rtl}[dir=rtl] .arrow{transform:scaleX(-1)}[dir=rtl] .progress{transform-origin:right}[lang=ar] .indicators button{font-size:15px}[dir=rtl] footer,[dir=rtl] .status{letter-spacing:0}
@media(max-width:1050px){footer{grid-template-columns:1fr 1fr;row-gap:10px}.controls{grid-column:1/-1;grid-row:1;justify-content:center}footer p{grid-row:2}.domain{grid-row:2}.shell{gap:12px}.status{padding:8px 18px}}
@media(max-width:700px) and (orientation:portrait){.shell{min-height:560px;padding:max(12px,env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left));gap:8px}.brand{font-size:28px;letter-spacing:-1px}.language{font-size:11px;gap:0}.slide{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:0;align-items:start}.copy{text-align:center;padding-top:clamp(10px,2.2svh,24px)}.eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:10px}h1,h2,.slide:nth-child(3) h2{font-size:clamp(35px,min(10.4vw,6.5svh),54px);line-height:1.03;letter-spacing:-.04em;margin-bottom:12px}h1 br:first-of-type,.slide:nth-child(3) h2 br:last-of-type{display:none}h1 br:first-of-type:after{content:' '}.description{font-size:13px;line-height:1.55;max-width:330px;margin-inline:auto}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] .slide:nth-child(3) h2{font-size:clamp(36px,min(11vw,6.7svh),58px);line-height:1.16}[lang=ar] .eyebrow{font-size:11px}[lang=ar] .description{font-size:15px;line-height:1.6}.art{width:min(100cqw,110cqh);mask-image:radial-gradient(ellipse closest-side,#000 70%,transparent 100%)}.status{align-self:center;padding:7px 17px;font-size:10px;gap:8px}footer{padding-top:10px;row-gap:7px;font-size:8px;letter-spacing:.4px}.controls{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:7px;position:relative;padding-top:0;padding-bottom:0}.indicators{min-width:0;width:100%;padding:3px;gap:0}.indicators button{flex:1;min-width:0;min-height:44px;padding:0 5px;gap:3px;font-size:10px;white-space:nowrap}.number{display:none}[lang=ar] .indicators button{font-size:14px}.arrow{width:44px;height:44px}.controls #pause{position:absolute;top:-43px;inset-inline-end:0;width:36px;min-width:36px;height:36px;min-height:36px;border-color:transparent;font-size:13px}.domain{font-size:9px}.progress{inset-inline:10px}.status{margin-bottom:2px}}
@media(max-height:500px) and (orientation:landscape){.shell{min-height:350px;padding:8px 4vw;gap:5px}.brand{font-size:25px}main{min-height:170px}.eyebrow{margin-bottom:5px}h1,h2,.slide:nth-child(3) h2,[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] .slide:nth-child(3) h2{font-size:34px;line-height:1.05;margin-bottom:8px}.description,[lang=ar] .description{font-size:12px;line-height:1.35}.status{position:absolute;inset-inline-end:5vw;bottom:76px;align-self:auto;font-size:9px;padding:5px 12px}footer{display:flex;justify-content:center;padding-top:5px}footer p,.domain{display:none}.indicators button{min-width:75px}.controls{gap:5px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}

/* Quiet footer: navigation is by swipe and automatic crossfade. */
footer{grid-template-columns:1fr 1fr}footer p,.domain{grid-row:auto}.status{margin-bottom:4px}@media(max-width:700px) and (orientation:portrait){.shell{min-height:520px}footer{padding-top:12px;padding-bottom:2px}.copy{padding-top:clamp(8px,2svh,22px)}}