@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Italiana&display=swap');
@font-face{font-family:'Rabar_008';src:url('assets/Rabar_008.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
:root{--blue:#123e79;--deep:#092d5d;--cream:#eeece2;--ink:#253a32;--serif:'Italiana',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--kurdish:'Rabar_008',"Noto Sans Arabic","Geeza Pro",Tahoma,Arial,sans-serif;--rails:rgba(255,255,255,.24)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--blue);color:var(--cream);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:6px}::selection{background:var(--cream);color:var(--blue)}img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,p{margin-top:0}.skip-link{position:fixed;top:8px;left:8px;z-index:120;padding:12px;background:var(--cream);color:var(--blue);transform:translateY(-160%)}.skip-link:focus{transform:none}
.site-header{position:absolute;inset:0 4.5% auto;height:90px;z-index:30;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--rails);gap:30px;pointer-events:none}.site-header a,.site-header button{pointer-events:auto}.brand{display:flex;align-items:center;gap:16px;font-size:.75rem;letter-spacing:2px;line-height:1.3}.monogram{font-family:Georgia,serif;font-size:2.8rem;line-height:1;letter-spacing:-13px;padding-right:12px}.monogram span{font-size:2.1rem}.desktop-nav{display:flex;gap:34px;font-size:.875rem}.desktop-nav a{position:relative;padding:10px 0}.desktop-nav a:after{content:'';height:1px;position:absolute;left:0;right:0;bottom:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s}.desktop-nav a:hover:after,.desktop-nav a[aria-current]:after{transform:scaleX(1)}.menu-button{display:none;border:0;background:none;padding:12px}.menu-button span{display:block;width:27px;height:1px;background:currentColor;margin:7px 0}
.film-track{position:relative}.film-stage{position:relative}.film-scene{position:relative;min-height:max(860px,100svh);height:auto;isolation:isolate;overflow:hidden;background:var(--blue)}.artwork{position:absolute;pointer-events:none;z-index:-2}.sky-layer{inset:-6%;}.sky-layer img{position:absolute;inset:0;object-position:50% 50%;transition:opacity .55s ease}.sky-dark{opacity:0}.column-layer{inset:5% -5% -6% 40%;transform-origin:57% 27%;}.idle-column,.idle-materials{height:100%;width:100%}.column-layer img{object-fit:contain;object-position:center bottom}.hero-word{position:absolute;top:13%;left:6%;font-family:var(--serif);font-size:15vw;letter-spacing:-.055em;white-space:nowrap;color:rgba(238,236,226,.20);line-height:1;z-index:-3}.scene-shade{position:absolute;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(90deg,rgba(3,27,63,.56),transparent 68%),linear-gradient(0deg,rgba(3,27,63,.25),transparent 32%)}.scene-home .scene-shade{background:linear-gradient(90deg,rgba(3,27,63,.34),transparent 65%)}.scene-copy{position:relative;padding:260px 7.8% 140px;max-width:1200px;z-index:2}.eyebrow{font-size:.75rem;line-height:1.8;letter-spacing:1.7px;font-weight:500;margin-bottom:26px}h1,h2{font-family:var(--serif);font-weight:400;font-size:clamp(3.4rem,6.5vw,7.4rem);letter-spacing:-.04em;line-height:1.03;margin-bottom:28px}em{font-family:Georgia,serif;font-weight:400;font-size:.9em;letter-spacing:-.055em}.scene-description{font-size:1rem;line-height:1.7;max-width:410px;margin-bottom:27px}.action{display:inline-flex;align-items:center;gap:36px;font-size:.875rem;line-height:1.4;background:var(--cream);color:var(--deep);padding:15px 20px;border-radius:2px;transition:background .2s,transform .2s}.action span{font-size:1.4rem;line-height:1}.action:hover{background:white;transform:translateY(-3px)}.scene-footnote{position:absolute;bottom:116px;right:7.5%;font-size:.8rem;line-height:1.6;text-align:right;letter-spacing:.3px}.arch-camera,.craft-camera{inset:-5%;transform-origin:74% 50%}.arch-camera img{object-position:68% 50%}.craft-camera img{object-position:70% 46%}.scene-architecture .scene-shade{background:linear-gradient(90deg,rgba(3,27,63,.73),rgba(3,27,63,.03) 83%)}.scene-construction .scene-shade{background:linear-gradient(90deg,rgba(3,27,63,.80),rgba(3,27,63,.03) 90%)}.floating-caption{position:absolute;right:10%;top:32%;font-size:.75rem;letter-spacing:1.7px;display:flex;align-items:center;gap:12px}.caption-line{height:1px;width:90px;background:var(--cream)}.caption-line:before{content:'';display:block;width:5px;height:5px;background:var(--cream);margin-top:-2px}.construction-word{position:absolute;bottom:8%;right:-1%;font-family:var(--serif);font-size:27vw;line-height:.9;letter-spacing:-.07em;opacity:.16;z-index:-1}.scene-materials{background:var(--cream);color:var(--ink)}.materials-layer{inset:20% -14% 7% 35%;transform-origin:62% 62%}.materials-layer img{object-fit:contain}.material-word{position:absolute;top:14%;left:20%;font-family:var(--serif);font-size:18vw;letter-spacing:-.06em;opacity:.12;line-height:1;z-index:-3}.scene-materials .action{background:var(--ink);color:var(--cream)}.scene-materials .action:hover{background:#0f2923}.material-notes{position:absolute;bottom:125px;left:53%;right:8%;display:flex;justify-content:space-between;gap:16px;font-size:.8rem;line-height:1.7;border-top:1px solid #819184;padding-top:16px}
.film-grid,.film-hud{display:none}.cinema-ready .film-track{height:850svh}.cinema-ready .film-stage{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate}.cinema-ready .film-scene{position:absolute;inset:0;height:100%;min-height:0;will-change:clip-path;contain:paint}.cinema-ready .scene-home{z-index:1}.cinema-ready .scene-architecture{z-index:2;clip-path:circle(0% at 75% 45%)}.cinema-ready .scene-construction{z-index:3;clip-path:circle(0% at 76% 43%)}.cinema-ready .scene-materials{z-index:4;clip-path:inset(0 0 0 100%)}.cinema-ready .scene-copy{position:absolute;top:50%;left:7.8%;padding:0;width:60%;max-width:1000px;transform:translateY(-39%);will-change:transform,opacity}.cinema-ready .scene-copy h1,.cinema-ready .scene-copy h2{font-size:clamp(3.4rem,6.5vw,7.4rem)}.cinema-ready .scene-architecture .scene-copy,.cinema-ready .scene-construction .scene-copy,.cinema-ready .scene-materials .scene-copy{opacity:0}.cinema-ready .artwork{will-change:transform}.cinema-ready .hero-word{z-index:-1}.cinema-ready .sky-layer{z-index:-3}.cinema-ready .column-layer{z-index:-2}.cinema-ready .film-grid{display:block;position:absolute;inset:90px 4.5% 84px;z-index:15;pointer-events:none;border:1px solid var(--rails);border-top:0;color:var(--cream)}.grid-line{position:absolute;top:0;bottom:0;width:1px;background:currentColor;opacity:.09}.grid-one{left:33.333%}.grid-two{left:66.666%}.cross{width:11px;height:11px;position:absolute}.cross:before,.cross:after{content:'';position:absolute;top:5px;left:0;width:11px;height:1px;background:currentColor}.cross:after{transform:rotate(90deg)}.cross-tl{top:-5px;left:-6px}.cross-tr{top:-5px;right:-6px}.cross-bl{bottom:-6px;left:-6px}.cross-br{bottom:-6px;right:-6px}.cinema-ready .film-hud{position:absolute;z-index:20;bottom:0;left:4.5%;right:4.5%;height:84px;display:flex;justify-content:space-between;align-items:center;gap:24px}.scroll-cue{display:flex;align-items:center;gap:14px;font-size:.75rem;letter-spacing:1.4px;min-width:225px}.scroll-mark{height:28px;width:1px;background:currentColor;position:relative;opacity:.8}.scroll-mark:after{content:'';position:absolute;bottom:0;left:-3px;width:6px;height:6px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg)}.chapter-nav{display:flex;gap:14px}.chapter-nav a{min-width:44px;min-height:44px;display:flex;flex-direction:column;justify-content:center;gap:8px;opacity:.5;font-size:.75rem;transition:opacity .2s}.chapter-nav a[aria-current],.chapter-nav a:hover{opacity:1}.chapter-nav i{display:block;height:2px;background:currentColor;transform:scaleX(.12);transform-origin:left;transition:transform .2s}.chapter-nav a[aria-current] i{transform:scaleX(var(--chapter-fill,0))}.chapter-name{font-size:.75rem;letter-spacing:1.5px;min-width:225px;text-align:right}.cinema-ready .site-header{position:fixed}.cinema-ready .light-scene{color:var(--ink);--rails:rgba(37,58,50,.24)}.cinema-ready .light-scene .film-grid{color:var(--ink)}.cinema-ready .site-header.light-header{color:var(--ink);--rails:rgba(37,58,50,.24)}.cinema-ready .site-header.past-story{opacity:0;visibility:hidden}.cinema-ready .idle-column{animation:column-breathe 8s ease-in-out infinite}.cinema-ready .idle-materials{animation:materials-breathe 9s ease-in-out infinite}.cinema-ready .sky-layer img{animation:sky-drift 26s ease-in-out infinite alternate}.cinema-ready .scroll-mark{animation:scroll-nudge 2s ease-in-out infinite}.cinema-ready .is-inactive .idle-column,.cinema-ready .is-inactive .idle-materials,.cinema-ready .is-inactive .sky-layer img{animation-play-state:paused}
footer{position:relative;z-index:25;background:var(--blue);padding:60px 6% 28px;overflow:hidden;min-height:48svh}.footer-top{display:flex;justify-content:space-between;align-items:start;gap:30px}.footer-top p{font-size:1rem;line-height:1.7}.back-top{display:flex;gap:22px;align-items:center;font-size:.875rem}.back-top span{font-size:1.5rem}.footer-name{font-family:var(--serif);font-size:15.6vw;letter-spacing:-.055em;line-height:1.3;white-space:nowrap;display:block;padding:28px 0}.footer-bottom{border-top:1px solid var(--rails);padding-top:24px;display:flex;justify-content:space-between;gap:24px;font-size:.75rem;line-height:1.7;letter-spacing:1px}
.menu-dialog{position:fixed;inset:0;margin:0;width:100%;height:100%;max-width:none;max-height:none;padding:24px;background:var(--deep);color:var(--cream);border:0;z-index:100}.menu-top{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;letter-spacing:2px}.menu-close{border:0;background:none;font-size:2.2rem;padding:6px 10px}.menu-dialog nav{padding:50px 0;display:flex;flex-direction:column}.menu-dialog nav a{display:flex;justify-content:space-between;align-items:center;font-family:var(--serif);font-size:clamp(2rem,8vw,3.8rem);padding:20px 0;border-bottom:1px solid var(--rails)}.menu-dialog small{font-family:var(--sans);font-size:.8rem}.menu-dialog p{font-size:.875rem}
@keyframes column-breathe{0%,100%{transform:translate3d(0,0,0) rotate(-.25deg)}50%{transform:translate3d(0,-10px,0) rotate(.25deg)}}@keyframes materials-breathe{0%,100%{transform:translate3d(0,0,0) rotate(-1deg)}50%{transform:translate3d(0,-15px,0) rotate(1deg)}}@keyframes sky-drift{from{transform:scale(1.1) translateX(-2%)}to{transform:scale(1.1) translateX(2%)}}@keyframes scroll-nudge{0%,100%{transform:translateY(-3px)}50%{transform:translateY(3px)}}
@media(min-width:1600px){.column-layer{inset:1% -1% -4% 38%}.cinema-ready .scene-copy{left:8.5%}}@media(max-width:1050px){.desktop-nav{gap:24px}.column-layer{inset:15% -18% -2% 32%}.scene-copy{padding-left:8%}.cinema-ready .scene-copy{width:70%}.cinema-ready .scene-copy h1,.cinema-ready .scene-copy h2{font-size:clamp(3.5rem,7.4vw,5.8rem)}.scene-description{max-width:320px}.materials-layer{inset:25% -28% 7% 25%}.material-notes{left:52%;right:7%;flex-direction:column;gap:5px}.chapter-name{min-width:170px}.scroll-cue{min-width:180px;font-size:.7rem;letter-spacing:1px}}
@media(max-width:680px){.site-header{height:76px;inset:0 6% auto}.brand{font-size:.75rem;gap:13px}.monogram{font-size:2.35rem}.monogram span{font-size:1.8rem}.desktop-nav{display:none}.menu-button{display:block}.film-scene{min-height:max(780px,100svh)}.scene-copy{padding:250px 9% 100px}h1,h2{font-size:clamp(2.65rem,11.2vw,4.7rem)}.eyebrow{font-size:.75rem;letter-spacing:1px;max-width:255px;line-height:1.8;margin-bottom:20px}.scene-description{font-size:1rem;line-height:1.6;max-width:280px;margin-bottom:24px}.action{font-size:.875rem;padding:14px 17px;gap:24px}.column-layer{inset:14% -40% 2% 10%}.hero-word{top:18%;left:5%;font-size:25vw}.sky-layer{inset:-5% -60%}.scene-home .scene-shade{background:linear-gradient(90deg,rgba(3,27,63,.51),transparent 90%),linear-gradient(0deg,rgba(3,27,63,.34),transparent 65%)}.scene-footnote{display:none}.arch-camera,.craft-camera{inset:-5% -35%;transform-origin:65% 46%}.arch-camera img{object-position:72% 50%}.craft-camera img{object-position:74% 50%}.scene-architecture .scene-shade,.scene-construction .scene-shade{background:linear-gradient(90deg,rgba(3,27,63,.75),rgba(3,27,63,.1)),linear-gradient(0deg,rgba(3,27,63,.2),transparent)}.floating-caption{display:none}.construction-word{font-size:55vw;bottom:13%;right:-5%}.materials-layer{inset:58% -28% 4% -12%}.material-word{top:18%;left:4%;font-size:28vw}.scene-materials .scene-copy{padding-top:145px}.material-notes{bottom:40px;left:8%;right:8%;flex-direction:row;gap:10px;font-size:.75rem}.cinema-ready .film-track{height:780svh}.cinema-ready .film-grid{inset:76px 6% 80px}.grid-two{display:none}.grid-one{left:50%}.cinema-ready .scene-copy{top:47%;left:9%;width:85%;transform:translateY(-32%)}.cinema-ready .scene-copy h1,.cinema-ready .scene-copy h2{font-size:clamp(2.7rem,11.2vw,4.7rem)}.cinema-ready .scene-materials .scene-copy{top:17%;transform:none;padding:0}.cinema-ready .scene-materials .scene-copy h2{font-size:clamp(2.6rem,10.8vw,4.6rem)}.cinema-ready .scene-materials .scene-description{max-width:240px}.cinema-ready .scene-materials .material-notes{bottom:96px;background:rgba(238,236,226,.92);padding:10px 0}.cinema-ready .film-hud{height:80px;left:6%;right:6%;gap:12px}.scroll-cue{min-width:0;gap:10px;font-size:.75rem;letter-spacing:.3px}.scroll-label{max-width:83px;line-height:1.6}.chapter-nav{gap:8px}.chapter-nav a{min-width:33px;min-height:44px;font-size:.75rem}.chapter-name{display:none}.footer-top p{font-size:.875rem}.back-top{font-size:.875rem;gap:10px;white-space:nowrap}footer{padding:38px 7% 25px;min-height:35svh}.footer-name{font-size:15vw;padding:30px 0}.footer-bottom{flex-direction:column;gap:8px;font-size:.75rem;letter-spacing:.4px}.footer-top{gap:20px}}
@media(max-height:620px) and (min-width:681px){.site-header{height:65px}.cinema-ready .film-grid{top:65px;bottom:65px}.cinema-ready .film-hud{height:65px}.cinema-ready .scene-copy{top:47%;transform:translateY(-36%)}.cinema-ready .scene-copy h1,.cinema-ready .scene-copy h2{font-size:clamp(2.5rem,5vw,4rem);margin-bottom:16px}.eyebrow{margin-bottom:12px}.scene-description{font-size:.875rem;line-height:1.5;margin-bottom:16px}.action{padding:11px 15px}.scene-footnote{bottom:90px}.material-notes{bottom:90px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

@media(max-height:430px) and (min-width:681px){.site-header{height:52px}.cinema-ready .film-grid{top:52px;bottom:52px}.cinema-ready .film-hud{height:52px}.cinema-ready .scene-copy{top:43%}.cinema-ready .scene-copy h1,.cinema-ready .scene-copy h2{font-size:2rem;line-height:1;margin-bottom:10px}.eyebrow{margin-bottom:8px;line-height:1.4}.scene-description{font-size:1rem;line-height:1.4;margin-bottom:12px}.action{padding:9px 14px}.scene-footnote{display:none}.materials-layer{top:20%;bottom:15%}.material-notes{bottom:72px;padding-top:8px}.brand{font-size:.75rem}.monogram{font-size:2rem}.monogram span{font-size:1.6rem}}

/* Version 5 — restrained controls, bilingual layout, no emoji UI. */
.header-tools{display:flex;align-items:center;gap:28px;pointer-events:auto}.header-tools a,.header-tools button{pointer-events:auto}.language-switch{display:inline-flex;align-items:center;gap:8px;font-size:.72rem;letter-spacing:.08em;direction:ltr}.language-switch span{width:18px;height:1px;background:currentColor;opacity:.45}.language-switch button{border:0;background:none;padding:7px 2px;opacity:.48;transition:opacity .2s}.language-switch button[aria-pressed="true"],.language-switch button:hover{opacity:1}.header-login{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid currentColor;padding:9px 0}
.theme-toggle{width:34px;height:34px;display:inline-grid;place-items:center;flex:none;padding:0;border:1px solid currentColor;background:transparent;border-radius:50%;opacity:.78;transition:opacity .2s,background .25s,color .25s,transform .25s}.theme-toggle:hover{opacity:1;transform:rotate(8deg)}.theme-icon{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}.icon-sun{display:none}.menu-footer-tools{display:flex;align-items:center;gap:20px}
/* ---- header preferences gear ---------------------------------------------------------
   One button in the header instead of a language pair and a theme toggle sitting loose.
   The panel keeps the site's own line-and-bronze language rather than borrowing the app's
   card style, since this page has no surface tokens of its own. */
.pref-wrap{position:relative;display:inline-flex}
.pref-btn{width:34px;height:34px;display:inline-grid;place-items:center;flex:none;padding:0;border:1px solid currentColor;background:transparent;border-radius:50%;color:inherit;opacity:.78;cursor:pointer;transition:opacity .2s,background .25s,color .25s,transform .25s}
.pref-btn:hover{opacity:1;transform:rotate(20deg)}
.pref-btn[aria-expanded="true"]{opacity:1}
.pref-gear{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
/* The panel sets its own text colour instead of inheriting the header's — the header type is
   white because it sits over the sky, and on the light theme that lands white-on-white. */
.pref-menu{position:absolute;top:calc(100% + 10px);inset-inline-end:0;z-index:40;min-width:214px;padding:12px 14px 13px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(10,20,34,.94);backdrop-filter:blur(14px);box-shadow:0 18px 40px rgba(2,8,17,.4);text-align:start;color:#eaf0f8}
.pref-menu[hidden]{display:none}
.pref-head{margin:0 0 9px;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;opacity:.55}
.pref-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:7px 0;font-size:.78rem}
.pref-row+.pref-row{border-top:1px solid rgba(255,255,255,.1)}
.pref-menu .theme-toggle{width:30px;height:30px;color:inherit;border-color:currentColor;background:transparent;opacity:.85}
.pref-menu .theme-toggle:hover{opacity:1}
.pref-menu .language-switch button{color:inherit}
.pref-menu .language-switch{gap:7px}
html[data-theme="light"] .pref-menu{border-color:rgba(18,62,121,.16);background:rgba(255,255,255,.97);box-shadow:0 18px 40px rgba(18,62,121,.16);color:var(--blue)}
html[data-theme="light"] .pref-row+.pref-row{border-top-color:rgba(18,62,121,.12)}
@media(max-width:680px){.pref-menu{min-width:198px}}

.action{justify-content:space-between;min-width:265px;background:transparent;color:inherit;padding:13px 0;border-top:1px solid currentColor;border-bottom:1px solid currentColor;border-radius:0;transition:padding .25s,opacity .2s}.action span{font-size:inherit;line-height:inherit}.action:hover,.scene-materials .action:hover{background:transparent;padding-inline:10px;opacity:.86;transform:none}.scene-materials .action{background:transparent;color:var(--ink)}.line-arrow{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;flex:none}
.back-top{gap:14px}.back-top span{font-size:inherit}.replay-icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.menu-dialog nav{padding:42px 0 28px}.menu-dialog nav .menu-login{font-family:var(--sans);font-size:1rem;letter-spacing:.08em;text-transform:uppercase}.menu-arrow svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.menu-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.menu-footer p{margin:0}
html[lang="ckb"] body{font-family:var(--kurdish)}html[lang="ckb"] h1,html[lang="ckb"] h2,html[lang="ckb"] .footer-name,html[lang="ckb"] .menu-dialog nav a,html[lang="ckb"] em{font-family:var(--kurdish);font-weight:400;letter-spacing:0}html[lang="ckb"] em{font-size:1em;font-style:normal}html[lang="ckb"] .eyebrow,html[lang="ckb"] .chapter-name,html[lang="ckb"] .scroll-label,html[lang="ckb"] .footer-bottom{letter-spacing:0}html[dir="rtl"] .cinema-ready .scene-copy{left:auto;right:7.8%;text-align:right}html[dir="rtl"] .scene-copy{margin-inline-start:auto;text-align:right}html[dir="rtl"] .scene-footnote{right:auto;left:7.5%;text-align:left}html[dir="rtl"] .floating-caption{right:auto;left:10%;flex-direction:row-reverse}html[dir="rtl"] .material-notes{direction:rtl}html[dir="rtl"] .chapter-name{text-align:left}html[dir="rtl"] .line-arrow{transform:scaleX(-1)}
@media(min-width:1600px){html[dir="rtl"] .cinema-ready .scene-copy{left:auto;right:8.5%}}
@media(max-width:1120px){.header-tools{gap:18px}.desktop-nav{gap:20px}.header-login{display:none}}
@media(max-width:680px){.brand{font-size:.68rem;gap:11px}.monogram{font-size:2.2rem}.monogram span{font-size:1.7rem}.header-tools{gap:10px}.header-language{font-size:.66rem;gap:5px}.header-language span{width:10px}.menu-button{padding:8px}.action{font-size:.875rem;padding:12px 0;gap:24px;min-width:min(270px,100%)}.action:hover{padding-inline:8px}html[dir="rtl"] .cinema-ready .scene-copy{left:auto;right:9%}html[lang="ckb"] .cinema-ready .scene-copy h1,html[lang="ckb"] .cinema-ready .scene-copy h2{font-size:clamp(2.4rem,10vw,4.1rem);line-height:1.35}html[lang="ckb"] .cinema-ready .scene-materials .scene-copy h2{font-size:clamp(2.25rem,9.5vw,3.9rem)}.menu-footer{align-items:flex-start;flex-direction:column-reverse}}

/* Version 6 — cinematic dark mode, selected by default and remembered per device. */
html[data-theme="dark"]{color-scheme:dark;--blue:#020202;--deep:#111111;--night:#020202;--night-soft:#111111;--bronze:#c8c8c8;--cream:#ededed;--ink:#ededed;--rails:rgba(220,220,220,.30)}
html[data-theme="dark"] body{background:var(--night);color:var(--cream)}
html[data-theme="dark"] ::selection{background:var(--bronze);color:var(--night)}
html[data-theme="dark"] .icon-moon{display:none}html[data-theme="dark"] .icon-sun{display:block}
html[data-theme="dark"] .theme-toggle{color:var(--bronze);background:rgba(2,2,2,.42);border-color:rgba(210,210,210,.48)}
html[data-theme="dark"] .film-scene{background:var(--night)}
html[data-theme="dark"] .sky-layer .sky-light{opacity:0}html[data-theme="dark"] .sky-layer .sky-dark{opacity:1;filter:none}
html[data-theme="dark"] .sky-layer:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,2,2,.26),transparent 58%),linear-gradient(0deg,rgba(2,2,2,.16),transparent 42%);pointer-events:none}
html[data-theme="dark"] .column-layer img{filter:brightness(.94) contrast(1.18) saturate(.92) sepia(.12) drop-shadow(0 30px 44px rgba(0,0,0,.5))}
html[data-theme="dark"] .arch-camera img,html[data-theme="dark"] .craft-camera img{filter:brightness(.38) contrast(1.28) saturate(.62) sepia(.12)}
html[data-theme="dark"] .materials-layer img{filter:brightness(.76) contrast(1.16) saturate(.78) drop-shadow(0 24px 50px rgba(0,0,0,.5))}
html[data-theme="dark"] .scene-shade{background:linear-gradient(90deg,rgba(2,2,2,.9),rgba(2,2,2,.22) 76%),linear-gradient(0deg,rgba(2,2,2,.42),transparent 44%)}
html[data-theme="dark"] .scene-home .scene-shade{background:linear-gradient(90deg,rgba(2,2,2,.84),rgba(2,2,2,.1) 72%),linear-gradient(0deg,rgba(2,2,2,.34),transparent 48%)}
html[data-theme="dark"] .scene-architecture .scene-shade,html[data-theme="dark"] .scene-construction .scene-shade{background:linear-gradient(90deg,rgba(2,2,2,.94),rgba(2,2,2,.1) 88%),linear-gradient(0deg,rgba(2,2,2,.44),transparent 48%)}
html[data-theme="dark"] .hero-word{color:rgba(243,239,229,.10)}
html[data-theme="dark"] .scene-materials{background:linear-gradient(135deg,#050505,#141414 58%,#080808);color:var(--cream)}
html[data-theme="dark"] .scene-materials .action{color:var(--cream)}
html[data-theme="dark"] .material-notes{border-color:rgba(232,190,126,.38)}
html[data-theme="dark"] .cinema-ready .light-scene{color:var(--cream);--rails:rgba(232,190,126,.34)}
html[data-theme="dark"] .cinema-ready .light-scene .film-grid{color:var(--cream)}
html[data-theme="dark"] .cinema-ready .site-header.light-header{color:var(--cream);--rails:rgba(232,190,126,.34)}
html[data-theme="dark"] .caption-line,html[data-theme="dark"] .caption-line:before{background:var(--bronze)}
html[data-theme="dark"] .action{border-color:rgba(232,190,126,.72)}
html[data-theme="dark"] footer{background:linear-gradient(145deg,#050505,#121212);color:var(--cream)}
html[data-theme="dark"] .menu-dialog{background:linear-gradient(145deg,#020202,#121212);color:var(--cream)}
@media(max-width:680px){html[data-theme="dark"] .cinema-ready .scene-materials .material-notes{background:rgba(7,17,31,.9)}html[data-theme="dark"] .scene-home .scene-shade{background:linear-gradient(90deg,rgba(2,8,17,.88),rgba(2,9,18,.12) 92%),linear-gradient(0deg,rgba(2,8,16,.48),transparent 62%)}.header-tools>.theme-toggle{width:32px;height:32px}.menu-footer-tools{width:100%;justify-content:space-between}}

/* RTL: same one-sided monogram spacing as on the login page — the gap has to sit on the
   side the wordmark is actually on, or the letters collide with it. */
html[dir="rtl"] .monogram{padding-right:0;padding-left:12px}

/* Header logo: the real mark replaces the "AP" monogram. Sized to the wordmark beside it. */
.monogram-img{width:46px;height:46px;object-fit:contain;display:block;flex:none}
@media(max-width:1050px){.monogram-img{width:40px;height:40px}}
@media(max-width:680px){.monogram-img{width:36px;height:36px}}

/* The logo ships in two colourways: navy-on-light and ivory-on-dark. Show whichever
   one contrasts with the header behind it, so the mark never sinks into the page. */
.monogram-on-light{display:none}
[data-theme="light"] .monogram-on-dark{display:none}
[data-theme="light"] .monogram-on-light{display:block}