/* arabic-font.css */
/* Only Arabic glyphs use the supplied face; Latin lettering keeps its original family. */
@font-face{
 font-family:'SXB Arabic';
 src:url('./assets/sxb-arabic-taweel.ttf') format('truetype');
 font-weight:100 900;
 font-style:normal;
 font-display:swap;
 unicode-range:U+0600-06FF,U+0750-077F,U+0870-089F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+10E60-10E7F,U+1EE00-1EEFF;
}

/* styles.css */
@font-face{font-family:'Barlow Condensed';src:url('./assets/barlow-condensed-600.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
@font-face {
  font-family: Alexandria;
  src: url('./assets/alexandria.ttf') format('truetype');
  font-weight: 100 900;
  font-display: swap;
}
/* A local condensed fallback keeps the composition intact without a network. */
@font-face {
  font-family: 'SXB Local';
  src: local('Bahnschrift');
  font-weight: 100 900;
  font-stretch: 75% 100%;
  font-display: swap;
}
:root {
  color-scheme: light;
  --paper: #edece7;
  --ink: #20201e;
  --red: #cb3027;
  --gutter: clamp(22px, 3.2vw, 64px);
  --progress: 0;
}
* { box-sizing: border-box; }
html { background: var(--paper); scroll-behavior: auto; }
html,body { scrollbar-width:none; }
html::-webkit-scrollbar,body::-webkit-scrollbar { width:0; height:0; background:transparent; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: 'SXB Arabic',Alexandria, sans-serif; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
button { color: inherit; font: inherit; cursor: pointer; }
button, a { -webkit-tap-highlight-color: transparent; touch-action: manipulation; }
button:focus-visible, a:focus-visible { outline: 2px solid var(--red); outline-offset: 6px; }
::selection { background: var(--red); color: var(--paper); }
.skip-link { position: fixed; z-index: 50; top: -80px; right: 20px; background: var(--ink); color: var(--paper); padding: 14px; }
.skip-link:focus { top: 12px; }

/* Compact SXB header with a full-screen navigation dialog. */
.site-header { position: fixed; z-index: 20; top: 0; inset-inline: 0; height: 100px; padding: 0 var(--gutter); display: flex; justify-content: space-between; align-items: center; direction: ltr; background: transparent; }
.brand { position: relative; display: flex; align-items: center; width: 116px; height: 66px; }
.brand-filters { position: absolute; pointer-events: none; }
.brand-animated { display:block; width:100%; height:100%; overflow:visible; }
.brand-accent { transform:translate(0,0); opacity:1; }
.brand-shine { transform:translateX(-300px); opacity:0; }
.has-feather-arrival .brand-accent { animation:brand-accent-pass 9s .8s cubic-bezier(.4,0,.2,1) infinite; }
.has-feather-arrival .brand-shine { animation:brand-shine-pass 9s .8s linear infinite; }
.menu-open .brand-accent,.menu-open .brand-shine { animation-play-state:paused; }
@keyframes brand-accent-pass {
  0%,5% { transform:translate(0,0); opacity:1; }
  12% { transform:translate(-110px,72px); opacity:0; }
  13% { transform:translate(210px,-137px); opacity:0; }
  17% { opacity:1; }
  26%,100% { transform:translate(0,0); opacity:1; }
}
@keyframes brand-shine-pass {
  0%,29% { transform:translateX(-300px); opacity:0; }
  34% { opacity:1; }
  64% { transform:translateX(2350px); opacity:1; }
  66%,100% { transform:translateX(2350px); opacity:0; }
}
.brand::after { content: ''; position: absolute; width: 5px; height: 5px; background: var(--red); right: -10px; bottom: 15px; border-radius: 50%; transition: transform .25s; }
.brand:hover::after { transform: translateY(-8px); }
.edition { font-family: 'SXB Arabic','Courier New', monospace; font-size: 11px; font-weight: 400; font-variant-numeric: tabular-nums; }

/* One pinned hero. The extra height is its scroll timeline, not another section. */
.hero { position: relative; height: 225svh; }
.hero-stage { position: sticky; top: 0; height: 100svh; overflow: hidden; isolation: isolate; direction: ltr; }
.hero-letter { position:relative; display:inline-block; color:transparent; -webkit-text-stroke:1px var(--letter-ink,var(--ink)); pointer-events:auto; }
.hero-letter::after { content:attr(data-letter); position:absolute; inset:0; color:var(--letter-ink,var(--ink)); -webkit-text-stroke:0; clip-path:inset(0); transition:clip-path .65s cubic-bezier(.16,1,.3,1); }
@media(hover:hover) and (pointer:fine) {
  .hero-word .hero-letter:hover::after { clip-path:inset(100% 0 0); }
}
.dot-field,.backdrop-corner { pointer-events:none; }
.backdrop { position: absolute; z-index: 1; inset: 102px var(--gutter) 65px; overflow: hidden; background:var(--red); transform:scale(.62,.83); will-change: transform; }
.dot-field { position: absolute; width: 40%; height:75%; right: 0; top: 0; background: radial-gradient(circle, #611b13 1px, transparent 1.5px) 0 0 / 7px 7px; opacity: .20; mask-image: linear-gradient(135deg, transparent 20%, #000 100%); }
.backdrop-corner { position: absolute; width: 10px; height: 10px; opacity: .45; }
.corner-a { left: 22px; top: 22px; border-left: 1px solid var(--paper); border-top: 1px solid var(--paper); }
.corner-b { right: 22px; bottom: 22px; border-right: 1px solid var(--paper); border-bottom: 1px solid var(--paper); }
.hero-title { margin: 0; direction: ltr; pointer-events:none; }
.hero-word { position: absolute; z-index: 2; display: block; width: max-content; white-space: nowrap; left: 0; top: 0; margin: 0; font-family: 'SXB Arabic','Barlow Condensed', 'SXB Local', Alexandria, sans-serif; font-weight: 600; font-stretch: condensed; font-variation-settings: 'wght' 600, 'wdth' 75; font-size: clamp(120px, 23vw, 410px); letter-spacing: -.018em; line-height: 1; transform-origin: center; will-change: transform; }
.word-shong { left: 5%; top: 20%; }
.word-bong { left:auto; right:5%; top:59%; }
.is-measured .hero-word { left: 0; right: auto; top: 0; }
.portrait-window { position: absolute; z-index: 3; inset: 0; clip-path: inset(100px 0 65px); pointer-events: none; }
.hero-portrait { position: absolute; left:50%; top:34%; width:min(60vh,43vw); transform:translateX(-50%); transform-origin:0 0; will-change:transform; }
.hero-portrait img { display:block; width:100%; height:auto; filter:drop-shadow(0 9px 14px #3e160c18); mask-image:linear-gradient(to bottom,#000 84%,transparent 99%); }
.portrait-window { mask-image:linear-gradient(to bottom,#000 calc(100% - 180px),transparent calc(100% - 65px)); }
.hero-entered .word-shong { animation:hero-word-reveal .95s .12s cubic-bezier(.2,.7,.2,1) both; }
.hero-entered .word-bong { animation:hero-word-reveal 1.05s .26s cubic-bezier(.2,.7,.2,1) both; }
.hero-entered .hero-portrait img { animation:hero-portrait-reveal 1.25s .16s cubic-bezier(.2,.7,.2,1) both; }
@keyframes hero-word-reveal { from { opacity:0; clip-path:inset(0 0 100% 0); } to { opacity:1; clip-path:inset(0); } }
@keyframes hero-portrait-reveal { from { opacity:0; transform:translateY(28px); } to { opacity:1; transform:none; } }
.is-measured .hero-portrait { left: 0; top: 0; }
.feather-remnants { position: absolute; z-index: 5; inset: 100px 0 65px; overflow: hidden; pointer-events: none; user-select: none; opacity:calc(1 - var(--progress) * .85); }
.feather-remnant { position: absolute; display: block; width: 48px; height: 135px; color: #181817; opacity: 0; transform-origin: 50% 68%; }
.feather-left { left: 7%; bottom: 17%; transform: rotate(-34deg); }
.feather-right { right: 7%; bottom: 5%; width: 40px; height: 112px; transform: rotate(28deg); }
.has-feather-arrival .feather-left { animation: feather-land-left 3.5s .2s cubic-bezier(.22,.5,.4,1) both; }
.has-feather-arrival .feather-right { animation: feather-land-right 4s .4s cubic-bezier(.22,.5,.4,1) both; }
@keyframes feather-land-left {
  0% { opacity: 0; transform: translate3d(13vw,-54svh,0) rotate(80deg); }
  12% { opacity: .78; }
  35% { transform: translate3d(5vw,-35svh,0) rotate(-27deg); }
  60% { transform: translate3d(8vw,-17svh,0) rotate(44deg); }
  82% { transform: translate3d(-1vw,-5svh,0) rotate(-42deg); }
  100% { opacity: .7; transform: translate3d(0,0,0) rotate(-34deg); }
}
@keyframes feather-land-right {
  0% { opacity: 0; transform: translate3d(-18vw,-58svh,0) rotate(-110deg); }
  12% { opacity: .7; }
  35% { transform: translate3d(-9vw,-36svh,0) rotate(33deg); }
  60% { transform: translate3d(-12vw,-19svh,0) rotate(-50deg); }
  84% { transform: translate3d(1vw,-4svh,0) rotate(40deg); }
  100% { opacity: .6; transform: translate3d(0,0,0) rotate(28deg); }
}
.registration-mark { position: absolute; z-index: 4; top: 50%; width: 9px; height: 9px; opacity: .55; pointer-events: none; }
.registration-mark::before, .registration-mark::after { content: ''; position: absolute; background: var(--ink); }
.registration-mark::before { width: 9px; height: 1px; top: 4px; }
.registration-mark::after { height: 9px; width: 1px; left: 4px; }
.mark-left { left: calc(var(--gutter) * .43); }
.mark-right { right: calc(var(--gutter) * .43); }
.scene-footer { position: absolute; z-index: 6; inset: auto var(--gutter) 0; height: 65px; display: flex; align-items: center; justify-content: space-between; gap: 16px; background: transparent; }
.edition { display: flex; align-items: center; gap: 10px; letter-spacing: .08em; }
.red-dot { width: 5px; height: 5px; background: var(--red); border-radius: 50%; }
.shot-anchor { position: absolute; height: 1px; bottom: 0; left: 0; }

@media (max-width: 760px) {
  :root { --gutter: 20px; }
  .site-header { height: 82px; }
  .brand { width: 84px; height: 50px; }
  .brand::after { right: -7px; bottom: 13px; width: 4px; height: 4px; }
  .hero { height: 205svh; }
  .backdrop { inset: 86px var(--gutter) 58px; transform:scale(.86,.68); }
  .feather-remnants { inset-block: 82px 58px; }
  .feather-left { width: 34px; height: 96px; left: 7%; bottom: 22%; }
  .feather-right { width: 29px; height: 82px; right: 6%; bottom: 7%; }
  .hero-word { font-size: 27vw; }
  .word-shong { top: 17%; left: 8%; }
  .word-bong { top: 32%; left:auto; right:8%; }
  .hero-portrait { top: 42%; left:50%; width:116vw; }
  .portrait-window { clip-path: inset(82px 0 58px); mask-image:linear-gradient(to bottom,#000 calc(100% - 140px),transparent calc(100% - 58px)); }
  .scene-footer { height: 58px; }
  .edition { font-size: 9px; letter-spacing: .03em; gap: 7px; }
  .dot-field { width: 40%; }
}
@media (max-width: 360px) {
  :root { --gutter: 15px; }
  .edition { font-size: 8px; }
  .scene-footer { gap: 10px; }
}
@media (max-height: 570px) and (min-width: 761px) {
  .site-header { height: 70px; }
  .backdrop { inset-block: 72px 48px; }
  .portrait-window { clip-path: inset(70px 0 48px); mask-image:linear-gradient(to bottom,#000 calc(100% - 72px),transparent calc(100% - 48px)); }
  .feather-remnants { inset-block: 70px 48px; }
  .feather-left { width: 29px; height: 82px; }
  .feather-right { width: 25px; height: 70px; }
  .scene-footer { height: 48px; }
}
.no-js .hero, .reduced-motion .hero { height: 100svh; }
.no-js .backdrop { transform: none; }




/* loader.css */
.sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.is-loading, .intro-revealing { overflow: hidden; }
.is-loading body { overflow: hidden; }
.is-loading .site-header, .is-loading main, .is-loading .skip-link { visibility: hidden; }
.loader { --loader-light:#eeeae2; position:fixed; inset:0; z-index:1000; direction:ltr; color:var(--loader-light); background:#000; overflow:hidden; contain:strict; }
.no-js .loader { display:none; }
.loader-panel { position:absolute; inset:0; }
.loader-caption { position:absolute; top:38px; left:var(--gutter); font-family:'SXB Arabic','Courier New',monospace; font-size:12px; letter-spacing:.08em; }
.loader-logo { position:absolute; width:clamp(230px,31vw,510px); height:auto; top:44%; left:50%; transform:translate(-50%,-50%); overflow:visible; color:var(--loader-light); animation:logo-impact 1.65s 1.55s cubic-bezier(.3,0,.2,1) both; }
.loader-embers { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; opacity:.9; transition:opacity .45s; }
.loader.is-flying .loader-embers { opacity:0; }
.logo-aura { opacity:0; animation:logo-neon-pulse 1.65s 1.55s ease-out both; }
.logo-draw-path { stroke-dasharray:1; stroke-dashoffset:1; animation:logo-trace 1.25s cubic-bezier(.4,0,.2,1) forwards; }
.logo-draw-path:nth-child(2) { animation-delay:.09s; }
.logo-draw-path:nth-child(3) { animation-delay:.16s; }
.logo-draw-path:nth-child(4) { animation-delay:.23s; }
.logo-draw-path:nth-child(5) { animation-delay:.12s; }
.logo-red { color:#ee3d31; }
.logo-outline .logo-red { stroke:currentColor; }
.logo-fill .logo-red { fill:currentColor; }
.logo-outline { animation:trace-settle .35s 2.05s both; }
.logo-fill { opacity:0; animation:logo-ink .75s 1.55s cubic-bezier(.4,0,.2,1) forwards; }
.loader-bottom { position:absolute; bottom:44px; left:var(--gutter); right:var(--gutter); height:220px; }
.loader-small { position:absolute; bottom:31px; left:0; font-family:'SXB Arabic','Courier New',monospace; font-size:10px; letter-spacing:.12em; color:#a5a39c; }
.loader-readout { position:absolute; bottom:32px; right:0; display:flex; align-items:flex-end; gap:12px; }
.loader-number { min-width:1.85em; text-align:right; font-family:'SXB Arabic','SXB Local','Helvetica Neue',Arial,sans-serif; font-stretch:normal; font-variation-settings:'wght' 300,'wdth' 100; font-weight:300; font-size:clamp(112px,11.8vw,184px); line-height:.83; letter-spacing:-.065em; font-variant-numeric:tabular-nums; color:var(--loader-light); }
.loader-percent { padding-bottom:7px; font-family:'SXB Arabic',Alexandria,sans-serif; font-size:12px; font-weight:300; color:#73736d; }
.loader-track { position:absolute; bottom:0; width:100%; height:1px; }
.loader-rail { position:absolute; inset:0; overflow:hidden; background:#eeeae224; }
.loader-bar { display:block; width:100%; height:100%; background:var(--loader-light); transform:scaleX(0); transform-origin:left; }
.loader-bar::after { content:''; position:absolute; inset:0 0 0 auto; width:8px; background:var(--red); }
.dragon-canvas { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }
.loader.is-flying .loader-panel { opacity:0; transition:opacity .3s .26s ease-out; }
.loader.is-dragon-revealing { background:transparent; }
.loader.is-dragon-revealing .loader-panel { visibility:hidden; }
.loader.is-covered { background:#cb3027; }
.loader.is-covered .loader-panel { visibility:hidden; }
.loader.is-revealing { opacity:0; transition:opacity .9s cubic-bezier(.25,.46,.45,.94); }
.intro-revealing .hero-stage { animation:hero-arrive 1.05s cubic-bezier(.2,.7,.2,1) both; transform-origin:50% 52%; }
.intro-revealing .site-header { animation:header-arrive .7s .18s ease-out both; }
.loader.is-simple-exit { opacity:0; transition:opacity .18s linear; }
@keyframes logo-trace { to { stroke-dashoffset:0; } }
@keyframes logo-ink { from { opacity:0; } to { opacity:1; } }
@keyframes logo-impact {
  0% { transform:translate(-50%,-50%) scale(1); }
  48% { transform:translate(-50%,-50%) scale(1.11); }
  65% { transform:translate(-50%,-50%) scale(1.085); }
  100% { transform:translate(-50%,-50%) scale(.96); }
}
@keyframes logo-neon-pulse {
  0%,12% { opacity:0; }
  45% { opacity:.95; }
  62% { opacity:.38; }
  74% { opacity:.55; }
  100% { opacity:.08; }
}
@keyframes trace-settle { to { opacity:0; } }
@keyframes hero-arrive { from { transform:scale(1.025); filter:blur(2px); } to { transform:none; filter:none; } }
@keyframes header-arrive { from { opacity:0; } to { opacity:1; } }
@media(max-width:760px) {
  .loader-caption { top:28px; }
  .loader-logo { width:68vw; max-width:360px; }
  .loader-bottom { bottom:30px; height:150px; }
  .loader-number { font-size:clamp(100px,25vw,140px); }
  .loader-readout { gap:8px; }
  .loader-small { font-size:8px; }
  .loader-percent { font-size:10px; }
}

@media(max-width:400px) {
  .loader-small { bottom:145px; font-size:8px; }
}
@media(max-height:500px) {
  .loader-logo { width:clamp(170px,26vw,280px); top:37%; }
  .loader-bottom { height:120px; bottom:24px; }
  .loader-number { font-size:90px; }
  .loader-small { bottom:31px; }
}


/* navigation.css */
.site-header { pointer-events:none; }
.site-header > * { pointer-events:auto; }
.menu-trigger, .menu-close { display:flex; align-items:center; gap:20px; border:0; background:none; padding:8px 0 8px 12px; font-size:12px; }
.menu-trigger { direction:ltr; }
.menu-trigger-icon { width:48px; height:44px; position:relative; display:grid; place-content:center; gap:6px; background:var(--red); clip-path:polygon(12px 0,100% 0,100% 100%,0 100%,0 12px); transition:clip-path .3s,background .3s; }
.menu-trigger-icon i { display:block; width:19px; height:1px; background:var(--paper); transition:transform .3s; }
.menu-trigger-icon i:last-child { width:12px; justify-self:end; }
.menu-trigger:hover .menu-trigger-icon { background:var(--ink); clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%); }
.menu-trigger:hover i:last-child { transform:translateX(-7px); }
html.menu-open { overflow:hidden; }
.site-menu { position:fixed; inset:0; width:100%; max-width:none; height:100%; height:100dvh; max-height:none; padding:0; border:0; margin:0; background:transparent; color:var(--ink); overflow:auto; }
.site-menu::backdrop { background:#17171566; backdrop-filter:blur(0px); opacity:0; transition:opacity .5s,backdrop-filter .6s; }
.site-menu.is-open::backdrop { opacity:1; backdrop-filter:blur(4px); }
.menu-shell { position:relative; min-height:100%; display:grid; grid-template-columns:36% 64%; grid-template-rows:100px 1fr 70px; direction:ltr; overflow:hidden; isolation:isolate; }
.menu-shell::before { content:''; position:absolute; inset:0 0 0 36%; background:var(--paper); transform:translateY(-102%); transition:transform .65s cubic-bezier(.76,0,.24,1); z-index:-1; }
.is-open .menu-shell::before { transform:translateY(0); }
.menu-top { grid-column:1 / -1; display:flex; justify-content:space-between; align-items:center; padding:0 var(--gutter); z-index:2; opacity:0; transform:translateY(-8px); transition:opacity .2s,transform .3s; }
.is-open .menu-top { opacity:1; transform:none; transition-delay:.35s; }
.menu-signature { width:108px; height:64px; object-fit:contain; }
.menu-close i { display:block; width:44px; height:44px; position:relative; border:1px solid #20201e35; transition:background .2s; }
.menu-close i::before,.menu-close i::after { content:''; position:absolute; left:12px; top:21px; width:19px; height:1px; background:var(--ink); transform:rotate(45deg); }
.menu-close i::after { transform:rotate(-45deg); }
.menu-close:hover i { background:#20201e12; }
.menu-art { position:absolute; inset:0 auto 0 0; width:36%; background:#cb3027; overflow:hidden; transform:translateY(102%); transition:transform .65s cubic-bezier(.76,0,.24,1); }
.is-open .menu-art { transform:translateY(0); transition-duration:.8s; transition-delay:.06s; }
.menu-art::before { content:''; position:absolute; inset:-5% 0 0; background:url('./assets/menu-contours.display.webp') center top / 100% auto no-repeat; mix-blend-mode:multiply; opacity:.20; animation:menu-contours-drift 14s ease-in-out infinite alternate; }
.menu-art::after { content:''; position:absolute; z-index:2; inset:0; background:linear-gradient(180deg,transparent 66%,#42110e55); pointer-events:none; }
.menu-art img { position:absolute; z-index:1; width:118%; max-width:none; height:auto; left:-10%; bottom:-5%; mask-image:linear-gradient(to bottom,#000 0%,#000 70%,transparent 95%); transform:translateY(45px) scale(1.04); opacity:0; transition:transform .5s,opacity .3s; }
.is-open .menu-art img { opacity:1; transform:translateY(0) scale(1); transition-duration:1s; transition-delay:.2s; }
.menu-art-caption { position:absolute; z-index:3; bottom:11%; left:12%; right:12%; display:flex; justify-content:space-between; padding-top:16px; border-top:1px solid #edece744; color:var(--paper); font:10px 'SXB Arabic','Courier New',monospace; letter-spacing:.16em; }
.menu-art-caption b { color:#fff; font-weight:400; }
@keyframes menu-contours-drift { from { transform:translate3d(0,0,0) scale(1.06); } to { transform:translate3d(-2%,-4%,0) scale(1.14); } }
.menu-links { grid-column:2; grid-row:2; direction:rtl; align-self:center; padding:45px clamp(28px,6vw,120px); z-index:1; }
.menu-links h2 { margin:0 0 36px; font-size:11px; font-weight:400; color:#75756e; opacity:0; transition:opacity .2s; }
.is-open .menu-links h2 { opacity:1; transition-delay:.35s; }
.menu-row { display:flex; align-items:center; gap:22px; padding:27px 0; border-top:1px solid #20201e28; transform:translateY(20px); opacity:0; transition:opacity .4s,transform .6s cubic-bezier(.2,.7,.2,1),color .2s; }
.is-open .menu-row { transform:translateY(0); opacity:1; }
.is-open .menu-row:nth-child(2) { transition-delay:.26s; }
.is-open .menu-row:nth-child(3) { transition-delay:.34s; }
.is-open .menu-row:nth-child(4) { transition-delay:.42s; }
.is-open .menu-row:nth-child(5) { transition-delay:.5s; }
.is-open .menu-row:nth-child(6) { transition-delay:.58s; }
.is-open .menu-row:nth-child(7) { transition-delay:.64s; }
.menu-row:last-child { border-bottom:1px solid #20201e28; }
.menu-index { font:11px 'SXB Arabic','Courier New',monospace; color:#8d8c83; align-self:flex-start; padding-top:8px; }
.menu-name { font-size:clamp(28px,4.2vw,70px); font-weight:600; letter-spacing:-.06em; line-height:1.5; }
.menu-arrow { margin-right:auto; font:42px 'SXB Arabic',Arial,sans-serif; transition:transform .3s; color:var(--red); }
a.menu-row:hover { color:var(--red); }
a.menu-row:hover .menu-arrow { transform:translate(-5px,-5px); }
.menu-pending { color:#aaa9a1; }
.menu-soon { margin-right:auto; font-size:10px; font-weight:400; border:1px solid #20201e22; padding:6px 10px; border-radius:20px; }
.menu-store-badge { display:grid; place-items:center; width:112px; height:52px; margin-right:auto; padding:9px 10px; transition:transform .25s; }
.menu-store-badge svg { display:block; width:100%; height:100%; overflow:visible; }
.menu-store .menu-arrow { margin-right:0; font-size:30px; }
.menu-store:hover .menu-store-badge { transform:translateY(-2px); }
.menu-bottom { opacity:0; z-index:2; transition:opacity .2s; grid-column:1 / -1; padding:0 var(--gutter); display:flex; justify-content:space-between; align-items:center; font:10px 'SXB Arabic','Courier New',monospace; letter-spacing:.09em; }
.is-open .menu-bottom { opacity:1; transition-delay:.4s; }
.menu-bottom span:first-child { color:#edece799; }
/* Quiet edge accents replace the creature animation. They stay behind the panel. */
.hero-traces { position:absolute; inset:0; z-index:0; pointer-events:none; overflow:hidden; }
.trace { position:absolute; display:block; width:26vw; height:1px; transform:rotate(-39deg); background:linear-gradient(90deg,transparent,#cb302733,transparent); }
.trace::after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,transparent 10%,#cb3027 55%,transparent 85%); opacity:0; transform:translateX(-110%); }
.trace-upper { top:22%; right:-5%; }
.trace-lower { bottom:23%; left:-6%; }
.has-feather-arrival .trace::after { animation:edge-light 8s 1s ease-in-out infinite; }
.has-feather-arrival .trace-lower::after { animation-delay:4s; }
.menu-open .trace::after { animation-play-state:paused; }
@keyframes edge-light { 0%,8% { opacity:0; transform:translateX(-110%); } 18%,32% { opacity:.5; } 45%,100% { opacity:0; transform:translateX(110%); } }
.no-js .menu-trigger { display:none; }
@media(max-width:760px) {
  .menu-trigger,.menu-close { gap:12px; font-size:10px; }
  .menu-trigger-icon { width:42px; height:40px; }
  .menu-shell { grid-template-columns:1fr; grid-template-rows:82px 1fr 54px; }
  .menu-shell::before { inset:0; }
  .menu-signature { width:84px; height:50px; filter:url('#sxb-black-red'); }
  .menu-links { grid-column:1; grid-row:2; padding:30px var(--gutter); }
  .menu-links h2 { margin-bottom:25px; }
  .menu-name { font-size:clamp(34px,9vw,60px); }
  .menu-row { padding:23px 0; }
  .menu-store-badge { width:82px; height:42px; padding:7px; }
  .menu-store .menu-arrow { font-size:25px; }
  .menu-art { display:none; }
  .menu-bottom span:first-child { color:#75756e; }
  .trace { width:40vw; }
}


/* A red rim beneath the awards' existing gold crossfade layers. */
.menu-trigger-icon{isolation:isolate;overflow:hidden}
.menu-trigger-icon i{position:relative;z-index:2}
.menu-trigger-red-rim{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.menu-trigger-red-rim::before{content:'';position:absolute;width:90px;height:90px;left:calc(50% - 45px);top:calc(50% - 45px);background:conic-gradient(from 20deg,#e5483033,transparent 80deg,#ff735344 130deg,#ffac86 160deg,#ffe9d5 185deg,transparent 215deg,#e5483033 300deg,#e5483033);animation:menu-red-rim-orbit 4s linear infinite}
.menu-trigger-red-rim::after{content:'';position:absolute;inset:1px;background:var(--red);clip-path:polygon(11px 0,100% 0,100% 100%,0 100%,0 11px);transition:background-color .3s,clip-path .3s}
.menu-trigger:hover .menu-trigger-red-rim::after,.menu-trigger:focus-visible .menu-trigger-red-rim::after{background:#a62520;clip-path:polygon(0 0,100% 0,100% calc(100% - 11px),calc(100% - 11px) 100%,0 100%)}
html:is(.awards-on-screen,.menu-open,.award-open,.memory-open,.is-loading) .menu-trigger-red-rim::before{animation-play-state:paused}
@keyframes menu-red-rim-orbit{to{transform:rotate(360deg)}}


html:is(.awards-on-screen,.marathon-on-screen) .menu-trigger-red-rim{display:none}

/* sword-scrollbar.css */
.sword-scrollbar { position:fixed; z-index:19; top:104px; right:0; left:auto; bottom:42px; width:48px; background:transparent; cursor:grab; touch-action:none; }
.sword-scrollbar:active { cursor:grabbing; }
.sword-scrollbar[hidden] { display:none; }
.sword-scrollbar-thumb { position:absolute; left:0; top:0; width:48px; height:140px; }
.sword-scrollbar-thumb svg { display:block; width:100%; height:100%; overflow:visible; shape-rendering:geometricPrecision; }
.sword-scrollbar:focus-visible { outline:1px solid var(--red); outline-offset:2px; }
.is-loading .sword-scrollbar,.menu-open .sword-scrollbar { visibility:hidden; }
@media(max-width:760px) {
  .sword-scrollbar { top:84px; bottom:58px; right:0; width:40px; }
  .sword-scrollbar-thumb { left:0; width:40px; height:116px; }
}

/* characters.css */
.characters { --character-accent:#42684b; position:relative; min-height:max(840px,100svh); overflow:hidden; isolation:isolate; background:#111110; color:#f0ece3; scroll-margin-top:0; }
.characters:focus { outline:none; }
.gallery-set { position:absolute; inset:0; overflow:hidden; pointer-events:none; user-select:none; }
.gallery-set-wall { position:absolute; inset:0 0 0 32%; background:linear-gradient(118deg,#3e0f0c 0%,#9c241c 28%,#cd392a 56%,#60140e 100%); clip-path:polygon(24% 0,100% 0,100% 100%,0 100%); }
.gallery-set-ribs { position:absolute; inset:-24% -10% -20% 47%; display:flex; transform:skewX(-17deg); }
.gallery-set-ribs i { flex:1; border-left:1px solid #ff947957; background:linear-gradient(90deg,#09070699,#a8342300 32%,#ff997a09 98%); transform-origin:50% 100%; transition:transform 2s cubic-bezier(.22,.65,.22,1); }
.gallery-set-ribs i:nth-child(even) { background:linear-gradient(90deg,#250c0770,#ffbd8e08 85%,#ffbd8e30); }
.characters[data-slide="1"] .gallery-set-ribs i:nth-child(odd),.characters[data-slide="3"] .gallery-set-ribs i:nth-child(even) { transform:translateX(-15%) scaleX(1.3); }
.characters[data-slide="2"] .gallery-set-ribs i { transform:translateX(12%) scaleX(.84); }
.gallery-set-floor { position:absolute; inset:55% 0 0; background:linear-gradient(180deg,transparent,#111110 91%); }
.gallery-set::after { content:''; position:absolute; inset:0; opacity:.035; background-size:160px 160px; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.45' d='M0 0h160v160H0z'/%3E%3C/svg%3E"); }
.gallery-set-wall { animation:set-light 16s ease-in-out infinite alternate; animation-play-state:paused; }
.gallery-in-view .gallery-set-wall { animation-play-state:running; }
@keyframes set-light { from { filter:brightness(.86); } to { filter:brightness(1.08); } }
.gallery-topline,.gallery-bottomline { position:absolute; z-index:3; left:var(--gutter); right:var(--gutter); display:flex; align-items:center; gap:16px; font:9px 'SXB Arabic','Courier New',monospace; letter-spacing:.12em; direction:ltr; color:#e9e8df75; }
.gallery-topline { top:108px; padding:16px 0; border-top:1px solid #e9e8df25; }
.gallery-bottomline { bottom:27px; justify-content:space-between; }
.character-stage { position:absolute; z-index:1; top:110px; bottom:22px; left:36%; right:0; pointer-events:none; }
.character-portraits { position:absolute; inset:0; overflow:hidden; }
.character-portrait { position:absolute; inset:0; display:flex; justify-content:center; align-items:flex-end; transform:translateY(70%); opacity:0; }
.character-portrait.is-current { transform:translateY(0); opacity:1; }
.character-portrait img { display:block; width:auto; height:auto; max-width:100%; max-height:100%; flex:0 1 auto; object-fit:contain; mask-image:linear-gradient(to bottom,#000 0%,#000 73%,transparent 100%),linear-gradient(to right,transparent 0%,#000 7%,#000 92%,transparent 100%); mask-composite:intersect; }
.character-details { position:relative; z-index:2; width:clamp(290px,29vw,480px); margin-left:var(--gutter); margin-right:auto; padding:176px 0 83px; }
.gallery-heading { margin:0 0 30px; font-size:clamp(62px,7.1vw,116px); font-weight:650; line-height:1.32; letter-spacing:-.055em; text-shadow:0 2px 30px #11111070; }
.gallery-heading-line { display:block; overflow:hidden; padding:0 .03em .06em; }
.gallery-heading-line:first-child { font-size:.47em; line-height:1.5; font-weight:400; letter-spacing:-.04em; color:#e9e8dfb3; margin-bottom:-.10em; }
.gallery-heading-line>span { display:block; transform:translateY(0); opacity:1; transition:transform 1.5s cubic-bezier(.16,1,.3,1),opacity 1s; }
.gallery-heading-line:nth-child(2)>span { transition-delay:.14s; }
.gallery-heading-dot { color:var(--red); }
.js .characters:not(.has-entered) .gallery-heading-line>span { transform:translateY(110%); opacity:0; }
.gallery-meta { display:flex; justify-content:space-between; align-items:center; border-top:1px solid #e9e8df30; padding:16px 0 18px; }
.character-counter { direction:ltr; display:flex; align-items:center; gap:11px; font:11px 'SXB Arabic','Courier New',monospace; letter-spacing:.05em; }
.counter-window { display:block; height:29px; overflow:hidden; }
.character-counter b { display:block; font:500 30px/29px 'SXB Arabic','Barlow Condensed','SXB Local',sans-serif; }
.character-counter>span:last-child { color:#e9e8df60; }
.character-autoplay { display:flex; align-items:center; justify-content:center; width:36px; height:36px; padding:0; border:0; background:none; color:#e9e8df85; direction:ltr; }
.autoplay-symbol { width:8px; height:10px; border-left:2px solid currentColor; border-right:2px solid currentColor; }
.character-autoplay[aria-pressed="true"] .autoplay-symbol { width:0; height:0; border-top:5px solid transparent; border-bottom:5px solid transparent; border-right:0; border-left:8px solid currentColor; }
.character-autoplay:hover { color:var(--paper); }
.character-watch { display:block; }
.character-video-card { position:relative; }
.video-seal { position:absolute; z-index:4; top:0; left:0; width:100%; aspect-ratio:16/9; padding:0; border:0; border-radius:12px; background:transparent; color:var(--ink); overflow:hidden; isolation:isolate; }
.video-seal[hidden] { display:none; }
.seal-half { position:absolute; inset:0; background:linear-gradient(145deg,#f0eee6,#d4d0c5); will-change:transform; }
.seal-half::after { content:''; position:absolute; inset:9px; border:1px solid #27262120; pointer-events:none; }
.seal-upper { clip-path:polygon(0 0,100% 0,100% 20%,0 80%); }
.seal-lower { clip-path:polygon(0 80%,100% 20%,100% 100%,0 100%); }
/* Both copies have the crossing of X at the same optical center (802.5,520.5). */
.seal-half svg { position:absolute; width:66%; height:78%; left:17%; top:11%; }
.seal-label { position:absolute; z-index:1; bottom:18px; left:23px; right:23px; display:flex; justify-content:space-between; align-items:center; font-size:10px; transition:opacity .2s; }
.seal-label>span { font:22px 'SXB Arabic',Arial,sans-serif; }
.video-seal:hover .seal-label { color:var(--red); }
.video-seal:focus-visible { outline-offset:-5px; }
.seal-cut { position:absolute; z-index:3; inset:0; width:100%; height:100%; overflow:visible; opacity:0; pointer-events:none; }
.seal-cut path { fill:none; stroke:#ed422b; stroke-width:2; vector-effect:non-scaling-stroke; stroke-dasharray:1; stroke-dashoffset:1; filter:drop-shadow(0 0 3px #e62b24); }
.video-seal.is-opening .seal-upper { animation:seal-open-upper .95s cubic-bezier(.25,.7,.2,1) both; }
.video-seal.is-opening .seal-lower { animation:seal-open-lower .95s cubic-bezier(.25,.7,.2,1) both; }
.video-seal.is-opening .seal-label,.video-seal.is-opening::before { opacity:0; }
.video-seal.is-opening .seal-cut { animation:seal-cut-flash .48s ease-out both; }
.video-seal.is-opening .seal-cut path { animation:seal-cut-draw .23s ease-out both; }
@keyframes seal-open-upper { 0%,20% { transform:none; } to { transform:translate(-12%,-105%) rotate(-5deg); } }
@keyframes seal-open-lower { 0%,20% { transform:none; } to { transform:translate(12%,105%) rotate(5deg); } }
@keyframes seal-cut-flash { 0% { opacity:0; } 12%,48% { opacity:1; } 100% { opacity:0; } }
@keyframes seal-cut-draw { to { stroke-dashoffset:0; } }
.character-cover { position:relative; aspect-ratio:16/9; overflow:hidden; border-radius:12px; background:#252723; box-shadow:0 22px 60px #0004; }
.character-thumbnails { position:absolute; inset:0; }
.character-thumbnail { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:cover; filter:saturate(.75) brightness(.8); transition:filter .5s; }
.character-watch:hover .character-thumbnail { filter:saturate(1) brightness(.95); }
.character-cover::after { content:''; position:absolute; inset:0; border:1px solid #e9e8df25; border-radius:inherit; pointer-events:none; }
.character-play { position:absolute; z-index:2; width:52px; height:52px; left:50%; top:50%; transform:translate(-50%,-50%); border:1px solid #fffb; border-radius:50%; display:grid; place-items:center; background:#0003; transition:background .35s,border-color .35s; }
.character-play svg { width:22px; height:22px; margin-left:-3px; }
.character-watch:hover .character-play { background:var(--red); border-color:var(--red); }
.character-watch-caption { display:flex; align-items:center; gap:10px; min-height:60px; font-size:12px; }
.character-watch-caption>span:last-child { margin-inline-start:auto; font:24px 'SXB Arabic',Arial,sans-serif; transition:transform .4s; }
.character-watch:hover .character-watch-caption>span:last-child { transform:translate(3px,-3px); }
.youtube-wordmark { font:700 15px 'SXB Arabic',Arial,sans-serif; letter-spacing:-.5px; display:flex; align-items:center; gap:4px; }
.youtube-wordmark svg { width:23px; height:17px; }
.character-navigation { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:20px; margin-top:23px; direction:ltr; }
.character-controls { display:flex; gap:8px; flex:0 0 auto; }
.character-controls button { position:relative; isolation:isolate; overflow:hidden; display:flex; align-items:center; justify-content:space-between; width:104px; height:56px; padding:0 16px; border:1px solid #e9e8df2b; border-radius:40px; color:var(--paper); background:#f4eddf05; transition:border-color .4s,color .4s; }
.character-controls button::before { content:''; position:absolute; z-index:-1; inset:-1px; background:var(--paper); transform:translateY(105%); transition:transform .55s cubic-bezier(.16,1,.3,1); border-radius:inherit; }
.character-controls .character-next { border-color:#dc544773; background:#cb302717; }
.character-controls .character-next::before { background:var(--red); }
.character-controls .control-arrow { display:block; width:26px; height:30px; overflow:hidden; }
.control-arrow svg { display:block; width:26px; height:30px; fill:none; stroke:currentColor; stroke-width:1.4; transition:transform .5s cubic-bezier(.16,1,.3,1); }
.character-controls .control-label { font-size:11px; font-weight:400; }
.character-controls button:hover::before { transform:translateY(0); }
.character-controls button:hover { border-color:var(--paper); color:var(--ink); }
.character-controls .character-next:hover { border-color:var(--red); color:white; }
.character-next:hover svg { animation:arrow-up-pass .55s ease both; }
.character-previous:hover svg { animation:arrow-down-pass .55s ease both; }
.character-controls [aria-disabled="true"] { opacity:.65; cursor:progress; }
@keyframes arrow-up-pass { 45% { transform:translateY(-110%); } 46% { transform:translateY(110%); } to { transform:none; } }
@keyframes arrow-down-pass { 45% { transform:translateY(110%); } 46% { transform:translateY(-110%); } to { transform:none; } }
.character-selectors { display:flex; direction:ltr; flex:1; gap:10px; }
.character-selectors button { position:relative; display:flex; flex-direction:column; justify-content:center; gap:11px; width:100%; min-width:26px; height:49px; padding:0; border:0; color:#e9e8df60; background:transparent; font:9px 'SXB Arabic','Courier New',monospace; text-align:left; }
.selector-track { display:block; height:2px; width:100%; overflow:hidden; background:#e9e8df30; }
.selector-track i { display:block; width:100%; height:100%; transform:scaleX(0); transform-origin:left; background:var(--red); }
.character-selectors [aria-pressed="true"] { color:var(--paper); }
.character-selectors button:hover { color:var(--paper); }
.character-selectors button:hover .selector-track { background:#e9e8df65; }
.character-selectors [aria-pressed="true"] .selector-track { background:#cb302743; }
.js .characters:not(.has-entered) .gallery-meta,.js .characters:not(.has-entered) .character-watch,.js .characters:not(.has-entered) .character-navigation { opacity:0; transform:translateY(24px); }
.gallery-meta,.character-watch,.character-navigation { transition:opacity 1.1s .2s,transform 1.1s .2s cubic-bezier(.16,1,.3,1); }
.character-watch { transition-delay:.3s; }
.character-navigation { transition-delay:.4s; }
.characters [hidden] { display:none!important; }
.in-gallery .brand-animated,.in-gallery .sword-scrollbar-thumb svg { filter:url(#sxb-on-dark); }
.in-gallery .brand-shine { visibility:hidden; }
.in-gallery .menu-trigger { color:var(--paper); }
.menu-open .gallery-set-wall { animation-play-state:paused; }
@media(min-width:1700px) { .character-details { padding-top:clamp(176px,16svh,230px); } }
@media(max-width:1000px) and (min-width:701px) {
  .character-stage { left:30%; right:-3%; }
  .character-details { width:290px; }
  .gallery-heading { font-size:74px; }
}
@media(max-width:700px) {
  .characters { min-height:0; padding:95px var(--gutter) 65px; display:grid; grid-template-columns:minmax(0,1fr); }
  .gallery-topline { top:83px; padding-top:13px; font-size:8px; }
  .gallery-set-wall { inset:0 0 45%; clip-path:polygon(26% 0,100% 0,100% 100%,0 100%); }
  .gallery-set-ribs { inset:-8% -40% 40% 26%; }
  .gallery-set-floor { inset:28% 0 0; background:linear-gradient(180deg,transparent,#111110 43%); }
  .character-stage { position:relative; top:auto; left:auto; right:auto; bottom:auto; height:clamp(430px,115vw,600px); width:calc(100% + 24px); margin:26px -12px 0; grid-area:1/1; }
  .character-details { position:relative; width:100%; max-width:430px; padding:0; margin:0 auto; grid-area:2/1; }
  .gallery-heading { margin:0 0 19px; font-size:clamp(65px,18vw,94px); }
  .gallery-heading-line { display:inline-block; vertical-align:baseline; }
  .gallery-heading-line:first-child { font-size:.45em; margin:0 0 0 .2em; }
  .gallery-meta { padding:13px 0; }
  .character-navigation { margin-top:17px; gap:16px; }
  .character-controls button { width:85px; padding:0 12px; }
  .character-controls .control-label { font-size:10px; }
  .character-watch-caption { font-size:11px; }
  .gallery-bottomline { font-size:8px; bottom:23px; }
}


/* A single title, one film card, and one compact row of controls. */
.character-details { padding-top:clamp(165px,24svh,260px); padding-bottom:90px; }
.gallery-heading { display:flex; gap:.25em; align-items:baseline; font-size:clamp(30px,3.1vw,48px); font-weight:500; line-height:1.6; letter-spacing:-.035em; margin-bottom:34px; }
.gallery-heading-line:first-child { font-size:inherit; font-weight:inherit; line-height:inherit; letter-spacing:inherit; color:inherit; margin:0; }
.character-navigation { flex-wrap:nowrap; gap:16px; margin-top:12px; }
.character-selectors { max-width:136px; margin-right:auto; gap:8px; }
.character-selectors button { min-width:24px; height:44px; gap:0; }
.character-controls button { width:48px; height:48px; padding:0; justify-content:center; }
.seal-half::after { display:none; }
.gallery-set-ribs { opacity:.62; }
@media(max-width:700px) {
  .character-details { padding:0; }
  .gallery-heading { font-size:32px; margin-bottom:26px; }
  .character-navigation { gap:12px; }
}

/* memories.css */
.memories { position:relative; z-index:6; height:240svh; background:#f3f2ed; color:var(--ink); overflow-anchor:none; }
.memories-stage { position:sticky; top:0; height:100svh; min-height:480px; overflow:hidden; isolation:isolate; contain:paint; background:#f3f2ed; }
.memories-canvas { position:absolute; inset:0; width:100%; height:100%; }
/* Edge fading is part of the canvas, so the iris has no rectangular blur layers. */
.memories-center { position:absolute; z-index:1; inset:0; display:flex; flex-direction:column; justify-content:center; align-items:center; pointer-events:none; }
.memories-center::before { content:''; position:absolute; width:clamp(170px,24vmin,250px); aspect-ratio:1; border-radius:50%; background:#f3f2ed; filter:blur(22px); z-index:-1; }
.memories-kicker { margin:0 0 17px; font:9px 'SXB Arabic','Courier New',monospace; letter-spacing:.32em; color:#797872; }
.memories-title { margin:0; font-size:clamp(28px,4.3vmin,52px); font-weight:550; line-height:1.55; letter-spacing:-.055em; text-align:center; }
.memories-title span { display:block; }
.memories-title span:last-child { color:var(--red); }
.memories-rule { margin-top:20px; width:32px; height:1px; background:var(--red); }
.memories-fallback { position:absolute; inset:10%; display:grid; grid-template-columns:repeat(3,1fr); gap:20px; align-items:center; opacity:.35; }
.memories-fallback img { width:100%; max-height:30svh; object-fit:contain; }
.memories-ready .memories-fallback { display:none; }
.memory-open{overflow:hidden}
.memory-dialog{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;padding:70px 30px 90px;margin:0;border:0;background:transparent;overflow:hidden;color:#f3eee3}
.memory-dialog[open]{display:grid;place-items:center}
.memory-dialog::backdrop{background:#13181799;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.memory-print{position:relative;margin:0;padding:12px 12px 0;background:#f8f4e9;color:#36342e;box-shadow:0 35px 100px #0009,0 2px 8px #0005;transform:rotate(-5deg);width:max-content;max-width:85vw}
.memory-print img{display:block;width:auto;height:auto;max-width:min(72vw,980px);max-height:66svh;object-fit:contain}
.memory-print figcaption{height:54px;display:flex;align-items:center;justify-content:space-between;gap:30px;font:9px 'SXB Arabic',monospace;letter-spacing:.12em;direction:ltr}
.memory-tape{position:absolute;z-index:2;width:118px;height:39px;left:calc(50% - 59px);top:-19px;transform:rotate(4deg);transform-origin:left center;filter:drop-shadow(0 1px 1px #0002)}
.memory-tape::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(95deg,#e8d6b319 0 1px,transparent 1px 3px),linear-gradient(100deg,#d3bc89cd,#e5d9b9e8 40%,#cbb683cf);clip-path:polygon(2% 0,98% 3%,96% 18%,100% 30%,97% 44%,100% 63%,97% 80%,99% 99%,0 97%,3% 80%,0 60%,3% 45%,0 25%);box-shadow:inset 0 1px #fff4,inset 0 -1px #a48d5e33}
.memory-arriving .memory-tape{visibility:hidden}
.memory-dialog::backdrop{transition:background .35s,backdrop-filter .35s}
.memory-leaving::backdrop{background:#13181700;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0)}
.memory-leaving .memory-browse,.memory-leaving .memory-close{opacity:0;transition:opacity .18s;pointer-events:none}
.memory-close{position:absolute;right:30px;top:24px;display:flex;align-items:center;gap:18px;background:#15171366;border:1px solid #f8efda55;color:#fff4df;padding:10px 17px;border-radius:24px;font-size:12px;z-index:5}.memory-close span{font:25px 'SXB Arabic',Arial}
.memory-browse{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:30px;white-space:nowrap;font-size:11px;direction:ltr}.memory-browse button{width:42px;height:42px;border:1px solid #fff5;background:#13171388;color:#fff2d8;border-radius:50%;font:20px 'SXB Arabic',Arial}
@media(max-width:600px){.memory-dialog{padding:80px 12px}.memory-print{padding:8px 8px 0}.memory-print img{max-width:79vw;max-height:61svh}.memory-print figcaption{height:43px;gap:12px;font-size:7px}.memory-browse{gap:18px}.memory-close{right:18px;top:18px}}

.no-js .memories { height:100svh; }
@media(max-width:600px) {
  .memories { height:200svh; }
  .memories-title { font-size:28px; }
  .memories-kicker { font-size:8px; letter-spacing:.18em; }
}


/* marathon.css */

.marathon{--flap-height:clamp(100px,12vw,190px);--board-center:50%;position:relative;isolation:isolate;z-index:7;height:270svh;background:#080909;color:#e8e6df;overflow:clip}
.marathon-stage{position:sticky;top:0;height:100svh;min-height:560px;overflow:hidden;isolation:isolate;background:#080909;direction:ltr}
.marathon-shutter{position:absolute;inset:0;z-index:3;background:radial-gradient(ellipse at 50% 50%,#222321 0%,#0f1110 50%,#090a09 100%);will-change:transform}
.marathon-shutter::before{content:'';position:absolute;inset:0;background:url('./assets/marathon-sxb-pattern-v2.display.webp') center / cover no-repeat;opacity:.025;pointer-events:none}
.marathon-shutter-top{clip-path:inset(0 0 50% 0)}
.marathon-shutter-bottom{clip-path:inset(50% 0 0 0)}


.marathon-gate-label{position:absolute;top:23%;width:100%;text-align:center;display:flex;align-items:baseline;justify-content:center;gap:12px;font:600 clamp(20px,3vw,44px)/1 'SXB Arabic','Barlow Condensed',sans-serif;letter-spacing:.035em;color:#c4c4b9}
.marathon-gate-label>span{font-weight:600;color:#676e62}.marathon-gate-label b{font-weight:600}
.marathon-board-housing{position:absolute;top:var(--board-center);left:7%;right:7%;transform:translateY(-50%);padding:19px 25px;background:linear-gradient(145deg,#262823,#131511 45%,#20221e);border:1px solid #e1e2cc22;border-radius:5px;box-shadow:0 30px 65px #0009,inset 0 1px #fff2,inset 0 -1px #000;direction:ltr}
.marathon-screw{position:absolute;width:5px;height:5px;border:1px solid #a2a68b77;border-radius:50%;top:calc(50% - 2px);background:linear-gradient(45deg,transparent 40%,#060707 40% 60%,transparent 60%)}.marathon-screw:first-child{left:9px}.marathon-screw:nth-child(2){right:9px}
.flap-board{display:flex;gap:clamp(4px,.7vw,12px);justify-content:center;direction:ltr;font:600 clamp(56px,8.1vw,135px)/var(--flap-height) 'SXB Arabic','Barlow Condensed',Arial,sans-serif}
.flap-cell{position:relative;flex:1;min-width:0;height:var(--flap-height);perspective:650px;border-radius:3px;box-shadow:0 3px 1px #0009,0 0 0 1px #000;isolation:isolate}
.flap-space{width:2.2%;flex-shrink:0}
.flap-cell>span{position:absolute;left:0;right:0;height:50%;overflow:hidden;color:#e9e7db;backface-visibility:hidden}
.flap-cell b{position:absolute;left:0;right:0;height:var(--flap-height);font:inherit;text-align:center;text-shadow:0 1px 1px #000}
.flap-top,.flap-leaf-top{top:0;border-radius:3px 3px 0 0;background:linear-gradient(#30312a,#1b1d18);border-bottom:1px solid #050604}
.flap-bottom,.flap-leaf-bottom{bottom:0;border-radius:0 0 3px 3px;background:linear-gradient(#191c15,#282b22);border-top:1px solid #ffffff08}
.flap-top b,.flap-leaf-top b{top:0}.flap-bottom b,.flap-leaf-bottom b{bottom:0}
.flap-leaf-top{transform-origin:center bottom;z-index:3}.flap-leaf-bottom{transform-origin:center top;transform:rotateX(90deg);z-index:4}
.flap-cell::after{content:'';position:absolute;left:0;right:0;top:50%;height:1px;background:#000;z-index:5;box-shadow:0 1px #ffffff09;pointer-events:none}.flap-fallback{font:inherit}
.marathon-gate-copy{position:absolute;top:calc(var(--board-center) + var(--flap-height)/2 + 45px);left:8%;right:8%;text-align:center;direction:rtl}
.marathon-gate-copy h2{font-size:clamp(21px,2.25vw,36px);line-height:1.65;letter-spacing:-.045em;font-weight:450;margin:0;color:#e3e1d7}


.marathon-gate-actions{position:absolute;bottom:12%;left:7%;right:7%;display:flex;justify-content:center;align-items:center;gap:24px}



.flap-replay{font:19px 'SXB Arabic',Arial;border:0;background:transparent;color:#757e6b;padding:9px;transition:color .2s,transform .3s}.flap-replay:hover{color:#e3e6d4;transform:rotate(-30deg)}.flap-replay:disabled{opacity:.4;cursor:default}
.marathon-gate-footer{position:absolute;bottom:4.8%;left:7%;right:7%;display:flex;justify-content:flex-end;align-items:center;gap:15px;color:#61675c;font:8px 'SXB Arabic',monospace;letter-spacing:.12em}
.marathon-seam{position:absolute;z-index:4;top:50%;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#b7d79e6b 30%,#e6eadbaa 50%,#b7d79e6b 70%,transparent);box-shadow:0 0 12px #b7d79e33;pointer-events:none}
.marathon-film{--cinema-width:min(70vw,1040px,calc(54svh * 16 / 9));position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:23px;padding:85px 0 30px;background:radial-gradient(ellipse at 50% 46%,#28141466,transparent 65%),#080909;transform:scale(.88);will-change:transform;isolation:isolate;overflow:hidden}
.marathon-film::before{content:'';position:absolute;inset:0;z-index:-2;background:url('./assets/marathon-sxb-pattern-v2.display.webp') center / cover no-repeat;opacity:.035;pointer-events:none}
.marathon-film-top{width:var(--cinema-width);display:flex;justify-content:space-between;color:#a19996;font:9px 'SXB Arabic',monospace;letter-spacing:.15em}
.marathon-player{position:relative;flex:none;width:var(--cinema-width);aspect-ratio:16/9;overflow:hidden;background:#050505;border:1px solid #ad817530;border-radius:5px;box-shadow:0 30px 75px #0008,0 0 0 5px #ffffff02;isolation:isolate}
.marathon-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#050505;display:block}
.marathon-film-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#030303d9,transparent 24%)}
.marathon-film-bottom{width:var(--cinema-width);display:flex;align-items:center;justify-content:space-between;gap:30px}
.marathon-stat{display:flex;align-items:center;gap:22px}.marathon-stat strong{font:600 clamp(54px,5vw,78px)/.9 'SXB Arabic','Barlow Condensed',sans-serif;letter-spacing:-.025em}.marathon-stat strong span{font:10px 'SXB Arabic',monospace;margin-left:7px;color:#aaa19b}.marathon-stat>span{direction:rtl;font-size:clamp(10px,1vw,14px);color:#d7d1ca;max-width:180px;line-height:1.9}
.marathon-kick{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:38px;min-width:245px;padding:17px 22px;direction:rtl;color:#ffded1;background:#733a2e;transition:transform .25s,color .25s;clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%)}
.marathon-kick::before{content:'';position:absolute;width:320px;height:320px;left:calc(50% - 160px);top:calc(50% - 160px);background:conic-gradient(from 20deg,#78302633,transparent 80deg,#c7533544 130deg,#ee895c 160deg,#ffe1bd 185deg,transparent 215deg,#b4412933 300deg,#78302633);animation:marathon-rim-orbit 4s linear infinite;animation-play-state:paused;pointer-events:none;z-index:-2}
.marathon-kick::after{content:'';position:absolute;inset:1px;background:linear-gradient(125deg,#38201d,#180f10 55%,#2a1918);clip-path:polygon(0 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%);pointer-events:none;z-index:-1;box-shadow:inset 0 0 0 100px #53fc1800;transition:box-shadow .35s ease}
.marathon-film[data-visible="true"] .marathon-kick::before{animation-play-state:running}
.marathon-kick-copy{display:flex;flex-direction:column;gap:6px}.marathon-kick small{font-size:9px;color:#c6a196}.marathon-kick b{font:600 21px 'SXB Arabic','Barlow Condensed',sans-serif;letter-spacing:.05em}.marathon-kick svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.3;transition:transform .3s}.marathon-kick:is(:hover,:focus-visible){color:#102108;transform:translateY(-3px)}
.marathon-kick:is(:hover,:focus-visible)::after{box-shadow:inset 0 0 0 100px #53fc18}
.marathon-kick:is(:hover,:focus-visible)::before{background:conic-gradient(from 20deg,#53fc1833,transparent 80deg,#a8ff7644 130deg,#c4ffac 160deg,#f2ffe9 185deg,transparent 215deg,#7bff4933 300deg,#53fc1833)}
.marathon-kick small{transition:color .35s}.marathon-kick:is(:hover,:focus-visible) small{color:#244817}
@keyframes marathon-rim-orbit{to{transform:rotate(360deg)}}
.marathon-playback{position:absolute;left:20px;right:20px;bottom:17px;display:flex;align-items:center;gap:11px;font-size:9px;color:#e1d9d4}
.marathon-play-toggle{display:grid;place-items:center;width:32px;height:32px;flex:none;border:1px solid #ffffff44;border-radius:50%;background:#08080899;color:#eee5db;font:11px 'SXB Arabic',Arial}.marathon-video-status{margin-left:auto;font-size:9px;text-align:right}
.marathon-fullscreen{display:flex;align-items:center;gap:9px;flex:none;margin-left:auto;padding:9px 11px;border:1px solid #ffffff35;border-radius:3px;background:#08080888;color:#f1e8df;font:10px 'SXB Arabic',Alexandria,sans-serif;transition:background .2s,border-color .2s}.marathon-fullscreen svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.4}.marathon-fullscreen:hover,.marathon-play-toggle:hover{background:#39241e;border-color:#e5ac8d}
.marathon-fullscreen:focus-visible,.marathon-play-toggle:focus-visible,.marathon-kick:focus-visible,.flap-replay:focus-visible{outline:2px solid #f0bd99;outline-offset:3px}
.marathon-player:fullscreen{width:100%;height:100%;max-width:none;aspect-ratio:auto;border:0;border-radius:0;box-shadow:none;background:#000}.marathon-player:fullscreen .marathon-playback{bottom:30px;left:30px;right:30px}.marathon-player::backdrop{background:#000}
.marathon-film-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#e9bba21c;direction:ltr}.marathon-film-progress i{display:block;width:100%;height:100%;background:#cf7e5b;transform:scaleX(0);transform-origin:left}
html.marathon-on-screen .brand-animated,html.marathon-on-screen body>.sword-scrollbar svg{filter:url('#sxb-on-dark')}html.marathon-on-screen .menu-trigger{color:#f2eee4}
.marathon-noscript{padding:30px;text-align:center}
@media(max-height:760px) and (min-width:761px){.marathon{--flap-height:clamp(92px,10vw,135px)}.flap-board{font-size:clamp(55px,7vw,98px)}.marathon-gate-copy{top:calc(50% + var(--flap-height)/2 + 30px)}.marathon-gate-copy h2{font-size:25px}.marathon-gate-actions{bottom:10%}.marathon-film{--cinema-width:min(68vw,calc(48svh * 16 / 9));gap:16px}.marathon-stat strong{font-size:54px}}
@media(max-width:760px){.marathon{--flap-height:clamp(52px,15vw,95px);height:240svh}.marathon-stage{min-height:620px}.marathon-gate-label{top:28%;font-size:31px;gap:8px}.marathon-board-housing{left:4%;right:4%;padding:12px 10px}.marathon-screw{display:none}.flap-board{font-size:clamp(27px,8vw,53px);gap:3px}.marathon-gate-copy{left:5%;right:5%;top:calc(50% + var(--flap-height)/2 + 35px)}.marathon-gate-copy h2{font-size:23px;max-width:350px;margin:auto}.marathon-gate-actions{bottom:15%}.marathon-gate-footer{bottom:6%;font-size:6px;left:6%;right:6%;letter-spacing:0}.marathon-film{--cinema-width:90vw;gap:20px;padding:80px 0 45px}.marathon-film-top{font-size:7px;letter-spacing:.04em}.marathon-film-bottom{flex-direction:column;align-items:stretch;gap:23px}.marathon-stat{justify-content:space-between;gap:12px}.marathon-stat strong{font-size:64px}.marathon-stat>span{font-size:11px;max-width:165px}.marathon-kick{min-width:0;padding:16px 20px;align-self:stretch}.marathon-kick-copy{flex-direction:row;gap:18px;align-items:center}.marathon-kick::before{width:110vw;height:110vw;left:calc(50% - 55vw);top:calc(50% - 55vw)}.marathon-kick b{font-size:21px}.marathon-playback{left:10px;right:10px;bottom:10px;font-size:8px;gap:7px}.marathon-fullscreen{padding:8px;font-size:9px}.marathon-fullscreen>span{display:none}.marathon-video-status{max-width:45%;font-size:8px;line-height:1.6}}

.no-js .marathon{height:auto}.no-js .marathon-stage{position:relative;height:100svh}.no-js .marathon-shutter-top{clip-path:none}.no-js .marathon-shutter-bottom{clip-path:inset(50% 0 0 0)}.no-js .marathon-gate-actions{display:none}

/* Swap in place without changing the channel button's width. */
.marathon-kick-symbol{position:relative;width:28px;height:28px;flex:0 0 28px;display:block;color:#ffded1}
.marathon-kick-symbol .marathon-kick-arrow{position:absolute;inset:2.5px;width:23px;height:23px;animation:marathon-arrow-swap 6s ease-in-out infinite paused}
.marathon-kick-logo{position:absolute;inset:0;background:currentColor;-webkit-mask:url('./assets/kick-pixel-mark.display.webp') center / 135% no-repeat;mask:url('./assets/kick-pixel-mark.display.webp') center / 135% no-repeat;opacity:0;animation:marathon-logo-swap 6s ease-in-out infinite paused}
.marathon-film[data-visible="true"] :is(.marathon-kick-arrow,.marathon-kick-logo){animation-play-state:running}
@keyframes marathon-arrow-swap{0%,42%,100%{opacity:1;transform:translateY(0) scale(1)}48%,92%{opacity:0;transform:translateY(-4px) scale(.85)}}
@keyframes marathon-logo-swap{0%,42%,100%{opacity:0;transform:translateY(4px) scale(.85)}48%,92%{opacity:1;transform:translateY(0) scale(1)}}
.marathon-kick:is(:hover,:focus-visible) .marathon-kick-arrow{animation:none;opacity:0;visibility:hidden}
.marathon-kick:is(:hover,:focus-visible) .marathon-kick-logo{animation:none;opacity:1;transform:none;background:#000}


.marathon-sound-toggle{flex:none;border:1px solid #ffffff35;border-radius:3px;padding:8px;background:#08080888;color:#e1d9d4;font:10px 'SXB Arabic',Alexandria,sans-serif;cursor:pointer}.marathon-sound-toggle:hover{border-color:#9de77e;color:#b6fc98}.marathon-sound-toggle:focus-visible{outline:2px solid #a9ec8c;outline-offset:3px}

.marathon-playback{flex-wrap:wrap;row-gap:10px}
.marathon-seek-row{flex:0 0 100%;display:flex;align-items:center;gap:10px;direction:ltr;font:11px 'SXB Arabic',monospace;color:#fff}
.marathon-seek{flex:1;min-width:0;accent-color:#53fc18;cursor:pointer;height:18px}
.marathon-volume{width:70px;accent-color:#53fc18;cursor:pointer;direction:ltr}
.marathon-quality{background:#101b11;color:#edf6e8;border:1px solid #ffffff40;border-radius:3px;padding:7px;font:11px 'SXB Arabic',Arial;cursor:pointer}
.marathon-film-shade{background:linear-gradient(0deg,#030303ed,transparent 42%)}
.marathon-playback input:focus-visible,.marathon-quality:focus-visible{outline:2px solid #a9ec8c;outline-offset:3px}
@media(max-width:760px){.marathon-volume{width:45px}.marathon-quality{padding:6px 2px}.marathon-sound-toggle{font-size:8px;padding:7px 4px}.marathon-playback{gap:6px}.marathon-video-status:empty{display:none}}

/* Compact glass controls with an anchored quality panel. */
.marathon-playback{padding:12px 14px;border:1px solid #d7f7ca24;border-radius:12px;background:linear-gradient(135deg,#0e1916e8,#070d0bea);box-shadow:0 8px 24px #0005;backdrop-filter:blur(12px);transition:opacity .25s,transform .25s;gap:10px}
.marathon-play-toggle{width:34px;height:34px;background:#b8f69c;color:#10230c;border:0}
.marathon-sound-toggle,.marathon-fullscreen{height:34px;border:0;border-radius:7px;background:#ffffff08;color:#e4eddf;padding:8px 10px}
.marathon-volume{width:65px;height:18px}.marathon-seek-row{gap:12px;font-size:10px;color:#c6d8be}.marathon-seek{margin:0}
.marathon-settings{position:relative;flex:none;font:10px 'SXB Arabic',Alexandria,sans-serif;color:#e4eddf}
.marathon-settings summary{display:flex;align-items:center;gap:7px;list-style:none;padding:8px 10px;border-radius:7px;background:#ffffff08;height:34px;cursor:pointer}
.marathon-settings summary::-webkit-details-marker{display:none}.marathon-settings summary>span:first-child{font:19px 'SXB Arabic',Arial}
.marathon-settings[open] summary,.marathon-settings summary:hover{background:#53fc181c;color:#b9f99c}
.marathon-settings-panel{position:absolute;bottom:calc(100% + 12px);right:0;width:190px;padding:15px;border:1px solid #8cbb7355;border-radius:10px;background:#101c15;box-shadow:0 10px 35px #0009;direction:rtl}
.marathon-settings-panel label{display:flex;flex-direction:column;gap:12px}.marathon-settings-panel small{display:block;margin-top:12px;color:#97ac8d;font-size:9px}
.marathon-settings-panel .marathon-quality{width:100%;padding:10px;border-radius:6px;color:#c9f9b5;background:#192d1c;border-color:#6d945155}
.marathon-player[data-controls-hidden="true"]{cursor:none}
.marathon-player[data-controls-hidden="true"] .marathon-playback{opacity:0;transform:translateY(8px);pointer-events:none}
.marathon-player[data-controls-hidden="true"] .marathon-film-shade{opacity:0}
.marathon-film-shade{transition:opacity .25s}
.marathon-settings summary:focus-visible{outline:2px solid #a9ec8c;outline-offset:3px}
@media(max-width:760px){.marathon-playback{padding:8px;gap:6px}.marathon-settings summary{padding:6px}.marathon-settings summary>span:last-child{display:none}.marathon-volume{width:42px}.marathon-sound-toggle{font-size:8px;padding:6px}.marathon-fullscreen{padding:6px}.marathon-settings-panel{right:-45px;width:175px}}


.marathon-settings-panel{width:205px;padding:10px;background:linear-gradient(145deg,#17231c,#0b120e);border-color:#c5e6b82b;box-shadow:0 14px 40px #0009}
.marathon-settings-title{display:block;padding:5px 8px 10px;color:#a9bba1;font-size:10px}
.marathon-quality[hidden]{display:none}
.marathon-quality-options{display:grid;gap:4px}
.marathon-quality-options button{display:flex;align-items:center;gap:10px;width:100%;padding:11px 9px;border:1px solid transparent;border-radius:7px;background:transparent;color:#c4d0be;cursor:pointer;direction:ltr}
.marathon-quality-options b{font:600 13px 'SXB Arabic',Arial}.marathon-quality-options span{font:10px 'SXB Arabic',Alexandria,sans-serif;margin-left:auto}.marathon-quality-options i{font:13px 'SXB Arabic',Arial;opacity:0}
.marathon-quality-options button[aria-pressed="true"]{background:#53fc1812;border-color:#82c36335;color:#c5f7ac}.marathon-quality-options button[aria-pressed="true"] i{opacity:1}
.marathon-quality-options button:hover{background:#ffffff0c}.marathon-quality-options button:focus-visible{outline:1px solid #9be973;outline-offset:1px}
.marathon-seek{touch-action:none;direction:ltr}
/* Mirrored caption layout and a quieter cinema control deck. */
.marathon-film-bottom{direction:rtl}.marathon-stat{direction:rtl}.marathon-kick{direction:ltr}
.marathon-playback{left:16px;right:16px;bottom:16px;padding:12px 16px;gap:12px;row-gap:8px;background:linear-gradient(120deg,#111914ed,#0b110fed);border-color:#d6e5d726;border-radius:16px;box-shadow:0 12px 36px #0006;backdrop-filter:blur(16px)}
.marathon-seek-row{font-size:10px;font-variant-numeric:tabular-nums;gap:12px;padding-bottom:6px;border-bottom:1px solid #ffffff10}
.marathon-seek,.marathon-volume{accent-color:#a5dc86;height:22px}
.marathon-play-toggle{width:38px;height:38px;border-radius:50%;background:#b9e99b;color:#142412;box-shadow:0 3px 12px #0003}
.marathon-play-toggle:hover{background:#d4f5bf;color:#142412}
.marathon-sound-toggle,.marathon-fullscreen,.marathon-settings summary{height:38px;padding:8px 12px;border:1px solid #ffffff10;border-radius:9px;background:#ffffff05;font-size:12px;color:#e6eee2}
.marathon-sound-toggle:hover,.marathon-fullscreen:hover,.marathon-settings summary:hover{background:#ffffff12;border-color:#d3e7c937;color:#fff}
.marathon-volume{width:80px}.marathon-fullscreen{margin-left:auto;gap:10px}
.marathon-settings-panel{width:220px;padding:12px;bottom:calc(100% + 16px);background:#111c16;border:1px solid #c1dbc230;border-radius:14px;box-shadow:0 18px 45px #0009}
.marathon-settings-title{padding:5px 8px 12px;font-size:12px;border-bottom:1px solid #ffffff12;margin-bottom:6px}
.marathon-quality-options button{border-radius:9px;padding:12px 10px}.marathon-quality-options span{font-size:12px}.marathon-quality-options button[aria-pressed=true]{background:#a8d99018;border-color:#b3dca339;color:#d5efc8}
.marathon-video-status{font-size:10px;color:#a8b7aa}
@media(max-width:760px){.marathon-playback{left:8px;right:8px;bottom:8px;padding:8px 10px;gap:6px;row-gap:4px;border-radius:12px}.marathon-play-toggle{width:32px;height:32px}.marathon-sound-toggle,.marathon-fullscreen,.marathon-settings summary{height:32px;font-size:10px;padding:6px 7px}.marathon-volume{width:48px}.marathon-settings-panel{width:190px;right:-40px}.marathon-video-status{display:none}.marathon-film-bottom{flex-direction:row;align-items:center;gap:12px;flex-wrap:wrap}.marathon-stat{flex:1;min-width:150px}.marathon-stat strong{font-size:48px}.marathon-stat>span{font-size:10px;max-width:120px}.marathon-kick{min-width:180px;flex:1;padding:13px 15px}.marathon-kick-copy{flex-direction:column;gap:4px;align-items:flex-end}}

/* Cinema HUD: floating icon dock, edge-to-edge timeline, no enclosing panel. */
.marathon-playback{left:24px;right:24px;bottom:22px;display:grid;grid-template-columns:48px 36px 78px 1fr auto 40px;gap:12px;row-gap:16px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;align-items:center;direction:ltr}
.marathon-film-shade{background:linear-gradient(0deg,#030907ef, #03090788 17%,transparent 45%)}
.marathon-seek-row{grid-column:1/-1;grid-row:1;display:grid;grid-template-columns:42px 1fr 42px;padding:0;border:0;gap:12px;font:10px monospace;letter-spacing:.03em;color:#e1e9df}
.marathon-duration{text-align:right;color:#a6b4a6}
.marathon-seek{appearance:none;-webkit-appearance:none;width:100%;height:24px;background:transparent;outline:none}
.marathon-seek::-webkit-slider-runnable-track{height:3px;border-radius:3px;background:#ffffff45}
.marathon-seek::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:11px;height:11px;margin-top:-4px;border-radius:50%;background:#b4ee8f;box-shadow:0 0 0 4px #a7e48714,0 0 14px #a7e48744;transition:box-shadow .2s}
.marathon-seek:hover::-webkit-slider-thumb{box-shadow:0 0 0 6px #a7e48724,0 0 18px #a7e48755}
.marathon-seek::-moz-range-track{height:3px;background:#ffffff45;border-radius:3px}.marathon-seek::-moz-range-progress{height:3px;background:#b4ee8f}.marathon-seek::-moz-range-thumb{width:11px;height:11px;border:0;background:#b4ee8f;border-radius:50%}
.marathon-play-toggle{grid-column:1;grid-row:2;width:46px;height:46px;border-radius:50%;background:#e2f4d6;color:#12200d;box-shadow:0 0 0 5px #ffffff08;font-size:17px;transition:transform .2s,background .2s}
.marathon-play-toggle:hover{transform:scale(1.07);background:#b9ee96}
.marathon-sound-toggle{grid-column:2;grid-row:2;width:36px;height:38px;padding:0;border:0;background:transparent;font-size:0!important;position:relative}
.marathon-sound-toggle::before{content:'';display:block;width:22px;height:22px;margin:auto;background:#e2ebdd;clip-path:polygon(4% 34%,26% 34%,51% 12%,51% 88%,26% 66%,4% 66%)}
.marathon-sound-toggle::after{content:'';position:absolute;right:3px;top:12px;width:7px;height:13px;border-right:1.5px solid #dce9d4;border-radius:50%}
.marathon-sound-toggle[aria-pressed=false]::after{width:12px;height:1.5px;background:#c6d2be;border:0;transform:rotate(-48deg);top:18px;right:0}
.marathon-volume{grid-column:3;grid-row:2;width:74px;opacity:.75}.marathon-volume:hover{opacity:1}
.marathon-settings{grid-column:5;grid-row:2}.marathon-settings summary{height:36px;border:1px solid #e0efce28;background:#1520168c;border-radius:999px;padding:7px 15px;gap:9px;font-size:12px;backdrop-filter:blur(12px)}
.marathon-settings summary>span:first-child{font-size:17px}.marathon-settings[open] summary{background:#d2edbd;color:#13220e}
.marathon-fullscreen{grid-column:6;grid-row:2;width:40px;height:40px;padding:10px;background:transparent;border:0;border-radius:50%;margin:0}.marathon-fullscreen>span{display:none}.marathon-fullscreen svg{width:20px;height:20px;stroke-width:1.5}.marathon-fullscreen:hover{background:#ffffff12}
.marathon-video-status{grid-column:4;grid-row:2;text-align:right;font-size:11px;direction:rtl}
.marathon-settings-panel{right:0;bottom:calc(100% + 20px);width:238px;padding:17px;background:linear-gradient(145deg,#223027f5,#101a14fa);backdrop-filter:blur(20px);border:1px solid #d3e9c730;border-radius:18px;box-shadow:0 18px 60px #0009}
.marathon-settings-title{color:#ced9c7;font-size:14px;padding:0 4px 13px;margin-bottom:10px}
.marathon-quality-options{gap:8px}.marathon-quality-options button{padding:13px 12px;border-radius:11px;background:#ffffff04}.marathon-quality-options b{font-size:16px;letter-spacing:-.03em}.marathon-quality-options span{font-size:12px;color:#9caf9d}.marathon-quality-options button[aria-pressed=true]{background:#b1dd9615;border-color:#acd88d55;color:#d3f1b9}.marathon-quality-options button[aria-pressed=true] i{display:grid;place-items:center;border-radius:50%;width:19px;height:19px;background:#b0d994;color:#16230e;font-size:11px}
.marathon-film-progress{display:none}
@media(max-width:760px){.marathon-playback{left:14px;right:14px;bottom:14px;grid-template-columns:36px 28px 46px 1fr auto 30px;gap:7px;row-gap:8px}.marathon-play-toggle{width:34px;height:34px;font-size:14px;box-shadow:0 0 0 3px #ffffff08}.marathon-sound-toggle{width:28px;height:34px}.marathon-volume{width:44px}.marathon-fullscreen{width:30px;height:34px;padding:6px}.marathon-settings summary{height:30px;padding:6px 10px}.marathon-settings summary>span:last-child{display:inline;font-size:10px}.marathon-seek-row{grid-template-columns:34px 1fr 34px;gap:7px;font-size:9px}.marathon-settings-panel{right:-36px;width:210px;bottom:calc(100% + 13px);padding:12px}.marathon-video-status{display:none}}


/* awards.css */
/* A continuous, scroll-led exhibition. One viewport-sized canvas serves every station. */
.achievements{--gold:#d9b47b;--award-paper:#f1e9da;position:relative;z-index:7;isolation:isolate;color:var(--award-paper);background:#090c10;overflow-anchor:none}
.awards-atmosphere{position:absolute;inset:0;pointer-events:none;z-index:0}
.awards-viewport{position:sticky;top:0;height:100svh;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#1a1c20,#090c10 76%)}
.awards-backdrops,.awards-vignette,.award-room{position:absolute;inset:0}
.awards-backdrops{isolation:isolate}
.awards-backdrop{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:50% 38%;opacity:0;transform:scale(1.045);filter:saturate(.35);transition:opacity 1.4s ease,transform 6s cubic-bezier(.2,.65,.3,1);mask-image:radial-gradient(ellipse 70% 78% at 50% 47%,#000 12%,transparent 90%)}
.awards-backdrop.is-active{opacity:.19;transform:scale(1)}
.awards-vignette{background:linear-gradient(180deg,#090c10 1%,transparent 29%,transparent 70%,#090c10),linear-gradient(90deg,#090c10a3,transparent 40%,#090c10a3);z-index:1}
.award-room{z-index:2;overflow:hidden}
.awards-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.awards-content{position:relative;z-index:1}
.awards-heading{position:relative;width:min(1350px,86%);margin:auto;padding:clamp(110px,15svh,180px) 0 70px;display:grid;grid-template-columns:1fr 1fr;direction:rtl;align-items:end}
.awards-eyebrow{grid-column:1/-1;margin:0 0 24px;font:10px 'SXB Arabic','Courier New',monospace;letter-spacing:.25em;color:var(--gold);text-align:right}
.awards-heading h2{margin:0;font-size:clamp(52px,7.3vw,110px);line-height:1.22;font-weight:450;letter-spacing:-.075em}
.awards-heading h2 span{display:block;color:var(--gold)}
.awards-heading-note{justify-self:end;display:flex;align-items:end;gap:40px;padding-bottom:8px}
.awards-heading-note p{color:#b2b2b1;margin:0;font-size:12px;font-weight:350;line-height:2.2}
.awards-heading-note>span{display:grid;place-items:center;width:42px;height:60px;border:1px solid #d9b47b35;border-radius:32px;font:24px 'SXB Arabic',Arial;color:var(--gold)}
.awards-journey{position:relative;width:min(1440px,90%);margin:0 auto}
.awards-thread{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:1}
.awards-thread path{fill:none;vector-effect:non-scaling-stroke;stroke-width:1}
.awards-thread-base{stroke:#d9b47b24}
.awards-thread-lit{stroke:#d9b47b85}
.spark-halo{fill:#ddb77b;opacity:.17;filter:blur(5px)}
.spark-ring{fill:none;stroke:#e6bf88;stroke-width:.6;opacity:.4}
.spark-core{fill:#ffe8bd;filter:drop-shadow(0 0 4px #e9b95c)}
.award-collection{position:relative}
.award-moment{position:relative;display:grid;grid-template-columns:38% 38%;column-gap:24%;align-items:center;direction:ltr;min-height:660px;height:84svh;max-height:960px;padding:34px 0;scroll-margin-top:90px}
.award-slot{position:relative;grid-column:2;grid-row:1;width:100%;height:min(62svh,620px);min-height:390px;border:0;background:transparent;padding:0;color:var(--gold);outline-offset:-12px;cursor:pointer}
.award-moment:nth-child(even) .award-slot{grid-column:1}
.award-object{display:block;position:absolute;inset:0;pointer-events:none;transform:translateY(calc((1 - var(--arrival,0)) * 45px))}
.award-slot::before{content:'';position:absolute;inset:4% -5%;border-radius:50%;background:radial-gradient(ellipse,#d3a2600d,transparent 67%);opacity:0;transition:opacity 1s}
.award-moment.is-current .award-slot::before{opacity:1}
.award-slot::after{content:'↗';position:absolute;bottom:4%;left:50%;width:36px;height:36px;margin-left:-18px;border:1px solid #d9b47b55;border-radius:50%;display:grid;place-items:center;font:20px 'SXB Arabic',Arial;opacity:0;transform:translateY(7px);transition:opacity .4s,transform .4s}
.award-slot:hover::after,.award-slot:focus-visible::after{opacity:1;transform:translateY(0)}
.award-slot:focus-visible{outline:1px solid var(--gold);border-radius:8px}
.award-slot-loading{position:absolute;width:18px;height:18px;left:calc(50% - 9px);top:48%;border:1px solid #fff2;border-top-color:var(--gold);border-radius:50%;animation:award-loader 1.2s linear infinite}
.award-slot.is-ready .award-slot-loading,.award-slot.has-fallback .award-slot-loading{display:none}
.award-poster{display:block;width:100%;height:100%;object-fit:contain;border-radius:4px}
.award-moment-copy{position:relative;grid-column:1;grid-row:1;direction:rtl;width:100%;max-width:410px;justify-self:center;transform:translateY(calc((1 - var(--arrival,0)) * 30px));opacity:calc(.18 + var(--arrival,0) * .82)}
.award-moment:nth-child(even) .award-moment-copy{grid-column:2}
.award-moment-year{display:block;margin:0 0 17px;font:500 clamp(90px,11.5vw,174px)/.9 'SXB Arabic','SXB Local','Arial Narrow',sans-serif;letter-spacing:-.065em;color:#e4c495;text-align:right}
.award-moment.is-current .award-moment-year{color:#f0d3a5}
.award-moment-category{margin:0 0 13px;color:#a3947c;font-size:10px;letter-spacing:.015em}
.award-moment h3{margin:0 0 18px;font-size:clamp(25px,2.6vw,39px);font-weight:400;line-height:1.6;letter-spacing:-.055em;text-wrap:balance}
.award-moment-line{margin:0;max-width:31ch;color:#a7aaa9;font-size:11px;font-weight:350;line-height:2.1}
.award-explore{position:relative;display:inline-flex;align-items:center;gap:15px;padding:17px 0 7px;margin-top:14px;background:none;border:0;border-bottom:1px solid #d9b47b44;color:#e7d9c2;font-size:10px}
.award-explore span{font:21px 'SXB Arabic',Arial;transition:transform .4s}
.award-explore:hover span{transform:translate(-3px,-3px)}
.award-station{position:absolute;left:var(--station-x,50%);top:50%;width:9px;height:9px;transform:translate(-50%,-50%);border:1px solid #d9b47b65;border-radius:50%;background:#111419;z-index:2;transition:background .5s,box-shadow .6s}
.award-moment.is-current .award-station{background:#e4c495;box-shadow:0 0 0 6px #d9b47b0b,0 0 24px #d9b47b26}
.awards-footer{min-height:42svh;padding:45px 24px 115px;text-align:center}
.awards-footer-line{display:block;margin:0 auto 30px;width:1px;height:70px;background:linear-gradient(#d9b47b66,transparent)}
.awards-footer p{margin:0 0 22px;font-size:clamp(26px,3.5vw,46px);font-weight:350;letter-spacing:-.05em}
.awards-footer p span{color:var(--gold)}
.awards-footer a{display:inline-flex;align-items:center;gap:14px;font-size:10px;color:#bcae98;padding:10px}
.awards-year-nav{position:fixed;z-index:15;left:50%;bottom:max(22px,env(safe-area-inset-bottom));display:flex;gap:0;direction:ltr;transform:translate(-50%,18px);padding:7px 10px;background:#0c1015d9;border:1px solid #d9b47b26;border-radius:40px;backdrop-filter:blur(15px);opacity:0;visibility:hidden;transition:opacity .45s,transform .6s,visibility .45s;pointer-events:none}
.achievements.timeline-engaged .awards-year-nav{opacity:1;visibility:visible;transform:translate(-50%,0);pointer-events:auto}
.award-open .awards-year-nav,.menu-open .awards-year-nav{display:none}
.awards-year-nav button{position:relative;border:0;background:none;color:#a8a294;min-width:54px;height:38px;border-radius:24px;font:11px 'SXB Arabic','Courier New',monospace;transition:color .4s,background .4s}
.awards-year-nav button[aria-current="step"]{color:#ffe0ad;background:#d9b47b14}
.awards-year-nav button::after{content:'';position:absolute;bottom:4px;left:calc(50% - 2px);width:4px;height:4px;border-radius:50%;background:#d9b47b;opacity:0;transition:opacity .4s}
.awards-year-nav button[aria-current="step"]::after{opacity:1}
.awards-on-screen:not(.menu-open) .site-header,.awards-on-screen:not(.menu-open) .menu-trigger{color:#dfbd83}
.awards-on-screen:not(.menu-open) .brand-animated{filter:none}
.award-dialog .award-scrollbar svg{filter:url('#sxb-on-dark')}
@keyframes award-loader{to{transform:rotate(360deg)}}
@media(max-width:760px){
 .awards-heading{width:auto;margin:0 27px;padding:105px 0 40px;grid-template-columns:1fr 1fr;gap:0 10px}
 .awards-eyebrow{font-size:8px;margin-bottom:22px}.awards-heading h2{font-size:clamp(46px,12vw,70px)}
 .awards-heading-note{gap:0;align-self:end}.awards-heading-note p{font-size:9px;line-height:2.2}.awards-heading-note>span{display:none}
 .awards-journey{width:100%}.award-moment{height:auto;min-height:84svh;max-height:none;grid-template-columns:1fr;column-gap:0;padding:35px 27px 65px 57px;align-content:center}
 .award-slot,.award-moment:nth-child(even) .award-slot{grid-column:1;grid-row:1;height:43svh;min-height:260px;max-height:420px;width:100%;max-width:430px;justify-self:center}
 .award-moment-copy,.award-moment:nth-child(even) .award-moment-copy{grid-column:1;grid-row:2;max-width:400px;display:grid;grid-template-columns:auto 1fr;gap:0 15px;align-items:baseline;margin-top:6px}
 .award-moment-year{font-size:65px;grid-column:1;grid-row:1/3;margin:0 0 12px;line-height:1}
 .award-moment-category{grid-column:2;font-size:8px;margin-bottom:5px}.award-moment h3{grid-column:2;font-size:21px;line-height:1.5;margin-bottom:12px}
 .award-moment-line{grid-column:1/-1;font-size:10px;max-width:36ch}.award-explore{grid-column:1/-1;justify-self:start;margin-top:5px;font-size:9px;padding-top:13px}
 .award-station{top:40%}.awards-footer{min-height:35svh;padding-bottom:110px}.awards-year-nav{width:min(440px,calc(100vw - 28px));box-sizing:border-box;padding:5px 6px;bottom:max(16px,env(safe-area-inset-bottom))}.awards-year-nav button{flex:1;min-width:0;padding:0 2px;font-size:10px;height:44px}
 .awards-backdrop.is-active{opacity:.16}.awards-backdrop{object-position:50% 30%}
}


/* Exhibition detail: large model, quiet photograph and readable description. */
html.award-open{overflow:hidden}
.award-dialog{position:fixed;inset:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#090c10;color:#f5efdf;overflow:hidden;scrollbar-width:none}
.award-dialog::backdrop{background:#06080ce8;backdrop-filter:blur(15px)}
.award-dialog-shell{position:relative;height:100%;overflow:hidden;overscroll-behavior:contain;scrollbar-width:none;background:radial-gradient(ellipse at 21% 39%,#292b2b,#14191d 32%,#0a0d11 70%)}
.award-dialog::-webkit-scrollbar,.award-dialog-shell::-webkit-scrollbar{display:none;width:0;height:0}
.award-dialog-shell::before{content:'';position:absolute;pointer-events:none;inset:0;opacity:.22;background:repeating-linear-gradient(90deg,transparent,transparent 159px,#d7b88412 160px)}
.award-dialog-top{position:relative;height:78px;z-index:4;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0 4.5vw;border-bottom:1px solid #d7b88420}
.award-dialog-mark{font:9px 'SXB Arabic','Courier New',monospace;letter-spacing:.22em;color:#b7ac95}
.award-close{display:flex;align-items:center;gap:14px;padding:6px 0;background:none;border:0;font-size:10px;color:#ebdfc9}
.award-close i{display:grid;place-items:center;width:36px;height:36px;border:1px solid #bfb29a44;border-radius:50%;font:23px 'SXB Arabic',Arial;font-style:normal;transition:transform .45s,background .4s}
.award-close:hover i{transform:rotate(90deg);background:#d7b88420}
.award-detail-layout{position:relative;display:grid;grid-template-columns:55% 45%;direction:ltr;height:calc(100dvh - 78px)}
.award-view{position:relative;min-width:0;min-height:0;isolation:isolate;overflow:hidden}
.award-view::before{content:'';position:absolute;width:68%;height:60%;top:12%;left:16%;border-radius:50%;border:1px solid #d9bd8f0c;box-shadow:0 0 0 45px #d9bd8f03,0 0 0 90px #d9bd8f02;pointer-events:none}
.award-watermark{position:absolute;left:50%;top:3%;transform:translateX(-50%);font:500 clamp(75px,14vw,220px)/1 'SXB Arabic','SXB Local',Arial,sans-serif;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1px #d7b88421;white-space:nowrap;user-select:none}
.award-plinth{position:absolute;left:24%;right:24%;bottom:18%;height:6%;border-radius:50%;background:radial-gradient(ellipse,#000a 10%,#d1a76018 45%,transparent 70%);filter:blur(7px);pointer-events:none}
.award-model-stage{position:absolute;inset:3% 3% 14%;z-index:1;cursor:grab;touch-action:none;outline-offset:-8px}
.award-model-stage:active{cursor:grabbing}
.award-model-stage .awards-canvas{pointer-events:auto;touch-action:none}
.award-model-stage .award-poster{position:absolute;inset:0;object-fit:contain}
.award-model-loading{position:absolute;z-index:2;inset:0;display:grid;place-content:center;gap:16px;font-size:10px;text-align:center;color:#d7b884;pointer-events:none}
.award-model-loading::before{content:'';width:30px;height:30px;margin:auto;border:1px solid #d7b88440;border-top-color:#d7b884;border-radius:50%;animation:award-loader 1s linear infinite}
.award-model-loading[hidden]{display:none}
.award-model-toolbar{position:absolute;bottom:5%;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:12px;z-index:3}
.award-model-toolbar p{margin:0;font-size:9px;color:#9c9b98;direction:rtl}
.award-model-controls{display:flex;gap:3px;align-items:center;padding:5px;border:1px solid #d7b88429;border-radius:30px;background:#101419b3}
.award-model-controls button{width:36px;height:34px;border:0;border-radius:50%;background:transparent;color:#e8dbc4;font:18px 'SXB Arabic',Arial;transition:background .3s}
.award-model-controls button:hover{background:#d7b88422}
.award-model-controls button:disabled{opacity:.3;cursor:default}
.award-model-controls .award-spin{font:9px 'SXB Arabic',Alexandria,sans-serif;border-radius:20px;width:auto;padding:0 15px;border-right:1px solid #d7b88425}
.award-spin[aria-pressed="true"]{color:#f2ca88}
.award-story{direction:rtl;align-self:center;padding:25px clamp(26px,5vw,88px) 25px 20px;max-height:100%;display:grid;grid-template-rows:auto auto minmax(100px,1fr) auto auto;min-height:0}
.award-story-meta{display:flex;align-items:center;gap:13px;color:#dbb77c;font-size:9px;margin:0 0 14px}
.award-story-meta b{font:12px 'SXB Arabic','Courier New',monospace;border-left:1px solid #d7b88444;padding-left:13px}
.award-story h3{margin:0 0 24px;font-size:clamp(27px,3.2vw,48px);font-weight:450;letter-spacing:-.055em;line-height:1.4}
.award-photo{margin:0;position:relative;min-height:0;overflow:hidden;border-radius:3px;border:1px solid #e3bb7b33;background:#191d21;height:clamp(150px,31dvh,340px)}
.award-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 35%}
.award-photo.is-product{background:#e5e5e5}
.award-photo.is-product img{object-fit:contain;object-position:center}
.award-photo.is-portrait{background:radial-gradient(ellipse at center,#30291c,#101419)}
.award-photo.is-portrait img{object-fit:contain;object-position:center}
.award-photo figcaption{position:absolute;bottom:10px;right:10px;background:#0c1015cc;backdrop-filter:blur(8px);padding:6px 9px;font-size:8px;border-radius:2px;color:#ded6c9}
.award-description{color:#abaead;font-size:11px;line-height:2.15;margin:20px 0 22px;max-width:52ch}
.award-detail-nav{display:flex;justify-content:space-between;align-items:center;padding-top:15px;border-top:1px solid #d7b88429;direction:ltr}
.award-detail-count{font:10px 'SXB Arabic','Courier New',monospace;color:#a89f8b;letter-spacing:.15em}
.award-detail-nav button{border:0;background:transparent;color:#ead9bd;display:flex;align-items:center;gap:16px;font-size:10px;padding:5px 0 5px 10px;min-height:42px}
.award-detail-nav button i{font:26px 'SXB Arabic',Arial;font-style:normal;transition:transform .4s}
.award-detail-nav button:hover i{transform:translateX(6px)}
.award-detail-nav .award-previous{min-width:44px;padding:0}
.award-detail-nav .award-previous:hover i{transform:translateX(-6px)}
.award-view-status{position:absolute;bottom:18%;width:100%;font-size:10px;text-align:center;color:#d7b884;padding:0 24px}
.award-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.award-open body>.sword-scrollbar{visibility:hidden}
.award-dialog .award-scrollbar{z-index:10;width:24px;top:90px;bottom:25px;right:2px}
.award-dialog .award-scrollbar .sword-scrollbar-thumb{width:24px;height:95px}
@media(min-width:761px) and (max-height:700px){
 .award-dialog-top{height:62px}.award-detail-layout{height:calc(100dvh - 62px)}
 .award-story{padding-top:16px;padding-bottom:16px}.award-story h3{font-size:29px;margin-bottom:16px}.award-story-meta{margin-bottom:10px}
 .award-photo{height:25dvh}.award-description{font-size:10px;margin:13px 0}.award-detail-nav{padding-top:8px}.award-model-toolbar{bottom:3%;gap:8px}
}
@media(max-width:760px){
 .award-dialog-shell{overflow-y:auto;overflow-x:hidden}
 .award-dialog-top{position:sticky;top:0;height:62px;padding:0 20px;background:#0c1015f2;backdrop-filter:blur(12px)}
 .award-dialog-mark{font-size:8px;letter-spacing:.1em}.award-close{font-size:9px;gap:9px}.award-close i{width:32px;height:32px}
 .award-detail-layout{display:flex;flex-direction:column;height:auto}.award-view{height:40svh;min-height:270px;max-height:450px;flex-shrink:0}
 .award-model-stage{inset:0 4% 17%}.award-watermark{top:0;font-size:110px}.award-plinth{bottom:22%}
 .award-model-toolbar{bottom:0;gap:7px}.award-model-toolbar p{font-size:8px}.award-model-controls{padding:3px}.award-model-controls button{width:32px;height:30px}
 .award-model-controls .award-spin{padding:0 12px;font-size:8px}.award-story{padding:28px 30px max(28px,env(safe-area-inset-bottom,0px));width:100%;display:block;max-height:none}
 .award-story h3{font-size:28px;margin-bottom:18px}.award-story-meta{margin-bottom:12px}.award-photo{height:auto;aspect-ratio:1.65}
 .award-description{font-size:10px;line-height:2.1;margin:16px 0}.award-detail-nav{padding-top:12px}
}
@media(min-width:761px) and (max-height:520px){.award-dialog-shell{overflow-y:auto}.award-detail-layout{min-height:470px;height:auto}.award-view{min-height:470px}.award-story{max-height:none}}


/* Framing follows the photograph, including every portrait and landscape. */
.award-story{display:flex;flex-direction:column;align-items:stretch;gap:0}
.award-photo,.award-photo.is-portrait{--photo-height:min(43dvh,440px);flex:none;width:min(100%,calc(var(--photo-height) * var(--photo-ratio,1.5)));height:auto;aspect-ratio:var(--photo-ratio,1.5);align-self:flex-start;background:#121518;border:1px solid #d6b67c32;border-radius:8px;box-shadow:0 16px 42px #0004}
.award-photo img,.award-photo.is-portrait img,.award-photo.is-product img{width:100%;height:100%;object-fit:contain;object-position:center}
.award-story h3{font-size:clamp(27px,2.9vw,44px);margin-bottom:20px}
.award-description{margin:18px 0}
.award-watermark{top:-1%;font-size:clamp(140px,24vw,390px);color:#e5bd7e08;-webkit-text-stroke:1px #dfb77e42;mask-image:linear-gradient(#000 5%,#000b 36%,transparent 94%);pointer-events:none}
.award-model-stage{inset:4% 3% 8%}
.award-plinth{bottom:12%}
.award-drag-hint{position:absolute;bottom:3%;left:0;right:0;text-align:center;font-size:9px;letter-spacing:.02em;color:#b8a383;pointer-events:none}
.award-load-label{position:absolute;top:calc(48% + 32px);left:0;right:0;font-size:10px;letter-spacing:.02em;color:#c3ad8a;text-align:center}
.award-slot.is-ready .award-load-label,.award-slot.has-fallback .award-load-label{display:none}
.award-slot-loading{animation-play-state:paused}
.award-moment.is-current .award-slot-loading{animation-play-state:running}

/* A slim exhibition index: station number above the year, with a gold rail. */
.awards-year-nav{gap:4px;padding:9px 12px 12px;border-radius:12px;background:linear-gradient(140deg,#24211bef,#0b0f14f5);border:1px solid #cfad7652;box-shadow:0 16px 50px #0006,inset 0 1px #fff1;backdrop-filter:blur(12px)}
.awards-year-nav::before{content:'';position:absolute;bottom:8px;left:24px;right:24px;height:1px;background:linear-gradient(90deg,transparent,#ba965b66 12%,#ba965b66 88%,transparent)}
.awards-year-nav button{height:50px;min-width:58px;border-radius:6px;padding:17px 12px 7px;font:12px 'SXB Arabic','Courier New',monospace;color:#a69c8c;background:transparent;transition:color .3s,background .3s}
.awards-year-nav button::before{content:attr(data-number);position:absolute;top:5px;left:0;right:0;font:7px 'SXB Arabic','Courier New',monospace;letter-spacing:.12em;color:#786e5c}
.awards-year-nav button[aria-current="step"]{color:#ffe8b9;background:linear-gradient(#d1ad7826,#d1ad7808)}
.awards-year-nav button[aria-current="step"]::before{color:#ceac75}
.awards-year-nav button::after{width:18px;height:2px;left:calc(50% - 9px);bottom:-5px;border-radius:2px;box-shadow:0 0 12px #eac78555}
.awards-year-nav button:hover{color:#ffe8b9;background:#d5b88010}
.awards-year-nav button:focus-visible{outline:1px solid #e0bd7d;outline-offset:1px}

/* Gold is scoped to the awards section and the menu opened from it. */
html.awards-on-screen .site-header,html.awards-on-screen .menu-trigger{color:#dfbd83;mix-blend-mode:normal}
html.awards-on-screen .brand-animated{filter:none}
html.awards-on-screen .brand::after{background:#d9b47b}
.site-menu.is-gold{--red:#b79254;--paper:#eee7da}
.site-menu.is-gold .menu-shell::before{background:linear-gradient(140deg,#f1eadc,#e5d7bd)}
.site-menu.is-gold .menu-row{color:#86632f;border-color:#b58e4c40}
.site-menu.is-gold .menu-close,.site-menu.is-gold .menu-links h2{color:#86632f}
.site-menu.is-gold .menu-art{background:linear-gradient(140deg,#c8a261,#a27d40)}
.site-menu.is-gold .menu-art::after{background:linear-gradient(180deg,transparent 60%,#4b351c77)}
.site-menu.is-gold .menu-art-caption{color:#f5e3c0;border-color:#f5e3c044}
.site-menu.is-gold .menu-signature{filter:url('#sxb-gold')}
.site-menu.is-gold .menu-index,.site-menu.is-gold .menu-row:hover{color:#9b7437}

@media(max-width:760px){
 .award-story{padding:22px 26px 32px;box-sizing:border-box}
 .award-photo,.award-photo.is-portrait{--photo-height:60svh;max-width:100%;align-self:center}
 .award-watermark{font-size:clamp(135px,36vw,240px);top:-4%}
 .award-model-stage{inset:0 3% 7%}.award-plinth{bottom:10%}.award-drag-hint{bottom:0}
 .awards-year-nav{padding:7px 6px 10px;gap:1px;width:min(480px,calc(100vw - 24px));border-radius:10px}
 .awards-year-nav button{min-width:0;flex:1;height:48px;padding:17px 0 6px;font-size:10px}
 .awards-year-nav::before{left:16px;right:16px;bottom:6px}
}
@media(min-width:761px) and (max-height:700px){
 .award-photo,.award-photo.is-portrait{--photo-height:34dvh}
 .award-story h3{font-size:28px;margin-bottom:12px}.award-description{margin:12px 0;font-size:10px}
}

/* SXB aperture: the live memory scene contracts, without copying its canvas. */
.memories.memories-exiting{z-index:8;background:transparent}
.memories-exit-pinned .memories-stage{position:fixed;top:0;left:0;right:0;width:auto;transform:none;will-change:opacity}
.memories-exiting .memories-center{opacity:var(--exit-title,1)}
.awards-logo-transition{display:none;position:fixed;inset:0;width:100%;height:100%;z-index:9;pointer-events:none;overflow:hidden}
.achievements.awards-entry-active::before{content:'';position:absolute;top:-200svh;left:0;right:0;height:200svh;background:#090c10;pointer-events:none}
.awards-confetti{position:fixed;inset:0;width:100%;height:100%;z-index:16;pointer-events:none}
.awards-confetti[hidden]{display:none}
.awards-heading{display:block;padding-bottom:35px}

/* Clear numeral silhouettes; gradient fill avoids the intersecting outline of 4. */
.award-watermark{font-family:'SXB Arabic',Arial,Helvetica,sans-serif;font-weight:500;font-kerning:none;letter-spacing:-.055em;top:1%;font-size:clamp(155px,25vw,410px);line-height:1.18;padding:0 .1em;color:transparent;-webkit-text-stroke:0;-webkit-text-fill-color:transparent;mask-image:none;background:linear-gradient(180deg,#ead2a532 8%,#d5b37915 42%,#d5b37902 72%,transparent 94%);background-clip:text;-webkit-background-clip:text;overflow:visible}
.award-moment-year{font-family:'SXB Arabic',Arial,Helvetica,sans-serif;font-weight:500;line-height:1.18;letter-spacing:-.055em;padding:0 .09em;margin-inline:-.09em;mask-image:none;color:transparent;-webkit-text-fill-color:transparent;background:linear-gradient(180deg,#f3debb 12%,#dfbd82 42%,#d8b67d60 77%,#d8b67d12 98%);background-clip:text;-webkit-background-clip:text;overflow:visible}

/* Five years, discrete stops within each year, no duplicated labels or counters. */
.awards-year-nav{width:auto;gap:2px;padding:3px 8px;border-radius:30px;bottom:max(18px,env(safe-area-inset-bottom));background:#111416eb;border:1px solid #c9a56a36;box-shadow:0 8px 28px #0005,inset 0 1px #f4d9a410}
.awards-year-nav::before,.awards-year-nav button::before,.awards-year-nav button::after{content:none}
.awards-year-nav button{min-width:48px;height:38px;padding:4px 7px 10px;font:10px 'SXB Arabic',Arial,sans-serif;letter-spacing:.04em;border-radius:20px;color:#9f998d;flex:none}
.awards-year-nav button[aria-current="step"]{background:#cbaa7018;color:#ffe4af}
.award-year-dots{position:absolute;left:0;right:0;bottom:6px;display:flex;gap:3px;justify-content:center}
.award-year-dots i{display:block;width:3px;height:3px;border-radius:50%;background:#8a785540;transition:background .3s,box-shadow .3s}
.award-year-dots i.is-active{background:#e7c27f;box-shadow:0 0 6px #edc78377}

/* Ceremony light-table. A single composition for every photograph, no stretched
   image, cropped trophy, or hard portrait-in-landscape border. */
.award-story{padding-left:24px;padding-right:clamp(28px,4vw,70px)}
.award-photo,.award-photo.is-portrait,.award-photo.is-product{isolation:isolate;width:100%;height:clamp(180px,43dvh,490px);aspect-ratio:auto;max-width:none;align-self:stretch;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:hidden;flex-shrink:1;min-height:140px}
.award-photo-ambient{position:absolute;z-index:-2;inset:-30px;background-size:cover;background-position:center;filter:blur(28px) saturate(.6);opacity:0;transition:opacity .5s}
.award-photo::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0b0e12c9,transparent 38%,transparent 62%,#0b0e12c9),linear-gradient(#0b0e1244,transparent 30%,#0b0e1277)}
.award-photo::after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 25px 8px #0b0e1280}
.award-photo img,.award-photo.is-portrait img,.award-photo.is-product img{position:relative;width:100%;height:100%;object-fit:contain;object-position:center;padding:12px 10px;box-sizing:border-box;filter:drop-shadow(0 12px 14px #0006)}
.award-photo figcaption{z-index:2;bottom:18px;right:18px}
.award-description{color:#b9b6ae;line-height:2;max-width:none;font-size:11px}

.award-explore{gap:22px;min-height:46px;margin-top:22px;padding:6px 6px 6px 21px;border:1px solid #c9aa7048;border-radius:28px;background:linear-gradient(120deg,#c4a46510,#c4a46503);color:#eddbba;font-size:11px;transition:border-color .3s,background .3s,transform .3s}
.award-explore span{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#f3dfac,#b58c4d);color:#17140f}
.award-explore:hover{border-color:#e4c38699;background:#cfac701a;transform:translateY(-2px)}
.award-explore:hover span{transform:none}
.award-explore:focus-visible{outline:2px solid #e4c386;outline-offset:4px}
html .award-dialog .award-scrollbar svg{filter:url('#sxb-gold')}
@media(max-width:760px){
 .awards-year-nav{width:auto;gap:0;padding:3px 6px;border-radius:26px}
 .awards-year-nav button{min-width:46px;height:38px;font-size:10px;padding:4px 7px 10px}
 .award-watermark{font-size:clamp(150px,40vw,290px);top:-4%}
 .award-moment-year{font-size:64px}
 .award-story{padding:24px 26px 32px}
 .award-photo,.award-photo.is-portrait,.award-photo.is-product{height:clamp(250px,50svh,440px);min-height:250px;align-self:stretch}
 .award-photo img,.award-photo.is-portrait img,.award-photo.is-product img{padding:10px}
 .award-explore{font-size:10px;margin-top:16px;min-height:44px}
}
@media(min-width:761px) and (max-height:700px){.award-photo,.award-photo.is-portrait,.award-photo.is-product{height:34dvh}.award-story h3{margin-bottom:12px}.award-description{font-size:10px}}

header.awards-heading.award-sr-only{position:absolute;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip-path:inset(50%)}
.achievements.awards-entry-active .awards-year-nav{opacity:0;visibility:hidden;pointer-events:none}

/* Quiet exhibition lighting and a consistent editorial rhythm. No extra assets. */
.achievements{--gold:#d7b786;--award-paper:#f0e7d8}
.awards-viewport{background:radial-gradient(ellipse at 50% 38%,#1c1c1b 0%,#101315 44%,#090c10 82%)}
.awards-backdrop{filter:saturate(.45);mask-image:radial-gradient(ellipse 72% 80% at 50% 43%,#000 8%,transparent 86%)}
.awards-backdrop.is-active{opacity:.135}
.awards-vignette{background:linear-gradient(180deg,#090c10 0%,transparent 26%,transparent 65%,#090c10 98%),linear-gradient(90deg,#090c10b8,transparent 38%,transparent 62%,#090c10b8)}
.awards-thread-base{stroke:#d9b47b15}
.awards-thread-lit{stroke:#ddbf8b66}
.award-moment-copy{max-width:430px}
.award-moment-copy::before{content:'';display:block;width:38px;height:1px;background:linear-gradient(90deg,transparent,#e2c89b);margin:0 0 20px auto;opacity:.6;transition:width .7s ease,opacity .7s ease}
.award-moment.is-current .award-moment-copy::before{width:64px;opacity:1}
.award-moment-year{margin-bottom:8px}
.award-moment-category{font-size:10px;color:#c1aa87;margin-bottom:11px}
.award-moment h3{font-size:clamp(27px,2.8vw,43px);font-weight:450;line-height:1.55;letter-spacing:-.04em;margin-bottom:14px}
.award-moment-line{color:#a8a8a3;font-size:12px;line-height:2;max-width:32ch}
.award-slot::before{inset:-6% -12% 3%;border:0;border-radius:0;background:radial-gradient(ellipse 36% 28% at 50% 14%,#edcc8a0e,transparent 100%),radial-gradient(ellipse 42% 55% at 50% 48%,#d6b07708,transparent 100%);opacity:calc(var(--arrival,0) * .65);transition:opacity .8s ease}
.award-slot::after{content:'';display:block;left:19%;bottom:3%;width:62%;height:7%;margin:0;border:0;border-bottom:1px solid #d6b07724;border-radius:50%;background:radial-gradient(ellipse,#0007 8%,#ddb77b15 48%,transparent 73%);opacity:calc(var(--arrival,0) * .5);transform:scaleX(.92);transition:opacity .8s,transform .8s;pointer-events:none}
.award-moment.is-current .award-slot::after{opacity:1;transform:scaleX(1)}
.award-slot:hover::after,.award-slot:focus-visible::after{transform:scaleX(1.03)}
.award-station{width:7px;height:7px;border-color:#d7b78655}
.award-moment.is-current .award-station{background:#f3ddb5;box-shadow:0 0 0 5px #d9b47b08,0 0 20px #d9b47b28}
.award-explore{box-shadow:inset 0 1px #eed3a509,0 5px 16px #0002}
.award-dialog-shell{background:radial-gradient(ellipse at 22% 37%,#292823,#161a1b 35%,#090c10 72%)}
.award-view::before{border-color:#e1bf880b;box-shadow:0 0 0 45px #d9bd8f02}
.award-plinth{background:radial-gradient(ellipse,#000b 5%,#d7b78616 44%,transparent 72%)}
.award-story-meta{color:#dbc091;font-size:10px}
.award-story h3{font-size:clamp(29px,3vw,46px);letter-spacing:-.04em}
.award-description{font-size:12px;color:#bab8b0;line-height:2.05}
.award-detail-nav{border-image:linear-gradient(90deg,transparent,#d7b88444,transparent) 1}
@media(max-width:760px){
 .award-moment-copy{max-width:400px}
 .award-moment-copy::before{display:none}
 .award-moment-year{font-size:62px;line-height:1.18;margin-bottom:8px}
 .award-moment-category{font-size:8px;margin-bottom:5px}
 .award-moment h3{font-size:22px;margin-bottom:10px}
 .award-moment-line{font-size:11px;max-width:34ch}
 .award-story h3{font-size:29px}
 .award-description{font-size:11px}
 .award-slot::after{bottom:1%;width:54%;left:23%}
}
@media(min-width:761px) and (max-height:700px){.award-story h3{font-size:28px}.award-description{font-size:10px}}

/* No under-trophy light or illuminated floor in either exhibition view. */
.award-slot::before,.award-slot::after,.award-plinth,.award-view::before{display:none}

/* Two layers from the references: drifting granular gold + a travelling rim. */
.award-explore{isolation:isolate;overflow:hidden;position:relative;min-width:174px;min-height:52px;gap:20px;padding:0 23px;border:0;border-radius:999px;background:#15120b;color:#fff0d1;box-shadow:0 6px 20px #0003;transform:none;transition:box-shadow .4s,color .4s}
.award-explore::before{content:'';position:absolute;z-index:0;width:320px;height:320px;left:calc(50% - 160px);top:calc(50% - 160px);background:conic-gradient(from 20deg,transparent 0deg,#a87d3222 90deg,#e2b763 145deg,#fff0bc 166deg,transparent 191deg,#926d2822 265deg,#d6ae5c77 308deg,transparent 340deg);animation:award-rim-orbit 5s linear infinite;pointer-events:none}
.award-explore::after{content:'';position:absolute;inset:1px;z-index:1;background:#141109;border-radius:inherit;box-shadow:inset 0 0 9px #d8ad4030;pointer-events:none}
.award-button-field{position:absolute;z-index:2;inset:1px;border-radius:inherit;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse 50% 150% at var(--light-x,18%) var(--light-y,55%),#efc66f50,transparent 85%);transition:opacity .4s}
.award-button-field::before{content:'';position:absolute;inset:-30% -65%;background:radial-gradient(ellipse 16% 64% at 27% 52%,#f2cf7b 0%,#c99a3c90 35%,#93652125 68%,transparent 100%),radial-gradient(ellipse 17% 58% at 73% 60%,#af7f2d90,transparent 83%);filter:blur(4px);animation:award-gold-flow 6s ease-in-out infinite alternate;opacity:.7;transition:opacity .4s}
.award-button-grain{position:absolute;z-index:3;inset:1px;border-radius:inherit;opacity:.17;pointer-events:none;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23grain)' d='M0 0h96v96H0z'/%3E%3C/svg%3E")}
.award-explore .award-button-label{position:relative;z-index:4;font:inherit;font-weight:450;color:inherit;white-space:nowrap;transition:transform .45s cubic-bezier(.16,1,.3,1),text-shadow .4s}
.award-explore .award-button-arrow{position:relative;z-index:4;width:20px;height:24px;border-radius:0;background:transparent;color:inherit;transition:transform .45s cubic-bezier(.16,1,.3,1)}
.award-explore:hover,.award-explore:focus-visible{transform:none;background:#15120b;color:#fff5df;box-shadow:0 0 22px #d2a34a19,0 8px 22px #0005}
.award-explore:hover .award-button-field::before,.award-explore:focus-visible .award-button-field::before{opacity:1}
.award-explore:hover .award-button-label,.award-explore:focus-visible .award-button-label{text-shadow:0 0 14px #ffdc8980;transform:translateX(2px)}
.award-explore:hover .award-button-arrow,.award-explore:focus-visible .award-button-arrow{transform:translate(-3px,-3px)}
.award-explore:active .award-button-label{transform:scale(.97)}
.award-explore::before,.award-button-field::before{animation-play-state:paused}
.award-explore.button-in-view::before,.button-in-view .award-button-field::before{animation-play-state:running}
.menu-open .award-explore::before,.menu-open .award-button-field::before,.award-open .award-explore::before,.award-open .award-button-field::before{animation-play-state:paused}
@keyframes award-rim-orbit{to{transform:rotate(360deg)}}
@keyframes award-gold-flow{0%{transform:translateX(-13%) rotate(-8deg)}50%{transform:translateX(5%) rotate(5deg)}100%{transform:translateX(21%) rotate(-4deg)}}

/* Capsule-to-screen reveal in the dialog top layer, including its live model. */
.award-dialog.award-portal-active{will-change:clip-path}
.award-dialog.award-portal-active::backdrop{background:transparent;backdrop-filter:none}
.award-portal-cover{position:absolute;inset:0;z-index:12;pointer-events:none;background:radial-gradient(ellipse at 24% 55%,#efce87aa,transparent 63%),radial-gradient(ellipse at 85% 25%,#c6963c77,transparent 58%),#20190b}

.award-drag-hint{pointer-events:auto}
@media(max-width:760px){.award-explore{min-height:48px;min-width:165px;padding:0 21px;font-size:10px}}


/* Reuse the site's variable family: strong numerals, balanced Arabic, no extra font request. */
.achievements,.award-dialog{font-family:'SXB Arabic',Alexandria,sans-serif;font-weight:400;font-synthesis:none}
.achievements button,.award-dialog button{font-family:inherit}
.award-moment h3,.award-story h3{font-family:'SXB Arabic',Alexandria,sans-serif;font-weight:600;letter-spacing:0;line-height:1.55;text-decoration:none}
.award-moment h3{font-size:clamp(29px,2.8vw,44px);margin-bottom:16px}
.award-story h3{font-size:clamp(30px,3vw,46px)}
.award-moment-category{font-size:13px;letter-spacing:0;margin-bottom:12px}
.award-moment-line{font-size:15px;line-height:1.85;max-width:33ch;color:#bebbb2}
.award-description{font-size:15px;line-height:1.85;max-width:48ch}
.award-explore{font-size:14px;min-width:182px}
.award-explore .award-button-label{font-weight:600}
.award-moment-year,.award-watermark{font-family:'SXB Arabic',Arial,Helvetica,sans-serif;font-weight:700;font-stretch:normal;letter-spacing:-.045em;font-variant-numeric:lining-nums tabular-nums}
.award-moment-year{font-size:clamp(96px,10.4vw,156px);line-height:1.15;padding-top:.08em;margin-bottom:8px;white-space:nowrap}
.award-story-meta,.award-story-meta b,.award-detail-count,.awards-year-nav button,.award-dialog-mark{font-family:'SXB Arabic',Alexandria,sans-serif;letter-spacing:.02em}
.awards-year-nav button{font-size:12px}
.award-story-meta,.award-close,.award-detail-nav button{font-size:13px}
.award-detail-count{font-size:12px}
.award-dialog-mark{font-size:11px}
.award-drag-hint,.award-photo figcaption{font-size:11px}
.awards-footer p{font-weight:600;font-size:clamp(30px,3.6vw,48px)}
.awards-footer a{font-size:13px}
html.awards-on-screen .menu-trigger,.site-menu.is-gold{font-family:'SXB Arabic',Alexandria,sans-serif}

/* Remove all text underlines. A bright sweep and whole-word lift replace them. */
.achievements :is(h2,h3,p,a,button),.award-dialog :is(h3,p,a,button){text-decoration:none}
:is(.award-moment h3,.award-story h3,.award-moment-category,.award-moment-line,.award-description,.awards-footer p,.awards-footer a,.award-story-meta,.award-detail-count,.award-dialog-mark,.award-drag-hint,.award-photo figcaption){--text-rest:#f0e7d8;transform-origin:right center;transition:translate .4s cubic-bezier(.16,1,.3,1),scale .4s cubic-bezier(.16,1,.3,1),color .25s;text-shadow:none}
:is(.award-moment-category,.award-story-meta,.award-detail-count){--text-rest:#dbc091}
:is(.award-moment-line,.award-description,.award-drag-hint){--text-rest:#bebbb2}
@media(hover:hover) and (pointer:fine){
 :is(.award-moment h3,.award-story h3,.award-moment-category,.award-moment-line,.award-description,.awards-footer p,.awards-footer a,.award-story-meta,.award-detail-count,.award-dialog-mark,.award-drag-hint,.award-photo figcaption):hover{color:transparent;-webkit-text-fill-color:transparent;background-image:linear-gradient(110deg,var(--text-rest) 0%,var(--text-rest) 28%,#d9a849 40%,#fff5d6 48%,#edbf68 57%,var(--text-rest) 72%,var(--text-rest) 100%);background-size:260% 100%;background-clip:text;-webkit-background-clip:text;animation:award-type-sweep 1.1s cubic-bezier(.2,.6,.3,1) both;translate:-3px 0;text-shadow:none}
 :is(.award-moment h3,.award-story h3,.awards-footer p):hover{scale:1.025}
 .award-moment-year{transition:filter .35s,translate .4s}
 .award-moment-year:hover{background-image:linear-gradient(110deg,#d7b783 10%,#ffedba 35%,#fff9e7 49%,#d5a651 65%,#dec79d 90%);background-size:260% 100%;animation:award-type-sweep 1.1s ease both;translate:-3px 0}
 .award-view:hover .award-watermark{filter:brightness(1.7);transition:filter .4s}
 .awards-year-nav button:hover,.award-close:hover,.award-detail-nav button:hover{color:#ffe4a4;text-shadow:none}
}
@keyframes award-type-sweep{from{background-position:100% 50%}to{background-position:0% 50%}}

/* The same revolving gold rim on the awards menu control. */
.menu-trigger-icon{isolation:isolate;overflow:hidden;transition:clip-path .3s,box-shadow .3s,background-color .65s ease}
.menu-trigger-icon i{position:relative;z-index:2;transition:transform .3s,background-color .65s ease}
html.awards-on-screen .menu-trigger-icon{background:#17130c;clip-path:polygon(12px 0,100% 0,100% 100%,0 100%,0 12px);border-radius:0;box-shadow:0 4px 18px #0002}
.menu-trigger-icon::before{content:'';position:absolute;width:90px;height:90px;left:calc(50% - 45px);top:calc(50% - 45px);z-index:0;background:conic-gradient(from 20deg,#b78f3a22,transparent 80deg,#b1843644 130deg,#e5bd72 160deg,#fff2cb 185deg,transparent 215deg,#c29b4f33 300deg,#b78f3a22);animation:award-rim-orbit 4s linear infinite paused;pointer-events:none;opacity:0;transition:opacity .65s ease}
.menu-trigger-icon::after{content:'';position:absolute;inset:1px;border-radius:0;clip-path:polygon(11px 0,100% 0,100% 100%,0 100%,0 11px);background:linear-gradient(140deg,#3b2c14,#17130c 65%);z-index:1;pointer-events:none;opacity:0;transition:clip-path .3s,opacity .65s ease}
html.awards-on-screen .menu-trigger-icon::before,html.awards-on-screen .menu-trigger-icon::after{opacity:1}
html.awards-on-screen .menu-trigger-icon::before{animation-play-state:running}
html.awards-on-screen .menu-trigger-icon i{position:relative;z-index:2;background:#ffda70}
html.awards-on-screen .menu-trigger:hover .menu-trigger-icon,html.awards-on-screen .menu-trigger:focus-visible .menu-trigger-icon{clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%);background:#17130c;box-shadow:0 0 19px #dfab3025}
html.awards-on-screen .menu-trigger:hover .menu-trigger-icon::after,html.awards-on-screen .menu-trigger:focus-visible .menu-trigger-icon::after{clip-path:polygon(0 0,100% 0,100% calc(100% - 11px),calc(100% - 11px) 100%,0 100%)}
html.awards-on-screen.menu-open .menu-trigger-icon::before,html.awards-on-screen.award-open .menu-trigger-icon::before{animation-play-state:paused}
@media(max-width:760px){
 .award-moment h3{font-size:28px;line-height:1.4;margin-bottom:10px}
 .award-story h3{font-size:33px}
 .award-moment-year{font-size:69px}
 .award-moment-category{font-size:11px;margin-bottom:6px}
 .award-moment-line,.award-description{font-size:14px}
 .award-explore{font-size:13px}
 .awards-year-nav button{font-size:12px}
}
@media(min-width:761px) and (max-height:700px){.award-story h3{font-size:30px}.award-description{font-size:13px}.award-story-meta{margin-bottom:8px}}


/* Keep the approved menu treatment. Exhibition gold uses the original palette
   and vertical year fade defined above, without metallic bands across text. */
.menu-trigger,.site-menu.is-gold{
 --gold:#edba40;
 --award-metal:linear-gradient(112deg,#ab7019 0%,#e7ac2e 19%,#ffe48a 38%,#f6c54e 52%,#b77b1b 71%,#fbd367 88%,#dba12d 100%);
}
.menu-trigger-gold-label{
 position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .65s ease;
 color:#edba40;background-image:var(--award-metal);background-size:100% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;
 --text-rest:#edba40;
}
.menu-trigger-label{position:relative}
/* URL filters switch discretely. Crossfade a second vector use instead, so the
   logo and sword keep their exact geometry and animate smoothly both ways. */
.awards-gold-layer{opacity:0;pointer-events:none;transition:opacity .65s ease}
html.awards-on-screen .awards-gold-layer,html.awards-on-screen .menu-trigger-gold-label{opacity:1}
.site-header,.menu-trigger{transition:color .65s ease}
.brand::after{transition:transform .25s,background-color .65s ease}

.award-story-year,.awards-year-nav button{font-family:'SXB Arabic',Arial,Helvetica,sans-serif;font-weight:700;letter-spacing:.015em}
.site-menu.is-gold{--red:#b87c1b}
.site-menu.is-gold .menu-art{background:linear-gradient(115deg,#9a651a,#f5c653 40%,#d79b29 64%,#aa701d)}
.site-menu.is-gold :is(.menu-name,.menu-links h2,.menu-index,.menu-close>span){color:#855409;background-image:linear-gradient(115deg,#724409,#a66a0c 35%,#815209 65%,#a66a0c);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
@media(max-width:760px){.award-moment-year{font-size:64px}}
@media(forced-colors:active){
 .award-moment-year,.award-watermark,.awards-year-nav button,:is(.award-moment-category,.award-story-year,.award-category,.award-detail-count,.award-dialog-mark,.award-close>span,.award-detail-nav button>span,.award-button-label,.awards-footer a,.awards-footer p>span,.award-photo figcaption),html.awards-on-screen .menu-trigger>span:first-child{background:none;-webkit-text-fill-color:currentColor;color:CanvasText}
}

.award-moment-copy .award-explore{margin-top:12px}@media(max-width:700px){.award-moment-copy .award-explore{margin-top:8px}}

/* sword-transition.css */
.sword-reveal { position:fixed; z-index:12; inset:0; overflow:hidden; pointer-events:none; isolation:isolate; }
.sword-reveal[hidden] { display:none; }
.sword-half { position:absolute; inset:0; transform-origin:50% 50%; will-change:transform; }
.sword-half-upper { clip-path:polygon(-5% -5%,105% -5%,105% 22.5%, -5% 77.5%); }
.sword-half-lower { clip-path:polygon(-5% 77.5%,105% 22.5%,105% 105%,-5% 105%); }
.sword-stage-copy.hero-stage { position:absolute; inset:0; width:100%; height:100%; background:var(--paper); }
.sword-stage-copy * { pointer-events:none!important; animation:none!important; transition:none!important; }
.sword-stage-copy .hero-word,.sword-stage-copy .hero-portrait img { opacity:1; clip-path:none; }
.sword-slash { position:absolute; inset:0; width:100%; height:100%; overflow:visible; opacity:var(--slash-light,0); }
.sword-slash path { fill:none; stroke-dasharray:1; stroke-dashoffset:calc(1 - var(--slash-cut,0)); vector-effect:non-scaling-stroke; }
.slash-halo { stroke:#ff3826; stroke-width:15px; filter:blur(9px); }
.slash-core { stroke:#fff3e4; stroke-width:2px; filter:drop-shadow(0 0 5px #ff3d28); }
/* Displaced sections must not become scroll anchors during the pinned handoff. */
html,body,main,.hero,.characters { overflow-anchor:none; }
.hero { z-index:5; }
.hero > .hero-stage { background:var(--paper); }
.gallery-reveal-track { position:relative; z-index:4; margin-top:-125svh; }
.gallery-reveal-track::after { content:''; display:block; height:125svh; }
.gallery-reveal-track > .characters { position:sticky; top:0; transform:none; }
.sword-transition-active .hero > .hero-stage { visibility:hidden; }
.sword-transition-active .site-header { mix-blend-mode:normal; }
.sword-transition-covering .brand-animated { filter:none; }
.sword-transition-covering .menu-trigger { color:var(--ink); }
.sword-transition-active .brand-shine { visibility:hidden; }
.no-js .gallery-reveal-track,.reduced-motion .gallery-reveal-track { margin-top:0; }
.no-js .gallery-reveal-track::after,.reduced-motion .gallery-reveal-track::after { display:none; }
.no-js .gallery-reveal-track > .characters,.reduced-motion .gallery-reveal-track > .characters { position:relative; }


/* orbit-transition.css */
/* Cancel the sword overlap once, then give the iris only its actual travel.
   Do not add another full gallery height as an empty sticky hold. */
.orbit-enabled .gallery-reveal-track::after {
  height:calc(125svh + var(--orbit-span));
}
.orbit-enabled .memories {
  margin-top:calc(-1 * (var(--orbit-span) + var(--orbit-gallery-height)));
  height:calc(240svh + var(--orbit-span));
  background:transparent;
  pointer-events:none;
}
.orbit-enabled .memories-stage { clip-path:circle(0px at 50% 50%); pointer-events:auto; }
.orbit-enabled .memories-center { opacity:var(--orbit-title,0); transform:translateY(var(--orbit-title-offset,18px)); }
.orbit-enabled .memories-canvas { transform:scale(var(--orbit-zoom,1.18)); transform-origin:50% 50%; }
.orbit-covered .characters { visibility:hidden; pointer-events:none; }
.orbit-covered .brand-animated,.orbit-covered .sword-scrollbar-thumb svg { filter:none; }
.orbit-covered .menu-trigger { color:var(--ink); }
.memories-fallback img { background:white; padding:6px; box-shadow:2px 3px 0 #20201e16; }
@media(max-width:600px) {
  .orbit-enabled .memories { height:calc(200svh + var(--orbit-span)); }
}


/* responsive.css */
/* The menu is a viewport-sized grid. All six rows share its available height. */
.site-menu { height:100dvh; max-height:100dvh; overflow:hidden; overscroll-behavior:contain; }
.menu-shell {
  height:100%; min-height:0;
  grid-template-rows:clamp(60px,11dvh,96px) minmax(0,1fr) clamp(28px,6dvh,58px);
  padding-top:env(safe-area-inset-top,0px); padding-bottom:env(safe-area-inset-bottom,0px);
}
.menu-links {
  align-self:stretch; min-height:0; min-width:0;
  display:grid; grid-template-rows:auto repeat(6,minmax(0,1fr));
  padding:clamp(8px,2dvh,20px) clamp(24px,5vw,96px);
}
.menu-links h2 { margin:0 0 clamp(10px,2dvh,22px); line-height:1.5; }
.menu-row { min-height:0; min-width:0; padding:0; gap:clamp(10px,1.3vw,22px); }
.menu-name { font-size:clamp(22px,min(3.3vw,5.5dvh),52px); line-height:1.3; white-space:nowrap; }
.menu-index { align-self:center; padding:0; flex-shrink:0; }
.menu-arrow { font-size:clamp(24px,4dvh,36px); flex-shrink:0; }
.menu-store-badge { width:clamp(65px,7vw,100px); height:clamp(30px,5dvh,46px); padding:4px; flex-shrink:0; }
.menu-soon { white-space:nowrap; flex-shrink:0; }
.menu-row:focus-visible { outline-offset:-3px; }
.menu-signature { max-height:75%; }

@media(max-width:760px) {
  :root { --gutter:clamp(16px,5vw,24px); }
  .site-header {
    height:calc(82px + env(safe-area-inset-top,0px)); padding-top:env(safe-area-inset-top,0px);
    padding-inline:max(var(--gutter),env(safe-area-inset-left,0px)) max(var(--gutter),env(safe-area-inset-right,0px));
  }
  .backdrop { top:calc(86px + env(safe-area-inset-top,0px)); }
  .portrait-window { clip-path:inset(calc(82px + env(safe-area-inset-top,0px)) 0 58px); }
  .menu-shell { grid-template-columns:1fr; grid-template-rows:72px minmax(0,1fr) 36px; }
  .menu-links { padding:8px var(--gutter) 12px; }
  .menu-name { font-size:clamp(21px,min(7vw,5dvh),34px); letter-spacing:-.045em; }
  .menu-links h2 { margin-bottom:12px; font-size:10px; }
  .menu-row { gap:12px; }
  .menu-index { font-size:10px; }
  .menu-soon { padding:4px 8px; font-size:9px; }
  .menu-store-badge { width:72px; height:34px; padding:3px; }
  .menu-bottom { font-size:8px; }
  .menu-close { min-height:44px; }
  .menu-close i { width:44px; height:44px; }
  .loader-caption { top:max(24px,env(safe-area-inset-top,0px)); }
  .loader-bottom { bottom:max(26px,env(safe-area-inset-bottom,0px)); }
  .memories-stage { min-height:0; }
  .memories-title { font-size:clamp(24px,7vw,30px); }
  .memories-center::before { width:150px; filter:blur(18px); }
  .sword-scrollbar { width:28px; top:90px; bottom:max(28px,env(safe-area-inset-bottom,0px)); }
  .sword-scrollbar-thumb { width:28px; height:100px; }
}

/* Keep the portrait, heading, video and controls visible together during the pinned cut. */
@media(max-width:700px) and (orientation:portrait) {
  .characters {
    height:100svh; min-height:0;
    padding:calc(82px + env(safe-area-inset-top,0px)) var(--gutter) max(18px,env(safe-area-inset-bottom,0px));
    display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:minmax(0,1fr) auto;
    gap:0;
  }
  .character-stage { position:relative; inset:auto; grid-area:1/1; width:100%; height:100%; min-height:0; margin:0; }
  .character-details { grid-area:2/1; width:min(100%,380px,57svh); max-width:none; min-width:0; padding:0; margin:0 auto; }
  .character-portrait img { max-width:100%; max-height:100%; mask-image:linear-gradient(to bottom,#000 0%,#000 80%,transparent 100%); }
  .gallery-heading { font-size:clamp(24px,6.7vw,30px); line-height:1.35; margin-bottom:12px; }
  .gallery-set-wall { inset:0 0 35%; }
  .gallery-set-ribs { inset:-8% -35% 30% 16%; }
  .gallery-set-floor { inset:20% 0 0; background:linear-gradient(180deg,transparent,#111110 67%); }
  .character-watch-caption { min-height:40px; font-size:10px; gap:8px; }
  .character-navigation { gap:8px; margin-top:4px; }
  .character-autoplay { width:36px; height:44px; flex-shrink:0; }
  .character-controls { gap:6px; }
  .character-controls button { width:44px; height:44px; }
  .character-selectors { min-width:0; gap:6px; max-width:136px; }
  .character-selectors button { min-width:18px; height:44px; }
  .seal-label { font-size:9px; bottom:12px; left:16px; right:16px; }
  .character-play { width:44px; height:44px; }
}

/* Landscape phones use two columns instead of a tall stack. */
@media(max-width:1000px) and (max-height:540px) and (orientation:landscape) {
  .site-header { height:62px; padding-top:0; }
  .backdrop { top:66px; }
  .portrait-window { clip-path:inset(62px 0 48px); }
  .brand { width:80px; height:46px; }
  .menu-shell { grid-template-columns:1fr; grid-template-rows:56px minmax(0,1fr) 24px; }
  .menu-shell::before { inset:0; }
  .menu-art { display:none; }
  .menu-links { grid-column:1; padding:0 var(--gutter) 6px; }
  .menu-links h2 { font-size:9px; margin-bottom:4px; line-height:1.2; }
  .menu-name { font-size:clamp(19px,5.4dvh,27px); }
  .menu-signature { height:40px; width:76px; filter:url('#sxb-black-red'); }
  .menu-bottom { font-size:8px; }
  .menu-bottom span:first-child { color:#75756e; }
  .menu-row { gap:12px; }
  .menu-store-badge { width:65px; height:28px; }
  .menu-arrow { font-size:24px; }
  .characters { height:100svh; min-height:0; padding:68px var(--gutter) 12px; display:block; }
  .character-stage { position:absolute; inset:66px 0 0 46%; width:auto; height:auto; margin:0; }
  .character-details { width:min(43vw,64svh); max-width:none; padding:0; margin:0 auto 0 0; }
  .gallery-heading { font-size:22px; line-height:1.2; margin-bottom:8px; }
  .character-watch-caption { min-height:30px; font-size:10px; }
  .character-navigation { gap:8px; margin-top:0; }
  .character-controls button { width:40px; height:40px; }
  .character-selectors { gap:5px; }
  .character-selectors button { min-width:14px; height:40px; }
  .character-autoplay { width:28px; height:40px; }
  .memories-stage { min-height:0; }
  .memories-title { font-size:24px; line-height:1.35; }
  .memories-kicker { margin-bottom:10px; }
  .memories-rule { margin-top:10px; }
  .sword-scrollbar { top:66px; bottom:22px; width:28px; }
  .sword-scrollbar-thumb { width:28px; height:85px; }
}
@media(hover:none) and (pointer:coarse) {
  .hero-letter { touch-action:pan-y; user-select:none; }
  .hero-word .hero-letter:active::after { clip-path:inset(100% 0 0); }
  .hero-type-echo .hero-letter:active::after { clip-path:inset(0); }
  .character-thumbnail { filter:none; }
  .character-controls button:active::before { transform:translateY(0); }
  .character-controls button:active { color:var(--ink); }
  .character-controls .character-next:active { color:white; }
}

/* hero-surface.css */
/* The original paper supplies the texture; the supplied drawing supplies both
   the quiet engraving and the neon, so their contours always coincide. */
.hero-stage::before { content:none; }
.hero-paper-surface {
  position:absolute; inset:0; width:100%; height:100%; z-index:-1;
  pointer-events:none;
}
.hero-stage .dot-field { display:none; }
.hero-scale-glow {
  position:absolute; inset:0; width:100%; height:100%; z-index:0;
  pointer-events:none; opacity:0;
}
.hero-entered .hero-scale-glow {
  animation:scale-trace-cycle 8s .6s linear infinite both;
  animation-play-state:var(--hero-atmosphere-play,paused);
}
.scale-trace { stroke-dasharray:1; stroke-dashoffset:1; }
.hero-entered .scale-trace {
  animation:var(--trace-animation) 8s .6s cubic-bezier(.4,0,.2,1) infinite both;
  animation-play-state:var(--hero-atmosphere-play,paused);
}
@keyframes scale-trace-cycle {
  0%,3%,88%,100% { opacity:0; }
  6%,62% { opacity:1; }
  68% { opacity:.82; }
  73% { opacity:1; }
}
.is-loading .hero-scale-glow { display:none; }
/* Shared eight-second clock: stagger seams spatially, then hold and reset in darkness. */
.trace-0 { --trace-animation:scale-trace-0; }
@keyframes scale-trace-0 { 0%,5% { stroke-dashoffset:1; opacity:0; } 5.1% { stroke-dashoffset:1; opacity:1; } 27%,100% { stroke-dashoffset:0; opacity:1; } }
.trace-1 { --trace-animation:scale-trace-1; }
@keyframes scale-trace-1 { 0%,7% { stroke-dashoffset:1; opacity:0; } 7.1% { stroke-dashoffset:1; opacity:1; } 29%,100% { stroke-dashoffset:0; opacity:1; } }
.trace-2 { --trace-animation:scale-trace-2; }
@keyframes scale-trace-2 { 0%,9% { stroke-dashoffset:1; opacity:0; } 9.1% { stroke-dashoffset:1; opacity:1; } 31%,100% { stroke-dashoffset:0; opacity:1; } }
.trace-3 { --trace-animation:scale-trace-3; }
@keyframes scale-trace-3 { 0%,11% { stroke-dashoffset:1; opacity:0; } 11.1% { stroke-dashoffset:1; opacity:1; } 33%,100% { stroke-dashoffset:0; opacity:1; } }
.trace-4 { --trace-animation:scale-trace-4; }
@keyframes scale-trace-4 { 0%,13% { stroke-dashoffset:1; opacity:0; } 13.1% { stroke-dashoffset:1; opacity:1; } 35%,100% { stroke-dashoffset:0; opacity:1; } }
.trace-5 { --trace-animation:scale-trace-5; }
@keyframes scale-trace-5 { 0%,15% { stroke-dashoffset:1; opacity:0; } 15.1% { stroke-dashoffset:1; opacity:1; } 37%,100% { stroke-dashoffset:0; opacity:1; } }
.trace-6 { --trace-animation:scale-trace-6; }
@keyframes scale-trace-6 { 0%,17% { stroke-dashoffset:1; opacity:0; } 17.1% { stroke-dashoffset:1; opacity:1; } 39%,100% { stroke-dashoffset:0; opacity:1; } }
.trace-7 { --trace-animation:scale-trace-7; }
@keyframes scale-trace-7 { 0%,19% { stroke-dashoffset:1; opacity:0; } 19.1% { stroke-dashoffset:1; opacity:1; } 41%,100% { stroke-dashoffset:0; opacity:1; } }
.trace-8 { --trace-animation:scale-trace-8; }
@keyframes scale-trace-8 { 0%,21% { stroke-dashoffset:1; opacity:0; } 21.1% { stroke-dashoffset:1; opacity:1; } 43%,100% { stroke-dashoffset:0; opacity:1; } }
.trace-9 { --trace-animation:scale-trace-9; }
@keyframes scale-trace-9 { 0%,23% { stroke-dashoffset:1; opacity:0; } 23.1% { stroke-dashoffset:1; opacity:1; } 45%,100% { stroke-dashoffset:0; opacity:1; } }
.trace-10 { --trace-animation:scale-trace-10; }
@keyframes scale-trace-10 { 0%,25% { stroke-dashoffset:1; opacity:0; } 25.1% { stroke-dashoffset:1; opacity:1; } 47%,100% { stroke-dashoffset:0; opacity:1; } }
.trace-11 { --trace-animation:scale-trace-11; }
@keyframes scale-trace-11 { 0%,27% { stroke-dashoffset:1; opacity:0; } 27.1% { stroke-dashoffset:1; opacity:1; } 49%,100% { stroke-dashoffset:0; opacity:1; } }
.trace-12 { --trace-animation:scale-trace-12; }
@keyframes scale-trace-12 { 0%,29% { stroke-dashoffset:1; opacity:0; } 29.1% { stroke-dashoffset:1; opacity:1; } 51%,100% { stroke-dashoffset:0; opacity:1; } }
.trace-13 { --trace-animation:scale-trace-13; }
@keyframes scale-trace-13 { 0%,31% { stroke-dashoffset:1; opacity:0; } 31.1% { stroke-dashoffset:1; opacity:1; } 53%,100% { stroke-dashoffset:0; opacity:1; } }
.trace-14 { --trace-animation:scale-trace-14; }
@keyframes scale-trace-14 { 0%,33% { stroke-dashoffset:1; opacity:0; } 33.1% { stroke-dashoffset:1; opacity:1; } 55%,100% { stroke-dashoffset:0; opacity:1; } }
.trace-15 { --trace-animation:scale-trace-15; }
@keyframes scale-trace-15 { 0%,35% { stroke-dashoffset:1; opacity:0; } 35.1% { stroke-dashoffset:1; opacity:1; } 57%,100% { stroke-dashoffset:0; opacity:1; } }
.hero-embers {
  position:absolute; inset:0; width:100%; height:100%; z-index:1;
  pointer-events:none; opacity:calc(.9 - var(--progress,0) * .5);
}
.is-loading .hero-embers,.menu-open .hero-embers,.sword-stage-copy .hero-embers { visibility:hidden; }


/* kick-theme.css */
/* November-only KICK palette; the exhibition retains its gold theme. */
.marathon{color:#e9f1e5}
.marathon-film{background:radial-gradient(ellipse at 50% 46%,#22491c38,transparent 65%),#080b09}
.marathon-shutter{background:radial-gradient(ellipse at 50% 50%,#20291e 0%,#0d130e 50%,#080b09 100%)}
.marathon-gate-label>span{color:#849a7a}.marathon-gate-label b{color:#b4ef9c}
.marathon-gate-copy h2{color:#e3efdd}.flap-replay{color:#8eb67c}.flap-replay:hover{color:#53fc18}
.marathon-film-top{color:#99ad91}.marathon-player{border-color:#86c66638}
.marathon-film-progress i{background:#53fc18}.marathon-film-progress{background:#53fc181c}
.marathon-stat strong span{color:#9bb68f}.marathon-stat>span{color:#d5e3cd}
.marathon-kick{color:#d9f9cb;background:#3c6b2e}
.marathon-kick::after{background:linear-gradient(125deg,#20381a,#0d170e 55%,#182a15)}
.marathon-kick::before{background:conic-gradient(from 20deg,#53fc1833,transparent 80deg,#a8ff7644 130deg,#83ef59 160deg,#f2ffe9 185deg,transparent 215deg,#7bff4933 300deg,#53fc1833)}
.marathon-kick small{color:#a4bd98}.marathon-kick-symbol{color:#d9f9cb}
.marathon-fullscreen:hover,.marathon-play-toggle:hover{background:#20381a;border-color:#9de77e}
.marathon-fullscreen:focus-visible,.marathon-play-toggle:focus-visible,.marathon-kick:focus-visible,.flap-replay:focus-visible{outline-color:#a9ec8c}
html.marathon-on-screen .menu-trigger{color:#b5f59d;mix-blend-mode:normal}
html.marathon-on-screen .brand::after{background:#cb3027}
html.marathon-on-screen .menu-trigger-gold-label{opacity:0}
html.marathon-on-screen .menu-trigger-icon{background:#12200d;box-shadow:0 4px 18px #0002}
html.marathon-on-screen .menu-trigger-icon::before{opacity:1;background:conic-gradient(from 20deg,#53fc1822,transparent 80deg,#8ae35d44 130deg,#a6f484 160deg,#efffe6 185deg,transparent 215deg,#70ce4433 300deg,#53fc1822);animation-play-state:running}
html.marathon-on-screen .menu-trigger-icon::after{opacity:1;background:linear-gradient(140deg,#2b4720,#12200d 65%)}
html.marathon-on-screen .menu-trigger-icon i{background:#b6fc98}
html.marathon-on-screen .menu-trigger:hover .menu-trigger-icon,html.marathon-on-screen .menu-trigger:focus-visible .menu-trigger-icon{background:#12200d;box-shadow:0 0 19px #53fc1818;clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%)}
html.marathon-on-screen .menu-trigger:is(:hover,:focus-visible) .menu-trigger-icon::after{clip-path:polygon(0 0,100% 0,100% calc(100% - 11px),calc(100% - 11px) 100%,0 100%)}
html.marathon-on-screen .menu-trigger-red-rim::before,html.marathon-on-screen.menu-open .menu-trigger-icon::before{animation-play-state:paused}
.site-menu.is-kick{--red:#32851a;--paper:#e9f0e3;--ink:#182513;color:#21331a;font-family:'SXB Arabic',Alexandria,sans-serif}
.site-menu.is-kick .menu-shell::before{background:linear-gradient(140deg,#eff1eb,#e0e5da)}
.site-menu.is-kick .menu-art{background:linear-gradient(135deg,#142e21,#315e3b 50%,#193c29)}
.site-menu.is-kick .menu-art::after{background:linear-gradient(180deg,transparent 60%,#142c1277)}
.site-menu.is-kick .menu-art-caption{color:#e3f5d9;border-color:#e3f5d944}
.site-menu.is-kick .menu-row{color:#244619;border-color:#51813b40}
.site-menu.is-kick :is(.menu-close,.menu-links h2,.menu-index){color:#43752d}
.site-menu.is-kick .menu-row:hover{color:#32851a}
.site-menu.is-kick .menu-pending{color:#829179}
.site-menu.is-kick .menu-close i{border-color:#28411d55}
.site-menu.is-kick .menu-close i::before,.site-menu.is-kick .menu-close i::after{background:#244619}
.site-menu.is-kick .menu-close:hover i{background:#53fc181c}


/* mobile-refinements.css */
.hero-mobile-ornament{display:none}
@media(max-width:760px){
 .menu-shell{grid-template-columns:1fr;grid-template-rows:64px clamp(130px,23dvh,210px) minmax(0,1fr) 30px}
 .menu-top{grid-row:1}.menu-shell::before{inset:0}
 .menu-art{display:block;position:relative;grid-column:1;grid-row:2;inset:auto;width:auto;min-height:0;margin:0 18px;border-radius:5px;isolation:isolate}
 .menu-art img{height:110%;width:auto;max-width:none;left:50%;bottom:-15%;object-fit:contain;transform:translate(-50%,20px);mask-image:linear-gradient(#000 75%,transparent)}
 .is-open .menu-art img{transform:translate(-50%,0)}
 .menu-art::before{animation:none}.menu-art-caption{bottom:10px;left:15px;right:15px;font-size:8px;padding-top:8px}
 .menu-links{grid-row:3;grid-column:1;padding:12px 22px 6px;grid-template-rows:auto repeat(6,minmax(40px,1fr));overflow-y:auto;overscroll-behavior:contain}
 .menu-links h2{margin-bottom:7px}.menu-name{font-size:clamp(20px,5.7vw,28px)}.menu-row{min-height:40px;gap:10px}.menu-index{font-size:9px}.menu-arrow{font-size:24px}
 .menu-bottom{grid-row:4;padding-inline:22px}.menu-bottom span:first-child{color:#75756e}
 .hero-mobile-ornament{display:block;position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.85}
 .hero-scale-glow{display:none}.hero-embers{opacity:.35}
 .awards-journey{width:100%}
 .award-moment{height:auto;min-height:100svh;max-height:none;padding:80px 24px 88px;grid-template-columns:minmax(0,1fr);align-content:center;gap:14px}
 .award-slot,.award-moment:nth-child(even) .award-slot{grid-column:1;grid-row:1;height:clamp(230px,39svh,360px);min-height:230px;max-height:360px;width:100%;max-width:360px}
 .award-moment-copy,.award-moment:nth-child(even) .award-moment-copy{grid-column:1;grid-row:2;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:360px;gap:8px;margin:0;opacity:1;transform:none}
 .award-moment-year{font-size:clamp(64px,20vw,88px);line-height:1.05;margin:0;letter-spacing:-.055em;text-align:center}
 .award-moment-category{margin:0;font-size:10px}.award-moment h3{font-size:25px;line-height:1.45;margin:0}.award-moment-line{font-size:12px;line-height:1.8;margin:0;max-width:30ch}
 .award-explore{margin-top:10px;min-height:46px}.awards-thread,.award-station{display:none}
 .awards-year-nav{max-width:calc(100vw - 32px);padding:3px 5px;bottom:max(12px,env(safe-area-inset-bottom));backdrop-filter:none;background:#101310f5}
 .awards-year-nav button{min-width:44px;height:40px;font-size:11px}
 .awards-backdrop{filter:none;transition:opacity .6s;transform:none;mask-image:none}.awards-backdrop.is-active{opacity:.1}
 .award-dialog{overflow-y:auto;overscroll-behavior:contain}.award-dialog-shell{height:auto;min-height:100%;overflow:visible}
 .award-dialog-top{position:sticky;top:0;background:#090c10f5;z-index:5;padding:12px 20px;min-height:64px}
 .award-detail-layout{height:auto;min-height:0;display:flex;flex-direction:column}
 .award-view{height:48svh;min-height:280px;flex:none}.award-story{max-height:none;overflow:visible;display:flex;flex-direction:column;padding:24px 20px 32px}
 .award-story h3{font-size:28px}.award-photo,.award-photo.is-portrait,.award-photo.is-product{height:48svh;min-height:220px;flex:none}.award-description{font-size:13px}.award-photo img{filter:none}
 .marathon-stage{min-height:540px}.marathon-playback{backdrop-filter:none}.marathon-settings-panel{bottom:calc(100% + 8px)}
 .flap-replay{min-width:44px;min-height:44px}
}
@media(max-width:760px) and (max-height:650px){.menu-shell{grid-template-rows:56px 110px minmax(0,1fr) 26px}.menu-art img{height:115%}.menu-links{padding-top:6px}.menu-links h2{display:none}.menu-name{font-size:20px}.award-moment{padding-top:70px;min-height:740px}}

/* socials.css */
/* Pinned scrapbook composition: four large cards, two small notes, central portrait. */
.socials{position:relative;isolation:isolate;z-index:8;min-height:100svh;background:#111311;color:#f0e7d7;scroll-margin-top:0;overflow:clip}
.socials::before{content:'';position:absolute;inset:0;pointer-events:none;background:url('./assets/hero-grain.svg');opacity:.1;z-index:-1}
.socials::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 65%,#76372b24,transparent 65%);z-index:-2;pointer-events:none}
.socials-inner{width:100%;max-width:1540px;min-height:100svh;margin:auto;padding:92px clamp(22px,5vw,76px) 22px;display:grid;grid-template-rows:auto minmax(530px,1fr) auto;gap:14px}
.socials-heading{position:relative;text-align:center;direction:rtl;padding:0 0 16px;z-index:2}.socials-kicker{display:none}
.socials-heading h2{margin:0;font:750 clamp(34px,3.8vw,57px)/1.65 'SXB Arabic',Alexandria,sans-serif;letter-spacing:0}.socials-heading h2>span{color:#c95543}.socials-heading p{margin:10px 0 0;font:400 11px/2 'SXB Arabic',Alexandria,sans-serif;color:#b8afa0}
.socials-collage{position:relative;min-height:530px;direction:ltr}
.socials-portrait{position:absolute;inset:0 24% 0;pointer-events:none;isolation:isolate}
.socials-red-paper{position:absolute;inset:2% 20% 9%;background:#aa4033;transform:rotate(-3deg);box-shadow:0 16px 40px #0004;clip-path:polygon(0 1%,21% 0,48% 1%,77% 0,100% 1%,99% 32%,100% 62%,99% 100%,66% 99%,40% 100%,0 99%,1% 61%)}
.socials-red-paper::after{content:'';position:absolute;inset:0;background:url('./assets/hero-washi-wall.webp') center/cover;mix-blend-mode:multiply;opacity:.55}
.socials-outline{position:absolute;left:-25%;right:-25%;top:12%;text-align:center;font:600 clamp(160px,28vw,400px)/1 'SXB Arabic','Barlow Condensed',sans-serif;color:transparent;-webkit-text-stroke:1px #dfc9a62c;letter-spacing:.04em}
.socials-portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom;mask-image:linear-gradient(#000 80%,transparent);filter:contrast(1.08)}
.socials-portrait-caption{display:none}
.socials-cards{position:absolute;inset:0}
.social-card{--angle:0deg;--card-bg:#d7cbb4;--card-ink:#20221c;--accent:currentColor;position:absolute;isolation:isolate;width:26%;height:38%;display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:24px clamp(18px,2.1vw,30px) 14px;border:0;border-radius:0;background:transparent;color:var(--card-ink);text-decoration:none;text-align:left;cursor:pointer;touch-action:manipulation;transform:rotate(var(--angle));transform-origin:50% 14px;transition:transform .4s cubic-bezier(.2,.7,.2,1);filter:drop-shadow(0 12px 10px #0005)}
.social-card::before{content:'';position:absolute;inset:0;background:linear-gradient(#ffffff05,#0000000d),url('./assets/hero-washi-wall.webp') center/580px auto,var(--card-bg);background-blend-mode:normal,multiply,normal;clip-path:polygon(0 1%,8% 0,19% 1%,32% 0,47% 1%,63% 0,80% 1%,98% 0,100% 17%,99% 35%,100% 58%,99% 81%,100% 99%,81% 100%,65% 99%,48% 100%,28% 99%,12% 100%,0 98%,1% 77%,0 49%,1% 23%);z-index:-2;pointer-events:none}
.social-card::after{content:'';position:absolute;inset:9px;border:1px solid currentColor;opacity:.13;z-index:-1;pointer-events:none}
.social-pin{position:absolute;top:9px;left:calc(50% - 5px);width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#f4ead8 0,#c7c4b7 30%,#74796f 65%,#323a30);box-shadow:2px 4px 3px #0007;pointer-events:none}
.social-card-number{position:absolute;right:18px;top:17px;font:8px/1 'SXB Arabic',monospace;opacity:.45;letter-spacing:.09em}
.social-icon{width:48px;height:42px;display:grid;place-items:center;color:var(--accent);margin:2px 0 7px}.social-icon svg{width:100%;height:100%}
.social-card strong{font:600 clamp(27px,2.6vw,40px)/1.12 'SXB Arabic','Barlow Condensed',sans-serif;letter-spacing:.02em}
.social-handle{font:10px/1.6 'SXB Arabic',monospace;margin-top:7px;opacity:.8;overflow-wrap:anywhere}.social-handle[dir=rtl]{font:9px/1.9 'SXB Arabic',Alexandria,sans-serif;text-align:left}
.social-card-footer{display:flex;align-items:center;justify-content:space-between;direction:rtl;width:100%;gap:12px;margin-top:auto;padding-top:8px;border-top:1px solid #8885;font:10px/1.7 'SXB Arabic',Alexandria,sans-serif}.social-card-arrow{font:23px 'SXB Arabic',Arial;transition:transform .3s}
.social-youtube{--angle:-6deg;--card-bg:#b64032;--card-ink:#fff1dc;top:2%;left:1%;z-index:3}.social-kick{--angle:5deg;--card-bg:#a8c967;--card-ink:#1c2815;top:1%;right:1%;z-index:3}
.social-instagram{--angle:4deg;--card-bg:#eddfc6;--card-ink:#25251f;--accent:#a34673;left:2%;top:47%;z-index:4}.social-x{--angle:-4deg;--card-bg:#252724;--card-ink:#f1e5d0;right:2%;top:46%;z-index:4}.social-x::after{inset:5px;border-width:3px;opacity:.7}
.social-tiktok,.social-snapchat{width:20%;height:22%;bottom:0;padding:20px 17px 10px;z-index:5}.social-tiktok{--angle:-4deg;--card-bg:#31534c;--card-ink:#edf0df;left:28%}.social-snapchat{--angle:4deg;--card-bg:#ddc15d;--card-ink:#292818;right:28%}
.social-tiktok .social-icon,.social-snapchat .social-icon{position:absolute;right:17px;top:24px;width:27px;height:27px;margin:0}.social-tiktok strong,.social-snapchat strong{font-size:clamp(21px,1.9vw,29px);margin-top:5px}.social-tiktok .social-handle,.social-snapchat .social-handle{font-size:8px}.social-tiktok .social-card-footer,.social-snapchat .social-card-footer{font-size:8px;padding-top:4px}.social-tiktok .social-card-number,.social-snapchat .social-card-number{display:none}
.social-kick-mark{display:block;width:44px;height:44px;background:currentColor;mask:url('./assets/kick-pixel-mark.display.webp') center/135% no-repeat}
@media(hover:hover) and (pointer:fine){.social-card:hover{transform:rotate(0deg) translateY(-6px);z-index:6}.social-card:hover .social-card-arrow{transform:translate(3px,-3px)}}
.social-card:focus-visible{outline:2px solid #f7e3c0;outline-offset:5px;transform:rotate(0);z-index:6}
.socials-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:18px;font:9px/1.7 'SXB Arabic',Alexandria,sans-serif;color:#a59c8d}.socials-footer>span:first-child{font:9px 'SXB Arabic',monospace;letter-spacing:.18em}.socials-footer>span:nth-child(2){display:none}.socials-footer a{padding:8px;color:#d4c7b2;text-decoration:none}
.socials-on-screen .brand-animated,.socials-on-screen body>.sword-scrollbar svg{filter:url('#sxb-on-dark')}.socials-on-screen .menu-trigger{color:#eee9dd}
.youtube-channels{width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 40px);padding:36px 28px 24px;border:1px solid #d5bfa333;border-radius:8px;color:#eee6d7;background:linear-gradient(145deg,#28201b,#151716 65%);box-shadow:0 30px 100px #0008;direction:rtl;overflow:auto}
.youtube-channels::backdrop{background:#050705b3;backdrop-filter:blur(8px)}
.youtube-channels[open]{animation:channel-in .24s ease-out}.youtube-close{position:absolute;top:12px;left:14px;display:grid;place-items:center;width:38px;height:38px;border:1px solid #ffffff25;border-radius:50%;background:transparent;color:#e9ddcc;font:24px 'SXB Arabic',Arial}
.youtube-dialog-eyebrow{font:9px 'SXB Arabic',monospace;letter-spacing:.16em;color:#df655a}.youtube-channels h2{margin:23px 0 10px;font-size:29px;letter-spacing:-.045em}.youtube-channels p{font-size:12px;color:#b4afa3;margin:0 0 24px}
.youtube-channels>a{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px;margin:10px 0;background:#ffffff04;border:1px solid #ffffff21;border-radius:4px;color:#f4e9d8;transition:background .2s,border-color .2s}
.youtube-channels>a:hover{background:#b52a201e;border-color:#d6635355}.youtube-channels>a span{display:flex;flex-direction:column;gap:8px}.youtube-channels small{font:9px 'SXB Arabic',monospace;color:#c29586}.youtube-channels b{font:600 27px 'SXB Arabic','Barlow Condensed',sans-serif}.youtube-channels i{font:25px 'SXB Arabic',Arial;font-style:normal}.youtube-dialog-note{display:block;text-align:center;margin-top:22px;font-family:'SXB Arabic',Alexandria,sans-serif!important}
.youtube-channels :is(a,button):focus-visible{outline:2px solid #ec9a87;outline-offset:3px}
html.social-dialog-open{overflow:hidden}
.menu-links{grid-template-rows:auto repeat(7,minmax(0,1fr))}
@keyframes channel-in{from{opacity:0;transform:translateY(15px) scale(.97)}to{opacity:1;transform:none}}


@media(min-width:761px) and (max-height:800px){.socials-inner{padding-top:72px;grid-template-rows:auto minmax(440px,1fr) auto;gap:6px}.socials-heading{padding-bottom:8px}.socials-heading h2{font-size:34px}.socials-heading p{margin-top:2px}.socials-collage{min-height:440px}.social-card{padding-top:24px;padding-bottom:12px}.social-icon{width:38px;height:35px;margin-bottom:6px}.social-kick-mark{width:38px;height:38px}.social-card strong{font-size:29px}.social-handle{margin-top:3px;font-size:9px}.social-card-footer{font-size:8px;padding-top:5px}.social-tiktok,.social-snapchat{height:23%;padding-top:17px}.social-tiktok strong,.social-snapchat strong{font-size:22px}.social-tiktok .social-icon,.social-snapchat .social-icon{top:20px;width:22px;height:22px}.social-tiktok .social-card-footer,.social-snapchat .social-card-footer{border:0;padding:0}.socials-footer{padding-top:10px}}
@media(max-width:1000px) and (min-width:761px){.socials-inner{padding-inline:30px}.social-card{width:28%;padding-inline:20px}.social-tiktok,.social-snapchat{width:21%;padding-inline:12px}.social-tiktok{left:28%}.social-snapchat{right:28%}.social-tiktok .social-icon,.social-snapchat .social-icon{right:12px;width:23px;height:23px}.social-tiktok strong,.social-snapchat strong{font-size:22px}}
@media(max-width:760px){
 .socials-inner{display:block;min-height:100svh;padding:76px 25px 18px}.socials-heading{padding-bottom:20px}.socials-heading h2{font-size:clamp(29px,8vw,44px)}.socials-heading p{margin-top:7px;font-size:10px}.socials-collage{min-height:0;padding-top:255px}.socials-portrait{inset:0 4% auto;height:330px}.socials-red-paper{inset:0 30% 12%}.socials-outline{font-size:180px;top:12%;left:0;right:0}.socials-portrait img{object-position:center top;mask-image:linear-gradient(#000 65%,transparent)}
 .socials-cards{position:relative;inset:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 17px}.social-card{position:relative;inset:auto;width:100%;height:auto;min-height:195px;padding:25px 14px 12px;--angle:-3deg}.social-card:nth-child(even){--angle:3deg}.social-icon{width:42px;height:40px;margin-top:0;margin-bottom:8px}.social-kick-mark{width:42px;height:42px}.social-card strong{font-size:clamp(23px,6.1vw,34px)}.social-handle{font-size:8px}.social-handle[dir=rtl]{font-size:8px}.social-card-footer{font-size:8px;padding-top:7px;margin-top:auto}.social-card-arrow{font-size:23px}.social-card-number{font-size:6px;right:12px}
 .social-tiktok,.social-snapchat{min-height:150px;padding:22px 14px 12px}.social-tiktok .social-icon,.social-snapchat .social-icon{position:static;width:30px;height:30px;margin:0 0 8px}.social-tiktok strong,.social-snapchat strong{font-size:clamp(23px,6.1vw,34px);margin-top:0}.social-tiktok .social-card-footer,.social-snapchat .social-card-footer{margin-top:10px}
 .socials-footer{margin-top:24px;font-size:8px;gap:10px}.socials-footer>span:first-child{font-size:8px}.menu-links{grid-template-rows:auto repeat(7,minmax(37px,1fr))}.menu-row{min-height:37px}.menu-name{font-size:clamp(19px,5.2vw,27px)}.youtube-channels{padding:32px 20px 22px}
}

.external-dialog{width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:32px;border:1px solid #ffffff24;border-radius:12px;background:#181a19;color:#fff;direction:rtl;text-align:center;box-shadow:0 30px 100px #0009;overflow:auto}
.external-dialog::backdrop{background:#050605bb;backdrop-filter:blur(8px)}
.external-dialog[open]{animation:channel-in .22s ease-out}.external-mark{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 18px;border:1px solid #ff75654d;border-radius:50%;color:#ff7665;font:26px 'SXB Arabic',Arial}
.external-eyebrow{font:9px 'SXB Arabic',monospace;letter-spacing:.17em;color:#b7b8b2}.external-dialog h2{font:600 30px/1.8 'SXB Arabic',Alexandria,sans-serif;margin:12px 0 6px}.external-dialog p{margin:0;color:#deded6;font:400 13px/2.1 'SXB Arabic',Alexandria,sans-serif}.external-destination{display:block;margin:18px 0 24px;padding:10px;background:#ffffff07;border-radius:5px;color:#bfc4bb;font:12px/1.5 'SXB Arabic',monospace;overflow-wrap:anywhere}.external-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.external-actions>*{display:grid;place-items:center;min-height:48px;padding:12px;border:1px solid #ffffff35;border-radius:6px;font:500 13px 'SXB Arabic',Alexandria,sans-serif;text-decoration:none;cursor:pointer}.external-cancel{background:transparent;color:#fff}.external-continue{background:#e53329;color:#fff;border-color:#e53329}.external-actions>*:hover{filter:brightness(1.15)}.external-actions>*:focus-visible{outline:2px solid #fff;outline-offset:4px}


/* social-paper-desk.css */
/* One framed desk, inspired by the reference's physical paper selection. */
.socials{background:#201e1a;min-height:100svh;padding:80px 20px 20px;color:#f1e9d9}
.socials::before,.socials::after{display:none}
.paper-desk{position:relative;height:calc(100svh - 100px);min-height:610px;isolation:isolate;overflow:hidden;border:1px solid #b9a98840;border-radius:5px;background:radial-gradient(ellipse at 48% 32%,#73695722,transparent 68%),#39362f;box-shadow:inset 0 0 0 5px #16171366,inset 0 2px 15px #0009,0 8px 24px #0005;direction:ltr}
.paper-desk::before{content:'';position:absolute;inset:0;z-index:-1;background:url('./assets/hero-washi-wall.webp') center/cover;opacity:.14;mix-blend-mode:luminosity;pointer-events:none}
.paper-desk::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:6;box-shadow:inset 0 0 80px #0d100c55;background:url('./assets/hero-grain.svg');opacity:.38}
.paper-topline{position:absolute;left:3%;right:3%;top:26px;display:flex;justify-content:space-between;align-items:center;color:#d8ccba;pointer-events:none;z-index:3;font:10px/1.8 'SXB Arabic',monospace;letter-spacing:.12em}
.paper-topline span:last-child{font:10px/2 'SXB Arabic',Alexandria,sans-serif;letter-spacing:0}
.paper-desk-title{position:absolute;bottom:30px;left:3%;z-index:3;max-width:65%;pointer-events:none;transition:transform .6s,opacity .4s}
.paper-desk-title small{display:block;font:9px/2 'SXB Arabic',monospace;letter-spacing:.2em;color:#b9b09e;margin-bottom:8px}
.paper-desk-title h2{margin:0;direction:rtl;font:650 clamp(32px,4.5vw,76px)/1.55 'SXB Arabic',Alexandria,sans-serif;letter-spacing:-.04em;text-align:left}
.paper-selected .paper-desk-title h2{font-family:'SXB Arabic','Barlow Condensed',sans-serif;letter-spacing:0;font-size:clamp(40px,6vw,90px)}
.paper-drop{position:absolute;right:3%;bottom:34px;width:clamp(100px,10vw,155px);height:clamp(130px,12vw,192px);border:1px solid #e5d5b068;z-index:0;display:grid;place-items:center;box-shadow:inset 0 0 22px #0002;transition:border-color .25s,background .25s;pointer-events:none}
.paper-drop::before,.paper-drop::after{content:'';position:absolute;inset:6px;border:1px solid #e5d5b01c}.paper-drop::after{inset:-5px;border-color:#e5d5b013}
.paper-drop span{direction:rtl;color:#e2d8c5;font:11px/2 'SXB Arabic',Alexandria,sans-serif;text-align:center;max-width:75%;transition:opacity .2s}
.paper-drop-hot .paper-drop{border-color:#f2e4c4;background:#ded1b225}.paper-selected .paper-drop span{opacity:0}
.paper-canvas{position:absolute;inset:0;z-index:2;pointer-events:none}
.paper-webgl .paper-choices{inset:0;display:block;pointer-events:none}.paper-webgl .paper-choice{position:absolute;opacity:0;pointer-events:auto;touch-action:none;margin:0;padding:0;transition:none;cursor:grab}.paper-webgl .paper-choice:focus-visible{opacity:1;z-index:10!important;outline:3px solid #fff}.paper-webgl.paper-dragging .paper-choice{cursor:grabbing}
.paper-choices{position:absolute;inset:20% 6% 25%;z-index:3;display:grid;grid-template-columns:repeat(6,1fr);gap:15px;align-items:center;pointer-events:none}
.paper-choice{padding:8px 8px 15px;border:0;background:#e8ddc5;color:#24251f;box-shadow:5px 9px 10px #0004;transform:rotate(-7deg);cursor:pointer;pointer-events:auto;min-width:0;text-align:left;transition:transform .4s}
.paper-choice:nth-child(even){transform:translateY(-40px) rotate(7deg)}.paper-choice-art{height:150px;display:grid;place-items:center;background:var(--paper-color);color:var(--paper-ink);font:600 70px 'SXB Arabic','Barlow Condensed',sans-serif}.paper-choice strong{display:block;margin:9px 2px 4px;font:600 20px 'SXB Arabic','Barlow Condensed',sans-serif}.paper-choice small{display:block;font:7px 'SXB Arabic',monospace;overflow-wrap:anywhere}.paper-choice:focus-visible{outline:3px solid #fff;outline-offset:5px}.paper-choice:hover{transform:translateY(-12px) rotate(0)}
.paper-webgl{touch-action:pan-y}.paper-webgl.paper-over{cursor:grab}.paper-webgl.paper-dragging{cursor:grabbing;user-select:none;touch-action:none}
.paper-reset{position:absolute;top:62px;right:3%;z-index:8;background:#302e28;color:#eee4cf;border:1px solid #d9c9a64d;border-radius:50px;padding:10px 18px;cursor:pointer;font:11px/1.8 'SXB Arabic',Alexandria,sans-serif}
.paper-reset[hidden],.paper-feed[hidden]{display:none}
.paper-feed{position:absolute;inset:135px 5% 245px;z-index:4;opacity:0;visibility:hidden;transform:translateY(22px);transition:opacity .5s,transform .65s cubic-bezier(.2,.8,.2,1),visibility .5s;pointer-events:none;direction:rtl}
.paper-feed-ready .paper-feed{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.paper-feed-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px;flex-wrap:wrap}
.paper-feed-header h3{font:500 16px/1.8 'SXB Arabic',Alexandria,sans-serif;margin:0}.paper-profile-link,.paper-profile-links a{font:11px/1.8 'SXB Arabic',Alexandria,sans-serif;color:#eee2c9;text-decoration:none;border:1px solid #dbcdb244;padding:9px 16px;display:inline-block;transition:background .2s}.paper-profile-link:hover,.paper-profile-links a:hover{background:#ded1b224}
.paper-profile-links{display:flex;gap:8px;direction:ltr}.paper-profile-links a{font:11px 'SXB Arabic',monospace}.paper-channel-tabs{display:flex;gap:5px;direction:ltr}.paper-channel-tabs button{font:10px/1.8 'SXB Arabic',monospace;padding:7px 10px;border:1px solid #d9cbb338;background:#171b1733;color:#d9cbb3;cursor:pointer}.paper-channel-tabs button[aria-pressed=true]{background:#ddd0b8;color:#282822}
.paper-posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;min-height:220px}
.paper-post{position:relative;display:flex;flex-direction:column;min-width:0;max-height:400px;overflow:hidden;text-decoration:none;color:#2b2d25;background:#e4d7bd;padding:10px 10px 18px;box-shadow:6px 12px 20px #0003;transform:rotate(-1.3deg);animation:paper-unfold .85s both;animation-delay:calc(var(--post-index)*.1s)}
.paper-post:nth-child(2){transform:rotate(1deg)}.paper-post img{width:100%;height:clamp(115px,15vh,220px);object-fit:cover}.paper-post h4{margin:12px 7px;font:500 13px/1.9 'SXB Arabic',Alexandria,sans-serif;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.paper-post-number{font:9px 'SXB Arabic',monospace;opacity:.65;direction:ltr;margin:14px 7px 0}.paper-post-open{margin:auto 7px 0;font:10px/2 'SXB Arabic',Alexandria,sans-serif}.paper-post:hover{filter:brightness(1.06)}
.paper-post-skeleton{height:240px;background:linear-gradient(110deg,#b7aa8a15 20%,#e7d5b32b 45%,#b7aa8a15 70%);background-size:250% 100%;animation:paper-loading 1.5s infinite;border:1px solid #d4c4a528}
.paper-feed-state{grid-column:1/-1;min-height:235px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-top:1px solid #d5c6a52a;border-bottom:1px solid #d5c6a52a;gap:18px;text-align:center}.paper-feed-state p{margin:0;max-width:460px;font:12px/2.1 'SXB Arabic',Alexandria,sans-serif;color:#d7ccba}.paper-state-mark{font:48px 'SXB Arabic','Barlow Condensed',sans-serif;opacity:.7}
.paper-selected:not(.paper-webgl) .paper-choices{display:none}
.paper-announcement{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}
@keyframes paper-unfold{from{opacity:0;clip-path:inset(0 100% 0 0);filter:brightness(1.8);translate:0 15px}to{opacity:1;clip-path:inset(0);filter:brightness(1);translate:0 0}}
@keyframes paper-loading{to{background-position:-150% 0}}
@media(max-width:700px){
 .socials{padding:72px 10px 12px}.paper-desk{height:calc(100svh - 84px);min-height:610px}.paper-topline{top:20px;left:6%;right:6%;font-size:8px}.paper-topline span:last-child{font-size:8px;max-width:150px;text-align:right}
 .paper-desk-title{bottom:28px;left:6%;max-width:60%}.paper-desk-title h2{font-size:30px;line-height:1.7}.paper-desk-title small{font-size:7px}.paper-selected .paper-desk-title h2{font-size:35px}.paper-drop{right:6%;bottom:30px;width:90px;height:120px}.paper-drop span{font-size:9px}
 .paper-choices{inset:17% 8% 25%;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 15px}.paper-choice-art{height:80px;font-size:40px}.paper-choice strong{font-size:15px}.paper-choice small{font-size:6px}.paper-choice:nth-child(even){transform:rotate(6deg)}
 .paper-feed{inset:110px 6% 185px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;touch-action:pan-y;padding-bottom:20px}.paper-feed-header{gap:10px;margin-bottom:15px}.paper-feed-header h3{font-size:13px}.paper-posts{grid-template-columns:1fr;gap:18px}.paper-post{display:grid;grid-template-columns:35% 1fr;gap:6px;max-height:190px;padding:9px}.paper-post img{grid-row:1/4;height:130px;align-self:center}.paper-post h4{font-size:11px;margin:0 5px;line-height:1.8}.paper-post-number{font-size:7px;margin:7px 5px}.paper-post-open{font-size:9px}.paper-post-skeleton{height:120px}.paper-feed-state{min-height:230px}.paper-channel-tabs{flex-wrap:wrap}.paper-channel-tabs button{font-size:9px;padding:5px 8px}.paper-profile-links a{font-size:8px;padding:7px}.paper-reset{right:6%;top:56px;font-size:9px;padding:8px 14px}
}
@media(min-width:701px) and (max-height:800px){.paper-desk{min-height:530px}.paper-feed{inset:110px 5% 190px}.paper-posts{min-height:190px}.paper-post-skeleton{height:190px}.paper-post h4{font-size:11px;line-height:1.7}.paper-feed-state{min-height:180px}.paper-desk-title h2{font-size:48px}.paper-drop{height:140px;width:112px}}

.paper-feed:has(.paper-public-content){overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:0 8px 20px}
.paper-public-content{display:block;min-height:0}.paper-embed-wrap{max-width:960px;margin:0 auto}.paper-embed-wrap h4{font:500 14px/1.8 'SXB Arabic',Alexandria,sans-serif;margin:0 0 12px}
.paper-platform-frame{display:block;width:100%;border:0;background:#151713;border-radius:3px}.paper-wide-player{aspect-ratio:16/9;height:auto;min-height:210px;max-height:440px}.paper-tiktok-frame{height:470px;max-width:790px;margin:auto}.paper-timeline-frame{height:470px;max-width:700px;margin:auto}.paper-instagram-frame{height:570px;max-width:540px;margin:auto;background:#fff}
.paper-youtube-players{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.paper-embed-channel:only-child{grid-column:1/-1;max-width:800px;width:100%;margin:auto}.paper-embed-channel h4{direction:ltr;text-align:left;font-family:'SXB Arabic',monospace;font-size:12px}
.paper-embed-links{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:18px 0 8px}.paper-embed-note{font:10px/2 'SXB Arabic',Alexandria,sans-serif;text-align:center;color:#c8bfae;margin:14px auto;max-width:600px}
.paper-snap-profile{display:flex;align-items:center;justify-content:center;gap:32px;padding:20px;background:#d9bd62;color:#2c2a20;max-width:680px}.paper-snapcode{width:180px;height:180px;object-fit:contain}.paper-snap-profile p{font:12px/2 'SXB Arabic',Alexandria,sans-serif}.paper-snap-handle{font-family:'SXB Arabic',monospace!important;direction:ltr}
@media(max-width:700px){.paper-youtube-players{grid-template-columns:1fr}.paper-wide-player{min-height:200px}.paper-snap-profile{flex-direction:column;gap:12px;text-align:center;padding:20px 12px}.paper-snapcode{width:140px;height:140px}.paper-platform-frame{max-width:100%}.paper-feed:has(.paper-public-content){padding-inline:0}.paper-embed-links .paper-profile-link{font-size:10px;padding:8px}}
/* Account viewing: a quiet ink-blue surface, sized to the viewport. */
.social-account-open,.social-account-open body{overflow:hidden!important;overscroll-behavior:none}
.socials{box-sizing:border-box;background:#0c1218;padding:76px 16px 16px;height:100svh;min-height:0;color:#f1f4f4}
.paper-desk{--account-accent:#98d8d0;box-sizing:border-box;height:100%;min-height:0;border:1px solid #8399ab30;border-radius:14px;background:radial-gradient(ellipse at 50% 20%,#273b464a,transparent 75%),#141e26;box-shadow:inset 0 1px 0 #d9eaff0b,0 18px 55px #0003}
.paper-desk::before{opacity:.025;mix-blend-mode:soft-light}
.paper-desk::after{opacity:.035;z-index:1;box-shadow:none}
.paper-topline{top:22px;color:#9daeb8;font-size:9px}
.paper-topline span:last-child{color:#c0ccd1;font-size:10px}
.paper-desk-title small{color:#8eabb5;letter-spacing:.16em}
.paper-desk-title h2{color:#f0f4f4}
.paper-selected .paper-desk-title{bottom:20px}
.paper-selected .paper-desk-title small{font-size:8px;margin-bottom:0}
.paper-selected .paper-desk-title h2{font-size:clamp(28px,3.2vw,48px);line-height:1.15;margin-top:7px}
.paper-selected .paper-drop{width:112px;height:140px;bottom:16px}
.paper-drop{border-color:#94bdbd50;border-radius:4px;background:#0a121820}
.paper-drop::before,.paper-drop::after{border-color:#a9cccc20}
.paper-drop-hot .paper-drop{border-color:#b0e1d9;background:#86c7b91a}
.paper-reset{top:52px;font-size:11px}
.paper-feed,.paper-feed:has(.paper-public-content){inset:108px 4% 126px;padding:0;overflow:visible;min-height:0;display:flex;flex-direction:column;gap:16px}
.paper-feed[hidden]{display:none}
.paper-feed-header{flex:0 0 auto;margin:0;gap:10px;min-height:38px}
.paper-feed-header h3{font-weight:600;font-size:17px;color:#eef3f4}
.paper-posts{flex:1;min-height:0;grid-template-rows:minmax(0,1fr);gap:22px}
.paper-post{max-height:none;border-radius:9px;transform:none!important;background:#edf1ec;color:#17252c;box-shadow:0 12px 30px #0003;padding:9px 9px 14px;min-height:0}
.paper-post img{height:auto;aspect-ratio:16/9;max-height:60%;min-height:0;border-radius:5px;object-fit:cover;flex-shrink:1}
.paper-post h4{font-weight:600;font-size:clamp(11px,1vw,15px);line-height:1.7;margin:10px 7px;-webkit-line-clamp:2}
.paper-post-number{color:#516773;font-size:9px;margin:10px 7px 0;opacity:1}
.paper-post-open{font-size:11px;color:#335f64;font-weight:600}
.paper-post-skeleton{height:100%;min-height:0;border-radius:8px;background-color:#18313a}
.paper-public-content{display:flex;flex-direction:column;min-height:0;gap:10px}
.paper-embed-wrap{min-height:0;flex:1;width:100%;max-width:1000px;display:flex;flex-direction:column;justify-content:center;align-items:stretch;overflow:hidden}
.paper-platform-frame{flex:1;width:100%;height:100%;min-height:0;max-height:100%;border:1px solid #b4d5dc18;border-radius:12px;background:#101820}
.paper-wide-player{aspect-ratio:16/9;max-width:100%;object-fit:contain}
.paper-tiktok-frame,.paper-timeline-frame{max-width:800px;margin:auto}
.paper-instagram-frame{max-width:540px;margin:auto;background:#fff}
.paper-embed-links{flex:0 0 auto;margin:0;gap:10px;align-items:center}
.paper-embed-note{flex:0 0 auto;font-size:9px;line-height:1.7;color:#9aadb8;margin:0 auto;max-width:650px}
.paper-youtube-snapshot>.paper-posts{width:100%;margin-top:8px}
.paper-embed-wrap>h4{font-size:12px;margin:0 0 8px}
/* Snapchat: code and identity share one clean, compact profile card. */
.paper-snap-profile{box-sizing:border-box;flex:1;max-width:800px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:clamp(22px,5vw,72px);padding:clamp(14px,2.5vw,32px);border-radius:20px;border:1px solid #e3c95b33;background:radial-gradient(ellipse at 12% 0%,#dbc8581c,transparent 70%),#1b2428;color:#f4f2e8;box-shadow:0 18px 50px #0002}
.paper-snap-code-panel{display:flex;flex-direction:column;gap:10px;align-items:center;flex:0 1 210px;min-width:0;max-height:100%}
.paper-snapcode{width:100%;height:auto;min-height:0;max-height:210px;object-fit:contain;filter:none;border-radius:20px}
.paper-snap-code-panel small{font:10px/1.8 'SXB Arabic',Alexandria,sans-serif;color:#d1c58d;white-space:nowrap}
.paper-snap-copy{text-align:right;flex:0 1 auto}
.paper-snap-eyebrow{font:10px/2 'SXB Arabic',monospace;letter-spacing:.16em;color:#e5ce66}
.paper-snap-copy h4{font:650 clamp(25px,3.6vw,48px)/1.5 'SXB Arabic',Alexandria,sans-serif;margin:8px 0;color:#fff9da}
.paper-snap-copy p{font-size:13px;color:#c0c9c9;margin:10px 0}
.paper-snap-copy .paper-snap-handle{font-size:12px;color:#e5ce66}
/* Travelling rim and flowing highlight, adapted from the awards controls. */
@property --paper-rim{syntax:'<angle>';initial-value:20deg;inherits:false}
:is(.paper-reset,.paper-profile-link,.paper-profile-links a,.paper-channel-tabs button){position:relative;isolation:isolate;overflow:hidden;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:9px 18px;border:1px solid transparent;border-radius:999px;color:#e8f5f3;background:linear-gradient(#16272e,#16272e) padding-box,conic-gradient(from var(--paper-rim),#709b9a25 0deg,transparent 90deg,var(--account-accent) 145deg,#f1fffa 166deg,transparent 195deg,#709b9a35 290deg,#709b9a25) border-box;box-shadow:0 5px 16px #0002;font:500 11px/1.7 'SXB Arabic',Alexandria,sans-serif;text-decoration:none;cursor:pointer;transition:color .25s,box-shadow .3s,translate .3s;animation:paper-rim-orbit 5s linear infinite paused}
:is(.paper-reset,.paper-profile-link,.paper-profile-links a,.paper-channel-tabs button)::after{content:'';position:absolute;inset:-70% -45%;pointer-events:none;z-index:-1;background:radial-gradient(ellipse 22% 45% at 30% 50%,color-mix(in srgb,var(--account-accent) 35%,transparent),transparent),radial-gradient(ellipse 16% 40% at 70% 50%,color-mix(in srgb,var(--account-accent) 18%,transparent),transparent);animation:paper-button-flow 5s ease-in-out infinite alternate paused}
.socials-on-screen :is(.paper-reset,.paper-profile-link,.paper-profile-links a,.paper-channel-tabs button),.socials-on-screen :is(.paper-reset,.paper-profile-link,.paper-profile-links a,.paper-channel-tabs button)::after{animation-play-state:running}
:is(.paper-reset,.paper-profile-link,.paper-profile-links a,.paper-channel-tabs button):is(:hover,:focus-visible){color:#fff;box-shadow:0 0 22px color-mix(in srgb,var(--account-accent) 18%,transparent),0 6px 20px #0004;translate:0 -2px}
:is(.paper-reset,.paper-profile-link,.paper-profile-links a,.paper-channel-tabs button):focus-visible{outline:2px solid var(--account-accent);outline-offset:3px}
.paper-channel-tabs{flex-wrap:wrap}.paper-channel-tabs button{padding:7px 12px;font-size:10px;min-height:34px}
.paper-channel-tabs button[aria-pressed=true]{background:linear-gradient(#d4e9e2,#d4e9e2) padding-box,conic-gradient(from var(--paper-rim),transparent,var(--account-accent),#fff,transparent) border-box;color:#13282c}
@keyframes paper-rim-orbit{to{--paper-rim:380deg}}
@keyframes paper-button-flow{to{transform:translateX(20%) rotate(12deg)}}
/* The scanning light passes above the actual paper after it settles in its dock. */
.paper-scanner{position:absolute;right:3%;bottom:16px;width:70px;height:90px;z-index:5;pointer-events:none;border-radius:4px;overflow:hidden;opacity:0}
.paper-scanner::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--account-accent) 10%,transparent) 60%,color-mix(in srgb,var(--account-accent) 45%,transparent) 96%,#efffff 100%);border-bottom:2px solid var(--account-accent);transform:translateY(-105%)}
.paper-scanning .paper-scanner{animation:paper-scan-visible 2.8s both}
.paper-scanning .paper-scanner::before{animation:paper-scan-pass 2.4s .15s cubic-bezier(.25,.7,.3,1) both}
@keyframes paper-scan-visible{0%{opacity:0}6%,92%{opacity:1}100%{opacity:0}}
@keyframes paper-scan-pass{to{transform:translateY(110%)}}
@media(max-width:700px){
 .socials{padding:68px 8px 8px}.paper-desk{border-radius:10px;min-height:0;height:100%}.paper-topline{top:15px;left:5%;right:5%}.paper-topline span:last-child{font-size:8px;max-width:150px}.paper-reset{top:43px;right:5%;font-size:9px;padding:7px 12px;min-height:32px}
 .paper-feed,.paper-feed:has(.paper-public-content){inset:91px 5% 105px;padding:0;overflow:visible;gap:10px}.paper-feed-header{gap:6px;min-height:32px}.paper-feed-header h3{font-size:13px}.paper-profile-links{display:none}.paper-channel-tabs{gap:4px}.paper-channel-tabs button{font-size:8px;padding:5px 8px;min-height:30px}.paper-profile-link{font-size:9px;padding:7px 12px;min-height:32px}
 .paper-posts{grid-template-columns:1fr;grid-template-rows:repeat(3,minmax(0,1fr));gap:10px}.paper-post{display:grid;grid-template-columns:34% 1fr;grid-template-rows:auto 1fr auto;padding:6px;gap:2px;max-height:none;border-radius:7px}.paper-post img{height:100%;max-height:100%;width:100%;aspect-ratio:auto;grid-column:1;grid-row:1/4;object-fit:cover}.paper-post-number{font-size:7px;margin:3px 5px;grid-column:2}.paper-post h4{font-size:10px;line-height:1.7;margin:0 5px;grid-column:2;-webkit-line-clamp:2}.paper-post-open{font-size:8px;margin:0 5px;grid-column:2;line-height:1.6}
 .paper-selected .paper-desk-title{left:5%;bottom:24px;max-width:65%}.paper-selected .paper-desk-title small{font-size:6px}.paper-selected .paper-desk-title h2{font-size:30px}.paper-selected .paper-drop{right:5%;bottom:15px;width:76px;height:95px}
 .paper-embed-links{gap:6px}.paper-embed-links .paper-profile-link{font-size:9px;padding:7px 11px;min-height:32px}.paper-embed-note{font-size:8px;line-height:1.65}.paper-public-content{gap:7px}.paper-platform-frame{min-height:0;height:100%;max-height:100%}
 .paper-snap-profile{flex-direction:column;gap:12px;padding:18px 14px;border-radius:15px}.paper-snap-code-panel{flex:0 1 auto;max-height:54%;width:135px}.paper-snapcode{max-height:135px;min-height:50px}.paper-snap-code-panel small{font-size:8px}.paper-snap-copy{text-align:center}.paper-snap-eyebrow{font-size:8px}.paper-snap-copy h4{font-size:27px;margin:3px 0}.paper-snap-copy p{font-size:10px;margin:5px 0}.paper-snap-copy .paper-snap-handle{font-size:10px}
}
@media(max-height:650px){.paper-feed,.paper-feed:has(.paper-public-content){inset-block:80px 85px;gap:8px}.paper-topline{top:12px}.paper-reset{top:34px;min-height:30px;padding-block:5px}.paper-selected .paper-desk-title{bottom:16px}.paper-selected .paper-desk-title h2{font-size:28px}.paper-selected .paper-drop{height:74px;width:59px;bottom:10px}.paper-snap-profile{flex-direction:row;gap:20px;padding:12px}.paper-snap-code-panel{flex-basis:125px;width:125px;max-height:100%}.paper-snapcode{max-height:110px}.paper-snap-code-panel small{display:none}.paper-snap-copy h4{font-size:25px}.paper-post-number{margin-top:4px}.paper-post h4{margin-block:4px}.paper-embed-links .paper-profile-link{min-height:30px;padding-block:5px}}


/* The shared button finish must not change the anchored reset control. */
.paper-desk>.paper-reset{position:absolute;left:auto;right:3%;max-width:calc(100% - 32px);white-space:nowrap}
@media(max-width:700px){.paper-desk>.paper-reset{right:5%}}
/* Discord's compact server preview: original rail, home icon and 16:9 banner. */
.paper-discord-profile{display:flex;align-items:center;justify-content:center;container-type:size;flex:1;min-height:0;width:100%;max-width:none;max-height:100%;padding:0;margin:0;border:0;background:none;overflow:visible}
.discord-template{position:relative;flex:none;width:min(100%,640px);aspect-ratio:311/172;direction:ltr;border-radius:3px;background:#2b2d31;box-shadow:0 12px 34px #0009;overflow:hidden;container-type:inline-size}
@supports(width:1cqh){.discord-template{width:min(100cqw,calc(100cqh * 311 / 172),720px)}}
.discord-template-sidebar{position:absolute;inset:0 auto 0 0;width:22.83%;background:#202225}
.discord-template-caption{position:absolute;left:14.08%;top:2.9%;font:800 4cqw/1 Arial,Helvetica,sans-serif;color:#72767d;letter-spacing:-.04em}
.discord-template-home{position:absolute;left:15.49%;top:14.53%;width:67.61%;aspect-ratio:1;border-radius:50%;background:#36393f;display:grid;place-items:center}
.discord-template-home img{display:block;width:58%;height:58%;object-fit:contain}
.discord-template-divider{position:absolute;left:15.49%;top:47.1%;width:67.61%;height:1.16%;background:#303238;border-radius:2px}
.discord-template-selected{position:absolute;left:0;top:55.23%;width:5.63%;height:23.25%;border-radius:0 4px 4px 0;background:#fff}
.discord-template-server{position:absolute;left:15.49%;top:52.91%;width:67.61%;aspect-ratio:1;border-radius:28%;overflow:hidden;background:#101418}
.discord-template .paper-discord-icon{display:block;width:100%;height:100%;object-fit:cover;border:0;border-radius:0;background:#101418}
.discord-template .paper-discord-banner{position:absolute;left:22.83%;top:12.21%;width:77.17%;height:78.49%;display:block;object-fit:cover;border-radius:5% 0 0 0;background:#050706}
.paper-choices{grid-template-columns:repeat(7,minmax(0,1fr))}
@media(max-width:700px){.paper-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.paper-choice:last-child{grid-column:2}}
/* Official KICK player + popout chat, contained within the account frame. */
.paper-kick-wrap{max-width:1200px}
.paper-kick-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,30%);gap:14px;flex:1;min-height:0;direction:ltr}
.paper-kick-stream,.paper-kick-chat{min-width:0;min-height:0;display:flex;flex-direction:column}
.paper-kick-stream{justify-content:center;background:#080d10;border-radius:12px;overflow:hidden}
.paper-kick-stream .paper-wide-player{width:100%;height:100%;border:0;border-radius:0}
.paper-kick-chat{background:#0b1415;border:1px solid #a6d86f33;border-radius:12px;overflow:hidden}
.paper-kick-chat h4{flex:0 0 auto;direction:rtl;padding:10px 14px;margin:0;color:#b8dd91;font:500 11px/1.6 'SXB Arabic',Alexandria,sans-serif;border-bottom:1px solid #a6d86f22}
.paper-kick-chat .paper-platform-frame{border:0;border-radius:0;background:#0b0e0f}
.paper-kick-tabs{display:none}
@media(max-width:700px){
 .paper-kick-layout{display:flex;gap:0}
 .paper-kick-stream,.paper-kick-chat{flex:1}
 .paper-kick-layout[data-view="stream"] .paper-kick-chat,.paper-kick-layout[data-view="chat"] .paper-kick-stream{display:none}
 .paper-kick-tabs{display:flex;gap:6px;margin-bottom:8px;flex:0 0 auto}
 .paper-kick-tabs button{flex:1;border:1px solid #a6d86f30;border-radius:8px;background:#101e1d;color:#bdcbc4;min-height:34px;font:500 10px 'SXB Arabic',Alexandria,sans-serif;cursor:pointer}
 .paper-kick-tabs button[aria-pressed="true"]{background:#a6d86f;color:#142111;border-color:#a6d86f}
 .paper-kick-tabs button:focus-visible{outline:2px solid #e7f7d9;outline-offset:2px}
 .paper-kick-chat h4{display:none}
}
/* Account interiors: quiet surface, clear identity, consistent content hierarchy. */
.paper-selected{background:radial-gradient(ellipse at 100% 0,color-mix(in srgb,var(--account-accent) 10%,transparent),transparent 52%),linear-gradient(135deg,#121e26,#0e171e);border-color:color-mix(in srgb,var(--account-accent) 22%,transparent)}
.paper-selected::before{opacity:.035}
.paper-selected .paper-topline span:last-child{visibility:hidden}
.paper-selected>.paper-reset{top:18px;right:3%;font-size:10px;padding:8px 16px;min-height:36px}
.paper-selected .paper-feed{inset:80px 4% 112px;gap:18px}
.paper-feed-header{flex-wrap:wrap;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid #b4c9d01a}
.account-identity{display:flex;align-items:center;gap:14px;min-width:0;flex:1}
.account-icon{display:block;width:44px;height:44px;object-fit:contain;padding:9px;border:1px solid color-mix(in srgb,var(--account-accent) 25%,transparent);border-radius:12px;background:color-mix(in srgb,var(--account-accent) 9%,transparent)}
.account-identity-copy{min-width:0;display:flex;flex-direction:column;gap:4px}.paper-feed-header h3{font-size:clamp(16px,1.5vw,23px);font-weight:600;line-height:1.65}.account-handle{font:10px/1.6 'SXB Arabic',monospace;letter-spacing:.02em;color:#8ea7b2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:280px}
.paper-feed-header>.paper-profile-links{display:none}
.paper-channel-tabs{padding:4px;background:#071117;border:1px solid #ffffff0c;border-radius:30px;gap:3px;flex-shrink:0}
.paper-channel-tabs button{font-size:10px;padding:8px 13px;min-height:34px;border-color:transparent;background:transparent;box-shadow:none;animation:none;color:#a7b9c2}.paper-channel-tabs button::after{display:none}.paper-channel-tabs button[aria-pressed=true]{background:#e5ebe4;color:#18262a;border-color:transparent;box-shadow:0 2px 8px #0003}
.paper-posts{gap:16px}.paper-post{border:1px solid #b3d0dc20;background:linear-gradient(150deg,#1d2d36,#142029);color:#eef3f1;border-radius:14px;padding:10px 10px 16px;box-shadow:0 8px 24px #0002;transition:border-color .25s,box-shadow .25s}
.paper-post img{border-radius:8px;object-fit:cover}.paper-post-number{color:#91a8b5;font-size:9px;letter-spacing:.04em}.paper-post h4{color:#f0f3ed;font-size:clamp(12px,1vw,16px);font-weight:500;line-height:1.9;margin-top:12px}.paper-post-open{color:var(--account-accent);font-weight:500;border-top:1px solid #cadde018;padding-top:10px;margin-top:auto}.paper-post:hover{filter:none;border-color:color-mix(in srgb,var(--account-accent) 48%,transparent);box-shadow:0 12px 28px #0004}
.paper-post-skeleton{border-radius:14px;border-color:#b3d0dc15}.paper-feed-state{border:1px solid #b3d0dc20;border-radius:16px;background:#15242d;min-height:0;height:100%;padding:20px}.paper-feed-state p{color:#a9bdc6}
.paper-embed-wrap{max-width:1100px;border-radius:16px}.paper-public-content{gap:12px}.paper-platform-frame{border-color:#b3d0dc25;border-radius:14px;background:#101b23}.paper-timeline-frame{max-width:850px}.paper-embed-links{gap:10px;padding-top:4px}.paper-embed-note{color:#859faa;font-size:9px}
.paper-selected .paper-desk-title small{color:#7f97a2;letter-spacing:.13em}.paper-selected .paper-desk-title h2{font-size:clamp(26px,3vw,42px);color:#d2dee1}.paper-selected .paper-desk-title{bottom:24px}
.paper-snap-profile{background:radial-gradient(ellipse at 20% 20%,#f2d45a20,transparent 55%),#171e23;border:1px solid #ddc55a45;color:#f1ecdb;box-shadow:none}.paper-snap-copy h4{color:#f8e899}.paper-snap-copy p{color:#c7c7b3}.paper-snap-copy .paper-snap-handle{color:#e1d597}.paper-snap-eyebrow{color:#d1bd70}.paper-snap-code-panel{background:#f6de65;border:1px solid #fff3;border-radius:16px;padding:18px;color:#373223}
.paper-discord-profile{max-width:1000px;background:radial-gradient(ellipse at 50% -10%,#7d85ec25,transparent 65%),#17212b;border-color:#929aff38;gap:16px}.paper-discord-icon{width:clamp(60px,7vw,95px);height:clamp(60px,7vw,95px)}.paper-discord-profile h4{font-size:clamp(28px,3.5vw,46px)}.paper-discord-profile p{font-size:13px;color:#adbbd2}
.paper-kick-wrap{max-width:1400px}.paper-kick-layout{gap:16px}.paper-kick-chat{border-color:#b6d39430;background:#0c1517}.paper-kick-chat h4{padding:12px 16px;color:#bfd6a7}.paper-kick-stream{border:1px solid #d4e5db18}
@media(max-width:700px){
 .paper-selected>.paper-reset{top:12px;right:5%;font-size:9px;min-height:32px;padding:6px 13px}.paper-selected .paper-topline span:first-child{font-size:6px}
 .paper-selected .paper-feed{inset:65px 4% 100px;gap:10px}.paper-feed-header{gap:8px;padding-bottom:10px}.account-identity{gap:10px}.account-icon{width:38px;height:38px;padding:8px;border-radius:10px}.paper-feed-header h3{font-size:14px}.account-handle{font-size:8px;max-width:180px}.paper-feed-header>.paper-profile-link{font-size:8px;padding:6px 10px;min-height:30px}
 .paper-feed-header>.paper-channel-tabs{width:100%;justify-content:center;order:3;border-radius:10px;padding:3px}.paper-channel-tabs button{font-size:8px;padding:5px 8px;min-height:28px;flex:1}.paper-posts{gap:8px}.paper-post{border-radius:10px;padding:7px;gap:4px;grid-template-columns:34% 1fr}.paper-post img{border-radius:6px}.paper-post h4{font-size:10px;line-height:1.65;margin:0 5px}.paper-post-number{font-size:7px;margin:3px 5px}.paper-post-open{font-size:8px;padding-top:4px;margin:0 5px;border:0}.paper-public-content{gap:8px}.paper-embed-links{gap:6px;padding-top:0}.paper-embed-links .paper-profile-link{font-size:8px;padding:6px 9px;min-height:30px}.paper-selected .paper-desk-title h2{font-size:28px}.paper-selected .paper-desk-title{bottom:23px}.paper-discord-profile{padding:18px;gap:10px}.paper-discord-profile p{font-size:11px}.paper-snap-code-panel{padding:10px;border-radius:12px}.paper-kick-layout{gap:0}
}
@media(max-height:650px){.paper-selected .paper-feed{inset-block:62px 78px;gap:8px}.paper-feed-header{padding-bottom:8px}.account-icon{width:34px;height:34px;padding:7px}.paper-feed-header h3{font-size:14px}.account-handle{font-size:8px}.paper-selected .paper-desk-title{bottom:14px}.paper-selected .paper-desk-title h2{font-size:25px}.paper-post-open{padding-top:4px}.paper-post h4{font-size:11px;margin-block:6px}.paper-snap-code-panel{padding:10px}.paper-discord-icon{width:46px;height:46px}.paper-discord-profile{gap:6px}.paper-discord-profile h4{font-size:26px}}


.paper-desk[data-account=youtube] .paper-posts{max-width:940px;width:100%;margin-inline:auto;flex:0 1 auto;align-content:start}.paper-desk[data-account=youtube] .paper-post img{max-height:150px}.paper-desk[data-account=youtube] .paper-youtube-players{max-width:880px;width:100%;margin-inline:auto}.paper-desk[data-account=youtube] .paper-embed-channel:only-child{max-width:560px}@media(max-width:700px){.paper-desk[data-account=youtube] .paper-posts{max-width:480px;flex:1}.paper-desk[data-account=youtube] .paper-post img{max-height:100px}}

/* Medium-size YouTube cards, between the previous two layouts. */
.paper-desk[data-account=youtube] .paper-posts{max-width:1160px}.paper-desk[data-account=youtube] .paper-post img{max-height:205px}.paper-desk[data-account=youtube] .paper-youtube-players{max-width:1080px}.paper-desk[data-account=youtube] .paper-embed-channel:only-child{max-width:720px}@media(max-width:700px){.paper-desk[data-account=youtube] .paper-post img{max-height:120px}}

.paper-topline{justify-content:flex-end}

/* Retain only the tactile surface and the clearer paper drop frame. */
.paper-desk:not(.paper-selected)::before{opacity:.075;mix-blend-mode:soft-light}
.paper-desk:not(.paper-selected)::after{opacity:.055}
.paper-desk:not(.paper-selected) .paper-drop{border:1px solid #aec6cb72;background:linear-gradient(145deg,#8ba6ac12,#08121966);box-shadow:inset 0 0 24px #0002,0 6px 20px #0002}
.paper-desk:not(.paper-selected) .paper-drop::before{inset:7px;border:1px dashed #abc3c43d}
.paper-desk:not(.paper-selected) .paper-drop::after{inset:-5px;border:0;background:linear-gradient(#c45746,#c45746) left top/19px 2px no-repeat,linear-gradient(#c45746,#c45746) left top/2px 19px no-repeat,linear-gradient(#c45746,#c45746) right bottom/19px 2px no-repeat,linear-gradient(#c45746,#c45746) right bottom/2px 19px no-repeat}
.paper-desk:not(.paper-selected) .paper-drop span{font-size:13px;color:#e3e9e7}
.paper-desk.paper-drop-hot .paper-drop{border-color:#b0e1d9;background:#86c7b92a}
@media(max-width:700px){.paper-desk:not(.paper-selected) .paper-drop span{font-size:10px}}

/* Center the Discord template across the whole available account area. */
.paper-desk[data-account=discord] .paper-discord-profile{width:100%;max-width:none;margin:0 auto;padding:0;gap:0;background:none;border:0;border-radius:0;align-items:center;justify-content:center}
.paper-desk[data-account=discord] .discord-template{margin:auto}
.paper-desk[data-account=discord] .paper-embed-links{width:100%;justify-content:center}

.paper-whatsapp-profile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;text-align:center;background:radial-gradient(ellipse at center,#26755033,transparent 70%)}.paper-whatsapp-profile h4{font-size:clamp(26px,4vw,46px);margin:0}.paper-whatsapp-profile p{margin:0;color:#b8d8c8}.paper-whatsapp-profile img{width:80px;height:80px}

/* socials-transition.css */
.social-handoff-backdrop{position:fixed;inset:0;z-index:7;background:#0c1218;pointer-events:none}
/* Full-resolution vector sheet. Grain stays fine instead of stretching a bitmap. */
.social-handoff-paper{position:fixed;left:0;top:0;z-index:15;box-sizing:border-box;color:#19232b;background:linear-gradient(125deg,#f3f1e8,#e8e5d9 65%,#dcdace);box-shadow:0 18px 48px #0005,inset 0 0 0 1px #ffffff80;pointer-events:none;direction:ltr;transform-origin:center;will-change:transform;overflow:hidden}
.social-handoff-paper::before{content:'';position:absolute;inset:0;opacity:.2;background:repeating-linear-gradient(17deg,#5551 0 1px,transparent 1px 4px);pointer-events:none}
.social-handoff-paper>svg{display:block;position:relative;width:100%;height:100%}
.social-handoff-paper[hidden],.social-handoff-backdrop[hidden]{display:none}
.marathon-handoff .marathon-stage{position:fixed;inset:0;width:100%;height:100svh;min-height:0}
.marathon-handoff .marathon-player{scale:var(--handoff-film-x,1) var(--handoff-film-y,1);opacity:var(--handoff-film-opacity,1);transform-origin:center;will-change:scale,opacity;pointer-events:none}
.marathon-handoff .marathon-film-top,.marathon-handoff .marathon-film-bottom{opacity:var(--handoff-film-opacity,1)!important;pointer-events:none}
.social-shutdown-light{position:absolute;inset:0;z-index:9;pointer-events:none;background:linear-gradient(180deg,transparent 43%,#c4e5c62b 48%,#f4fff0 50%,#b2dcb225 52%,transparent 57%);opacity:0}
.social-entry-active{overflow:visible}
.social-entry-pinned .paper-desk{position:fixed;inset:76px 16px 16px;height:calc(100svh - 92px);min-height:0}
.social-entry-active .paper-desk{opacity:var(--handoff-desk,0);will-change:opacity}
.social-entry-active .paper-canvas,.social-entry-active .paper-choices{opacity:var(--handoff-papers,0)}
.social-entry-active .paper-desk-title,.social-entry-active .paper-topline{opacity:var(--handoff-papers,0)}
@media(max-width:700px){.social-entry-pinned .paper-desk{inset:68px 8px 8px;height:calc(100svh - 76px)}}


/* credits.css */
.credits{position:relative;background:#0d100e;color:#e6e8df;min-height:100svh;isolation:isolate}
.credits-stage{min-height:100svh;padding:100px 24px 55px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.credits-eyebrow{font:9px/1.8 'SXB Arabic',monospace;letter-spacing:.2em;color:#7f8980;text-align:center}
.credits h2{font:500 clamp(24px,3vw,42px)/1.6 'SXB Arabic',Alexandria,sans-serif;margin:18px 0 30px;letter-spacing:-.04em}
.credits-window{width:min(660px,100%);position:relative;perspective:850px}
.credits-roll{list-style:none;padding:0;margin:0}
.credit-row{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:28px;min-height:56px;direction:ltr;transform-origin:center;backface-visibility:hidden}
.credit-role{text-align:right;direction:rtl;display:flex;flex-direction:column;gap:2px;font:400 12px/1.7 'SXB Arabic',Alexandria,sans-serif;color:#b8c1b7}
.credit-role small{font:8px/1.4 'SXB Arabic',monospace;letter-spacing:.08em;color:#68776e}
.credit-person{justify-self:start;font:500 22px/1.5 'SXB Arabic','Barlow Condensed',sans-serif;letter-spacing:.025em;color:#ecede6;white-space:nowrap}
button.credit-person{border:0;background:transparent;padding:4px 8px;margin-left:-8px;cursor:pointer;transition:color .2s}
.credit-person>span{font:13px 'SXB Arabic',sans-serif;margin-left:12px;color:#d45340;opacity:0;transition:opacity .2s}
.credit-person:hover,.credit-person:focus-visible{color:#ffb49c}.credit-person:is(:hover,:focus-visible)>span{opacity:1}
.tbo-trigger:focus-visible{outline:1px solid #ffb49c;outline-offset:4px;border-radius:3px}
.credits-endnote{margin-top:32px;display:flex;flex-direction:column;align-items:center;gap:10px;font:10px/1.8 'SXB Arabic',Alexandria,sans-serif;color:#8c978b}
.credits-endnote>span:first-child{font:8px/1.6 'SXB Arabic',monospace;letter-spacing:.2em;color:#59665c}
.credits.credits-motion{height:210svh}
.credits-motion .credits-stage{position:sticky;top:0;height:100svh;min-height:0;overflow:hidden}
.credits-motion .credits-window{height:min(440px,57svh);flex:0 0 auto}
.credits-motion .credit-row{position:absolute;top:50%;left:0;width:100%;height:56px;margin-top:-28px;will-change:transform,opacity}
.site-footer{position:relative;z-index:2;padding:48px clamp(22px,5vw,100px) 28px;background:#0d100e;color:#dce1d8;border-top:1px solid #899d8024}
.footer-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-top p{font:400 clamp(16px,2vw,25px)/1.9 'SXB Arabic',Alexandria,sans-serif;margin:0}
.footer-top-link{display:flex;align-items:center;gap:22px;color:#c6cec0;font:11px/1.8 'SXB Arabic',Alexandria,sans-serif;text-decoration:none}.footer-top-link span{display:grid;place-items:center;width:44px;height:44px;border:1px solid #aab7a438;border-radius:50%;font:24px 'SXB Arabic',sans-serif;transition:background .25s,color .25s}.footer-top-link:hover span{background:#c92e25;color:#fff}
.footer-wordmark{display:block;margin:60px auto 50px;width:min(100%,1050px);color:#d9dfd3;text-decoration:none}.footer-wordmark svg{display:block;width:100%;height:auto;fill:currentColor}.footer-wordmark:hover{color:#edf0e9}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:24px;border-top:1px solid #899d8024;font:10px/1.8 'SXB Arabic',Alexandria,sans-serif;color:#8d9a87}.footer-bottom nav{display:flex;gap:22px;flex-wrap:wrap}.footer-bottom a{color:#bdc8b7;text-decoration:none}.footer-bottom a:hover{color:#ffb49c}.footer-credit{margin:0;display:flex;align-items:center;gap:10px}.footer-credit button{font:600 19px 'SXB Arabic','Barlow Condensed',sans-serif;letter-spacing:.04em;border:0;padding:4px;background:none;color:#e8c0ae;cursor:pointer}.footer-bottom>small{font:9px 'SXB Arabic',monospace;letter-spacing:.1em}
.tbo-card{position:fixed;z-index:45;width:260px;max-width:calc(100vw - 24px);padding:20px;border:1px solid #d1957355;border-radius:12px;background:#172019;color:#e6e9e0;box-shadow:0 18px 55px #0008;direction:rtl;animation:tbo-in .18s ease-out}
.tbo-card[hidden]{display:none}.tbo-card-head{display:flex;justify-content:space-between;align-items:center;direction:ltr}.tbo-card-head>span{font:600 34px 'SXB Arabic','Barlow Condensed',sans-serif;letter-spacing:.04em}.tbo-close{border:0;background:none;color:#a7b19f;font-size:22px;cursor:pointer;padding:0 5px}.tbo-card p{font:10px/1.8 'SXB Arabic',Alexandria,sans-serif;color:#9ca994;margin:5px 0 16px}.tbo-card a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #c3cfb722;text-decoration:none;color:#e0e6d9;direction:ltr;font:11px 'SXB Arabic',monospace}.tbo-card a:hover{color:#ffb49c}.tbo-card a b{font-size:10px;letter-spacing:.08em}
@keyframes tbo-in{from{opacity:0;translate:0 7px}to{opacity:1;translate:0 0}}
@media(max-width:700px){.credits-stage{padding:90px 20px 35px}.credits h2{margin:12px 0 20px}.credits-eyebrow{font-size:7px;letter-spacing:.12em}.credit-row{gap:18px}.credit-role{font-size:10px}.credit-role small{font-size:6px}.credit-person{font-size:20px}.footer-top{align-items:flex-start}.footer-top-link{font-size:9px;gap:10px}.footer-top-link span{width:35px;height:35px}.footer-wordmark{margin:50px auto 40px}.footer-bottom{align-items:flex-start;flex-wrap:wrap;gap:22px}.footer-bottom nav{width:100%;gap:23px}.footer-credit{font-size:9px}.footer-bottom>small{margin-top:8px}}

.site-footer{display:flex;flex-direction:column}
.credits-on-screen .brand-animated,.credits-on-screen body>.sword-scrollbar svg{filter:url('#sxb-on-dark')}
.credits-on-screen .menu-trigger{color:#e6e8df}
/* Larger, time-driven credits: one screen, no pinned scroll runway. */
.credits.credits-motion{height:100svh;min-height:650px}
.credits-motion .credits-stage{position:relative;height:100%;min-height:650px;padding:95px 5vw 28px;justify-content:space-between}
.credits h2{font-size:clamp(32px,4vw,62px);margin:10px 0 18px}
.credits-window{width:min(1040px,100%)}
.credits-motion .credits-window{height:clamp(340px,57svh,670px);flex:1;min-height:280px;overflow:hidden}
.credits-motion .credit-row{height:116px;margin-top:-58px;gap:clamp(24px,4vw,64px)}
.credit-role{font-size:clamp(17px,1.8vw,27px);line-height:1.7;gap:8px;color:#d4dbcf}
.credit-role small{font-size:clamp(10px,1vw,14px);color:#99a992;letter-spacing:.1em}
.credit-person{font-size:clamp(38px,4.8vw,70px);line-height:1.2;font-weight:600}
.credit-person>span{font-size:22px;margin-left:18px}
.credits-endnote{flex:0 0 auto;margin-top:20px;gap:12px}
.credits-endnote>span:first-child{font:11px/1.8 'SXB Arabic',Alexandria,sans-serif;letter-spacing:0;color:#a6b19d}
.credits-controls{display:flex;gap:10px}
.credits-controls button{border:1px solid #b8c4ac32;border-radius:30px;background:#182018;color:#c3ceba;font:10px/1.7 'SXB Arabic',Alexandria,sans-serif;padding:8px 16px;min-height:36px}
.credits-controls button:hover,.credits-controls button[aria-pressed=true]{background:#ced8c3;color:#152011}
.tbo-card{width:320px;padding:24px;border:1px solid #a5b6b53d;border-radius:18px;background:radial-gradient(ellipse at 0 0,#9d5b3d28,transparent 65%),#131c20;box-shadow:0 24px 70px #0009,inset 0 1px 0 #fff1}
.tbo-eyebrow{display:block;direction:ltr;color:#c7a98c;font:8px/1.8 'SXB Arabic',monospace;letter-spacing:.2em;margin-bottom:10px}
.tbo-card-head>span{font-size:54px;line-height:1}.tbo-accent{color:#e86c4b}.tbo-close{width:32px;height:32px;border:1px solid #bbc6c324;border-radius:50%;background:#ffffff05;transition:background .2s,color .2s}.tbo-close:hover{background:#ffffff15;color:#fff}
.tbo-card p{margin:12px 0 22px;color:#aab9b9;line-height:1.9}
.tbo-card .tbo-social{display:grid;grid-template-columns:42px 1fr 20px;gap:12px;align-items:center;padding:12px;border:1px solid #b5c5ca20;border-radius:11px;background:#ffffff04;margin-top:8px;transition:border-color .2s,background .2s,translate .2s}
.tbo-social-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:9px;background:#ffffff08;border:1px solid #ffffff0a}.tbo-social-icon img{display:block;width:24px;height:24px}
.tbo-social-copy{display:flex;flex-direction:column;gap:6px}.tbo-card .tbo-social-copy b{font-size:10px;letter-spacing:.08em;color:#e8ecea}.tbo-social-copy>span{font:11px 'SXB Arabic',monospace;color:#9fb1b7}.tbo-social-arrow{font:21px 'SXB Arabic',sans-serif;color:#9eb0b6;transition:translate .2s}
.tbo-card .tbo-social:hover{border-color:#b9d0d266;background:#b3c4c50b;translate:0 -2px}.tbo-card .tbo-tiktok:hover{border-color:#65d8d66b;background:#49b9bc0b}.tbo-tiktok:hover .tbo-social-icon{box-shadow:-2px 0 #28d4d430,2px 0 #ff476030}.tbo-social:hover .tbo-social-arrow{translate:2px -2px;color:#fff}
@media(max-width:700px){.credits.credits-motion{min-height:610px}.credits-motion .credits-stage{min-height:610px;padding:82px 16px 25px}.credits h2{font-size:34px;margin-bottom:15px}.credits-motion .credits-window{min-height:290px}.credits-motion .credit-row{height:88px;margin-top:-44px;gap:20px;grid-template-columns:1.2fr 1fr}.credit-role{font-size:14px;gap:4px}.credit-role small{font-size:8px;letter-spacing:.02em}.credit-person{font-size:34px}.credit-person>span{font-size:14px;margin-left:8px}.credits-eyebrow{font-size:6px}.tbo-card{padding:20px;width:300px}.tbo-card-head>span{font-size:46px}.credits-endnote{margin-top:14px}}


/* Continuous editorial credits, with a quiet central reading area. */
.credits{background:radial-gradient(ellipse at 50% 45%,#24212370,transparent 62%),#0e1012;color:#eeece7}
.credits-stage{position:relative}
.credits-stage::before{content:'';position:absolute;inset:90px 5vw 26px;border-top:1px solid #e4d9c818;border-bottom:1px solid #e4d9c818;pointer-events:none}
.credits-eyebrow{color:#a99a8e;letter-spacing:.24em;margin-top:20px}
.credits h2{font-weight:400;letter-spacing:-.045em;color:#f0e9df;margin:15px 0 12px}
.credit-role{color:#c5beb6}.credit-role small{color:#a78c78;font-weight:400;letter-spacing:.12em}
.credit-person{color:#f6eee4;letter-spacing:-.015em}
.credit-person:hover,.credit-person:focus-visible{color:#ed9879}
.credits-endnote{width:min(1040px,100%);flex-direction:row;justify-content:space-between;min-height:42px}
.credits-endnote>span:first-child{font-size:10px;color:#9c928a}
.credits-controls button{background:transparent;border-color:#c8b8a328;color:#c1b1a2;font-size:9px;padding:7px 14px}
.credits-controls button:hover,.credits-controls button[aria-pressed=true]{background:#e8d7c4;color:#201b17}

/* A compact closing signature instead of another full-screen section. */
.site-footer{min-height:0;padding:34px clamp(24px,5vw,100px) 76px;gap:26px;background:#0a0c0e;border-top:1px solid #cbb6a326;color:#ddd5cc}
.footer-main{display:grid;grid-template-columns:180px 1fr auto;align-items:center;gap:40px;direction:ltr}
.footer-wordmark{width:150px;max-width:100%;margin:0;color:#eae3d9}
.footer-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:clamp(18px,3vw,42px);direction:rtl}
.footer-nav a{font:11px/1.8 'SXB Arabic',Alexandria,sans-serif;text-decoration:none;color:#bcb5ae;transition:color .2s}
.footer-nav a:hover{color:#f4b096}
.footer-top-link{direction:rtl;gap:12px;font-size:10px;color:#eee1d4}
.footer-top-link span{width:36px;height:36px;border-color:#cbb6a333;font-size:20px}
.footer-bottom{padding-top:20px;gap:16px;border-color:#cbb6a31a;direction:ltr;flex-wrap:wrap;font-size:9px}
.footer-bottom>p{margin:0;color:#8e8781;direction:rtl}.footer-bottom>small{color:#827b74;font-size:9px;margin:0}
.footer-credit{direction:rtl}.footer-credit button{font-size:17px;color:#d9b39c}

.creator-watermark{position:fixed;z-index:40;left:max(16px,env(safe-area-inset-left));bottom:max(14px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:9px;direction:rtl;max-width:calc(100vw - 32px);min-height:36px;padding:7px 12px;border:1px solid #cbbba139;border-radius:7px;background:#141619ef;color:#c7c1b9;box-shadow:0 4px 20px #0002;cursor:pointer;transition:border-color .2s,background .2s}
.creator-watermark>span{font:8px/1.8 'SXB Arabic',Alexandria,sans-serif}.creator-watermark>b{font:600 19px/1 'SXB Arabic','Barlow Condensed',sans-serif;letter-spacing:.02em;color:#f0e4d7}.creator-watermark>i{font:14px/1 'SXB Arabic',sans-serif;color:#bf977b}
.creator-watermark:hover,.creator-watermark[aria-expanded=true]{border-color:#dcac8990;background:#24201e}
@media(max-width:700px){
 .credits-stage::before{inset:72px 20px 22px}.credits-eyebrow{margin-top:18px;letter-spacing:.12em}.credits h2{font-size:36px}.credits-endnote{padding-bottom:15px;gap:12px}.credits-endnote>span:first-child{font-size:8px}.credit-role small{letter-spacing:.04em}
 .credits-window::before{left:55%}
 .site-footer{padding:28px 24px 78px;gap:22px}.footer-main{grid-template-columns:1fr auto;gap:24px}.footer-wordmark{width:108px}.footer-nav{grid-row:2;grid-column:1/-1;justify-content:space-between;gap:14px}.footer-nav a{font-size:10px}.footer-top-link{grid-row:1;grid-column:2;font-size:9px}
 .footer-bottom{gap:16px;padding-top:18px}.footer-bottom>p:not(.footer-credit){display:none}.footer-credit{font-size:8px;gap:6px}
 .creator-watermark{left:max(10px,env(safe-area-inset-left));bottom:max(10px,env(safe-area-inset-bottom));padding:6px 10px;gap:7px}.creator-watermark>span{font-size:7px}.creator-watermark>b{font-size:17px}
}


/* Creator identity and soft focus at the roll's entrance and exit. */
.tbo-logo{display:block;flex:0 0 auto;width:40px;height:40px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px #7fb79735}
button.credit-person{display:inline-flex;align-items:center;gap:15px}
.credit-person .tbo-logo{width:clamp(34px,3.6vw,52px);height:clamp(34px,3.6vw,52px)}
.credit-person>span{margin-left:0}
.tbo-card-head>span{display:inline-flex;align-items:center;gap:12px}.tbo-card-head .tbo-logo{width:48px;height:48px}.tbo-card-head .tbo-accent{margin-left:-10px}
.credits-stage::before{border-bottom:0}
.credits-motion .credits-stage{padding-bottom:46px}
.credits-window::before,.credits-window::after{content:none}

.creator-watermark{gap:12px;min-height:46px;padding:7px 13px 7px 8px;border-color:#68987e60;border-radius:12px;background:linear-gradient(115deg,#142a21f5,#131b17f5);box-shadow:0 5px 24px #0003,inset 0 1px 0 #bcdfc511}
.creator-watermark>span{font-size:11px;line-height:1.7;color:#c6d5ca}
.creator-watermark>b{display:flex;align-items:center;gap:9px;font-size:22px;color:#e9f1e9}
.creator-watermark .tbo-logo{width:32px;height:32px}
.creator-watermark>i{color:#9dc5ac}
.creator-watermark:hover,.creator-watermark[aria-expanded=true]{background:linear-gradient(115deg,#1d3d2d,#19251e);border-color:#a2cfb4}

/* Warm, compact footer with the original red sword hilt. */
.site-footer{background:#e5dfd4;color:#242623;border-top:1px solid #fff9}
.footer-wordmark{color:#252824}.footer-wordmark:hover{color:#080a08}.footer-wordmark .footer-sword-hilt{fill:#e5251e}
.footer-on-screen .brand-animated,.footer-on-screen body>.sword-scrollbar svg{filter:url('#sxb-black-red')}
.footer-on-screen .menu-trigger{color:#242623}
.footer-nav a{color:#464c44}.footer-nav a:hover{color:#b42e27}
.footer-top-link{color:#2e352d}.footer-top-link span{border-color:#66715c50;background:#d7d2c6}
.footer-bottom{border-color:#414a3326}.footer-bottom>p,.footer-bottom>small{color:#616659}.footer-credit button{color:#24533c;display:inline-flex;align-items:center;gap:7px}
.footer-credit .tbo-logo{width:24px;height:24px}
.footer-reveal-pending .footer-main,.footer-reveal-pending .footer-bottom{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .85s cubic-bezier(.2,.7,.2,1)}
.footer-reveal-pending .footer-bottom{transition-delay:.13s}
.footer-revealed .footer-main,.footer-revealed .footer-bottom{opacity:1;transform:none}
@media(max-width:700px){
 button.credit-person{gap:8px}.credit-person .tbo-logo{width:30px;height:30px}.credit-person>span{font-size:12px}.credits-motion .credit-row{gap:14px}.credit-person{font-size:30px}
 .credits-motion .credits-stage{padding-bottom:32px}
 .creator-watermark{gap:8px;min-height:42px;padding:6px 10px 6px 7px}.creator-watermark>span{font-size:9px}.creator-watermark>b{font-size:20px;gap:6px}.creator-watermark .tbo-logo{width:28px;height:28px}
}


/* An inset closing card joins the dark credits through a short, quiet seam. */
.site-footer{isolation:isolate;background:#0e1012;border:0;padding:38px clamp(32px,5vw,100px) 82px;gap:24px}
.site-footer::before{content:'';position:absolute;inset:0 clamp(12px,1.6vw,30px) 16px;z-index:-1;border-radius:22px 22px 12px 12px;background:linear-gradient(120deg,#f0eadd,#e1d9cb);box-shadow:inset 0 1px 0 #fff9}
.site-footer::after{content:'';position:absolute;left:50%;top:-26px;width:1px;height:38px;background:linear-gradient(transparent,#ba4e3f 55%,#ba4e3f);pointer-events:none}
.footer-main{grid-template-columns:180px 1fr auto;gap:28px}
.footer-brand{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.footer-wordmark{width:142px}
.footer-brand>span{font:8px/1.6 'SXB Arabic',monospace;letter-spacing:.18em;color:#7c776b;padding-left:10px}
.footer-nav{gap:clamp(8px,1.6vw,30px)}
.footer-nav a{display:flex;flex-direction:column;gap:3px;padding:8px 14px;border-radius:8px;font-size:15px;line-height:1.8;transition:color .2s,background .2s}
.footer-nav a>span{font:8px/1.6 monospace;letter-spacing:.08em;color:#948878}
.footer-nav a:hover,.footer-nav a:focus-visible{color:#972e26;background:#b68f6010}
.footer-top-link{border:1px solid #79705e35;border-radius:999px;padding:5px 6px 5px 16px;gap:14px;font-size:12px;transition:background .2s}
.footer-top-link span{width:32px;height:32px;background:#252c25;color:#f4eee3;border:0}
.footer-top-link:hover{background:#fff5}.footer-top-link:hover span{background:#bc342b}
.footer-bottom{padding-top:18px;align-items:center;border-color:#6c604525}
.footer-bottom>p:not(.footer-credit){font-size:14px;color:#6d695e}
.footer-credit{font-size:11px}.footer-credit button{font-size:20px;padding:5px 8px;border-radius:8px;background:#24533c09}
.footer-credit button:hover{background:#24533c16}
@media(max-width:700px){
 .site-footer{padding:30px 30px 80px;gap:18px}.site-footer::before{border-radius:16px 16px 10px 10px}.site-footer::after{top:-20px;height:28px}
 .footer-main{grid-template-columns:1fr auto;gap:20px}.footer-brand{gap:4px}.footer-wordmark{width:104px}.footer-brand>span{font-size:6px;padding-left:6px}
 .footer-nav{gap:2px;justify-content:space-between}.footer-nav a{font-size:12px;padding:5px 6px;gap:2px}.footer-nav a>span{font-size:7px}
 .footer-top-link{font-size:10px;padding-left:10px;gap:8px}.footer-top-link span{width:28px;height:28px}
 .footer-bottom{gap:12px}.footer-credit{font-size:9px}.footer-credit button{font-size:18px}.footer-bottom>small{font-size:8px}
}


.credit-regal{display:inline-flex;align-items:center;gap:15px}.credit-regal .tbo-logo{object-position:48% 40%;box-shadow:0 0 0 1px #8aaad045}@media(max-width:700px){.credit-regal{gap:8px;font-size:26px}}

/* Subtle separators stay attached to each moving credit row. */
.credit-row{position:relative}.credit-row::after{content:'';position:absolute;left:50%;top:50%;width:1px;height:32px;transform:translate(-50%,-50%);background:#c5b7a636;pointer-events:none}
.site-footer::after{content:none}
@media(max-width:700px){.credit-row::after{left:calc((100% - 14px)*1.2/2.2 + 7px);height:25px}}

.footer-business{display:flex;flex-direction:column;gap:4px;text-decoration:none;color:#384538;direction:rtl}.footer-business>span{font-size:11px;color:#6d695e}.footer-business>b{font:12px monospace}.footer-business:hover{color:#b42e27}.regal-copy{border:1px solid #ffffff30;border-radius:6px;background:#ffffff08;color:#ddd;padding:6px;font-size:11px}.regal-copy-status{display:block;font-size:11px;margin-top:7px;color:#afc9b7}.regal-discord{grid-template-columns:42px 1fr auto!important}@media(max-width:700px){.footer-business{order:3;width:100%}}
.discord-copy{border:1px solid #ffffff30;border-radius:6px;background:#ffffff08;color:#ddd;padding:6px;font-size:11px}.discord-copy:hover,.discord-copy:focus-visible{border-color:#b5c5ca80;background:#ffffff15}.discord-copy-status{display:block;font-size:11px;margin-top:7px;color:#afc9b7}

.footer-business{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:22px;row-gap:5px;padding:11px 16px;border:1px solid #68715e35;border-radius:12px;background:linear-gradient(130deg,#ffffff70,#ffffff20);box-shadow:0 3px 10px #50452908;transition:background .2s,border-color .2s}.footer-business>span{font-size:12px}.footer-business>b{grid-column:1;font-size:13px;color:#324633}.footer-business::after{content:'✉';grid-column:2;grid-row:1/3;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#283e30;color:#eee8dc;font:19px Arial}.footer-business:hover{border-color:#35523c70;background:#fff8}@media(max-width:700px){.footer-business{width:auto;flex:1;padding:10px 13px}}

.credits h2{margin-top:8px}.credits-motion .credits-stage{padding-top:100px}@media(max-width:700px){.credits-motion .credits-stage{padding-top:82px}}

/* footer-transition.css */
.footer-transition{position:relative;background:#0e1012;isolation:isolate}
.footer-transition-stage{position:relative;overflow:hidden}
.footer-ribbon{display:none}
.footer-transition-dot{display:none}
.footer-transition-motion{height:340svh}
.footer-transition-motion .footer-transition-stage{position:sticky;top:0;height:100svh;min-height:560px}
.footer-transition-motion .footer-ribbon{display:block;position:absolute;inset:0;pointer-events:none;user-select:none}
.footer-ribbon-word{position:absolute;left:0;top:0;width:max-content;white-space:nowrap;direction:rtl;color:#eee8df;font:700 clamp(70px,8.3vw,158px)/1.6 'SXB Arabic',sans-serif;transform-origin:50% 50%;will-change:transform;letter-spacing:0}
.footer-ribbon-word:nth-child(n+5){color:#e5251e}
.footer-transition-motion .footer-transition-dot{display:block;position:absolute;left:0;top:0;width:clamp(9px,1vw,17px);height:clamp(9px,1vw,17px);border-radius:50%;background:#e5251e;pointer-events:none}
.footer-transition-motion .site-footer{position:absolute;bottom:0;left:0;right:0;margin:0;will-change:clip-path;clip-path:circle(0 at 50% 50%)}
.footer-scroll-hint{display:none}
.footer-transition-motion .footer-scroll-hint{display:flex;position:absolute;bottom:clamp(180px,24vh,260px);left:50%;transform:translateX(-50%);align-items:center;gap:12px;direction:rtl;color:#eee8df;font:500 18px/1.6 'SXB Arabic',sans-serif;pointer-events:none;white-space:nowrap}
.footer-scroll-hint span{display:grid;place-items:center;width:30px;height:42px;border:1px solid #eee8df55;border-radius:20px;color:#e5251e;font:24px/1 sans-serif}
.footer-transition-motion .footer-reveal-pending .footer-main,.footer-transition-motion .footer-reveal-pending .footer-bottom{opacity:1;transform:none;transition:none}
@media(max-width:700px){.footer-transition-motion{height:300svh}.footer-transition-motion .footer-transition-stage{min-height:560px}.footer-ribbon-word{font-size:clamp(52px,13vw,88px)}}


/* awards-november.css */
/* Scroll-driven year → mechanical date. One overlay, nine lightweight cells. */
.date-handoff{position:fixed;inset:0;z-index:24;pointer-events:none;direction:ltr;isolation:isolate;overflow:hidden;--date-ink:#e5c38b}
.date-handoff[hidden]{display:none}
.date-handoff-veil{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 46%,#20231d,#090d0c 64%);opacity:0}
.date-handoff-tile{position:absolute;top:0;left:0;perspective:900px;line-height:var(--date-height);text-align:center;letter-spacing:0;isolation:isolate;will-change:transform;direction:ltr}
.date-half{position:absolute;left:0;right:0;height:50%;overflow:hidden;backface-visibility:hidden;color:var(--date-ink)}
.date-half::before{content:'';position:absolute;inset:0;background:linear-gradient(#30312a,#1b1d18);opacity:var(--date-plate);border-radius:3px 3px 0 0}
.date-half b{position:absolute;inset-inline:0;height:var(--date-height);font:inherit;text-align:center;background-image:var(--date-gold);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:var(--date-fill,currentColor)}
.date-top,.date-leaf-top{top:0;transform-origin:center bottom}
.date-top b,.date-leaf-top b{top:0}
.date-bottom,.date-leaf-bottom{bottom:0;transform-origin:center top}
.date-bottom b,.date-leaf-bottom b{bottom:0}
.date-bottom::before,.date-leaf-bottom::before{border-radius:0 0 3px 3px;background:linear-gradient(#191c15,#282b22)}
.date-leaf-top{z-index:3}.date-leaf-bottom{z-index:4;transform:rotateX(90deg)}
.date-handoff-tile::before{content:'';position:absolute;inset:0;border-radius:3px;box-shadow:0 3px 1px #0009,0 0 0 1px #000;opacity:var(--date-plate)}
.date-hinge{position:absolute;left:0;right:0;top:50%;height:1px;background:#000;box-shadow:0 1px #ffffff09;z-index:5;opacity:var(--date-plate)}
.date-source-hidden{visibility:hidden!important}
.awards-date-handoff .awards-year-nav{opacity:0;visibility:hidden;pointer-events:none}
.marathon-date-handoff .marathon-board-housing .flap-board{visibility:hidden}
.marathon-date-pinned .marathon-stage{position:fixed;inset:0;width:100%;opacity:var(--date-stage-opacity,0);pointer-events:none}


/* experience-polish.css */
/* A quiet trail with section-aware accents. Native cursor remains available. */
.pointer-experience{position:fixed;inset:0;z-index:200;pointer-events:none;--pointer-color:#e9463b;color:var(--pointer-color);transition:color .45s}
.pointer-experience[hidden]{display:none}
html.awards-on-screen .pointer-experience{--pointer-color:#e8bd70}
html.marathon-on-screen .pointer-experience{--pointer-color:#79ef47}
.pointer-trail{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}.pointer-trail path{fill:none;stroke:currentColor;stroke-width:1;opacity:.5;stroke-linecap:round;stroke-linejoin:round}
.pointer-ring{position:absolute;left:0;top:0;width:0;height:0}
.pointer-ring::before{content:'';position:absolute;width:15px;height:15px;left:0;top:0;transform:translate(-50%,-50%);border:1px solid currentColor;border-radius:50%;background:transparent;transition:width .28s,height .28s,background .28s,opacity .2s}
.is-action .pointer-ring::before{width:48px;height:48px;background:color-mix(in srgb,currentColor 12%,transparent)}
.is-down .pointer-ring::before{width:30px;height:30px}.is-thumbnail .pointer-ring::before{opacity:0}
.thumbnail-pointer{position:absolute;z-index:20;left:50%;top:50%;pointer-events:none;white-space:nowrap;transform:translate(-50%,-50%) scale(.65);opacity:0;border:1px solid #ffffff55;border-radius:16px;padding:10px 20px;background:#151919e8;color:#fff7ec;box-shadow:0 10px 30px #0005;font:18px/1.4 'SXB Arabic',sans-serif;transition:opacity .16s,transform .3s cubic-bezier(.2,1.65,.4,1)}
.thumbnail-pointer.is-visible{opacity:1;transform:translate(-50%,-50%) scale(1)}
@media(hover:hover) and (pointer:fine){.character-video-card:has(.thumbnail-pointer.is-visible) .seal-label{opacity:0}}
@media (hover:none),(pointer:coarse){.pointer-experience,.thumbnail-pointer{display:none!important}}

/* Slow photographic dissolves keep the face legible while the exhibition moves. */
.awards-backdrop{transform:scale(1.035) translate3d(0,8px,0);filter:saturate(.56);transition:opacity 1.55s cubic-bezier(.22,.61,.36,1),transform 3.2s cubic-bezier(.22,.61,.36,1);mask-image:radial-gradient(ellipse 88% 94% at 50% 42%,#000 25%,transparent 100%)}
.awards-backdrop.is-active{opacity:.22;transform:scale(1) translate3d(0,0,0)}

.footer-business{display:grid;grid-template-columns:1fr 40px;gap:5px 22px;padding:14px 20px;min-width:250px;border:1px solid #392f2526;border-radius:14px;background:#f7f1e5;color:#292d29;box-shadow:0 5px 16px #352c1608;transition:transform .25s,border-color .25s,box-shadow .25s}
.footer-business>span{font:18px/1.5 'SXB Arabic',sans-serif;color:#746857}.footer-business>b{font:500 19px/1.35 Arial,Helvetica,sans-serif;letter-spacing:.025em;color:#242c27}
.footer-business::after{content:'↗';width:40px;height:40px;border-radius:50%;font:25px/1 Arial;background:#cb3027;color:#fff5e7;transition:transform .25s}
.footer-business:hover{transform:translateY(-3px);border-color:#cb302766;box-shadow:0 10px 22px #352c1610}.footer-business:hover::after{transform:rotate(45deg)}
.footer-ribbon-word:nth-child(n+3){color:#e5251e}
.welcome-message{padding:4px 0 14px}.welcome-note h2{font-size:30px;line-height:1.7;color:#f5f0e8}.welcome-scroll-note{align-items:flex-start;margin-bottom:14px;line-height:1.8;color:#ddd9d1}.welcome-scroll-note>span{padding-top:6px}.welcome-help{font:17px/1.9 'SXB Arabic',sans-serif;color:#9ea5a4;margin:0 0 25px}.welcome-enter{background:#cb3027;border-color:#e850423b;color:#fff5eb}.welcome-enter>span{color:inherit}.welcome-enter:hover{background:#df3a2f}

/* A border-only orbit; no oversized filtered glow or new image assets. */
@property --video-edge-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
.marathon-player::after{content:'';position:absolute;inset:0;z-index:9;pointer-events:none;border-radius:inherit;padding:1.5px;background:conic-gradient(from var(--video-edge-angle),#41633433 0deg,transparent 90deg,#86e96744 145deg,#c8ff9b 176deg,#62ee42 195deg,transparent 240deg,#41633433 360deg);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:video-edge-orbit 5s linear infinite paused}
.marathon-film[data-visible="true"] .marathon-player::after{animation-play-state:running}
@keyframes video-edge-orbit{to{--video-edge-angle:360deg}}
.marathon-settings[open] .marathon-settings-panel{transform-origin:bottom right;animation:quality-unfold .32s cubic-bezier(.16,1,.3,1) both}
@keyframes quality-unfold{from{opacity:0;transform:translateY(12px) scale(.94);clip-path:inset(85% 0 0 round 18px)}to{opacity:1;transform:none;clip-path:inset(0 round 18px)}}
.marathon-play-toggle{display:grid;place-items:center;width:46px;height:46px;border:1px solid #baf19777;background:linear-gradient(145deg,#b9ed99,#6fbd46);color:#11220c;box-shadow:inset 0 1px #fff7,0 4px 14px #0004;transition:transform .2s,box-shadow .2s}
.marathon-play-toggle>span{font-size:0}.marathon-play-toggle>span::before{content:'';display:block;width:15px;height:17px;background:currentColor;clip-path:polygon(10% 0,100% 50%,10% 100%)}
.marathon-play-toggle[aria-label="إيقاف الفيديو مؤقتًا"]>span::before{clip-path:polygon(0 0,35% 0,35% 100%,0 100%,0 0,65% 0,100% 0,100% 100%,65% 100%,65% 0)}
.marathon-play-toggle:hover{box-shadow:inset 0 1px #fff8,0 4px 20px #78cd3730;transform:scale(1.06)}
.marathon-sound-toggle{width:36px;height:36px;border:1px solid #b5d5a52b;border-radius:50%;background:#18281ac9;transition:background .2s,border-color .2s}
.marathon-sound-toggle:hover{background:#2d4725;border-color:#9ddd7666}.marathon-sound-toggle::before{width:18px;height:18px;margin:8px 6px}.marathon-sound-toggle::after{right:5px;top:11px;width:7px;height:12px}.marathon-sound-toggle[aria-pressed=false]::after{right:3px;top:17px}
@media(max-width:760px){.marathon-play-toggle{width:34px;height:34px}.marathon-sound-toggle{width:28px;height:32px}.marathon-sound-toggle::before{margin:6px 2px}.marathon-sound-toggle::after{right:2px;top:9px}.footer-business{min-width:0}.footer-business>b{font-size:18px}.welcome-note h2{font-size:26px}}


/* Outgoing memories must never act as an invisible hit target. */
.memories-exit-pinned .memories-stage,.memories-exiting .memories-stage{pointer-events:none}
@media(max-width:760px){
 .sword-scrollbar,.award-scrollbar{display:none!important}
 .award-moment{box-sizing:border-box;height:100svh;min-height:0;max-height:none;padding:76px 20px 86px;grid-template-rows:minmax(0,1fr) auto;align-content:stretch;gap:8px}
 .award-slot,.award-moment:nth-child(even) .award-slot{height:100%;min-height:0;max-height:none;max-width:340px;align-self:stretch}
 .award-moment-copy,.award-moment:nth-child(even) .award-moment-copy{gap:5px;min-width:0;width:100%;align-self:end}
 .award-moment-copy::before{display:none}
 .award-moment-year{font-size:clamp(48px,10svh,72px);line-height:1.04}
 .award-moment-category{font-size:11px;line-height:1.4}
 .award-moment h3{font-size:clamp(20px,5.8vw,26px);line-height:1.4;margin:0}
 .award-explore{margin-top:4px;min-height:44px;padding-top:9px;padding-bottom:9px}
 .awards-year-nav,.achievements.timeline-engaged .awards-year-nav{left:auto;right:12px;bottom:max(12px,env(safe-area-inset-bottom));transform:none;width:auto;max-width:calc(100% - 76px);gap:0;padding:3px 4px}
 .awards-year-nav button{min-width:0;flex:1;width:clamp(31px,9vw,43px);height:38px;padding:3px 2px;font-size:11px}
 html.awards-on-screen .creator-watermark{left:12px;bottom:max(12px,env(safe-area-inset-bottom));box-sizing:border-box;width:44px;height:44px;padding:5px;border-radius:50%;gap:0;justify-content:center}
 html.awards-on-screen .creator-watermark>span,html.awards-on-screen .creator-watermark>i{display:none}
 html.awards-on-screen .creator-watermark>b{font-size:0!important;gap:0}
 html.awards-on-screen .creator-watermark .tbo-logo{width:32px;height:32px;margin:0}
 .marathon-stage{min-height:0}
 .marathon-film{--cinema-width:90vw;padding:76px 0 70px;gap:20px}
 .marathon-film-bottom{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;min-width:0}
 .marathon-stat{min-width:0;justify-content:space-between}
 .marathon-kick{box-sizing:border-box;width:100%;min-width:0;max-width:100%;gap:18px;padding:16px 20px;min-height:72px}
 .marathon-kick-copy{min-width:0;gap:5px;align-items:flex-start}
 .marathon-kick b{font-size:22px;letter-spacing:.015em;white-space:nowrap}
 .marathon-kick-symbol{flex:0 0 26px;width:26px;margin:0}
 .footer-transition-motion .footer-transition-stage{min-height:0}
 .footer-ribbon-word{font-size:clamp(38px,10.5vw,72px)}
 .footer-scroll-hint{bottom:22svh!important}
 .site-footer{padding:24px 28px 76px;gap:16px;box-sizing:border-box}
 .site-footer::before{inset:0 10px 10px;border-radius:20px}
 .footer-main{grid-template-columns:minmax(0,1fr) auto;gap:16px}
 .footer-wordmark{width:100px}
 .footer-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-column:1/-1;gap:6px;width:100%}
 .footer-nav a{font-size:16px;line-height:1.5;padding:8px 4px;text-align:center;background:#ffffff28}
 .footer-nav a>span{font-size:8px}
 .footer-bottom{display:grid;grid-template-columns:1fr auto;gap:12px;padding-top:14px}
 .footer-business{grid-column:1/-1;grid-row:1;min-width:0;width:100%;box-sizing:border-box;padding:12px 15px;gap:3px 14px}
 .footer-business>span{font-size:17px}.footer-business>b{font-size:18px}
 .footer-credit{font-size:12px;line-height:1.6;margin:0}.footer-credit button{font-size:18px}
 .footer-bottom>small{font-size:9px}
}
@media(max-width:760px) and (max-height:540px){
 .award-moment{grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr);padding:65px 24px 66px;gap:15px}
 .award-slot,.award-moment:nth-child(even) .award-slot{grid-column:2;grid-row:1}
 .award-moment-copy,.award-moment:nth-child(even) .award-moment-copy{grid-column:1;grid-row:1;align-self:center}
 .award-moment-year{font-size:44px}
 .marathon-film{--cinema-width:min(58vw,calc(48svh * 16 / 9));padding:60px 0 24px;gap:10px}
 .marathon-film-bottom{grid-template-columns:1fr 1fr;gap:10px;width:90vw}.marathon-stat strong{font-size:38px}.marathon-kick{min-height:55px;padding:10px 14px}
 .site-footer{padding:18px 28px 60px;gap:8px}.footer-main{gap:6px}.footer-nav a{font-size:13px;padding:4px}.footer-nav a>span{display:none}.footer-bottom{padding-top:6px;gap:6px}.footer-business{padding:7px 12px}
}