@font-face{font-family:AtharSerif;src:url(fonts/editorial.otf);font-display:swap}@font-face{font-family:AtharSerif;src:url(fonts/editorial-italic.otf);font-style:italic;font-display:swap}@font-face{font-family:AtharNote;src:url(fonts/technical.otf);font-style:italic;font-display:swap}:root{--ink:#0d0e0c;--cream:#e4d9c3;--gold:#bc9b5f;--terracotta:#a65e43;--green:#355e51;--line:#bc9b5f33}*{box-sizing:border-box;cursor:none!important}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--ink);color:var(--cream);font:18px/1.7 AtharSerif,Georgia,serif;overflow-x:hidden}a,button{color:inherit}a{text-decoration:none}button,input,textarea{font:inherit}button{border:0;background:none}button,a,summary{-webkit-tap-highlight-color:transparent}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:400;line-height:1.03}h2{font-size:clamp(54px,7vw,110px);letter-spacing:-3px}em{font-weight:400;color:var(--gold)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:1px solid var(--gold);outline-offset:6px}.skip{position:fixed;left:20px;top:-100px;z-index:200;background:var(--cream);color:var(--ink);padding:10px}.skip:focus{top:20px}.annotation{font:italic 14px/1.5 AtharNote,monospace;color:var(--gold)}.grain{pointer-events:none;position:fixed;inset:0;z-index:70;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}.room{position:relative}.threshold{height:240svh}.threshold-fixed{height:100svh;min-height:620px;position:sticky;top:0;overflow:hidden;background:#060706}.threshold-copy{position:absolute;left:13%;right:13%;top:25%;text-align:center;z-index:3;transition:opacity .5s}.intro-note{margin-bottom:30px;letter-spacing:2px}.athar-mark{display:block;width:min(680px,100%);margin:auto;color:var(--gold);overflow:visible}.letters path{stroke-dasharray:650;stroke-dashoffset:650;animation:engrave 3.3s 1.1s ease forwards;transform-origin:center;transition:transform .6s}.letters path:hover{transform:skewY(-3deg) scaleY(1.04)}.logo-guides{opacity:.15}.arabic-logo{font-size:44px;display:block;letter-spacing:8px;color:var(--gold);line-height:1.2;margin-top:4px}.intro-sub{font-size:clamp(21px,2.5vw,33px);line-height:1.3;margin:20px auto 30px}.enter{display:inline-flex;align-items:center;gap:45px;border-bottom:1px solid var(--gold);padding-bottom:10px;font-size:16px}.enter span{font:italic 12px AtharNote}.threshold-footer{position:absolute;bottom:35px;left:7%;font:italic 12px AtharNote;color:var(--gold);max-width:70%}.scroll-note{position:absolute;right:7%;bottom:80px;writing-mode:vertical-rl;font-size:12px}#scene3d,.scene-fallback{position:absolute;inset:0}.scene-fallback{background:#060706}.scene-fallback img{width:100%;height:100%;object-fit:cover;filter:brightness(.25);opacity:.6}.webgl .scene-fallback{display:none}#scene3d canvas{display:block;width:100%;height:100%}.first-plan{position:absolute;left:25%;top:24%;width:50%;height:50%;fill:none;stroke:var(--gold);stroke-width:1;pointer-events:none;animation:plan-rise 4s ease forwards}.first-plan path{stroke-dasharray:1;stroke-dashoffset:1;animation:plan-draw 2.6s ease forwards}.threshold-copy{animation:copy-enter 4s both}.room-map{position:fixed;left:25px;bottom:25px;z-index:80;font:italic 12px AtharNote;letter-spacing:.3px;padding:14px;background:#0d0e0cc9;backdrop-filter:blur(10px);border:1px solid var(--line);width:155px}.map-label{font-size:10px;letter-spacing:1px;display:block;margin-bottom:9px}.map-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.map-grid a{border:1px solid #bc9b5f55;height:32px;display:flex;align-items:center;justify-content:center}.map-grid a:first-child{grid-row:span 2;height:auto}.map-grid a.active{background:#bc9b5f2e;border-color:var(--gold);color:var(--gold)}#room-name{display:block;margin-top:8px}.quiet-controls{position:fixed;right:25px;bottom:25px;z-index:80;display:flex;gap:16px;align-items:center}.quiet-controls button{font:italic 12px AtharNote;padding:8px;color:var(--cream);background:#0d0e0cbf;border:1px solid var(--line)}.quiet-controls span{color:var(--gold)}.gallery-room{padding:90px 11% 160px;background:radial-gradient(ellipse at 20% 40%,#6a3d2625,transparent 65%)}.room-heading{margin:0 0 80px}.room-heading .annotation{display:block;margin-bottom:30px}.room-heading h2{margin-bottom:25px}.room-heading>p{font-size:18px;color:#a79f8d}.doorway{position:relative;width:83%;margin-bottom:110px}.project-door{position:relative;display:block;width:100%;height:720px;overflow:hidden;padding:0;clip-path:inset(0 round 48% 48% 0 0)}.project-door img{width:100%;height:100%;object-fit:cover;filter:brightness(.4) saturate(.7);transition:transform 1.8s,filter 1.2s;display:block}.project-door:hover img,.project-door:focus-visible img{filter:brightness(.72) saturate(1);transform:scale(1.045)}.door-shade{position:absolute;inset:0;background:linear-gradient(transparent 25%,#070805e0)}.door-copy{position:absolute;bottom:65px;left:8%;text-align:left}.door-copy small{font:italic 12px AtharNote;letter-spacing:1.5px;color:var(--gold)}.door-copy strong{font-size:clamp(48px,6vw,90px);font-weight:400;line-height:1;display:block;margin:22px 0}.door-copy>span{font-size:17px}.door-number{position:absolute;right:8%;bottom:65px;font-size:50px;color:var(--gold)}.margin-note{position:absolute;right:-9%;top:52%;writing-mode:vertical-rl}.secondary{width:58%;margin:80px 0 0 auto}.secondary .project-door{height:650px}.secondary .door-copy strong{font-size:60px}.universe{padding:110px 11% 150px;background:#10110e}.light-study{position:relative;height:600px;overflow:hidden;margin-bottom:60px}.light-study img{width:100%;height:100%;object-fit:contain;opacity:.2;filter:sepia(.5)}.study-dark{position:absolute;inset:0;background:#10110ee8;mask-image:radial-gradient(circle 160px at var(--lx,50%) var(--ly,50%),transparent 10%,#000 100%);-webkit-mask-image:radial-gradient(circle 160px at var(--lx,50%) var(--ly,50%),transparent 10%,#000 100%)}.light-study:hover img{opacity:.85}.study-note{position:absolute;bottom:20px;left:20px}.material-picker{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding-top:25px}.material-picker button{display:flex;flex-direction:column;align-items:center;gap:12px;font:italic 12px AtharNote;color:var(--gold);padding:10px}.material-picker button:before{content:'';display:block;width:52px;height:52px;background:var(--swatch);border-radius:50%;box-shadow:inset -8px -8px 20px #0006;border:1px solid #e4d9c322;transition:box-shadow .5s}.material-picker button[aria-pressed=true]:before{box-shadow:0 0 0 5px #bc9b5f22,0 0 35px #bc9b5f25,inset -8px -8px 20px #0006}.material-picker span{color:var(--cream);font-size:14px}.material-story{max-width:560px;margin:55px 0 0 auto;min-height:130px}.material-story p{font-size:26px;line-height:1.5;margin-top:18px}.creator{padding:110px 11% 140px}.creator-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%;margin-top:55px}.creator-copy>p{margin-bottom:28px;color:#bdb5a4}.creator-copy .manifesto{font-size:36px;line-height:1.3;color:var(--cream);margin-bottom:45px}.manifesto span{transition:color .4s;display:inline}.manifesto span.lit{color:var(--gold)}.spatial-sketch{width:100%;margin-top:80px;color:var(--gold)}.spatial-sketch path{stroke-dasharray:1;stroke-dashoffset:1}.spatial-sketch.drawn path{animation:sketch-draw 3s ease forwards}.spatial-sketch path:last-child{animation-delay:.6s}.contact-room{padding:100px 15% 90px;text-align:center;background:radial-gradient(ellipse at 50% 60%,#7f3a2626,transparent 60%)}.contact-room h2{margin-top:40px}.seal{margin:55px auto 30px;display:flex;flex-direction:column;align-items:center;gap:25px}.seal>span{width:108px;height:108px;display:flex;align-items:center;justify-content:center;border-radius:49% 47% 50% 46%;background:radial-gradient(circle at 35% 30%,#a96c46,#69321e 60%,#2d170e);box-shadow:inset 0 0 0 9px #ffffff09,inset 0 0 0 11px #0004,0 20px 50px #0009;color:var(--gold);font-size:38px;transition:transform .7s}.seal:hover>span{transform:rotate(-8deg) scale(1.08)}.seal small{font:italic 12px AtharNote;letter-spacing:2px}#letter{background:#e4d9c3;color:var(--ink);padding:40px;max-width:650px;margin:45px auto;text-align:left;box-shadow:0 40px 70px #0009}#letter>p{font-size:24px;line-height:1.3}form{margin-top:30px}label{display:block;margin:20px 0;font-size:16px}input,textarea{display:block;width:100%;border:0;border-bottom:1px solid #0d0e0c55;background:transparent;padding:10px 0;color:var(--ink);resize:vertical;border-radius:0}input:focus,textarea:focus{outline-color:#6e4f26}textarea{line-height:1.5}.line-button{border-bottom:1px solid currentColor;padding:10px 0;font-size:16px}#form-status,#prepared>p{font-size:14px;margin-top:20px}.contact-links{display:flex;justify-content:center;gap:30px;margin:40px 0 75px}.contact-links a{font:italic 16px AtharNote;border-bottom:1px solid var(--line);padding-bottom:6px}footer{font-size:30px;color:var(--gold)}footer span{font:italic 12px AtharNote;color:#a79f8d;display:block;margin-top:15px}#light-trail{position:fixed;inset:0;width:100%;height:100%;z-index:110;pointer-events:none}#light-cursor{position:fixed;top:0;left:0;width:32px;height:32px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#ebd8a5cc,#bc9b5f55 22%,#bc9b5f00 70%);box-shadow:0 0 35px 10px #bc9b5f1a;pointer-events:none;z-index:120;display:flex;align-items:center;justify-content:center;transition:width .5s,height .5s;opacity:0}#light-cursor.project{width:100px;height:100px;border:1px solid #bc9b5f77;background:#0d0e0c77}#light-cursor.text{width:2px;height:45px;border-radius:0;background:var(--gold)}#light-cursor.click{scale:.6}#light-cursor span{font:italic 12px AtharNote;color:var(--cream)}#transition{position:fixed;inset:0;z-index:130;display:flex;pointer-events:none;visibility:hidden}#transition i{width:50%;background:linear-gradient(90deg,#12130f,#211e16);height:100%;border:1px solid #bc9b5f33;transform:translateX(-100%)}#transition i:last-child{transform:translateX(100%)}#project-room{position:fixed;inset:0;margin:0;width:100%;height:100svh;max-width:none;max-height:none;border:0;background:#0d0e0c;color:var(--cream);padding:0;overflow:auto}#project-room::backdrop{background:#000}.close-room{position:fixed;right:35px;top:25px;z-index:10;background:#0d0e0cbb;border:1px solid var(--line);padding:12px 20px;font:italic 14px AtharNote}.project-hero{height:80svh;min-height:500px;position:relative}.project-hero img{width:100%;height:100%;object-fit:cover;filter:brightness(.45)}.project-hero h2{position:absolute;left:10%;bottom:60px;font-size:clamp(55px,8vw,120px)}.project-body{padding:70px 10% 120px}.project-body>p{max-width:650px;font-size:23px;line-height:1.6;margin-bottom:45px}.project-body h3{font-size:36px;margin:65px 0 25px}.caption{font:italic 12px AtharNote;color:#a79f8d;margin-top:12px}.comparison{position:relative;aspect-ratio:1.1;background:#e5ded0;overflow:hidden;touch-action:pan-y}.comparison img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.comparison .after{clip-path:circle(var(--radius,0px) at var(--cx,50%) var(--cy,50%));transition:clip-path .1s}.comparison.revealed .after{clip-path:inset(0)}.comparison .compare-note{position:absolute;top:15px;left:15px;font:italic 12px AtharNote;background:#0d0e0c;color:var(--cream);padding:8px 12px}.compare-controls{display:flex;gap:25px;margin:15px 0}.compare-controls button{border-bottom:1px solid var(--gold);padding:8px 0;font-size:15px}.section-study{position:relative;background:var(--cream)}.section-study img{display:block;width:100%}.hotspot{position:absolute;width:28px;height:28px;border:1px solid #6c4a25;border-radius:50%;background:#e4d9c3;color:#3c2714;font:14px AtharNote;display:flex;align-items:center;justify-content:center}.hotspot span{display:none;position:absolute;bottom:35px;left:-30px;min-width:190px;background:#0d0e0c;color:var(--cream);padding:12px;font:italic 14px/1.4 AtharNote;z-index:5}.hotspot:hover span,.hotspot:focus span,.hotspot.open span{display:block}.archive-image{width:100%;display:block;margin-top:25px}.project-footer-links{display:flex;gap:30px;margin-top:50px}.project-footer-links button{border-bottom:1px solid var(--line);padding:10px 0}.draw-heading{width:100%;height:auto;overflow:visible}.draw-heading text{font-family:AtharSerif;stroke:var(--gold);stroke-width:.5;fill:transparent;stroke-dasharray:1600;stroke-dashoffset:1600}.draw-heading.drawn text{animation:heading-draw 2.5s ease forwards}.reveal{opacity:0;transform:translateY(35px);transition:opacity 1.3s,transform 1.3s}.reveal.seen{opacity:1;transform:none}[hidden]{display:none!important}@keyframes engrave{to{stroke-dashoffset:0;stroke-width:3}}@keyframes plan-draw{to{stroke-dashoffset:0}}@keyframes plan-rise{0%,60%{opacity:1;transform:perspective(600px) rotateX(0)}100%{opacity:0;transform:perspective(600px) rotateX(60deg) translateY(70px)}}@keyframes copy-enter{0%,65%{opacity:0}100%{opacity:1}}@keyframes sketch-draw{to{stroke-dashoffset:0}}@keyframes heading-draw{70%{fill:transparent}100%{stroke-dashoffset:0;fill:var(--cream)}}@media(max-width:760px){body{font-size:17px}h2{font-size:58px;letter-spacing:-2px}.threshold{height:175svh}.threshold-fixed{min-height:600px}.threshold-copy{left:7%;right:7%;top:28%}.intro-sub{font-size:25px}.threshold-footer{font-size:10px;left:7%;bottom:180px;max-width:70%}.scroll-note{right:5%;bottom:180px}.room-map{left:12px;bottom:12px;width:125px;padding:10px}.map-grid a{height:27px}.quiet-controls{right:12px;bottom:12px;flex-direction:column;gap:6px;align-items:end}.quiet-controls button{font-size:11px}.gallery-room,.universe,.creator{padding:80px 7% 100px}.room-heading{margin-bottom:50px}.doorway,.secondary{width:100%;margin:0 0 65px}.project-door,.secondary .project-door{height:560px}.door-copy{bottom:45px}.door-copy strong,.secondary .door-copy strong{font-size:53px}.door-copy>span{font-size:15px}.margin-note{position:static;writing-mode:initial;display:block;margin-top:15px}.light-study{height:430px}.material-picker{flex-wrap:wrap;justify-content:center;gap:8px}.material-picker button{padding:8px}.material-picker button:before{width:40px;height:40px}.material-story p{font-size:24px}.creator-layout{grid-template-columns:1fr;gap:50px}.spatial-sketch{margin-top:45px;width:85%}.creator-copy .manifesto{font-size:33px}.contact-room{padding:80px 7% 180px}.contact-room h2{font-size:58px}#letter{padding:25px}.project-hero{height:65svh}.project-body{padding:45px 7% 160px}.project-hero h2{left:7%;bottom:45px;font-size:60px}.project-body>p{font-size:21px}.comparison{aspect-ratio:.8}.close-room{right:15px;top:15px;padding:10px 15px}.first-plan{width:80%;left:10%}.caption{font-size:12px}.section-study{overflow:visible}.hotspot{width:22px;height:22px;font-size:12px}.hotspot span{min-width:155px;left:-90px}#light-cursor{display:none}#light-trail{z-index:110}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.threshold{height:100svh}.threshold-copy{opacity:1}.first-plan{display:none}.letters path{stroke-dashoffset:0}.spatial-sketch path{stroke-dashoffset:0}.draw-heading text{stroke-dashoffset:0;fill:var(--cream)}.reveal{opacity:1;transform:none}.study-dark{display:none}.light-study img{opacity:.7}.scene-fallback img{opacity:1}}body.still *{animation:none!important;transition:none!important}body.still .threshold{height:100svh}body.still .threshold-copy{opacity:1}body.still .first-plan{display:none}body.still .letters path,body.still .spatial-sketch path{stroke-dashoffset:0}body.still .draw-heading text{stroke-dashoffset:0;fill:var(--cream)}body.still .reveal{opacity:1;transform:none}body.still .study-dark{display:none}body.still .light-study img{opacity:.7}
/* Targeted refinements: existing rooms, palette and entrance are retained. */
@font-face{font-family:AtharDimension;src:url(fonts/dimensions.otf);font-display:swap}
:root{--rail:64px;--note:#d9c49d}
body.map-open{--rail:208px}main{margin-left:var(--rail);width:calc(100% - var(--rail));container-type:inline-size}
.room-map{inset:0 auto 0 0;width:var(--rail);height:100svh;padding:12px 9px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;background:rgba(13,14,12,.48);border:0;border-right:1px solid #bc9b5f22;backdrop-filter:blur(8px);font:14px/1.4 AtharDimension,sans-serif}
.map-toggle{width:42px;height:44px;min-height:44px;display:flex;align-items:center;justify-content:center;border:1px solid #bc9b5f55;border-radius:2px;background:#0d0e0c45;color:var(--note);margin-bottom:6px}.map-toggle svg{width:28px;height:28px}#map-panel{width:100%;padding:12px 5px 2px}.map-label{font:12px AtharDimension;letter-spacing:1px;color:var(--note);margin:0 0 12px}.map-grid{display:flex;flex-direction:column;gap:5px}.map-grid a,.map-grid a:first-child{height:auto;min-height:38px;padding:8px;display:flex;justify-content:flex-start;gap:12px;border-color:#bc9b5f33}.map-grid a small{font-size:14px}.map-grid a span{font-size:12px;color:var(--note)}#room-name{font:14px AtharDimension;color:var(--note);margin-top:12px}
.rail-tools{position:absolute;top:20px;left:8px;right:8px;display:flex;flex-direction:column;gap:12px;align-items:center}.rail-tools button{font:12px/1.4 AtharDimension;padding:8px 1px;display:flex;flex-direction:column;gap:4px;align-items:center;width:100%;min-height:44px;border-bottom:1px solid #bc9b5f22}.rail-tools span{color:var(--note)}body.map-open .rail-tools{flex-direction:row}.annotation,.caption,.door-copy small,.threshold-footer,.scroll-note,.material-picker button,.fine-print,.seal small,.contact-links a,.close-room,.compare-note,.hotspot span,footer span{font-family:AtharDimension,sans-serif!important;font-style:normal!important;color:var(--note);text-shadow:0 1px 7px #0009}.annotation{font-size:15px;line-height:1.6;letter-spacing:.6px}.intro-note{font-size:18px;letter-spacing:1.4px}.threshold-footer{font-size:14px;line-height:1.5;left:7%;bottom:28px;max-width:76%;letter-spacing:.65px}.scroll-note{font-size:14px;bottom:35px}.caption{font-size:14px;line-height:1.6;color:#d0c5af}.room-heading>p{font-size:18px;color:#d0c5af}.door-copy small{font-size:14px;letter-spacing:1px}.door-copy>span{display:block;font-size:17px;line-height:1.5}.project-meta{font:14px/1.5 AtharDimension,sans-serif;color:var(--note);margin-top:10px}.door-copy .temporary-note{font:13px/1.5 AtharDimension,sans-serif;color:#e4d9c3;margin-top:8px}.project-door{min-width:0}.doorway:nth-of-type(odd){margin-left:0}.doorway:nth-of-type(even){margin-left:auto}.secondary{margin-top:100px;margin-bottom:0}.creator-copy>p{color:#d0c5af;font-size:18px}.material-picker span{font-size:16px}.material-story .annotation{font-size:16px}.creator-copy .manifesto{font-size:36px}.contact-placeholder{font-size:14px;line-height:1.5;color:#5c4830;margin:20px 0 12px}#letter .form-coordinates{padding-top:15px;border-top:1px solid #6c4a2540;margin-top:30px}#letter .form-coordinates a{display:block;font-size:16px;line-height:1.6;overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:4px;margin:12px 0}#form-status,#prepared>p{font-size:16px;line-height:1.5}.contact-links{flex-wrap:wrap;gap:20px}.contact-links a{font-size:16px;overflow-wrap:anywhere;max-width:100%}input,textarea{font-size:18px}footer span{font-size:14px}.title-construction{stroke:#bc9b5f;stroke-width:.35;opacity:.27;fill:none}.draw-heading text{stroke-width:.65}.draw-heading.drawn:hover text{animation:hover-trace 1.8s ease;fill:var(--cream)}.logo-link{opacity:.45;stroke-dasharray:500;stroke-dashoffset:500;animation:logo-connect 3.3s 1.1s ease forwards}.athar-mark .letters path{stroke-width:1.5;animation-name:engrave-fine}.athar-mark .letters path:hover{stroke:#e4d9c3;transform:skewY(-1deg)}.threshold-copy h1{position:relative}.arabic-logo{color:var(--gold);position:relative}.project-body,.creator-copy,.room-heading,#letter{min-width:0}.project-body p,.creator-copy p,.material-story p{overflow-wrap:break-word}.project-footer-links{flex-wrap:wrap}.close-room{font-size:16px;min-height:44px}.hotspot{width:36px;height:36px}.hotspot span{font-size:15px}.project-hero h2{max-width:80%;overflow-wrap:anywhere}.project-body>.project-meta{font-size:16px}.comparison .compare-note{max-width:calc(100% - 30px);font-size:14px;line-height:1.4;color:var(--cream)}
@keyframes engrave-fine{to{stroke-dashoffset:0;stroke-width:1.5}}@keyframes logo-connect{to{stroke-dashoffset:0}}@keyframes hover-trace{from{stroke-dashoffset:220;stroke:var(--gold)}to{stroke-dashoffset:0;stroke:var(--gold)}}
@media(max-width:760px){:root{--rail:54px}body.map-open{--rail:154px}.room-map{padding:10px 5px}.map-toggle{width:40px}.rail-tools{left:5px;right:5px;top:12px}.rail-tools button{font-size:11px}body.map-open .rail-tools{gap:6px}.map-label{font-size:12px;letter-spacing:.4px}#map-panel{padding-left:3px;padding-right:3px}.map-grid a{gap:7px;padding:8px 4px}.map-grid a small{font-size:14px}.threshold-copy{left:7%;right:7%;top:24%}.intro-note{font-size:16px}.intro-sub{font-size:clamp(21px,6vw,25px)}.threshold-footer{bottom:30px;left:7%;font-size:14px;max-width:80%}.scroll-note{display:none}.gallery-room,.universe,.creator{padding-left:7%;padding-right:7%}.room-heading>p{font-size:17px}.annotation{font-size:15px}.secondary,.doorway{margin-bottom:70px;margin-top:0}.door-copy small{font-size:13px}.door-copy>span{font-size:16px}.door-copy strong,.secondary .door-copy strong{font-size:clamp(35px,9vw,53px)}.door-copy{bottom:40px;right:8%}.door-number{font-size:32px;bottom:20px}.margin-note{font-size:14px}.project-door,.secondary .project-door{height:600px}.creator-copy .manifesto{font-size:32px}.creator-copy>p{font-size:17px}.material-picker button{min-width:62px}.material-picker span{font-size:16px}.contact-room{padding-bottom:80px}.contact-room h2{font-size:clamp(40px,10vw,58px)}.material-story{margin-top:35px}.material-story p{font-size:23px}.project-hero h2{font-size:clamp(42px,11vw,65px)}.project-body>p{font-size:20px}.hotspot{width:30px;height:30px}.hotspot span{min-width:130px;max-width:180px;left:-100px}.close-room{right:12px;top:12px;font-size:15px}.contact-links{flex-direction:column;align-items:center;gap:18px}.light-study{height:400px}.seal small{font-size:14px}.project-body{padding-bottom:80px}}
@container (max-width:300px){.threshold-copy{left:6%;right:6%;top:24%}.intro-sub{font-size:21px}.intro-note{font-size:15px}.threshold-footer{font-size:12px}.enter{font-size:16px;gap:20px}.gallery-room,.universe,.creator,.contact-room{padding-inline:18px}.door-copy strong,.secondary .door-copy strong{font-size:34px}.door-copy small{font-size:12px}.door-copy>span{font-size:16px}.project-door,.secondary .project-door{height:650px}.door-copy{bottom:35px;left:10%;right:10%}.door-number{display:none}.creator-copy .manifesto{font-size:27px}.material-story p{font-size:21px}.material-picker{gap:4px}.light-study{height:300px}#letter{padding:18px}.contact-room h2{font-size:37px}.room-heading>p{font-size:16px}.annotation{font-size:14px}.material-picker button{padding:5px;min-width:55px}.material-picker span{font-size:16px}}
@media(prefers-reduced-motion:reduce){.logo-link{stroke-dashoffset:0}.draw-heading.drawn:hover text{animation:none}.room-map{backdrop-filter:none}}body.still .logo-link{stroke-dashoffset:0}

/* Room atmospheres: warm lime, olive mineral, terracotta, then walnut. */
:root{--zellige:#2c5a48;--majorelle:#344eae}
body{background:#2b1c17}.room-map{background:rgba(43,28,23,.78)}
.gallery-room{--cream:#3e2b21;--gold:#70502b;--note:#624734;--line:#70502b40;color:var(--cream);padding-top:190px;background:linear-gradient(to bottom,#211b14 0,#d9c7aa 85px,#f1e6d2 190px,#f1e6d2 calc(100% - 145px),#544c37 100%)}
.gallery-room .room-heading>p{color:#624734}.gallery-room .annotation{color:#624734;text-shadow:none}.gallery-room .title-construction{stroke:var(--zellige);opacity:.4}.gallery-room .draw-heading text{stroke:#70502b}.gallery-room .room-heading>.annotation{border-left:2px solid var(--majorelle);padding-left:13px}
.gallery-room .project-door{--cream:#fff1d8;--gold:#e5c58f;color:var(--cream)}.gallery-room .door-copy small,.gallery-room .door-copy em,.gallery-room .door-number{color:#e5c58f}.gallery-room .project-meta,.gallery-room .temporary-note{color:#fff1d8}.gallery-room .project-door:focus-visible{outline-color:var(--majorelle)}
.universe{background:linear-gradient(to bottom,#544c37 0,#453e2e 180px,#453e2e calc(100% - 145px),#7b402d 100%);--gold:#f0d09d;--line:#f0d09d55;--note:#f1ddbb;color:#fff0d9}.universe .room-heading>p{color:#f1ddbb}.universe .light-study{background:#302b21}.universe .study-dark{background:#302b21e8}.universe .study-note{background:#302b21d9;padding:8px 12px;border-left:2px solid #8bb49e}.material-picker button[aria-pressed=true]:before{outline:2px solid #c0d5c6;outline-offset:5px}.material-picker button:focus-visible{outline-color:#a5b9ff}.universe .title-construction{stroke:#a5b9ff}
.creator{background:linear-gradient(to bottom,#7b402d 0,#7b402d calc(100% - 150px),#2b1c17 100%);--cream:#fff1da;--gold:#f1d2a5;--note:#f1ddbb;--line:#f1d2a555;color:var(--cream)}.creator-copy>p{color:#fff1da}.creator .manifesto span.lit{color:#f8dfb7}.creator .title-construction{stroke:#f1d2a5}.creator .spatial-sketch{color:#f1d2a5}.creator .room-heading>.annotation{border-left:2px solid #9fc0ae;padding-left:13px}
.contact-room{background:radial-gradient(ellipse at 50% 40%,#493025 0,#2b1c17 70%);--cream:#fff1da;--gold:#e5c58f;--note:#f1ddbb;--line:#e5c58f66;color:var(--cream)}.contact-links a{border-bottom-color:#8bac98}.contact-links a:hover{color:#c1cfff;border-bottom-color:#a5b9ff}.contact-room footer span{color:#e4cdb0}
#letter{--cream:#3e2b21;--gold:#70502b;background:#f1e6d2;color:#3e2b21}#letter input,#letter textarea{color:#3e2b21}#letter .line-button{color:var(--majorelle)}#letter .caption,#letter #form-status{color:#624734;text-shadow:none}#letter a{color:#2c5a48}#letter a:hover{color:#344eae}
#project-room{background:#2b1c17}.project-body{--cream:#3e2b21;--gold:#70502b;--note:#624734;--line:#70502b40;background:#f1e6d2;color:#3e2b21}.project-body .annotation,.project-body .caption,.project-body .project-meta{color:#624734;text-shadow:none}.project-body h3{color:#2c5a48}.project-footer-links button,.compare-controls button{color:#344eae;border-color:#344eae}.project-body .hotspot span{color:#fff1da}.project-hero{color:#fff1da}
#light-cursor{transition:width .5s,height .5s,background .35s,box-shadow .35s,border-color .35s}#light-cursor.light-surface{background:radial-gradient(circle,#70502b55,#70502b18 35%,transparent 70%);box-shadow:0 4px 18px 5px #70502b20}#light-cursor.light-surface.text{background:#624734;box-shadow:0 0 8px #70502b30}#light-cursor.light-surface.project{color:#3e2b21;background:#f1e6d2cc;border-color:#70502b88;box-shadow:0 8px 30px #70502b35}
@media(max-width:760px){.gallery-room{padding-top:155px;background:linear-gradient(to bottom,#211b14 0,#d9c7aa 65px,#f1e6d2 155px,#f1e6d2 calc(100% - 130px),#544c37 100%)}}
@media(prefers-reduced-motion:reduce){#light-cursor{transition:none}}
/* Identity: same letter geometry, reorganized once; never blocks navigation. */
.threshold-copy{animation:none;top:18%}.intro-note{margin-bottom:18px}.athar-mark.identity-logo{width:min(520px,100%);overflow:visible;color:#c4a46a}.identity-logo [data-draw-logo],.identity-logo .identity-link{stroke-dasharray:1;stroke-dashoffset:0}.identity-watermark{opacity:.035;stroke-width:1.2;transform:translate(8px,6px)}.arabic-origin,.jeem-dot{opacity:0}.identity-wake{stroke-dasharray:.1 .9;opacity:0}.identity-lamps{filter:drop-shadow(0 0 3px #e5c58f)}.skip-identity{font:14px/1.5 AtharDimension,sans-serif;color:#e5c58f;border-bottom:1px solid #c4a46a66;padding:6px 0;margin-top:2px}.skip-identity[hidden]{display:none}.skip-identity{position:absolute;right:0;top:-30px}.footer-identity{display:block;width:min(220px,70%);margin:auto;color:#e5c58f}.footer-identity .identity-lines{stroke-width:3}.footer-identity .identity-watermark{opacity:.055}.footer-identity .identity-link{stroke-dashoffset:0}.footer-identity .identity-wake{display:none}.footer-identity .identity-lamps{filter:none}.intro-sub{margin:16px auto 22px}.threshold-copy h1{line-height:1}.identity-logo.identity-running{will-change:contents}
@media(max-width:760px){.threshold-copy{top:21%}.skip-identity{top:-32px;font-size:14px}.athar-mark.identity-logo{width:min(440px,100%)}.intro-note{margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){.identity-logo.identity-running{will-change:auto}.skip-identity{display:none}.identity-lamps{filter:none}}
@container (max-width:300px){.threshold-copy{top:18%}}
/* Real project archive: large images, technical drawings and original renders. */
.door-copy strong{overflow-wrap:anywhere}.secondary:nth-of-type(2n){width:72%;margin-left:0;margin-right:auto}.door-copy small{display:block;max-width:100%;line-height:1.5}.door-copy .project-meta:empty{display:none}.technical-door img{object-fit:contain;padding:50px 9% 200px;background:#eee9df;filter:none}.technical-door:hover img{filter:none}.technical-hero{background:#e8dec8}.technical-hero>img{object-fit:contain!important;filter:none!important;padding:45px 10% 140px}.technical-hero h2{color:#3e2b21;text-shadow:none}.project-figure{margin:0 0 40px}.project-figure>a{display:block}.project-figure .archive-image{display:block;max-height:850px;object-fit:contain;width:100%;height:auto;background:#e9dfca}.plan-figure{padding:24px;background:#faf5e9;border:1px solid #70502b33}.plan-figure .archive-image{background:#faf5e9;max-height:720px}.project-figure .caption{margin:15px 0 0;line-height:1.6;color:#624734}.plan-hint{display:block;margin-top:5px;color:#344eae;text-decoration:underline;text-underline-offset:4px}.render-source{margin:20px 0 70px;border-top:1px solid #70502b40;border-bottom:1px solid #70502b40;padding:18px 0;color:#624734}.render-source summary{font:16px/1.5 AtharDimension,sans-serif;list-style-position:inside}.render-source img{max-width:100%;width:100%;margin-top:24px}.render-source p{margin-top:16px;line-height:1.6}.project-sequence h3{margin-top:65px}.project-body .project-meta{line-height:1.6}.project-footer-links button{font-size:18px}
@media(max-width:760px){.secondary:nth-of-type(2n){width:90%;margin-left:0}.project-figure{margin-bottom:30px}.plan-figure{padding:12px}.technical-door img{padding:45px 8% 230px}.technical-hero>img{padding:50px 6% 160px}.render-source{margin-bottom:40px}.project-figure .caption{font-size:15px}.secondary .door-copy strong{font-size:clamp(32px,8vw,53px)}}
@container (max-width:300px){.secondary:nth-of-type(2n){width:100%}.door-copy strong,.secondary .door-copy strong{font-size:32px}.door-copy small{letter-spacing:.7px}}
/* Final Souk archive: readable drawings and reversible pavilion studies. */
.souk-story .souk-plan-comparison{height:850px;max-height:none;background:#faf5e9}.souk-plan-comparison img{object-fit:contain!important;padding:24px}.souk-plan-comparison .compare-note{color:#3e2b21;background:#f1e6d2e8;padding:8px 12px}.souk-plan-links{display:flex;flex-wrap:wrap;gap:20px;margin:20px 0 65px}.souk-plan-links a{color:#344eae;text-decoration:underline;text-underline-offset:5px;font-size:16px}.pavilion-picker{display:flex;flex-wrap:wrap;gap:8px;margin:30px 0}.pavilion-picker button{font:16px/1.4 AtharDimension,sans-serif;border:1px solid #70502b55;padding:12px 16px;color:#624734;min-height:48px;text-align:left}.pavilion-picker span{display:block;font-size:14px;color:#2c5a48;margin-bottom:3px}.pavilion-picker button[aria-pressed=true]{background:#2c5a48;color:#fff1da;border-color:#2c5a48}.pavilion-picker button[aria-pressed=true] span{color:#fff1da}.pavilion-study{padding:28px;border:1px solid #70502b44;background:#f7eddb}.pavilion-study .pavilion-title{font-size:30px;line-height:1.25;color:#2c5a48;margin:0 0 20px}.pavilion-study>p{font-size:20px;line-height:1.6}.pavilion-modes{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}.pavilion-modes button{font:16px/1.5 AtharDimension,sans-serif;padding:10px 15px;border:1px solid #344eae;color:#344eae}.pavilion-modes button[aria-pressed=true]{background:#344eae;color:#fff1da}.pavilion-study .render-source{margin-bottom:0}.souk-system{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:35px 0 50px}.souk-system article{border-top:1px solid #2c5a48;padding-top:16px}.souk-system span{font:16px/1.5 AtharDimension,sans-serif;color:#2c5a48}.souk-system p{font-size:18px;line-height:1.65;margin-top:15px}
@media(max-width:760px){.souk-story .souk-plan-comparison{height:660px}.souk-plan-comparison img{padding:12px}.pavilion-study{padding:18px}.pavilion-study .pavilion-title{font-size:26px}.pavilion-study>p{font-size:18px}.souk-system{grid-template-columns:1fr;gap:22px}.pavilion-picker button{flex:1 1 120px}.souk-plan-links{gap:15px}.pavilion-modes button{flex:1}.souk-system p{font-size:17px}}
@container (max-width:300px){.pavilion-study{padding:12px}.pavilion-picker button{font-size:15px;padding:10px}.souk-story .souk-plan-comparison{height:500px}}

/* LE TRAIT ET LA LUMIÈRE — a neutral mineral surface. */
.intro-playing .threshold-copy,.intro-playing .room-map{visibility:hidden}.mineral-wall{position:absolute;inset:0;background:radial-gradient(ellipse at 30% 25%,#302719,#0d0e0c 70%)}#wall-scene{display:block;width:100%;height:100%}.mineral-wall:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 40%,#0d0e0c55,transparent 70%)}.neutral-hero .identity-logo{color:#d5b174;filter:drop-shadow(0 2px 7px #080705)}.neutral-hero .intro-sub,.neutral-hero .enter{color:#ede1ca;text-shadow:0 2px 8px #080705}.neutral-hero .intro-note,.neutral-hero .threshold-footer,.neutral-hero .scroll-note{color:#d9c395;text-shadow:0 2px 8px #080705}
.neutral-intro{position:fixed;inset:0;z-index:85;background:#0d0e0c;overflow:hidden;touch-action:pan-y}.neutral-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.neutral-identity{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);opacity:0;pointer-events:none}.neutral-identity .identity-logo{width:100%;margin:0;color:#d5b174;filter:drop-shadow(0 2px 8px #0d0e0c)}.neutral-caption{position:absolute;left:24px;right:24px;bottom:10%;text-align:center;font-size:16px;letter-spacing:.04em;color:#d5c099;pointer-events:none}.neutral-skip{position:absolute;top:max(20px,env(safe-area-inset-top));right:max(24px,env(safe-area-inset-right));min-height:44px;padding:10px 8px;color:#e5d4b3;border-bottom:1px solid #bc9b5f66;background:#0d0e0c99;font:16px/1.5 AtharDimension,sans-serif}.neutral-arrival .threshold-copy{animation:neutral-reveal 1s ease both}.neutral-arrival .mineral-wall:after{animation:neutral-welcome 1.2s ease both}@keyframes neutral-reveal{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes neutral-welcome{from{background-color:#bc9b5f22}to{background-color:transparent}}
@media(max-width:760px){.neutral-skip{top:max(12px,env(safe-area-inset-top));right:16px}.neutral-caption{bottom:12%;font-size:16px}}
@media(prefers-reduced-motion:reduce){.neutral-intro{display:none}.neutral-arrival .threshold-copy,.neutral-arrival .mineral-wall:after{animation:none}}

/* Habiter une émotion: neutral geometry responds to the intended experience. */
.emotion-room{padding:160px 11% 140px;background:linear-gradient(to bottom,#e4d9c3,#46352b 140px,#241e19 360px,#241e19 calc(100% - 150px),#7b402d);color:#efe1c8;--gold:#d7b57b;--line:#d7b57b44}.emotion-room .room-heading{max-width:800px;margin-bottom:45px}.emotion-room .room-heading>p{color:#e1cfaf;font-size:clamp(19px,2vw,26px);max-width:680px;line-height:1.5}.emotion-experience{max-width:1150px;margin:0 auto}.emotion-stage{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:1000/680;max-height:650px;min-height:350px;border:1px solid #d7b57b33;background:radial-gradient(ellipse at 50% 40%,#48382a,#211c18 70%);color:#d5b57d}.emotion-halo{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle 160px at var(--lx,50%) var(--ly,45%),#efcb8b18,transparent)}.emotion-space{width:100%;height:100%;display:block;overflow:visible}.emotion-space g,.emotion-sun,.emotion-light-ray{transform-box:fill-box;transform-origin:center;transition:transform 1.25s cubic-bezier(.2,.65,.2,1),opacity 1.1s ease}.emotion-construction{opacity:.15}.emotion-wall{opacity:.72}.emotion-ground{opacity:.7}.emotion-gather,.emotion-envelope{opacity:0}.emotion-stage-note{position:absolute;left:24px;bottom:18px;font-size:16px;color:#d8c39f}.emotion-controls{display:flex;gap:0;flex-wrap:wrap;border-bottom:1px solid #d7b57b33;margin-top:22px}.emotion-controls button{flex:1;padding:20px 10px;text-align:left;border-bottom:2px solid transparent;font-size:clamp(22px,2.4vw,34px);line-height:1.3;color:#ccbc9e;min-height:74px;transition:color .4s,border-color .4s}.emotion-controls button span{font:14px/1.5 AtharDimension,sans-serif;color:#c9a66c;display:block;margin-bottom:7px}.emotion-controls button[aria-pressed=true]{color:#f3e4c8;border-bottom-color:#dab87c}.emotion-story{margin:32px 0 0;max-width:750px;min-height:130px;overflow-wrap:break-word}.emotion-story .annotation{font-size:16px;color:#d9bd8a}.emotion-story p{font-size:clamp(20px,2.2vw,29px);line-height:1.5;margin-top:14px;color:#efe1c8}.emotion-hint{font:16px/1.6 AtharDimension,sans-serif;color:#ccbda3;margin-top:15px}
[data-emotion-state=respirer] .emotion-wall-left{transform:translate(-85px,-12px) rotate(-4deg)}[data-emotion-state=respirer] .emotion-wall-right{transform:translate(85px,-12px) rotate(4deg)}[data-emotion-state=respirer] .emotion-ground{transform:scale(1.08)}[data-emotion-state=respirer] .emotion-sun{opacity:.6;transform:scale(1.15)}[data-emotion-state=respirer] .emotion-light-ray{transform:translate(50px,-25px);opacity:.45}
[data-emotion-state=retrouver] .emotion-wall-left{transform:translate(-20px,0)}[data-emotion-state=retrouver] .emotion-wall-right{transform:translate(20px,0)}[data-emotion-state=retrouver] .emotion-sun{opacity:.9;transform:translateY(90px) scale(.73)}[data-emotion-state=retrouver] .emotion-gather{opacity:1;transform:translateY(0)}[data-emotion-state=retrouver] .emotion-light-ray{transform:translate(-85px,50px);opacity:.7}
[data-emotion-state=retirer] .emotion-wall-left{transform:translate(60px,0);opacity:.22}[data-emotion-state=retirer] .emotion-wall-right{transform:translate(-60px,0);opacity:.22}[data-emotion-state=retirer] .emotion-ground{transform:scale(.86)}[data-emotion-state=retirer] .emotion-sun{opacity:.45;transform:translateY(65px) scale(.45)}[data-emotion-state=retirer] .emotion-envelope{opacity:.9;transform:translateY(-4px)}[data-emotion-state=retirer] .emotion-light-ray{transform:translate(-70px,65px) scaleY(.7);opacity:.3}
body.still .emotion-space g,body.still .emotion-sun,body.still .emotion-light-ray,body.still .emotion-controls button{transition:none}
@media(max-width:760px){.emotion-room{padding:120px 7% 100px}.emotion-stage{min-height:250px;aspect-ratio:1.4}.emotion-controls button{font-size:22px;flex:1 1 100px;padding:16px 7px;min-height:80px}.emotion-stage-note{left:16px;bottom:14px;font-size:14px}.emotion-story{min-height:150px;margin-top:25px}.emotion-story p{font-size:21px}.emotion-room .room-heading h2{font-size:clamp(42px,9vw,68px);letter-spacing:-1.5px}.emotion-room .room-heading>p{font-size:19px}}
@media(max-width:380px){.emotion-room{padding-inline:18px}.emotion-controls button{flex:1 1 80px;font-size:19px}.emotion-stage{min-height:235px}.emotion-story p{font-size:20px}}
@media(prefers-reduced-motion:reduce){.emotion-space g,.emotion-sun,.emotion-light-ray,.emotion-controls button{transition:none}}