/* Concept 03: a cinematic collection */
:root{--paper:#171b19;--ink:#f0e8d6;--muted:#c5c4b6;--line:#495046;--button-text:#171b19}body{background:radial-gradient(ellipse at 50% 0,#3a4539 0,#171b19 60%)}header{height:110px;border-bottom-color:#747b6555}.brand{letter-spacing:7px}.hero{padding-top:70px}.hero>.eyebrow{color:#dac08b}.hero h1{font-size:clamp(45px,6vw,88px);line-height:1.4;max-width:950px;margin-block:30px}.hero-bottom{margin-bottom:55px}.hero-bottom p{font-size:18px;max-width:600px}.button{background:#d9bd85;color:#171b19;border-color:#d9bd85;border-radius:40px}.button:hover{background:#f1d49c}.collection{gap:2px;padding:2px;background:#777a5c}.card{aspect-ratio:.76}.card img{filter:brightness(.85) saturate(.8)}.card:after{inset:0;background:linear-gradient(transparent 35%,#0e1714e0)}.card h3{font-size:39px;color:#fff4dc}.card small{color:#f3dcae}.card-top{color:#fff9e8;z-index:1}.card-bottom{inset:auto 30px 40px}.caption{padding-top:20px}.story{position:relative;padding:115px 15%}.story h2{font-size:clamp(36px,4.5vw,65px)}.story p{font-size:19px;max-width:720px}.story .eyebrow{color:#d9bd85}.shop{padding:55px 40px;background:#263029;border:1px solid var(--line)}.waitlist{background:#0f1511;border:1px solid var(--line);padding:50px}.text-link{color:#f0e8d6}input[type=email]{color:#fff6e4}.input-row{border-bottom-color:#abac95}input::placeholder{color:#a3aa9c}footer{background:#0f1511}.chapter{margin:35px 5% 0;padding:45px;display:grid;grid-template-columns:1fr 1fr;gap:55px;background:linear-gradient(120deg,#344334,#1c251e);border:1px solid #71805a}.chapter h2{margin:0;font-size:35px}.chapter p{margin:0;font-size:17px}.chapter-number{font:12px Georgia;letter-spacing:4px;color:#d9bd85;margin-bottom:25px}.chapter .eyebrow{color:#d9bd85}dialog{background:#1c251e}@media(max-width:700px){.hero{padding-top:40px}.hero h1{font-size:47px}.hero-bottom p{font-size:16px}.hero-bottom{margin-bottom:35px}.card{aspect-ratio:.52}.card-bottom{inset:auto 10px 22px}.card h3{font-size:24px}.card small{font-size:11px;letter-spacing:0}.card-top{inset:15px 8px auto}.story{padding:75px 7%}.story p{font-size:17px}.shop{padding:28px}.waitlist{padding:30px 20px}.chapter{grid-template-columns:1fr;padding:28px;gap:20px}.chapter h2{font-size:30px}}
#language{color:var(--ink)}
/* Product showroom: imagery leads; copy supports the display. */
body{background:#eee8dc;color:#2a302a;--paper:#eee8dc;--ink:#2a302a;--muted:#555c50;--line:#c5c9ba;--button-text:#fff9ed}
header{margin:0 4%;height:100px;border-bottom:1px solid #b7bbac}.brand{font-size:25px;letter-spacing:5px}#language{color:var(--ink)}
.showroom{display:grid;grid-template-columns:26% 74%;min-height:650px;border-bottom:1px solid var(--line);padding-inline-start:4%;overflow:hidden}.showroom-intro{padding:100px 0 50px;padding-inline-end:22px;align-self:center}.showroom h1{font-size:clamp(42px,4.3vw,70px);line-height:1.4;letter-spacing:-1px;margin:25px 0}.showroom-intro p{font-size:16px;max-width:260px}.showroom-intro .eyebrow{font-size:11px;letter-spacing:1px}.showroom-intro .text-link{display:inline-block;margin-top:24px;color:var(--ink)}.display-stage{position:relative;background:radial-gradient(ellipse at 50% 40%,#fffdf7 0,#dfdfd2 70%);padding:70px 5% 50px;display:flex;flex-direction:column;justify-content:center;min-width:0}.stage-label{text-align:center;font:10px Georgia;letter-spacing:4px;position:absolute;top:32px;inset-inline:0;color:#68725d}.stage-line{position:absolute;inset:72% 0 auto;height:1px;background:#c3c7b7}.display-stage .collection{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;background:none;padding:0;align-items:center;z-index:1}.display-stage .card{aspect-ratio:auto;overflow:visible;background:none;color:#2a302a;padding-bottom:90px;transition:transform .35s}.display-stage .card:hover{transform:translateY(-12px)}.display-stage .card img{height:340px;width:100%;object-fit:cover;border-radius:110px 110px 5px 5px;filter:none;box-shadow:12px 22px 28px #313d2b30;border:5px solid #fff9ec;transform:none}.display-stage .card:nth-child(2){transform:translateY(-25px)}.display-stage .card:nth-child(2):hover{transform:translateY(-37px)}.display-stage .card:after{display:none}.display-stage .card-top{inset:20px 16px auto;color:#fff;z-index:2;font-size:9px;letter-spacing:1px;text-shadow:0 1px 4px #000}.display-stage .card-bottom{inset:auto 0 5px;text-align:center}.display-stage .card h3{font-size:28px;color:#2a302a;margin:8px 0}.display-stage .card small{font-size:10px;letter-spacing:1px;color:#59634d}.display-stage .card .arrow{display:none}.stage-footer{display:flex;justify-content:space-between;gap:15px;color:#68725d;font-size:10px;position:absolute;bottom:22px;inset-inline:5%;line-height:1.8}.stage-footer span:first-child{max-width:80%}.selection{margin:0 4%;padding:65px 0;display:grid;grid-template-columns:1fr 1fr;gap:12%}.selection h2{font-size:40px}.selection .button,.waitlist .button,dialog .button,#product .button{background:#2d3d30;color:#fff7e7;border-color:#2d3d30}.selection p{margin-top:10px}.chapter{background:#d8dece;color:#2a302a;border:0;margin:0 4%;padding:40px}.chapter-number,.chapter .eyebrow{color:#56664c}.story{padding:80px 15%}.story .eyebrow{color:#56664c}.story h2{font-size:40px}.story p{font-size:17px}.shop{background:transparent;border-block:1px solid var(--line);border-inline:0;margin:0 4%;padding:35px 0}.shop .text-link{color:var(--ink)}.waitlist{background:#dde2d4;margin:55px 4%;border:0}.waitlist .text-link{color:var(--ink)}input[type=email]{color:var(--ink)}input::placeholder{color:#626b5a}footer{background:#29392e;color:#fff7e7}footer p{color:#dddccd}dialog{background:var(--paper)}#product{margin:30px 4%;border:1px solid var(--line);background:#e2e6db}.chapter h2{font-size:30px}
@media(min-width:1300px){.display-stage .card img{height:430px}.showroom{min-height:760px}}
@media(max-width:800px){.showroom{grid-template-columns:1fr;padding:0;min-height:0}.showroom-intro{padding:35px 5%;display:grid;grid-template-columns:1fr auto;gap:0 20px}.showroom-intro>.eyebrow{grid-column:1/-1}.showroom h1{font-size:43px;margin:14px 0}.showroom-intro p{max-width:420px;grid-column:1/-1;margin:0}.showroom-intro .text-link{grid-column:2;grid-row:2;align-self:center;margin:0}.display-stage{padding:65px 5% 55px}.display-stage .collection{gap:15px}.display-stage .card img{height:290px}.display-stage .card h3{font-size:25px}.display-stage .card{padding-bottom:80px}.selection{padding:35px 0;gap:20px}.selection h2{font-size:30px}.stage-footer{font-size:10px}.story{padding:60px 7%}}
@media(max-width:450px){header{height:auto;min-height:105px}.showroom-intro{display:block}.showroom-intro .text-link{margin-top:15px}.showroom h1{font-size:40px}.display-stage{padding:65px 4% 65px}.display-stage .collection{gap:9px}.display-stage .card img{height:220px;border-width:3px}.display-stage .card-top{inset:18px 9px auto;font-size:8px}.display-stage .card-top span:last-child{display:none}.display-stage .card h3{font-size:22px}.display-stage .card small{font-size:9px;letter-spacing:0}.display-stage .card{padding-bottom:70px}.selection{grid-template-columns:1fr;gap:0}.stage-footer{font-size:9px}.chapter{padding:25px}}
.showroom #product{margin:25px 0 0;padding:18px 0 0;border:0;border-top:1px solid var(--line);background:none}.showroom #product h2{font-size:28px;margin:12px 0}.showroom #product .eyebrow{font-size:10px}.showroom #product p{font-size:13px}.showroom #product .product-heading{flex-wrap:wrap;gap:8px}.showroom #product .text-link{font-size:12px;margin:0}.showroom #product .button{font-size:12px;padding:12px 16px}.showroom #product .text-link{color:var(--ink)}
/* Olive navigation against the warm neutral canvas. */
header{margin:0;padding-inline:4%;width:100%;background:#354536;color:#fff5e2;border-bottom:1px solid #57634b}
header .brand,header nav,header #language{color:#fff5e2}
header #language{background:transparent;border-color:#aeb79b}
header nav a:hover{color:#e1c88f}
@font-face{font-family:'Miskar Amiri';src:url('/assets/fonts/Amiri-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
html[lang=ar] .showroom h1{font-family:'Miskar Amiri','Geeza Pro',serif;font-weight:400;font-size:clamp(58px,5.6vw,86px);line-height:1.5;letter-spacing:0;margin-block:12px 20px}
@media(max-width:800px){html[lang=ar] .showroom h1{font-size:62px}}
@media(max-width:450px){html[lang=ar] .showroom h1{font-size:54px}}
/* Regional labels follow the approved Arabic display typeface. */
html[lang=ar] .display-stage .card h3{font-family:'Miskar Amiri','Geeza Pro',serif;font-weight:400;font-size:34px;line-height:1.45;letter-spacing:0}
.display-stage .card-top{color:#000;text-shadow:none}
@media(max-width:800px){html[lang=ar] .display-stage .card h3{font-size:31px}}
@media(max-width:450px){html[lang=ar] .display-stage .card h3{font-size:28px}}
/* Align the trio and keep captions clear of the stage divider. */
.display-stage .card:nth-child(2),.display-stage .card:nth-child(2):hover,.display-stage .card:hover{transform:none}
.stage-line{inset: auto 0 128px}
.display-stage .card{padding-bottom:100px}
.display-stage .card-bottom{bottom:0}
.display-stage .card img{transition:filter .35s,box-shadow .35s}
.display-stage .card:hover img{transform:none;filter:brightness(1.04);box-shadow:12px 22px 32px #313d2b40}
@media(max-width:800px){.display-stage .card{padding-bottom:95px}.stage-line{bottom:125px}}
@media(max-width:450px){.display-stage .card{padding-bottom:90px}.stage-line{bottom:135px}}
.stage-line{display:none}
.display-stage .collection:before{content:'';position:absolute;inset-inline:0;top:354px;height:1px;background:#c3c7b7;pointer-events:none}
@media(min-width:1300px){.display-stage .collection:before{top:444px}}
@media(max-width:800px){.display-stage .collection:before{top:304px}}
@media(max-width:450px){.display-stage .collection:before{top:234px}}
/* Lift only the photographs; captions remain below the divider. */
.display-stage .card-top span:last-child{display:none}
.display-stage .card img{transition:transform .4s ease,filter .4s ease,box-shadow .4s ease}
.display-stage .card:hover img,.display-stage .card:focus-visible img{transform:translateY(-12px);filter:brightness(1.04);box-shadow:12px 28px 32px #313d2b40}
@media(prefers-reduced-motion:reduce){.display-stage .card img{transition:none}.display-stage .card:hover img,.display-stage .card:focus-visible img{transform:none}}
/* Keep the fixed collection numbers above the lifted photographs. */
.display-stage .card-top{top:-32px;inset-inline:16px;line-height:16px}
@media(max-width:800px){.display-stage .card-top{top:-30px;inset-inline:8px}}
/* A subtle adjustment, clear of the rounded image shoulder. */
.display-stage .card-top{top:-8px}
@media(max-width:800px){.display-stage .card-top{top:-8px}}
/* Original light beige palette, with a tonal navigation bar. */
:root{--paper:#f6f2e9;--ink:#302b24;--muted:#62594e;--line:#d8cfbf}
body{background:#f6f2e9;color:var(--ink)}
header{background:#e4dac9;color:#302b24;border-bottom:1px solid #cbbda6}
header .brand,header nav,header #language{color:#302b24}
header #language{border-color:#ad9c80}
header nav a:hover{color:#715934}
.display-stage{background:radial-gradient(ellipse at 50% 40%,#fffdf7 0,#ece6da 75%)}
.waitlist{background:#eae2d4}
.chapter{background:#e9e1d4}
footer{background:#ddd1be;color:#302b24}
footer p{color:#62594e}
html[lang=ar] .selection h2{font-family:'Miskar Amiri','Geeza Pro',serif;font-weight:400;font-size:clamp(38px,4vw,56px);line-height:1.5;letter-spacing:0}
/* Unified Arabic display headings throughout the site. */
html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3,html[lang=ar] h4,html[lang=ar] h5,html[lang=ar] h6,html[lang=ar] strong,html[lang=ar] b{font-family:'Miskar Amiri','Geeza Pro',serif;font-weight:400;letter-spacing:0;line-height:1.5}
/* Standalone regional stories, retaining a visible route to all three designs. */
body.region-page main>section:not(#product){display:none}
#product{margin:0;padding:0;border:0;background:var(--paper)}
#product[hidden]{display:none}
.region-nav{margin:0 5%;padding:24px 0;display:flex;justify-content:space-between;gap:20px;align-items:center;font:11px Georgia;letter-spacing:2px}.region-nav .text-link{color:var(--ink);font:14px Tahoma;letter-spacing:0}
.region-hero{position:relative;margin:0 4%;overflow:hidden}.region-hero>img{width:100%;height:clamp(320px,52vw,660px);object-fit:cover;display:block}.region-hero:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#25190d99)}.region-title{position:absolute;bottom:35px;inset-inline:40px;color:#fff6e5;z-index:1}.region-title>span{font:10px Georgia;letter-spacing:3px}.region-title h1{font-size:80px;margin:8px 0 0;line-height:1.2}.region-story{text-align:center;padding:60px 15% 70px}.region-story .eyebrow{justify-content:center}.region-story p{font-size:22px;line-height:2;max-width:800px;margin:25px auto 30px;color:var(--ink)}.region-story .button{background:#3c4635;color:#fff8e8;border-color:#3c4635}.region-more{border-top:1px solid var(--line);padding:40px 5%;text-align:center}.region-more h2{font-size:36px}.region-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:850px;margin:30px auto}.region-links a{border-bottom:1px solid var(--line);padding-bottom:15px}.region-links a[aria-current]{border-bottom:2px solid #645634}.region-links img{width:100%;height:190px;object-fit:cover}.region-links span{display:block;margin-top:12px;font-size:25px}html[lang=ar] .region-links span{font-family:'Miskar Amiri',serif}.region-note{font-size:11px}
@media(max-width:700px){.region-nav{font-size:9px;letter-spacing:1px}.region-hero>img{height:370px;object-position:65% center}.region-title{inset-inline:22px;bottom:25px}.region-title h1{font-size:62px}.region-story{padding:40px 7%}.region-story p{font-size:18px}.region-links{gap:10px}.region-links img{height:150px}.region-links span{font-size:22px}.region-more h2{font-size:30px}}
/* Najd: story text sits on the quiet wall beside the doorway. */
.region-hero-integrated:after{inset:0;background:linear-gradient(90deg,#25190dd4 0%,#25190d83 43%,transparent 72%)}
.region-hero-integrated .region-title{inset-inline:auto;left:5%;bottom:50%;transform:translateY(50%);width:43%;max-width:530px;text-align:start}
.region-overlay-story{font-size:21px;line-height:2;color:#fff8e9;margin:22px 0 0;max-width:480px}
.region-story-integrated>p,.region-story-integrated>.eyebrow{display:none}
.region-story-integrated{padding:30px 15% 45px}
@media(max-width:700px){.region-hero-integrated>img{height:520px;object-position:60% center}.region-hero-integrated:after{background:linear-gradient(0deg,#25190de8 0%,#25190d80 45%,transparent 85%)}.region-hero-integrated .region-title{left:7%;right:7%;bottom:30px;transform:none;width:auto;max-width:none}.region-overlay-story{font-size:17px;line-height:1.9;margin-top:15px;max-width:480px}.region-hero-integrated .region-title h1{font-size:60px}}
/* Poetic, readable Arabic copy on Najd's image. */
html[lang=ar] .region-overlay-story{font-family:'Miskar Amiri','Geeza Pro',serif;font-weight:400;font-size:29px;line-height:1.85;letter-spacing:0;text-shadow:0 1px 3px #21170e66}
@media(max-width:700px){html[lang=ar] .region-overlay-story{font-size:24px;line-height:1.8}}
@font-face{font-family:'Miskar Naskh';src:url('/assets/fonts/NotoNaskhArabic.ttf') format('truetype');font-style:normal;font-weight:400 700;font-display:swap}
html[lang=ar] .region-overlay-story{font-family:'Miskar Naskh','Geeza Pro',serif;font-weight:400;font-size:26px;line-height:1.9}
@media(max-width:700px){html[lang=ar] .region-overlay-story{font-size:22px;line-height:1.85}}
/* Consistent section overlines in each language. */
html[lang=ar] .selection .eyebrow,html[lang=ar] .chapter-number,html[lang=ar] .shop .eyebrow{font-family:Tahoma,Arial,sans-serif;font-size:13px;font-weight:400;line-height:1.8;letter-spacing:0;color:var(--muted)}
html[lang=en] .selection .eyebrow,html[lang=en] .chapter-number,html[lang=en] .shop .eyebrow{font-family:Arial,sans-serif;font-size:12px;font-weight:400;line-height:1.8;letter-spacing:2px;color:var(--muted)}
.brand img{width:90px;height:90px;object-fit:contain;display:block;mix-blend-mode:multiply}
header{min-height:112px}
footer .brand img{width:110px;height:110px}
@media(max-width:700px){.brand img{width:76px;height:76px}header{min-height:100px}}
/* Hide the bot field without expanding RTL document width. */
.trap{position:absolute;left:auto;right:auto;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap}