@font-face{font-family:'DM Sans';font-style:normal;font-weight:400 800;font-display:block;src:url("assets/fonts/dm-sans-latin.woff2") format("woff2")}
@font-face{font-family:'DM Mono';font-style:normal;font-weight:400;font-display:block;src:url("assets/fonts/dm-mono-400-latin.woff2") format("woff2")}
@font-face{font-family:'DM Mono';font-style:normal;font-weight:500;font-display:block;src:url("assets/fonts/dm-mono-500-latin.woff2") format("woff2")}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:500 600;font-display:block;src:url("assets/fonts/playfair-display-latin.woff2") format("woff2")}
@font-face{font-family:'Playfair Display';font-style:italic;font-weight:500 600;font-display:block;src:url("assets/fonts/playfair-display-italic-latin.woff2") format("woff2")}
:root{--black:#17140f;--dark:#201c16;--paper:#f0e9dc;--paper2:#e4d9c7;--orange:#f17a4d;--sand:#d6ad78;--muted:#9a9183;--mono:'DM Mono',monospace;--sans:'DM Sans',Arial,sans-serif;--serif:'Playfair Display',Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:#f4eddf;font-family:var(--sans);font-size:14px;line-height:1.55}a{color:inherit;text-decoration:none}button{font:inherit}.grain{position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.24'/%3E%3C/svg%3E")}.header{height:78px;padding:0 6.1vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.12);position:absolute;top:0;left:0;right:0;z-index:10}.brand{display:flex;align-items:center;gap:11px;font:500 10px var(--mono);letter-spacing:.14em}.brand-symbol{display:block;width:44px;height:44px;flex:none;object-fit:contain}.brand-wordmark{font:600 10px var(--mono);letter-spacing:.15em;color:#f2ead9;white-space:nowrap}.brand i{font-style:normal;color:var(--orange)}.header nav{display:flex;gap:35px;font-size:11px;color:#c9bdab}.header nav a:hover,.footer-nav a:hover{color:var(--orange)}.header nav sup{font:8px var(--mono);color:var(--orange)}.header-cta{font-size:10px;border:1px solid rgba(231,209,178,.45);padding:10px 14px}.header-cta b{color:var(--orange);margin-left:15px}.menu{display:none}.hero{height:min(790px,100vh);min-height:690px;padding:150px 6.1vw 65px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 73% 55%,#463226 0,#2c241a 34%,#17140f 75%);display:grid;grid-template-columns:.9fr 1.1fr;align-items:center}.hero-copy{position:relative;z-index:3;padding-left:6.3vw;margin-top:-5px}.eyebrow{font:9px var(--mono);letter-spacing:.13em;color:#d7b98c;display:flex;align-items:center;gap:9px}.eyebrow>span{width:6px;height:6px;border-radius:50%;background:var(--orange);box-shadow:0 0 12px var(--orange)}.hero h1{font:700 clamp(62px,7vw,101px)/.89 var(--sans);letter-spacing:-.075em;margin:25px 0 22px;color:#f7f0e3}.hero h1 em{font:italic 500 1.01em var(--serif);letter-spacing:-.06em;color:#f18a59}.hero-lede{font-size:13px;line-height:1.85;color:#c4b9a7;max-width:365px}.hero-buttons{display:flex;align-items:center;gap:22px;margin-top:28px}.btn{padding:14px 16px;display:inline-flex;gap:28px;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.04em;transition:transform .25s,background .25s}.btn:hover{transform:translateY(-3px)}.btn b{font-size:16px}.btn-orange{background:var(--orange);color:#24170f}.btn-orange:hover{background:#ff966d}.plain-link{font-size:10px;color:#d2c5b2}.plain-link b{color:var(--orange);margin-left:8px}.hero-small{display:flex;gap:24px;margin-top:56px;font:8px var(--mono);letter-spacing:.1em;color:#8e8170}.scene-wrap{position:absolute;inset:85px 2vw 48px 42%;overflow:hidden;cursor:grab}.scene-wrap:active{cursor:grabbing}#desert-scene{width:100%;height:100%;position:absolute;inset:0;z-index:2;outline:none}.scene-label{position:absolute;z-index:3;left:10%;right:7%;display:flex;justify-content:space-between;font:8px var(--mono);letter-spacing:.12em;color:#b4a28a;pointer-events:none}.scene-top{top:18px}.scene-caption{position:absolute;z-index:3;bottom:12px;left:10%;right:7%;display:flex;align-items:center;justify-content:space-between;font:8px var(--mono);letter-spacing:.1em;color:#ddcbb0;pointer-events:none}.scene-cross{font-size:17px;color:var(--orange)}.scene-vertical{position:absolute;right:2%;top:40%;writing-mode:vertical-rl;font:8px var(--mono);letter-spacing:.12em;color:#b5a28a;z-index:3;pointer-events:none}.scene-fallback{position:absolute;inset:0;overflow:hidden;z-index:1;background:radial-gradient(circle at 56% 35%,#e29a65 0 7%,transparent 7.5%),linear-gradient(180deg,#392b21,#1b1814 70%)}.fallback-sun{position:absolute;top:18%;left:50%;width:140px;height:140px;background:#e5915e;border-radius:50%;box-shadow:0 0 90px 20px rgba(229,145,94,.22)}.fallback-skyline{position:absolute;bottom:34%;left:28%;right:9%;height:150px;display:flex;align-items:end;gap:10px}.fallback-skyline i{background:#211b16;width:11%;height:50%}.fallback-skyline i:nth-child(2n){height:74%}.fallback-skyline i:nth-child(3n){height:45%}.fallback-burj{position:absolute;left:68%;bottom:34%;height:205px;width:34px;background:linear-gradient(90deg,#211b16,#30251c);clip-path:polygon(44% 0,54% 0,56% 20%,72% 35%,83% 49%,92% 66%,100% 100%,0 100%,11% 66%,20% 49%,29% 35%,42% 20%)}.fallback-dune{position:absolute;bottom:-22%;left:-10%;width:130%;height:65%;border-radius:50% 50% 0 0;background:linear-gradient(165deg,#e4a46a,#b56e45 50%,#713f2a);transform:rotate(-8deg);box-shadow:0 -18px 40px rgba(237,156,96,.13)}.hero-edge{position:absolute;left:6.1vw;right:6.1vw;bottom:24px;display:flex;justify-content:space-between;font:8px var(--mono);letter-spacing:.12em;color:#8c806f}.hero-edge b{color:var(--orange);margin-left:10px}.ticker{height:48px;overflow:hidden;background:var(--orange);color:#26180f;display:flex;align-items:center;transform:rotate(-1.1deg) scale(1.02);position:relative;z-index:3}.ticker-track{display:flex;align-items:center;gap:34px;white-space:nowrap;min-width:max-content;animation:ticker 36s linear infinite;font:500 10px var(--mono);letter-spacing:.15em}.ticker-track b{font-size:15px}@keyframes ticker{to{transform:translateX(-50%)}}.section{padding-left:12.5%;padding-right:12.5%}.intro{padding-top:94px;padding-bottom:78px;background:var(--paper);color:#211d17}.section-tag{display:flex;justify-content:space-between;border-bottom:1px solid rgba(34,29,22,.22);padding-bottom:14px;font:8px var(--mono);letter-spacing:.11em;color:#82786b}.intro-grid{display:grid;grid-template-columns:1fr .75fr;gap:10%;padding:62px 0 64px;align-items:center}.intro h2,.journal-head h2,.route-copy h2{font:700 clamp(44px,5vw,68px)/1.03 var(--sans);letter-spacing:-.065em;margin:0}.intro h2 em,.journal-head h2 em,.route-copy h2 em,.quiz-result h3 em{font:italic 500 1em var(--serif);color:#b9673d}.intro-strong{font-size:15px;line-height:1.75;color:#302820}.intro-muted{font-size:11px;line-height:1.9;color:#736b60;margin-top:17px}.under-link{display:inline-block;margin-top:13px;padding-bottom:7px;border-bottom:1px solid #bc7957;font-size:10px}.under-link span{color:#b9673d;margin-left:20px;font-size:14px}.intro-bottom{border-top:1px solid rgba(34,29,22,.2);padding-top:16px;display:flex;justify-content:space-between;font:8px var(--mono);letter-spacing:.11em;color:#80766a}.journal{padding-top:92px;padding-bottom:98px;background:#211d17}.journal .section-tag{color:#a99d8b;border-color:rgba(255,255,255,.16)}.journal-head{display:flex;justify-content:space-between;align-items:end;padding:42px 0 36px}.journal-head h2{font-size:61px}.journal-head h2 em{color:#f18a59}.journal-head p{font-size:11px;line-height:1.8;color:#bcb09f;margin:0 2% 5px 0}.filters{display:flex;gap:26px;border-bottom:1px solid rgba(255,255,255,.17);margin-bottom:26px;overflow:auto}.filter{white-space:nowrap;background:none;border:0;color:#9d9385;padding:0 0 14px;font:9px var(--mono);cursor:pointer;position:relative}.filter.active{color:#f3e9d8}.filter.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--orange)}.filter sup{color:var(--orange)}.articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:27px 20px}.article-card{display:flex;flex-direction:column;min-width:0;transition:transform .3s}.article-card:hover{transform:translateY(-5px)}.article-card[hidden]{display:none}.card-art{height:214px;position:relative;overflow:hidden;background:#574331}.art-number,.art-coordinate{position:absolute;z-index:2;font:8px var(--mono);letter-spacing:.11em;color:rgba(250,232,200,.75)}.art-number{top:14px;left:15px}.art-coordinate{left:15px;bottom:14px}.art-bank{background:linear-gradient(135deg,#39443c,#202821)}.art-orb{position:absolute;width:80px;height:80px;border-radius:50%;background:#d59a61;top:50px;left:55%;box-shadow:0 0 55px rgba(213,154,97,.23)}.art-word{position:absolute;left:15%;top:32%;z-index:2;font:italic 500 24px/.95 var(--serif);color:#e9d8bc}.bank-columns{position:absolute;bottom:-8px;left:40%;right:9%;height:95px;display:flex;gap:8px;align-items:end}.bank-columns i{width:12px;height:74px;background:#282620;border:1px solid rgba(221,193,150,.48)}.bank-columns i:nth-child(2n){height:112px}.art-map{background:linear-gradient(145deg,#a66e4e,#503a2c)}.map-sun{position:absolute;width:110px;height:110px;border:1px solid rgba(250,229,195,.8);border-radius:50%;top:32px;left:43%;box-shadow:0 0 0 18px rgba(250,229,195,.06),0 0 0 37px rgba(250,229,195,.05)}.map-path{position:absolute;width:150%;height:1px;background:#efd7b4;top:55%;left:-10%;transform:rotate(-31deg);box-shadow:0 18px 0 rgba(239,215,180,.3),0 38px 0 rgba(239,215,180,.2)}.map-tag{position:absolute;font:8px var(--mono);letter-spacing:.1em;color:#ffead0}.tag-1{top:46%;left:12%}.tag-2{right:12%;bottom:27%}.art-tax{background:linear-gradient(130deg,#a66f4c,#514334)}.tax-disc{position:absolute;z-index:1;left:50%;top:51%;transform:translate(-50%,-50%);width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:#e1b179;color:#59402d;font:38px var(--serif)}.tax-ring{position:absolute;top:51%;left:50%;border:1px solid rgba(247,221,182,.65);border-radius:50%;transform:translate(-50%,-50%) rotate(-26deg)}.ring-one{width:230px;height:92px}.ring-two{width:180px;height:165px;transform:translate(-50%,-50%) rotate(45deg)}.tax-caption{position:absolute;right:13%;top:21%;font:8px/1.6 var(--mono);letter-spacing:.1em;color:#ffe2c0}.art-cost{background:linear-gradient(140deg,#544b3b,#24251e)}.cost-bars{position:absolute;bottom:33px;left:18%;right:17%;height:115px;display:flex;align-items:end;gap:10px}.cost-bars i{height:45%;background:#ab7048;width:16%}.cost-bars i:nth-child(2){height:65%;background:#c38655}.cost-bars i:nth-child(3){height:58%;background:#d3a675}.cost-bars i:nth-child(4){height:83%;background:#a76a42}.cost-bars i:nth-child(5){height:100%;background:#e5bd89}.cost-total{position:absolute;right:15%;top:19%;font:italic 500 17px/1 var(--serif);color:#edc28d}.art-vat{background:linear-gradient(130deg,#d7c3a1,#7f684d)}.vat-stamp{position:absolute;top:33%;left:40%;height:88px;width:88px;border:1px solid rgba(250,240,219,.7);border-radius:50%;display:grid;place-content:center;text-align:center;font:22px var(--serif);color:#f5e6cf}.vat-stamp small{font:12px var(--mono)}.vat-line{position:absolute;left:-10%;right:-10%;top:53%;height:1px;background:rgba(255,244,223,.65);transform:rotate(-24deg);box-shadow:0 14px 0 rgba(255,244,223,.2)}.vat-aed{position:absolute;right:13%;bottom:23%;font:10px/1.5 var(--mono);color:#f6e7cb}.art-visa{background:linear-gradient(150deg,#795443,#30251d)}.visa-star{position:absolute;left:49%;top:27%;font-size:58px;color:#e1ad72;text-shadow:0 0 45px #d28a50}.visa-lines{position:absolute;inset:30px 20%;border:1px solid rgba(243,219,183,.25);transform:rotate(38deg);box-shadow:0 0 0 17px rgba(243,219,183,.04),0 0 0 35px rgba(243,219,183,.04)}.visa-label{position:absolute;bottom:25%;left:14%;font:italic 500 16px/1 var(--serif);color:#efcf9c}.art-esr{background:linear-gradient(130deg,#4e4a3c,#20231e)}.esr-grid{position:absolute;inset:25px 20%;background:linear-gradient(90deg,transparent 49%,rgba(233,215,182,.18) 50%,transparent 51%),linear-gradient(0deg,transparent 49%,rgba(233,215,182,.18) 50%,transparent 51%);background-size:42px 42px;transform:perspective(200px) rotateX(30deg)}.esr-date{position:absolute;top:30%;left:45%;text-align:center;font:40px/.8 var(--serif);color:#e2b887}.esr-date small{font:9px var(--mono)}.esr-label{position:absolute;bottom:18%;right:15%;font:8px/1.5 var(--mono);letter-spacing:.11em;color:#ddd0b7}.art-reject{background:linear-gradient(145deg,#89745c,#36352d)}.reject-gate{position:absolute;bottom:-2px;left:31%;right:28%;height:123px;border:1px solid rgba(243,220,178,.5);border-bottom:0;border-radius:90px 90px 0 0;display:flex;justify-content:space-evenly;align-items:end;padding:0 16px}.reject-gate i{height:83%;width:7px;background:#27251f;border:1px solid rgba(243,220,178,.45)}.reject-light{position:absolute;top:34%;left:47%;width:31px;height:31px;border-radius:50%;background:#f0c68d;box-shadow:0 0 45px 17px rgba(240,198,141,.32)}.reject-label{position:absolute;top:23%;left:13%;font:italic 500 17px/1 var(--serif);color:#f1d3a7}.card-info{padding:13px 1px 2px;display:flex;flex-direction:column;flex:1}.card-meta{display:flex;justify-content:space-between;font:8px var(--mono);letter-spacing:.1em;color:#b5a996}.card-meta b{font-weight:400;color:#867b6d}.card-info h3{font:600 21px/1.18 var(--sans);letter-spacing:-.04em;margin:13px 0 7px;color:#f4ead9}.card-info p{font-size:10px;line-height:1.7;color:#aaa091;margin:0 0 20px}.card-go{margin-top:auto;border-top:1px solid rgba(255,255,255,.15);padding-top:10px;font:8px var(--mono);letter-spacing:.11em;color:#d8c7ad}.card-go b{float:right;color:var(--orange);font-size:14px;font-weight:400}.journal-foot{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.17);margin-top:34px;padding-top:15px;font:8px var(--mono);letter-spacing:.1em;color:#9e9381}.journal-foot a{color:#e4d6bf;text-transform:none;letter-spacing:0;font:10px var(--sans)}.journal-foot b{color:var(--orange);margin-left:9px}.route{padding-top:92px;padding-bottom:101px;background:#e9dfcf;color:#201c17}.route .section-tag{border-color:rgba(33,28,21,.2);color:#82776a}.route-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:9%;padding-top:55px;align-items:start}.route-copy .eyebrow{color:#a16241}.route-copy h2{font-size:clamp(43px,4.7vw,62px)}.route-copy>p:not(.eyebrow){font-size:11px;color:#756c60;max-width:340px;line-height:1.8}.route-side-note{border-left:1px solid #ba7956;padding-left:14px;margin-top:47px;font:italic 17px/1.4 var(--serif);color:#735942}.route-side-note span{font:8px var(--mono);letter-spacing:.1em;color:#998a76}.quiz{background:#f4eee4;padding:25px 29px;min-height:455px;box-shadow:0 15px 45px rgba(40,31,20,.07)}.quiz-top{display:flex;align-items:center;justify-content:space-between;font:8px var(--mono);letter-spacing:.12em;color:#887c6d}.quiz-top>div{height:2px;background:#ded2c1;width:52%}.quiz-top i{display:block;width:33.3%;height:2px;background:#bd6a43;transition:width .4s}.quiz-screen{display:none;padding-top:31px;animation:enter .35s both}.quiz-screen.active{display:block}.quiz-screen h3,.quiz-result h3{font:600 25px/1.2 var(--sans);letter-spacing:-.04em;margin:0 0 8px}.quiz-screen>p{font-size:10px;color:#887c6f;margin:0 0 18px}.options{display:grid;gap:7px}.options button{position:relative;text-align:left;border:1px solid #d9cbb7;background:transparent;display:grid;grid-template-columns:30px 1fr 15px;align-items:center;padding:10px 12px;min-height:55px;color:#28221a;cursor:pointer;transition:background .2s,border .2s,transform .2s}.options button:hover{background:#eadccb;border-color:#c9845d;transform:translateX(3px)}.options button>span{font:8px var(--mono);color:#b86c47}.options button>b{font-size:10px;font-weight:600}.options button>small{grid-column:2;color:#8b8073;font-size:8px;margin-top:2px}.options button>i{grid-column:3;grid-row:1/3;color:#bd6a43;font-style:normal;font-size:14px}.options-short{grid-template-columns:repeat(3,1fr)}.options-short button{grid-template-columns:24px 1fr 12px;padding:9px 7px}.options-short button>b{font-size:9px}.quiz-back{background:none;border:0;color:#8a7d6e;font:8px var(--mono);margin-top:15px;cursor:pointer}.quiz-result{display:none;padding-top:34px;animation:enter .35s both}.quiz-result.active{display:block}.quiz-result .eyebrow{color:#a16241}.quiz-result h3{font-size:29px;margin:9px 0}.quiz-result h3 em{color:#b9673d}.quiz-result>p:not(.eyebrow){font-size:10px;line-height:1.7;color:#756a5d}.quiz-result ul{padding-left:17px;font-size:10px;line-height:1.85;color:#4f4538}.quiz-reset{border:0;border-bottom:1px solid #be815c;background:none;padding:5px 0;color:#584738;font:8px var(--mono);letter-spacing:.1em;cursor:pointer}.quiz-reset b{color:#b9673d;font-size:14px;margin-left:7px}.quiz-result>small{display:block;border-top:1px solid #ded1be;margin-top:18px;padding-top:12px;color:#8a7f71;font:8px/1.6 var(--mono)}@keyframes enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.closing{min-height:435px;position:relative;overflow:hidden;text-align:center;padding:85px 20px 72px;background:linear-gradient(130deg,#9b5d3f,#c08255 55%,#754731)}.closing-sun{position:absolute;left:calc(50% - 90px);top:-115px;height:180px;width:180px;border:1px solid rgba(255,228,189,.28);border-radius:50%;box-shadow:0 0 0 25px rgba(255,228,189,.04),0 0 0 54px rgba(255,228,189,.035)}.closing .eyebrow{justify-content:center;color:#f3d3a8}.closing h2{position:relative;font:700 clamp(44px,6vw,70px)/1.1 var(--sans);letter-spacing:-.065em;margin:18px 0}.closing h2 em{font:italic 500 1em var(--serif);color:#ffe0b3}.closing>p:not(.eyebrow){font-size:11px;line-height:1.8;color:#f4dfc3;margin:0 0 23px}.btn-light{background:#f0e1c8;color:#281b13}.btn-light:hover{background:white}.closing-mark{position:absolute;right:6.5%;bottom:32px;text-align:right;font:8px/1.7 var(--mono);letter-spacing:.1em;color:#edd1aa}.footer{min-height:130px;padding:25px 6.1vw;display:grid;grid-template-columns:1fr 1.5fr 1.1fr 1fr;align-items:center;gap:20px}.footer>p{font-size:9px;color:#b1a694}.footer>p small{font-size:8px;color:#766e62}.footer-nav{display:flex;gap:20px;font-size:9px;color:#c9bba6}.footer-copy{text-align:right;font:8px var(--mono);letter-spacing:.1em;color:#877c6c}.article{background:var(--paper);color:#272117;min-height:100vh}.article .header{position:relative;background:var(--black)}.article-main{max-width:1030px;padding:65px 6vw 100px;margin:auto}.crumbs{font:8px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#8d806f}.crumbs a:hover{color:#b9673d}.article-head{max-width:770px;padding:36px 0 34px}.article-kicker{font:9px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#a66340}.article-head h1{font:700 clamp(42px,6vw,72px)/1.03 var(--sans);letter-spacing:-.065em;margin:15px 0 18px}.article-dek{max-width:650px;font-size:15px;line-height:1.7;color:#665d50}.article-meta{display:flex;gap:22px;border-top:1px solid #d5c9b7;border-bottom:1px solid #d5c9b7;padding:13px 0;margin-top:24px;font:8px var(--mono);letter-spacing:.1em;color:#827669}.article-hero-art{height:260px;position:relative;overflow:hidden;margin:0 0 33px;background:linear-gradient(130deg,#594333,#af7650)}.article-hero-art:before,.article-hero-art:after{content:"";position:absolute;border:1px solid rgba(247,227,195,.45);border-radius:50%;width:260px;height:260px;left:50%;top:60%;transform:translate(-50%,-50%);box-shadow:0 0 0 30px rgba(248,226,194,.04),0 0 0 60px rgba(248,226,194,.04)}.article-hero-art:after{width:120%;height:120%;top:110%;border:0;background:linear-gradient(170deg,#d7a06c,#9b5d3d);border-radius:50% 50% 0 0}.article-hero-art span{position:absolute;z-index:1;font:8px var(--mono);letter-spacing:.15em;color:#f3dfc1;top:18px;left:20px}.article-body{max-width:720px;margin:auto;font-size:14px;line-height:1.9;color:#393229}.article-body h2{font:600 29px/1.2 var(--sans);letter-spacing:-.04em;margin:42px 0 13px;color:#201c17}.article-body h3{font:600 18px var(--sans);margin:28px 0 8px}.article-body p{margin:0 0 17px}.article-body ul,.article-body ol{padding-left:22px;margin:8px 0 22px}.article-body li{padding-left:5px;margin:6px 0}.article-body strong{color:#241d15}.article-callout{padding:19px 22px;margin:23px 0;border-left:3px solid #bd7048;background:#e7dac7;font-size:12px;line-height:1.75}.article-body table{border-collapse:collapse;width:100%;margin:20px 0;font-size:11px}.article-body th,.article-body td{text-align:left;vertical-align:top;border-bottom:1px solid #d6c9b7;padding:10px}.article-body th{font:8px var(--mono);letter-spacing:.1em;color:#766b5d}.source-list{list-style:none;padding:0!important}.source-list li{border-top:1px solid #d8ccbb;padding:11px 0;margin:0!important;font-size:11px}.source-list a{color:#a35937;text-decoration:underline;text-underline-offset:3px}.article-warning{margin-top:30px;padding-top:15px;border-top:1px solid #d5c9b7;color:#82786c;font:9px/1.7 var(--mono)}.article-end{margin-top:50px;padding-top:20px;border-top:1px solid #d5c9b7;display:flex;justify-content:space-between;font:9px var(--mono);letter-spacing:.1em}.article-end a{color:#ac613d}.article .footer{background:var(--black);color:#eee}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s,transform .7s}.reveal.shown{opacity:1;transform:none}@media(max-width:900px){.header{padding:0 5vw}.hero{padding-left:5vw;padding-right:5vw}.hero-copy{padding-left:3vw}.scene-wrap{left:39%;right:0}.section{padding-left:8%;padding-right:8%}.articles-grid{gap:23px 14px}.card-art{height:185px}.route-grid{gap:5%}.footer{padding-left:5vw;padding-right:5vw;grid-template-columns:1fr 1.4fr 1.3fr}.footer-copy{display:none}}@media(max-width:640px){.header{height:67px}.header nav{display:none;position:absolute;top:66px;left:0;right:0;padding:21px 8%;background:#211d17;flex-direction:column;gap:15px;border-bottom:1px solid rgba(255,255,255,.15)}.header nav.open{display:flex}.header-cta{margin-left:auto;margin-right:13px;padding:8px 10px;font-size:8px}.menu{display:flex;border:0;background:none;width:25px;height:24px;flex-direction:column;justify-content:center;gap:6px}.menu i{height:1px;width:20px;background:#f1dfc2}.hero{height:840px;min-height:780px;display:block;padding:126px 8% 55px}.hero-copy{padding:0;position:relative;z-index:4}.hero h1{font-size:clamp(61px,15vw,86px);margin:20px 0}.hero-lede{font-size:11px;max-width:300px}.hero-buttons{gap:15px;flex-wrap:wrap;margin-top:20px}.btn{padding:12px 13px}.hero-small{margin-top:31px;gap:12px;font-size:6px}.scene-wrap{inset:390px -16% 46px 1%;opacity:.95}.scene-label{top:12px;left:12%;font-size:7px}.scene-caption{left:12%;font-size:7px}.scene-vertical{right:4%;font-size:7px}.fallback-sun{height:100px;width:100px;left:55%}.fallback-burj{height:160px;bottom:34%}.hero-edge{left:8%;right:8%;bottom:18px;font-size:7px}.hero-edge span:nth-child(3){display:none}.ticker{height:39px}.section{padding-left:8%;padding-right:8%}.intro,.journal,.route{padding-top:68px;padding-bottom:70px}.section-tag{font-size:6px;gap:15px}.intro-grid{grid-template-columns:1fr;gap:24px;padding:43px 0}.intro h2{font-size:47px}.intro-strong{font-size:13px}.intro-muted{font-size:10px}.intro-bottom{font-size:6px}.intro-bottom span:nth-child(2){display:none}.journal-head{display:block;padding:33px 0 24px}.journal-head h2{font-size:46px}.journal-head p{margin:13px 0 0;font-size:10px}.filters{gap:20px}.filter{font-size:8px}.articles-grid{grid-template-columns:1fr 1fr;gap:22px 12px}.card-art{height:144px}.art-number,.art-coordinate{font-size:6px}.art-number{left:10px;top:10px}.art-coordinate{left:10px;bottom:10px}.art-word{font-size:18px}.card-meta{font-size:6px;gap:5px}.card-meta b{font-size:6px}.card-info h3{font-size:16px;margin:9px 0 5px}.card-info p{font-size:9px;line-height:1.55;margin-bottom:14px}.card-go{font-size:6px;padding-top:8px}.card-go b{font-size:12px}.journal-foot{font-size:6px;gap:12px}.journal-foot a{font-size:8px}.journal-foot span:last-child{display:none}.route-grid{grid-template-columns:1fr;gap:28px;padding-top:42px}.route-copy h2{font-size:46px}.route-copy>p:not(.eyebrow){font-size:10px}.route-side-note{margin-top:23px}.quiz{padding:20px 15px;min-height:410px}.quiz-screen{padding-top:27px}.quiz-screen h3{font-size:21px}.options button{min-height:52px;padding:8px}.options button>b{font-size:9px}.options button>small{font-size:7px}.options-short button{grid-template-columns:18px 1fr 9px}.options-short button>b{font-size:8px}.quiz-result h3{font-size:24px}.closing{padding-top:77px;min-height:400px}.closing h2{font-size:48px}.closing-mark{right:8%;bottom:20px;font-size:7px}.footer{padding:22px 8%;grid-template-columns:1fr 1fr;gap:14px}.footer>p{font-size:8px}.footer-nav{gap:12px;font-size:8px}.footer-copy{display:none}.article .header{position:relative}.article-main{padding:41px 8% 75px}.article-head{padding:25px 0}.article-head h1{font-size:43px}.article-dek{font-size:12px}.article-meta{gap:11px;font-size:7px;flex-wrap:wrap}.article-hero-art{height:190px}.article-body{font-size:12px}.article-body h2{font-size:24px;margin-top:33px}.article-body table{font-size:9px}.article-body th,.article-body td{padding:7px}.article-end{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.ticker-track{animation:none}.reveal{opacity:1;transform:none}}
.service-rail{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(34,29,22,.2);border-bottom:1px solid rgba(34,29,22,.2);margin:0 0 27px}.service-rail>a{position:relative;display:flex;flex-direction:column;padding:20px 25px 20px 0;border-right:1px solid rgba(34,29,22,.17);min-height:126px}.service-rail>a:not(:first-child){padding-left:23px}.service-rail>a:last-child{border-right:0}.service-rail span{font:8px var(--mono);letter-spacing:.1em;color:#a56c4c}.service-rail b{font-size:14px;color:#282219;margin:7px 0 3px}.service-rail small{font-size:9px;color:#756a5d;max-width:220px}.service-rail i{position:absolute;right:18px;top:20px;color:#b9673d;font-style:normal;font-size:15px}.service-rail>a:hover b{color:#a95735}@media(max-width:640px){.service-rail{grid-template-columns:1fr;margin-bottom:21px}.service-rail>a,.service-rail>a:not(:first-child){padding:14px 30px 14px 0;min-height:0;border-right:0;border-bottom:1px solid rgba(34,29,22,.13)}.service-rail>a:last-child{border-bottom:0}.service-rail i{top:17px}.service-rail b{font-size:13px}}

/* Full-bleed desert and city hero */
.hero{height:min(900px,100svh);min-height:740px;padding:112px 6.1vw 76px;display:flex;align-items:center;background:#17140f}
.scene-wrap{z-index:0;inset:0;opacity:1}
#desert-scene{z-index:1}
.scene-wrap:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(19,17,14,.90) 0%,rgba(19,17,14,.76) 31%,rgba(19,17,14,.34) 54%,rgba(19,17,14,.04) 78%),linear-gradient(0deg,rgba(19,17,14,.22),transparent 27%,rgba(19,17,14,.12))}
.hero-copy{z-index:4;width:min(560px,48vw);margin:8px 0 0;padding:clamp(25px,3.2vw,48px);border:1px solid rgba(238,205,163,.24);background:linear-gradient(135deg,rgba(26,23,19,.91),rgba(29,24,19,.78));box-shadow:0 20px 80px rgba(0,0,0,.22);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}
.hero h1{font-size:clamp(58px,6vw,88px);margin:23px 0 18px}
.hero-lede{max-width:405px}
.hero-small{margin-top:38px;flex-wrap:wrap}
.scene-label{z-index:3;left:6.1vw;right:6.1vw;color:#e2c8a7;text-shadow:0 1px 8px #17140f}
.scene-top{top:101px}
.scene-caption{z-index:3;left:6.1vw;right:6.1vw;bottom:27px;text-shadow:0 1px 8px #17140f}
.scene-vertical{z-index:3;right:2.5vw;text-shadow:0 1px 8px #17140f}
.hero-edge{z-index:4;left:6.1vw;right:6.1vw;bottom:25px;text-shadow:0 1px 8px #17140f}
.hero-edge span:nth-child(2){margin:auto}
@media(max-width:900px){.hero{padding-left:5vw;padding-right:5vw}.hero-copy{width:min(540px,58vw);padding:30px}.scene-label,.scene-caption{left:5vw;right:5vw}.hero-edge{left:5vw;right:5vw}}
@media(max-width:640px){
  .hero{height:auto;min-height:850px;padding:105px 14px 65px;display:flex;align-items:flex-start}
  .hero-copy{width:min(100%,500px);margin:20px auto 0;padding:23px 20px;z-index:4}
  .hero h1{font-size:clamp(49px,13.5vw,68px);margin:18px 0 16px}
  .hero-lede{font-size:11px;max-width:340px}
  .hero-buttons{gap:13px}
  .btn{padding:12px 12px;gap:15px}
  .hero-small{margin-top:24px;gap:12px;font-size:6px}
  .scene-wrap{inset:0;opacity:1}
  .scene-wrap:after{background:linear-gradient(180deg,rgba(19,17,14,.38),rgba(19,17,14,.08) 24%,rgba(19,17,14,.12) 56%,rgba(19,17,14,.43)),linear-gradient(90deg,rgba(19,17,14,.12),transparent 45%)}
  .scene-label{left:16px;right:16px;top:80px;font-size:6px}
  .scene-caption{left:16px;right:16px;bottom:27px;font-size:6px}
  .scene-vertical{right:8px;top:47%;font-size:6px}
  .hero-edge{left:16px;right:16px;bottom:10px;font-size:6px}
  .hero-edge span:nth-child(3){display:none}
  .fallback-sun{width:85px;height:85px;top:48%;left:67%}
  .fallback-burj{height:154px;bottom:24%;left:72%}
  .fallback-skyline{bottom:24%;left:39%;right:9%;height:120px}
}
@media(prefers-reduced-motion:reduce){.hero-copy{backdrop-filter:none;-webkit-backdrop-filter:none}}
.scene-fallback{z-index:0}

/* Editorial cards with stronger image presence and clear reading hierarchy */
.articles-grid{gap:30px 23px}
.article-card{overflow:hidden;border:1px solid rgba(239,219,189,.13);background:linear-gradient(155deg,rgba(255,255,255,.035),rgba(255,255,255,.012));box-shadow:0 12px 35px rgba(0,0,0,.12)}
.article-card:hover{transform:translateY(-7px);border-color:rgba(241,122,77,.58);box-shadow:0 22px 48px rgba(0,0,0,.24)}
.card-art{height:250px;isolation:isolate}
.card-art:before{content:"";position:absolute;z-index:0;width:210px;height:210px;border:1px solid rgba(246,226,195,.28);border-radius:50%;left:50%;top:52%;transform:translate(-50%,-50%);box-shadow:0 0 0 20px rgba(246,226,195,.035),0 0 0 44px rgba(246,226,195,.025)}
.card-art:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.34;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(135deg,black,transparent 85%)}
.card-art>*{z-index:2}
.art-orb,.map-sun,.tax-disc{filter:drop-shadow(0 10px 26px rgba(244,150,93,.25))}
.card-info{padding:16px 17px 17px}
.card-meta{gap:8px;font-size:7px}
.card-info h3{font-size:20px;line-height:1.2;margin:14px 0 9px}
.card-info p{font-size:10px;min-height:48px}
.card-go{padding-top:13px}
@media(max-width:900px){.card-art{height:220px}}
@media(max-width:640px){
  .header-cta{display:none}
  .hero h1{font-size:clamp(38px,10vw,47px);letter-spacing:-.068em}
  .hero-copy{overflow:hidden}
  .articles-grid{gap:17px 11px}
  .article-card{border-radius:2px}
  .card-art{height:155px}
  .card-art:before{width:130px;height:130px;box-shadow:0 0 0 14px rgba(246,226,195,.035),0 0 0 29px rgba(246,226,195,.025)}
  .card-info{padding:12px 10px 12px}
  .card-meta{display:block;font-size:6px;line-height:1.6}
  .card-meta b{display:block;margin-top:3px}
  .card-info h3{font-size:15px;line-height:1.22;margin:9px 0 6px}
  .card-info p{font-size:8px;line-height:1.55;min-height:50px}
  .card-go{font-size:6px;padding-top:9px}
}
@media(max-width:640px){.ticker{transform:rotate(-1.1deg) scale(1)}}


/* Keep one moon in the live scene and a seamless, edge-to-edge topic ticker */
.scene-fallback{background:linear-gradient(180deg,#392b21,#1b1814 70%)}
.scene-fallback[hidden]{display:none!important}
.ticker{transform:rotate(-2deg) scaleX(.96)!important;transform-origin:center;width:104%;margin:0 0 0 -2%;border:0;box-shadow:none}
.ticker-track{display:flex;width:max-content;min-width:0;gap:0;will-change:transform}
.ticker-group{display:flex;flex:none;align-items:center;gap:34px;padding-right:34px;white-space:nowrap}
@media(max-width:640px){.ticker{transform:rotate(-1.4deg) scaleX(.98)!important;width:102%;margin-left:-1%}.ticker-group{gap:24px;padding-right:24px}}
@media(prefers-reduced-motion:reduce){.ticker-track{animation:none}}



/* Night lighting and a single moon; keep the fallback in the same palette */
.hero{background:radial-gradient(ellipse at 75% 28%,#1e2a3d 0%,#141e2c 42%,#0d141f 74%,#0b111a 100%)}
.scene-wrap:after{background:linear-gradient(90deg,rgba(8,13,21,.84) 0%,rgba(8,13,21,.70) 31%,rgba(8,13,21,.31) 54%,rgba(8,13,21,.02) 78%),linear-gradient(0deg,rgba(8,13,21,.18),transparent 27%,rgba(8,13,21,.08))}
@media(max-width:640px){.scene-wrap:after{background:linear-gradient(180deg,rgba(8,13,21,.3),rgba(8,13,21,.04) 24%,rgba(8,13,21,.12) 56%,rgba(8,13,21,.37)),linear-gradient(90deg,rgba(8,13,21,.10),transparent 45%)}}
.scene-fallback{background:radial-gradient(1px 1px at 24% 22%,rgba(218,228,244,.75) 60%,transparent),radial-gradient(1px 1px at 72% 16%,rgba(218,228,244,.65) 60%,transparent),radial-gradient(1px 1px at 84% 41%,rgba(218,228,244,.55) 60%,transparent),linear-gradient(180deg,#101827,#151922 70%)}
.fallback-moon{position:absolute;top:18%;left:67%;width:94px;height:94px;border-radius:50%;background:radial-gradient(circle at 34% 30%,#eef0ee 0,#c6ccd2 42%,#929baa 80%,#707b8d 100%);box-shadow:0 0 48px 11px rgba(166,190,225,.17)}
#desert-scene{opacity:0;transition:opacity .55s ease}
#desert-scene.ready{opacity:1}
@media(prefers-reduced-motion:reduce){#desert-scene,.scene-fallback{transition-duration:.01ms}}
.fallback-moon:before,.fallback-moon:after{content:"";position:absolute;border-radius:50%;background:radial-gradient(circle at 35% 35%,#6f7888 0 26%,#aeb6c1 39%,rgba(105,115,130,0) 72%)}
.fallback-moon:before{width:25px;height:25px;left:20px;top:22px}.fallback-moon:after{width:15px;height:15px;right:17px;bottom:20px}
.fallback-dune{background:linear-gradient(165deg,#716557,#44434c 50%,#262e3b);box-shadow:0 -18px 40px rgba(155,177,215,.1)}
.fallback-skyline i{background:#141a24}.fallback-burj{background:linear-gradient(90deg,#141a24,#263142)}
@media(max-width:640px){.fallback-moon{width:76px;height:76px;top:48%;left:67%}}

/* Keep article listings text-only until approved photography is available. */
.card-art,.article-hero-art{display:none!important}
.card-info{padding:24px 22px 22px}
@media(max-width:640px){.card-info{padding:17px 14px 15px}}

@media(max-width:640px){.brand-symbol{width:38px;height:38px}.brand-wordmark{font-size:9px;letter-spacing:.12em}}

/* Hero entrance: the copy panel and its contents rise in once on load,
   staggered, so the first screen feels composed rather than snapped on.
   The global reduced-motion rule above already neutralises this. */
@keyframes heroRise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.hero-copy{animation:heroRise .8s cubic-bezier(.22,.8,.3,1) both}
.hero-copy>*{animation:heroRise .9s cubic-bezier(.22,.8,.3,1) both}
.hero-copy>*:nth-child(2){animation-delay:.09s}
.hero-copy>*:nth-child(3){animation-delay:.18s}
.hero-copy>*:nth-child(4){animation-delay:.27s}
.hero-copy>*:nth-child(5){animation-delay:.36s}
/* Article cards: ease the shadow together with the lift so hover feels soft. */
.article-card{transition:transform .3s,border-color .3s,box-shadow .3s}

/* Ticker seam fix: the rotated band now overlaps the cream intro section, so
   the corner triangle under its lifted right end shows cream instead of the
   black page background. Full-bleed width without the old scaleX shrink, so
   no dark slivers survive at the screen edges either. */
.ticker{transform:rotate(-2deg)!important;width:104%;margin:0 0 -58px -2%}
.intro{padding-top:152px}
@media(max-width:640px){.ticker{transform:rotate(-1.4deg)!important;margin-bottom:-46px}.intro{padding-top:114px}}

/* --- React Bits-inspired layer (vanilla ports) --- */
/* Blur Text / Split Text: words start blurred and low, then resolve. */
.bw{display:inline-block;opacity:0;filter:blur(10px);transform:translateY(12px);transition:opacity .7s ease,filter .7s ease,transform .7s ease}
.bw.on{opacity:1;filter:blur(0);transform:none}
/* Shiny Text: a sun-glint band sweeps the serif italics every few seconds. */
.hero h1 em,.journal-head h2 em{--emb:#f18a59}
.intro h2 em,.route-copy h2 em,.quiz-result h3 em{--emb:#b9673d}
.closing h2 em{--emb:#ffe0b3}
.hero h1 em,.intro h2 em,.journal-head h2 em,.route-copy h2 em,.closing h2 em,.quiz-result h3 em{color:transparent;background-image:linear-gradient(105deg,var(--emb) 40%,#ffe9c4 50%,var(--emb) 60%);background-size:280% 100%;-webkit-background-clip:text;background-clip:text;animation:emSheen 6s ease-in-out infinite}
.journal-head h2 em{animation-delay:1.6s}
.intro h2 em{animation-delay:2.8s}
.closing h2 em{animation-delay:4s}
@keyframes emSheen{0%{background-position:130% 0}42%,100%{background-position:-130% 0}}
/* Glare Hover: a lantern-light wash follows the cursor across cards. */
.glare{position:relative}
.glare:after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;opacity:0;transition:opacity .35s;background:radial-gradient(340px circle at var(--mx,50%) var(--my,50%),rgba(255,196,128,.16),transparent 55%)}
.glare:hover:after{opacity:1}
.service-rail>a{overflow:hidden}
/* Magnet: CTAs lean toward the cursor (transform driven from script.js). */
.magnet{transition:transform .3s cubic-bezier(.2,.8,.3,1.15),background .25s}
/* Circular Text: a slowly rotating field-notes seal in the hero corner. */
.orbit-badge{position:absolute;right:6.1vw;bottom:64px;width:108px;height:108px;z-index:4;pointer-events:none}
.orbit-badge svg{width:100%;height:100%;animation:orbitSpin 26s linear infinite}
.orbit-badge text{font:500 8.5px var(--mono);letter-spacing:1.6px;fill:#d8b98a}
.orbit-badge>span{position:absolute;inset:0;display:grid;place-items:center;font-size:19px;color:var(--orange)}
@keyframes orbitSpin{to{transform:rotate(360deg)}}
@media(max-width:900px){.orbit-badge{right:5vw}}
@media(max-width:640px){.orbit-badge{display:none}}
/* Side Rays: slow sun shafts drift over the closing section's sunset. */
.closing:before{content:"";position:absolute;inset:-12% -6%;z-index:0;pointer-events:none;background:repeating-conic-gradient(from -8deg at 82% 0%,rgba(255,226,175,.09) 0deg 5deg,transparent 5deg 13deg);-webkit-mask-image:radial-gradient(65% 85% at 82% 0%,black 0%,transparent 68%);mask-image:radial-gradient(65% 85% at 82% 0%,black 0%,transparent 68%);transform-origin:82% 0;animation:raysSway 10s ease-in-out infinite alternate}
@keyframes raysSway{from{transform:rotate(-1.6deg);opacity:.75}to{transform:rotate(2.2deg);opacity:1}}
.closing>*:not(.closing-sun):not(.closing-mark){position:relative;z-index:1}