@font-face{font-family:'SP Arrows';src:url(../fonts/sp-arrows.woff) format('woff');unicode-range:U+2193,U+2196,U+2197;font-display:block}
:root{--espresso:#151210;--ivory:#EFE8D6;--gold:#C0AD79;--matcha:#A2A66A;--obsidian:#292522;
--serif:'SP Arrows','Cormorant Garamond','Times New Roman',serif;--sans:'SP Arrows','Manrope',system-ui,sans-serif;--tech:'SP Arrows','Montserrat','Arial',sans-serif;
box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);color-scheme:dark}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--espresso:#151210;--ivory:#EFE8D6}}
:root[data-theme="dark"]{--espresso:#151210;--ivory:#EFE8D6}
html{scroll-padding-top:env(safe-area-inset-top,0px);scroll-behavior:smooth}
*{box-sizing:border-box;margin:0}
body{background:var(--espresso);color:var(--ivory);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
.hero{position:relative;min-height:100svh;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;isolation:isolate}
.bgw{position:absolute;inset:-4%;z-index:-3;transform:translate3d(var(--px,0px),calc(var(--py,0px) + var(--sy,0px)),0) scale(1.04);transition:transform .7s cubic-bezier(.2,.7,.2,1);will-change:transform}.bgw video,.bgw .poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero video{transition:opacity .7s ease}
.shade{position:absolute;inset:0;z-index:-2;pointer-events:none;
 background:linear-gradient(to top,rgba(21,18,16,.96) 0%,rgba(21,18,16,.62) 46%,rgba(21,18,16,0) 78%),linear-gradient(to bottom,rgba(21,18,16,.7),rgba(21,18,16,0) 22%)}
@media(min-width:900px){.shade{background:linear-gradient(90deg,rgba(21,18,16,.94) 0%,rgba(21,18,16,.7) 34%,rgba(21,18,16,0) 70%),linear-gradient(to bottom,rgba(21,18,16,.7),rgba(21,18,16,0) 22%),linear-gradient(to top,rgba(21,18,16,1),rgba(21,18,16,0) 22%)}}
/* top bar */
header.bar{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;padding:calc(env(safe-area-inset-top,0px) + 22px) 22px 0;opacity:0;transform:translateY(-8px);transition:opacity 1.2s ease,transform 1.2s ease;z-index:5}
.t1 header.bar{opacity:1;transform:none}
.brand{display:flex;gap:12px;align-items:center;color:inherit;text-decoration:none}
.brand img{width:44px;height:44px;border-radius:50%;mix-blend-mode:screen}
.brand b{display:block;font:500 1.05rem var(--serif);letter-spacing:.2em;text-transform:uppercase;color:var(--ivory)}
.brand small{display:block;margin-top:5px;font:500 12px var(--tech);letter-spacing:.24em;color:var(--gold)}
nav.menu{display:none;gap:38px;align-items:center;padding-top:10px}
nav.menu a,.sheet a{font:500 12px var(--tech);letter-spacing:.24em;text-transform:uppercase;color:var(--ivory);text-decoration:none;transition:color .3s}
nav.menu a:hover,nav.menu a:focus-visible,.sheet a:hover{color:var(--gold);outline:none}
.burger{background:none;border:0;width:44px;height:44px;margin:-4px -8px 0 0;cursor:pointer;display:grid;place-content:center;gap:6px}
.burger i{display:block;width:26px;height:1.5px;background:var(--ivory);transition:transform .3s,opacity .3s}
.open .burger i:nth-child(1){transform:translateY(7.5px) rotate(45deg)}.open .burger i:nth-child(2){opacity:0}.open .burger i:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}
.sheet{position:fixed;inset:0;z-index:4;background:rgba(21,18,16,.97);display:flex;flex-direction:column;justify-content:center;gap:34px;padding:0 32px;opacity:0;pointer-events:none;transition:opacity .4s}
.sheet a{font:500 1.7rem var(--serif);letter-spacing:.18em}
.open .sheet{opacity:1;pointer-events:auto}
@media(min-width:900px){nav.menu{display:flex}.burger,.sheet{display:none}.brand img{width:52px;height:52px}.brand b{font-size:1.25rem}}
/* copy */
.copy{padding:0 22px calc(env(safe-area-inset-bottom,0px) + 40px);max-width:820px}
@media(min-width:900px){.copy{padding:0 6vw 11vh}}
h1{font:500 clamp(2.7rem,12.5vw,5.3rem)/.98 var(--serif);letter-spacing:.03em;text-transform:uppercase}
h1 span{display:block;white-space:nowrap;opacity:0;transform:translateY(22px);filter:blur(6px);transition:opacity 1.3s ease,transform 1.3s ease,filter 1.3s ease}
h1 .g{color:var(--gold);font-style:italic}
.l1 h1 span:nth-child(1),.l2 h1 span:nth-child(2),.l3 h1 span:nth-child(3){opacity:1;transform:none;filter:none}
.lead{max-width:44ch;margin-top:26px;font:400 clamp(.98rem,3.8vw,1.12rem)/1.65 var(--sans);color:rgba(239,232,214,.84);opacity:0;transform:translateY(12px);transition:opacity 1.2s,transform 1.2s}
.t3 .lead{opacity:1;transform:none}
.cta{display:flex;flex-wrap:wrap;gap:14px 28px;align-items:center;margin-top:34px;opacity:0;transform:translateY(12px);transition:opacity 1.1s,transform 1.1s}
.t4 .cta{opacity:1;transform:none}
.btn{font:600 12px var(--tech);letter-spacing:.2em;text-transform:uppercase;text-decoration:none;color:var(--espresso);background:var(--gold);padding:18px 30px;border-radius:2px;transition:background .3s,transform .3s}
.btn:hover,.btn:focus-visible{background:var(--ivory);outline:none;transform:translateY(-2px)}
.ghost{font:600 12px var(--tech);letter-spacing:.2em;text-transform:uppercase;text-decoration:none;color:var(--ivory);padding:6px 0;border-bottom:1px solid rgba(192,173,121,.5);transition:color .3s,border-color .3s}
.ghost:hover,.ghost:focus-visible{color:var(--gold);border-color:var(--gold);outline:none}
.intro{position:fixed;inset:0;z-index:100;background:#0b0906;display:grid;place-items:center;overflow:hidden;transition:opacity 1.5s ease,transform 1.9s ease}
.intro video{width:100%;height:100%;object-fit:cover}
@media(min-aspect-ratio:1/1){.intro video{object-fit:contain}}
.intro.out{opacity:0;transform:scale(1.07);pointer-events:none}
.skip{position:absolute;right:20px;bottom:calc(env(safe-area-inset-bottom,0px) + 22px);background:none;color:rgba(239,232,214,.75);border:1px solid rgba(192,173,121,.4);padding:11px 20px;font:600 12px var(--tech);letter-spacing:.24em;text-transform:uppercase;cursor:pointer;transition:color .3s,border-color .3s}
.skip:hover{color:var(--gold);border-color:var(--gold)}
.spot{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(440px circle at var(--mx,70%) var(--my,40%),rgba(192,173,121,.17),transparent 62%);mix-blend-mode:screen;opacity:0;transition:opacity 1.4s}
.t1 .spot{opacity:1}
@media(hover:none){.spot{display:none}}
.dust{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.hero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.09;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
h1 .g{background:linear-gradient(100deg,#C0AD79 35%,#fff0c4 50%,#C0AD79 65%) 120% 0/250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}
.l2 h1 .g{animation:shim 2.8s ease 1.1s 1 both}
@keyframes shim{from{background-position:120% 0}to{background-position:-30% 0}}
.btn{box-shadow:0 0 0 rgba(192,173,121,0);will-change:transform}.btn:hover{box-shadow:0 10px 36px -8px rgba(192,173,121,.55)}
.worlds{background:var(--espresso);padding:clamp(90px,16vh,170px) 22px clamp(80px,14vh,150px)}
.worlds h2{text-align:center;font:500 clamp(1.9rem,5.4vw,3.4rem)/1.1 var(--serif);letter-spacing:.04em;text-transform:uppercase;margin-bottom:clamp(40px,7vh,72px)}
.worlds h2 em{color:var(--gold);font-style:italic}
.cards{display:grid;grid-template-columns:1fr;gap:18px;max-width:1280px;margin:0 auto}
@media(min-width:560px){.cards{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.cards{grid-template-columns:repeat(4,1fr);gap:22px}}
.card{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;border-radius:4px;background:var(--obsidian);color:var(--ivory);text-decoration:none;isolation:isolate}
.card.slot{background:linear-gradient(160deg,#211d1a,#191614);border:1px solid rgba(192,173,121,.14)}
.card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.6s cubic-bezier(.2,.7,.2,1)}
.card::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(21,18,16,.96) 0%,rgba(21,18,16,.62) 30%,rgba(21,18,16,0) 58%),linear-gradient(to bottom,rgba(21,18,16,.5),rgba(21,18,16,0) 22%)}
a.card:hover img,a.card:focus-visible img{transform:scale(1.06)}
a.card:focus-visible{outline:1px solid var(--gold);outline-offset:4px}
.lab{position:absolute;top:20px;left:22px;font:600 12px var(--tech);letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}
.info{position:absolute;left:22px;right:22px;bottom:22px;display:flex;flex-direction:column;gap:12px}
.info b{font:500 clamp(1.7rem,2.3vw,2.35rem)/1.02 var(--serif);letter-spacing:.01em}
@media(min-width:1000px){.info i{min-height:2.7em}}
.info i{font:500 12px var(--tech);letter-spacing:.2em;text-transform:uppercase;font-style:normal;color:rgba(239,232,214,.82)}
.info u{margin-top:10px;align-self:flex-start;font:500 .78rem var(--sans);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:var(--gold);padding-bottom:5px;border-bottom:1px solid rgba(192,173,121,.45);transition:letter-spacing .4s,color .3s,border-color .3s}
a.card:hover u{letter-spacing:.2em;color:var(--ivory);border-color:var(--ivory)}
.rv{opacity:0;transform:translateY(36px);transition:opacity 1.2s ease,transform 1.3s cubic-bezier(.2,.7,.2,1)}
.rv.in{opacity:1;transform:none}
body.lock{overflow:hidden}
.wv{position:fixed;inset:0;z-index:90;background:var(--espresso);overflow:hidden;clip-path:circle(0 at var(--ox,50%) var(--oy,50%));visibility:hidden;transition:clip-path .9s cubic-bezier(.7,0,.2,1),visibility 0s .9s}
.wv.on{clip-path:circle(160% at var(--ox,50%) var(--oy,50%));visibility:visible;transition:clip-path 1.1s cubic-bezier(.7,0,.2,1)}
.wv .vw{position:absolute;inset:0}.wv video,.wv .pst{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.wv video{transition:opacity .7s ease}
@media(min-width:900px){.wv .vw{inset:0 0 0 auto;width:64vw;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 30%,#000 86%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 30%,#000 86%,transparent 100%)}}
.wv .sh{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,rgba(21,18,16,.97) 0%,rgba(21,18,16,.74) 42%,rgba(21,18,16,0) 78%),linear-gradient(to bottom,rgba(21,18,16,.7),rgba(21,18,16,0) 24%)}
@media(min-width:900px){.wv .sh{background:linear-gradient(90deg,rgba(21,18,16,.96) 0%,rgba(21,18,16,.78) 36%,rgba(21,18,16,0) 70%),linear-gradient(to bottom,rgba(21,18,16,.7),rgba(21,18,16,0) 24%),linear-gradient(to top,rgba(21,18,16,1),rgba(21,18,16,0) 22%)}}
.wv .txt{position:absolute;left:22px;right:22px;bottom:calc(env(safe-area-inset-bottom,0px) + 40px);max-width:780px;opacity:0;transform:translateY(26px);transition:opacity 1.2s .8s,transform 1.2s .8s}
.wv.on .txt{opacity:1;transform:none}
@media(min-width:900px){.wv .txt{left:6vw;bottom:11vh}}
.wv .tl{font:600 12px var(--tech);letter-spacing:.26em;text-transform:uppercase;color:var(--gold);margin-bottom:18px}
.wv h2{font:500 clamp(2.5rem,11vw,5.2rem)/1 var(--serif);letter-spacing:.01em}
.wv h2 em{color:var(--gold);font-style:italic}
#wv3 .tl{color:var(--matcha)}
.wv .tg{margin-top:20px;font:500 12px var(--tech);letter-spacing:.22em;text-transform:uppercase;color:rgba(239,232,214,.88)}
.wv .btn{display:inline-block;margin-top:34px}
.wv .back{position:absolute;z-index:2;top:calc(env(safe-area-inset-top,0px) + 22px);left:22px;background:none;border:0;border-bottom:1px solid rgba(192,173,121,.5);padding:6px 0;color:var(--ivory);font:600 12px var(--tech);letter-spacing:.24em;text-transform:uppercase;cursor:pointer;opacity:0;transition:opacity .6s .9s,color .3s}
.wv.on .back{opacity:1}.wv .back:hover{color:var(--gold)}
@media(min-width:900px){.wv .back{left:6vw}}
.os{position:fixed;inset:0;z-index:120;background:var(--espresso);overflow-y:auto;overscroll-behavior:contain;opacity:0;visibility:hidden;transform:translateY(18px);transition:opacity .5s ease,transform .6s cubic-bezier(.2,.7,.2,1),visibility 0s .6s}
.os.on{opacity:1;visibility:visible;transform:none;transition:opacity .5s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.os .in{max-width:780px;margin:0 auto;padding:calc(env(safe-area-inset-top,0px) + 84px) 22px 80px}
.os .top{position:fixed;top:0;left:0;right:0;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:calc(env(safe-area-inset-top,0px) + 20px) 22px 14px;background:linear-gradient(var(--espresso) 60%,rgba(21,18,16,0))}
.os .top button{background:none;border:0;border-bottom:1px solid rgba(192,173,121,.5);padding:6px 0;color:var(--ivory);font:600 12px var(--tech);letter-spacing:.24em;text-transform:uppercase;cursor:pointer}
.os .top button:hover{color:var(--gold)}
.dots{display:flex;gap:8px}.dots i{width:22px;height:2px;background:rgba(239,232,214,.18);transition:background .4s}.dots i.on{background:var(--gold)}
.os .eyebrow{font:600 12px var(--tech);letter-spacing:.26em;text-transform:uppercase;color:var(--gold);margin-bottom:16px}
.os h3{font:500 clamp(2rem,7vw,3.2rem)/1.05 var(--serif);margin-bottom:34px}
.os h3 em{color:var(--gold)}
.pick{display:flex;flex-direction:column}
.row{display:grid;grid-template-columns:1fr auto;gap:6px 18px;align-items:baseline;text-align:left;width:100%;background:none;border:0;border-top:1px solid rgba(192,173,121,.18);padding:22px 0;color:inherit;cursor:pointer;transition:padding .35s,background .35s}
.row:last-child{border-bottom:1px solid rgba(192,173,121,.18)}
.row:hover,.row:focus-visible{padding-left:14px;background:linear-gradient(90deg,rgba(192,173,121,.08),transparent);outline:none}
.row b{font:500 1.55rem/1.1 var(--serif);color:var(--ivory)}
.row small{font:500 12px var(--tech);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);white-space:nowrap}
.row span{grid-column:1/-1;font:400 .95rem/1.5 var(--sans);color:rgba(239,232,214,.7);max-width:52ch}
.row.other b{font-style:italic;color:var(--gold)}
.fld{display:block;margin-bottom:22px}
.fld>span{display:block;font:600 12px var(--tech);letter-spacing:.24em;text-transform:uppercase;color:rgba(239,232,214,.75);margin-bottom:10px}
.fld input,.fld select,.fld textarea{width:100%;background:rgba(41,37,34,.55);border:1px solid rgba(192,173,121,.22);border-radius:2px;padding:16px;color:var(--ivory);font:400 1rem var(--sans);transition:border-color .3s}
.fld textarea{min-height:150px;resize:vertical;line-height:1.55}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:none;border-color:var(--gold)}
.fld select{appearance:none}.fld select option{background:#151210}
.two{display:grid;gap:0 18px}@media(min-width:620px){.two{grid-template-columns:1fr 1fr}}
.err{color:#e0a38a;font:500 .85rem var(--sans);margin:-10px 0 18px;min-height:0}
.drop{display:block;border:1px dashed rgba(192,173,121,.4);padding:26px 18px;text-align:center;color:rgba(239,232,214,.8);font:500 .9rem var(--sans);cursor:pointer;transition:background .3s,border-color .3s}
.drop:hover,.drop.hv{background:rgba(192,173,121,.07);border-color:var(--gold)}
.drop small{display:block;margin-top:8px;color:rgba(239,232,214,.5);font-size:.78rem}
.files{list-style:none;padding:0;margin:14px 0 0}
.files li{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid rgba(192,173,121,.14);font:400 .9rem var(--sans)}
.files li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.files li em{font-style:normal;color:rgba(239,232,214,.5);margin-left:8px;font-size:.8rem}
.files button{background:none;border:0;color:var(--gold);font:600 1rem var(--tech);cursor:pointer}
.os .btn{border:0;cursor:pointer;width:100%;margin-top:14px}
.os .sub{display:block;margin-top:18px;background:none;border:0;color:rgba(239,232,214,.6);font:500 12px var(--tech);letter-spacing:.2em;text-transform:uppercase;cursor:pointer}
.ok{text-align:center;padding-top:8vh}.ok h3{margin-bottom:18px}.ok p{color:rgba(239,232,214,.75);line-height:1.7;max-width:46ch;margin:0 auto 12px}
.ok .pv{font:500 12px var(--tech);letter-spacing:.18em;text-transform:uppercase;color:rgba(192,173,121,.7);margin-top:26px}
.worlds{padding:120px 22px 100px}
.worlds .wh{text-align:center;margin-bottom:55px}
.ey{font:500 12px var(--tech);letter-spacing:2.5px;text-transform:uppercase;color:var(--gold)}
.worlds .wh h2{font:500 64px/1 var(--serif);letter-spacing:.02em;text-transform:uppercase;margin:22px 0 0;color:var(--ivory)}
.worlds .wh p{font:400 15px/1.6 var(--sans);color:#BDB5A7;max-width:520px;margin:24px auto 0}
.cards{gap:18px}.card{border-radius:3px}
.card::before{background:linear-gradient(to top,rgba(21,18,16,.95) 0%,rgba(21,18,16,.58) 27%,rgba(21,18,16,0) 55%),linear-gradient(to bottom,rgba(21,18,16,.45),rgba(21,18,16,0) 20%)}
.card img{transition:transform .5s ease}a.card:hover img,a.card:focus-visible img{transform:scale(1.04)}
.lab{top:24px;left:24px;font:500 12px var(--tech);letter-spacing:.24em}
.info{left:24px;right:24px;bottom:24px;gap:12px}
.info b{font:600 29px/1.04 var(--serif);letter-spacing:0;color:var(--ivory)}
.info i{font:500 12px var(--tech);letter-spacing:.18em;color:var(--ivory)}
.info u{margin-top:8px;padding:0;border:0;font:500 12px var(--sans);letter-spacing:.16em;color:var(--gold);transition:color .3s}
.info u .ar{color:var(--ivory);transition:color .3s}a.card:hover u,a.card:hover u .ar{color:var(--gold);letter-spacing:.16em}
.vg{display:grid;grid-template-columns:1fr;gap:50px 24px;max-width:1280px;margin:100px auto 0}
@media(min-width:900px){.vg{grid-template-columns:1fr 1fr}}
.vf{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:3px;background:#292522}
.vf video,.vf .pst{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 46%}
.vl{margin-top:18px;font:500 12px var(--tech);letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}
.vb h3{font:500 36px/1.1 var(--serif);color:var(--ivory);margin-top:12px;text-transform:uppercase}
.vb p{font:400 14px/1.6 var(--sans);color:#BDB5A7;margin-top:12px;max-width:52ch}
.ct{max-width:760px;margin:110px auto 0;padding-bottom:10px;text-align:center}
.ct .ey{font-size:12px}
.ct h2{font:500 54px/1.05 var(--serif);text-transform:uppercase;margin:22px 0 0;color:var(--ivory)}
.ct h2 em{display:block;font:italic 500 58px/1.1 var(--serif);color:var(--gold)}
.ct p{font:400 15px/1.65 var(--sans);color:#BDB5A7;max-width:550px;margin:26px auto 0}
.btn2{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:auto;min-width:210px;height:52px;padding:0 24px;margin-top:34px;border-radius:3px;background:var(--gold);color:var(--espresso);text-decoration:none;font:600 12px var(--sans);letter-spacing:.14em;text-transform:uppercase;transition:background .25s}
.btn2:hover,.btn2:focus-visible{background:var(--ivory);outline:none}
.ct small{display:block;margin-top:24px;font:400 13px var(--sans);color:#BDB5A7;letter-spacing:.04em}
@media(max-width:700px){.worlds{padding:90px 18px 80px}.worlds .wh h2{font-size:42px}.worlds .wh p{font-size:13px}.cards{gap:16px}.info b{font-size:23px}.lab{font-size:12px}.vg{gap:36px 16px;margin-top:70px}.vb h3{font-size:27px}.vb p{font-size:13px}.ct{margin-top:80px}.ct h2{font-size:38px}.ct h2 em{font-size:40px}.btn2{height:48px}}
/* project builder */
.os h3{text-transform:uppercase;font:500 48px/1.04 var(--serif);margin-bottom:18px}.os h3 em{display:block}
@media(max-width:700px){.os h3{font-size:38px}}
.os .eyebrow{font:500 12px var(--tech);letter-spacing:.26em}
.sb{font:400 14px/1.6 var(--sans);color:#BDB5A7;max-width:46ch;margin-bottom:38px}
.stp{font:500 12px var(--tech);letter-spacing:.26em;text-transform:uppercase;color:var(--gold);margin:34px 0 14px}
.opt{display:flex;justify-content:space-between;align-items:center;gap:14px;width:100%;text-align:left;background:#292522;border:1px solid transparent;border-radius:3px;padding:18px 20px;margin-bottom:10px;color:var(--ivory);cursor:pointer;font:500 14px var(--sans);transition:border-color .3s,background .3s}
.opt:hover{border-color:rgba(192,173,121,.5)}.opt.sel{border-color:var(--gold)}
.opt b{font:500 14px var(--sans);letter-spacing:.04em}.opt small{font:400 12px var(--sans);color:#BDB5A7}
.opt.sel small{color:var(--gold)}
.sb2{font:400 14px var(--sans);color:#BDB5A7;margin:-4px 0 14px}
.os .fld input,.os .fld select,.os .fld textarea{font-size:14px}
.os .btn{background:var(--gold);color:var(--espresso);border-radius:3px;font:600 12px var(--sans);letter-spacing:.14em;margin-top:30px}
.os .btn:hover{background:var(--ivory)}
.sm{font:400 13px/1.6 var(--sans);color:#BDB5A7;margin:-8px 0 26px}
.pk{display:grid;gap:12px;margin-bottom:8px}@media(min-width:760px){.pk{grid-template-columns:repeat(3,1fr)}}
.pc{display:flex;flex-direction:column;gap:10px;text-align:left;background:#292522;border:1px solid transparent;border-radius:3px;padding:22px 20px;color:var(--ivory);cursor:pointer;transition:border-color .3s}
.pc:hover{border-color:rgba(192,173,121,.5)}.pc.sel{border-color:var(--gold)}
.pc small{font:500 12px var(--tech);letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}
.pc b{font:600 1.55rem/1 var(--serif);text-transform:uppercase;letter-spacing:.04em}
.pc em{font:500 .95rem var(--serif);font-style:italic;color:var(--ivory)}
.pc span{font:400 13px/1.55 var(--sans);color:#BDB5A7}
.pc ul{list-style:none;padding:0;margin:4px 0 0;font:400 13px/1.9 var(--sans);color:rgba(239,232,214,.85)}.pc li::before{content:"• ";color:var(--gold)}
.pc u{margin-top:auto;padding-top:12px;text-decoration:none;font:600 12px var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.sumr{border-top:1px solid rgba(192,173,121,.2)}.sumr>div{display:grid;gap:4px;padding:16px 0;border-bottom:1px solid rgba(192,173,121,.14)}
.sumr small{font:500 12px var(--tech);letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}.sumr b{font:500 1.2rem var(--serif)}.sumr em{font:400 13px var(--sans);font-style:normal;color:#BDB5A7}
.sumr .tot{display:flex;justify-content:space-between;align-items:baseline;border-bottom:0}.sumr .tot span{font:400 13px var(--sans);color:#BDB5A7}.sumr .tot b{font:italic 500 1.6rem var(--serif);color:var(--gold)}
.pkr{display:grid;gap:8px;margin:-2px 0 14px;padding:14px;background:rgba(41,37,34,.5);border-left:2px solid var(--gold)}
@media(min-width:700px){.pkr{grid-template-columns:repeat(4,1fr)}}
.pp{display:flex;flex-direction:column;gap:6px;text-align:left;background:#292522;border:1px solid transparent;border-radius:3px;padding:14px;color:var(--ivory);cursor:pointer;transition:border-color .3s}
.pp:hover{border-color:rgba(192,173,121,.5)}.pp.sel{border-color:var(--gold)}
.pp small{font:500 12px var(--tech);letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}.pp b{font:600 13px var(--sans)}.pp em{font:400 12px var(--sans);font-style:normal;color:#BDB5A7}
.rg{display:grid;gap:8px}@media(min-width:700px){.rg{grid-template-columns:repeat(3,1fr)}}.rg .opt{margin:0}
.chk{display:flex;gap:12px;align-items:flex-start;margin:0 0 14px;font:400 13px/1.55 var(--sans);color:#BDB5A7;cursor:pointer}.chk input{margin-top:3px;accent-color:#C0AD79}.chk a{color:var(--gold)}
header.bar{position:fixed;transition:opacity 1.2s ease,transform 1.2s ease,background .4s,padding .4s,backdrop-filter .4s}
header.bar.solid{background:rgba(21,18,16,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding-bottom:14px}
nav.menu{gap:30px}nav.menu .pbn{color:var(--gold)}
.card video.cv{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:0;transition:opacity .9s ease,transform .5s ease}
.card video.cv.on{opacity:1}
a.card:hover video.cv,a.card:focus-visible video.cv{transform:scale(1.04)}
.wk{position:fixed;inset:0;z-index:110;background:var(--espresso);overflow-y:auto;overscroll-behavior:contain;opacity:0;visibility:hidden;transform:translateY(14px);transition:opacity .5s ease,transform .6s cubic-bezier(.2,.7,.2,1),visibility 0s .6s}
.wk.on{opacity:1;visibility:visible;transform:none;transition:opacity .5s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.wkb{position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;align-items:center;padding:calc(env(safe-area-inset-top,0px) + 18px) 22px 16px;background:rgba(21,18,16,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.wkb nav{display:none;gap:30px}.wkb nav a,.wkb .cl{font:500 12px var(--tech);letter-spacing:.24em;text-transform:uppercase;color:var(--ivory);text-decoration:none;background:none;border:0;cursor:pointer}
.wkb nav a:hover,.wkb .cl:hover{color:var(--gold)}.wkb nav a.cur{color:var(--gold)}.wkb nav a.pbn{color:var(--gold)}
.wkb .cl{border-bottom:1px solid rgba(192,173,121,.5);padding:6px 0}
@media(min-width:900px){.wkb{padding-left:6vw;padding-right:6vw}.wkb nav{display:flex}.wkb .cl{display:none}}
.wki{max-width:1280px;margin:0 auto;padding:clamp(70px,11vh,130px) 22px clamp(80px,12vh,140px)}
@media(min-width:900px){.wki{padding-left:6vw;padding-right:6vw}}
.wkh{max-width:760px}
.wkh .ey{font:500 12px var(--tech);letter-spacing:2.5px;text-transform:uppercase;color:var(--gold)}
.wkh h1{font:500 clamp(2.8rem,9vw,5.6rem)/1 var(--serif);letter-spacing:.02em;text-transform:uppercase;margin:22px 0 0}
.wkh h2{font:italic 500 clamp(1.5rem,4vw,2.5rem)/1.1 var(--serif);color:var(--gold);margin:14px 0 0;text-transform:uppercase}
.wkh p{font:400 15px/1.7 var(--sans);color:#BDB5A7;max-width:560px;margin-top:28px}
.flt{display:flex;gap:30px;overflow-x:auto;margin:clamp(44px,7vh,72px) 0 clamp(36px,6vh,60px);padding-bottom:6px;-webkit-overflow-scrolling:touch;scrollbar-width:none;border-bottom:1px solid rgba(192,173,121,.14)}
.flt::-webkit-scrollbar{display:none}
.flt button{position:relative;flex:none;background:none;border:0;padding:0 0 16px;font:500 12px var(--tech);letter-spacing:.22em;text-transform:uppercase;color:rgba(239,232,214,.55);cursor:pointer;transition:color .35s}
.flt button::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.flt button:hover{color:var(--ivory)}.flt button.on{color:var(--gold)}.flt button.on::after{transform:scaleX(1)}
.pg{display:grid;grid-template-columns:1fr;gap:64px 48px}
@media(min-width:760px){.pg{grid-template-columns:1fr 1fr}}
.pj{display:block;transition:opacity .4s ease}.pj[hidden]{display:none}
.pj-m{display:block;overflow:hidden;border-radius:2px;background:#1c1816}
.pj-m img{display:block;width:100%;height:auto;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.pj-m:hover img,.pj-m:focus-visible img{transform:scale(1.04)}
.pj-e{aspect-ratio:4/5;background:linear-gradient(160deg,#211d1a,#191614);border:1px solid rgba(192,173,121,.12)}
.pj-t{display:flex;justify-content:space-between;gap:16px;align-items:baseline;margin-top:22px}
.pj-k{font:500 12px var(--tech);letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}
.pj-cp{font:500 12px var(--tech);letter-spacing:.22em;text-transform:uppercase;color:rgba(239,232,214,.6);white-space:nowrap}
.pj h3{font:500 clamp(2rem,4vw,2.9rem)/1.05 var(--serif);margin:12px 0 0;letter-spacing:.02em}
.pj p{font:400 14px/1.7 var(--sans);color:#BDB5A7;max-width:48ch;margin-top:12px}
.pj-v{display:inline-block;margin-top:18px;font:500 12px var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--gold);text-decoration:none;padding-bottom:5px;border-bottom:1px solid rgba(192,173,121,.45);transition:color .3s,border-color .3s}
.pj-v:hover,.pj-v:focus-visible{color:var(--ivory);border-color:var(--ivory);outline:none}
.pg-e{grid-column:1/-1;padding:60px 0;text-align:center;font:italic 500 1.4rem var(--serif);color:rgba(239,232,214,.6)}
section.sel{background:var(--espresso);padding:clamp(80px,12vh,130px) 22px}
.sel .in{max-width:1280px;margin:0 auto}
@media(min-width:900px){section.sel{padding-left:6vw;padding-right:6vw}}
.sel .wkh{margin-bottom:clamp(40px,6vh,64px)}
.sel .wkh h2{font:italic 500 clamp(1.3rem,3vw,1.9rem)/1.2 var(--serif);text-transform:none}
.sel .btn2{margin-top:56px}
.sel .more{text-align:center}
.cs{position:fixed;inset:0;z-index:111;background:var(--espresso);overflow-y:auto;overscroll-behavior:contain;opacity:0;visibility:hidden;transform:translateY(14px);transition:opacity .5s ease,transform .6s cubic-bezier(.2,.7,.2,1),visibility 0s .6s}
.cs.on{opacity:1;visibility:visible;transform:none;transition:opacity .5s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.csw{max-width:1280px;margin:0 auto;padding:0 22px}@media(min-width:900px){.csw{padding:0 6vw}}
.cs .lb{font:500 12px var(--tech);letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
@media(min-width:900px){.cs .lb{font-size:12px}}
.cs-hero{display:grid;gap:44px;padding:clamp(60px,10vh,120px) 0 clamp(70px,11vh,130px)}
@media(min-width:900px){.cs-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:6vw;align-items:center}}
.cs-hero h1{font:500 64px/.95 var(--serif);letter-spacing:.02em;margin:22px 0 0;color:var(--ivory)}
.cs-hero h2{font:400 30px/1.12 var(--serif);color:var(--gold);margin:18px 0 0;text-transform:uppercase}
.cs-hero p{font:400 14px/1.75 var(--sans);color:rgba(239,232,214,.75);max-width:46ch;margin-top:26px}
.cs-hero .cp{display:inline-block;margin-top:30px;font:500 12px var(--tech);letter-spacing:.12em;text-transform:uppercase;color:rgba(239,232,214,.6)}
@media(min-width:900px){.cs-hero h1{font-size:112px}.cs-hero h2{font-size:48px}.cs-hero p{font-size:17px}.cs-hero .cp{font-size:12px}}
.cs-img{display:block;width:100%;height:auto;border-radius:2px;background:#1c1816}
.cs-sec{padding:clamp(70px,11vh,130px) 0;border-top:1px solid rgba(192,173,121,.14)}
.cs-sec h3{font:500 34px/1.08 var(--serif);letter-spacing:.02em;text-transform:uppercase;margin:20px 0 0;color:var(--ivory)}
.cs-sec .bd{font:400 14px/1.8 var(--sans);color:rgba(239,232,214,.78);max-width:56ch;margin-top:24px}
@media(min-width:900px){.cs-sec h3{font-size:54px}.cs-sec .bd{font-size:16px}}
.cs-ov{display:grid;gap:50px}@media(min-width:900px){.cs-ov{grid-template-columns:1.1fr .9fr;gap:6vw}}
.cs-info{display:grid;gap:30px;align-content:start}
.cs-info div{border-top:1px solid rgba(192,173,121,.2);padding-top:18px}
.cs-info small{display:block;font:500 12px var(--tech);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:10px}
.cs-info span{font:400 14px/1.6 var(--sans);color:var(--ivory)}@media(min-width:900px){.cs-info span{font-size:15px}}
.cs-split{display:grid;gap:44px;align-items:center}
@media(min-width:900px){.cs-split{grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:7vw}.cs-split.rev{grid-template-columns:minmax(0,1fr) minmax(0,.85fr)}.cs-split.rev .tx{order:2}}
.cs-split .im{max-width:640px;width:100%;justify-self:center}
.cs-mid{text-align:center}.cs-mid .bd{margin-left:auto;margin-right:auto}.cs-mid .im{max-width:760px;margin:clamp(44px,7vh,76px) auto 0}
.cs-pr{display:grid;gap:36px;margin-top:clamp(44px,7vh,72px)}@media(min-width:760px){.cs-pr{grid-template-columns:repeat(3,1fr);gap:40px}}
.cs-pr div{border-top:1px solid rgba(192,173,121,.3);padding-top:22px}
.cs-pr b{display:block;font:500 12px var(--tech);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-weight:500}
.cs-pr span{display:block;margin-top:14px;font:400 15px/1.7 var(--sans);color:rgba(239,232,214,.8)}
.cs-dl{margin-top:clamp(22px,3vh,30px);border-top:1px solid rgba(192,173,121,.2)}
.cs-dl div{display:grid;gap:8px;padding:22px 0;border-bottom:1px solid rgba(192,173,121,.14)}
@media(min-width:760px){.cs-dl div{grid-template-columns:240px 1fr;gap:30px}}
.cs-dl dt{font:500 12px var(--tech);letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}.cs-dl dd{margin:0;font:400 15px/1.6 var(--sans);color:var(--ivory)}
.cs-cta{text-align:center;padding:clamp(90px,14vh,170px) 0 clamp(90px,14vh,160px);border-top:1px solid rgba(192,173,121,.14)}
.cs-cta h3{font:500 38px/1.05 var(--serif);text-transform:uppercase;margin:22px auto 0;max-width:16ch}@media(min-width:900px){.cs-cta h3{font-size:64px}}
.cs-cta p{font:400 15px/1.7 var(--sans);color:#BDB5A7;max-width:48ch;margin:26px auto 0}
.cs-act{display:flex;flex-wrap:wrap;gap:22px 34px;justify-content:center;align-items:center;margin-top:40px}
.cs-b1{display:inline-block;padding:18px 40px;background:var(--ivory);color:var(--espresso);border-radius:2px;font:500 12px var(--tech);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;transition:background .3s}
.cs-b1:hover,.cs-b1:focus-visible{background:var(--gold);outline:none}
.cs-b2{font:500 12px var(--tech);letter-spacing:.08em;text-transform:uppercase;color:var(--ivory);text-decoration:none;padding-bottom:6px;border-bottom:1px solid transparent;transition:border-color .3s}
.cs-b2:hover,.cs-b2:focus-visible{border-color:var(--gold);outline:none}
.ctas{background:var(--espresso);padding:40px 22px 110px}
.ctas .ct{margin-top:0}
.ft{background:#110e0c;border-top:1px solid rgba(192,173,121,.16);padding:clamp(60px,9vh,100px) 22px 34px}
.ftw{max-width:1280px;margin:0 auto;display:grid;gap:44px 30px;grid-template-columns:1fr 1fr}
.ftb{grid-column:1/-1;display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.ftb .ftm{width:44px;height:44px;border-radius:50%;mix-blend-mode:screen}
.ftb b{font:500 1.15rem var(--serif);letter-spacing:.2em;text-transform:uppercase;color:var(--ivory)}
.ftb small{font:500 12px var(--tech);letter-spacing:.24em;color:var(--gold)}
.ftc{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.ftc h4{font:500 12px var(--tech);letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin:0 0 6px}
.ftc a{font:400 14px/1.4 var(--sans);color:rgba(239,232,214,.8);text-decoration:none;transition:color .3s}
.ftc a:hover,.ftc a:focus-visible{color:var(--gold);outline:none}
.ftl{max-width:1280px;margin:clamp(44px,7vh,70px) auto 0;padding-top:24px;border-top:1px solid rgba(192,173,121,.12);font:500 12px var(--tech);letter-spacing:.2em;color:rgba(239,232,214,.5)}
@media(min-width:900px){.ft{padding-left:6vw;padding-right:6vw}.ftw{grid-template-columns:1.4fr 1fr 1fr 1fr}.ftb{grid-column:auto}.ctas{padding-left:6vw;padding-right:6vw}}

/* about */
.ab{background:var(--espresso);padding:clamp(90px,14vh,150px) 22px;border-top:1px solid rgba(192,173,121,.14)}
.abw{max-width:1280px;margin:0 auto}
.ab .ey{font:500 12px var(--tech);letter-spacing:2.5px;text-transform:uppercase;color:var(--gold)}
.ab h2{font:500 clamp(2.4rem,7vw,4.6rem)/1 var(--serif);letter-spacing:.02em;text-transform:uppercase;margin:22px 0 0;max-width:14ch}
.ab h2 em{display:block;color:var(--gold)}
.ab .lp{font:400 15px/1.75 var(--sans);color:#BDB5A7;max-width:56ch;margin-top:28px}
.abp{display:grid;gap:36px;margin-top:clamp(44px,7vh,72px)}
@media(min-width:760px){.abp{grid-template-columns:repeat(3,1fr);gap:40px}}
.abp div{border-top:1px solid rgba(192,173,121,.3);padding-top:22px}
.abp b{display:block;font:500 12px var(--tech);letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.abp span{display:block;margin-top:14px;font:400 15px/1.7 var(--sans);color:rgba(239,232,214,.8)}
@media(min-width:900px){.ab{padding-left:6vw;padding-right:6vw}}

/* ÉLORA */
.el{position:fixed;inset:0;z-index:111;background:#151210;overflow-y:auto;overscroll-behavior:contain;opacity:0;visibility:hidden;transform:translateY(14px);transition:opacity .3s ease,transform .3s ease,visibility 0s .3s}
.el.on{opacity:1;visibility:visible;transform:none;transition:opacity .3s ease,transform .3s ease}
.elw{max-width:1280px;margin:0 auto;padding:0 22px}@media(min-width:900px){.elw{padding:0 6vw}}
.el .lb{font:500 12px var(--tech);letter-spacing:2px;text-transform:uppercase;color:#C0AD79}@media(min-width:900px){.el .lb{font-size:12px}}
.el h1{font:500 clamp(44px,6.5vw,88px)/.98 var(--serif);letter-spacing:.02em;text-transform:uppercase;margin:22px 0 0;color:#EFE8D6}
.el h2{font:italic 500 clamp(24px,3vw,36px)/1.15 var(--serif);text-transform:uppercase;color:#C0AD79;margin:18px 0 0}
.el h3{font:500 clamp(30px,3.6vw,48px)/1.08 var(--serif);letter-spacing:.02em;text-transform:uppercase;margin:20px 0 0;color:#EFE8D6}
.el .bd,.el .it{font:400 clamp(14px,1.2vw,17px)/1.7 var(--sans);color:#B8B3AA;max-width:56ch;margin-top:24px}
.el .it{color:#EFE8D6}
.el-hero{display:grid;gap:44px;padding:clamp(60px,10vh,120px) 0 clamp(70px,11vh,130px)}
@media(min-width:900px){.el-hero{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:6vw;align-items:center}}
.el-act{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
.el-b1,.el-b2{display:inline-flex;align-items:center;justify-content:center;font:600 13px var(--tech);letter-spacing:1.5px;text-transform:uppercase;padding:14px 26px;border-radius:4px;border:1px solid #C0AD79;text-decoration:none;cursor:pointer;transition:background .25s,color .25s,border-color .25s}
.el-b1{background:#C0AD79;color:#151210}.el-b1:hover,.el-b1:focus-visible{background:#D2BF91;border-color:#D2BF91;outline:none}
.el-b2{background:transparent;color:#EFE8D6;font-weight:500}.el-b2:hover,.el-b2:focus-visible{background:#C0AD79;color:#151210;outline:none}
@media(max-width:700px){.el-b1,.el-b2{font-size:12px}}
.el-im{overflow:hidden;border-radius:2px;background:#1c1816}.el-im img{display:block;width:100%;height:auto;transition:transform .3s ease}.el-im:hover img{transform:scale(1.03)}
.el-ab{background:#252321;border-top:1px solid rgba(192,173,121,.14);padding:clamp(80px,12vh,140px) 0;text-align:center}
.el-ab .bd,.el-mid .bd{margin-left:auto;margin-right:auto}
.el-sec{padding:clamp(70px,11vh,130px) 0;border-top:1px solid rgba(192,173,121,.14)}
.el-split{display:grid;gap:44px;align-items:center}
@media(min-width:900px){.el-split{grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:7vw}.el-split.rev{grid-template-columns:minmax(0,1fr) minmax(0,.85fr)}.el-split.rev .tx{order:2}}
.el-split .el-im{max-width:640px;width:100%;justify-self:center}
.el-mid{text-align:center}.el-mid .el-im{max-width:760px;margin:clamp(44px,7vh,76px) auto 0}
.el-cap{margin-top:28px;display:grid;gap:10px;justify-items:center}.el-cap b{font:500 clamp(20px,2.2vw,26px)/1.1 var(--serif);letter-spacing:.14em;text-transform:uppercase;color:#EFE8D6}
.el-fin{text-align:center;padding:clamp(90px,14vh,170px) 0;border-top:1px solid rgba(192,173,121,.14)}
.el-fin h3{max-width:16ch;margin:0 auto}.el-fin .bd{margin:26px auto 0}
.el-nv{display:grid;border-top:1px solid rgba(192,173,121,.14)}
@media(min-width:760px){.el-nv{grid-template-columns:repeat(3,1fr)}}
.el-nv a{padding:30px 10px;text-align:center;font:500 12px var(--tech);letter-spacing:2px;text-transform:uppercase;color:#EFE8D6;text-decoration:none;transition:color .25s,background .25s}
.el-nv a:hover,.el-nv a:focus-visible{color:#C0AD79;background:#252321;outline:none}

/* NEXORA */
.nx{position:fixed;inset:0;z-index:111;background:#151210;overflow-y:auto;overscroll-behavior:contain;opacity:0;visibility:hidden;transform:translateY(14px);transition:opacity .3s ease,transform .3s ease,visibility 0s .3s;font-family:'Manrope','Inter',system-ui,sans-serif}
.nx.on{opacity:1;visibility:visible;transform:none;transition:opacity .3s ease,transform .3s ease}
.nx .rv{transition-duration:.3s!important}
.nxw{max-width:1280px;margin:0 auto;padding:0 22px}@media(min-width:900px){.nxw{padding:0 6vw}}
.nx .lb{font:500 12px 'Manrope','Inter',sans-serif;letter-spacing:2px;text-transform:uppercase;color:#C0AD79}
.nx h1{font:700 36px/1.05 'Manrope','Inter',sans-serif;letter-spacing:.04em;margin:22px 0 0;color:#EFE8D6}
.nx h2{font:600 24px/1.2 'Manrope','Inter',sans-serif;letter-spacing:.02em;color:#C0AD79;margin:18px 0 0}
.nx h3{font:600 24px/1.2 'Manrope','Inter',sans-serif;letter-spacing:.01em;margin:20px 0 0;color:#EFE8D6}
.nx .bd,.nx .it{font:400 15px/1.7 'Manrope','Inter',sans-serif;color:#B8B3AA;max-width:56ch;margin-top:24px}
.nx .it{color:#EFE8D6}
@media(min-width:900px){.nx h1{font-size:52px}.nx h2,.nx h3{font-size:30px}.nx .bd,.nx .it{font-size:17px}}
.nx-hero{display:grid;gap:44px;padding:clamp(60px,10vh,120px) 0 clamp(70px,11vh,130px)}
@media(min-width:900px){.nx-hero{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:6vw;align-items:center}}
.nx-act{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
.nx-b1,.nx-b2{display:inline-flex;align-items:center;justify-content:center;font:600 14px 'Manrope','Inter',sans-serif;padding:14px 24px;border-radius:6px;border:1px solid #C0AD79;text-decoration:none;cursor:pointer;transition:background .25s ease,color .25s ease,border-color .25s ease}
.nx-b1{background:#C0AD79;color:#151210}.nx-b1:hover,.nx-b1:focus-visible{background:#D2BF91;border-color:#D2BF91;outline:none}
.nx-b2{background:transparent;color:#EFE8D6;font-weight:500}.nx-b2:hover,.nx-b2:focus-visible{background:#C0AD79;color:#151210;outline:none}
.nx-im{overflow:hidden;border-radius:2px;background:#1c1816}.nx-im img{display:block;width:100%;height:auto;transition:transform .3s ease}.nx-im:hover img{transform:scale(1.03)}
.nx-ab{background:#252321;border-top:1px solid rgba(192,173,121,.14);padding:clamp(80px,12vh,140px) 0;text-align:center}
.nx-ab .bd,.nx-mid .bd{margin-left:auto;margin-right:auto}
.nx-sec{padding:clamp(70px,11vh,130px) 0;border-top:1px solid rgba(192,173,121,.14)}
.nx-split{display:grid;gap:44px;align-items:center}
@media(min-width:900px){.nx-split{grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:7vw}.nx-split.rev{grid-template-columns:minmax(0,1fr) minmax(0,.85fr)}.nx-split.rev .tx{order:2}}
.nx-split .nx-im{max-width:640px;width:100%;justify-self:center}
.nx-mid{text-align:center}.nx-mid .nx-im{max-width:760px;margin:clamp(44px,7vh,76px) auto 0}
.nx-fin{text-align:center;padding:clamp(90px,14vh,170px) 0;border-top:1px solid rgba(192,173,121,.14)}
.nx-fin h3{max-width:20ch;margin:0 auto}.nx-fin .bd{margin:26px auto 0}
.nx-nv{display:grid;border-top:1px solid rgba(192,173,121,.14)}
@media(min-width:760px){.nx-nv{grid-template-columns:repeat(3,1fr)}}
.nx-nv a{padding:30px 10px;text-align:center;font:500 12px 'Manrope','Inter',sans-serif;letter-spacing:2px;text-transform:uppercase;color:#EFE8D6;text-decoration:none;transition:color .25s ease,background .25s ease}
.nx-nv a:hover,.nx-nv a:focus-visible{color:#C0AD79;background:#252321;outline:none}

/* PORTFOLIO DESIGN SYSTEM: shared structure; each project keeps its own palette, type and atmosphere */
.wk,.cs{transition:opacity .3s ease,transform .3s ease,visibility 0s .3s}
.wk.on,.cs.on{transition:opacity .3s ease,transform .3s ease}
.cs .rv,.el .rv,.nx .rv{transform:translateY(20px);transition-duration:.3s!important}
.cs .rv.in,.el .rv.in,.nx .rv.in{transform:none}
/* buttons: one shape, size, radius and hover behaviour */
.cs-b1,.cs-b2,.el-b1,.el-b2,.nx-b1,.nx-b2{display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;border-radius:6px;font-size:14px;font-weight:600;border:1px solid #C0AD79;text-decoration:none;cursor:pointer;transition:background .25s ease,color .25s ease,border-color .25s ease}
.cs-b1{background:var(--ivory);color:var(--espresso);border-color:var(--ivory)}.cs-b1:hover,.cs-b1:focus-visible{background:var(--gold);border-color:var(--gold)}
.cs-b2{background:transparent;color:var(--ivory);font-weight:500}.cs-b2:hover,.cs-b2:focus-visible{background:#C0AD79;color:#151210;border-color:#C0AD79}
.el-b1,.el-b2{letter-spacing:1.5px}.cs-b1,.cs-b2{letter-spacing:.08em}
.cs-act{gap:14px}
/* gallery: same frame and hover on every project image */
.cs .im{overflow:hidden;border-radius:2px}.cs .im img{transition:transform .3s ease}.cs .im:hover img{transform:scale(1.03)}
/* project navigation: previous / back / next on all four */
.cs .nx-nv a{font-family:var(--tech)}.el .nx-nv a{font-family:var(--tech)}
/* identities */
.nx:not(.au) .nx-hero{background:radial-gradient(55% 50% at 85% 35%,rgba(192,173,121,.11),transparent 70%)}
.nx:not(.au) .lb::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#C0AD79;margin-right:10px;vertical-align:1px;box-shadow:0 0 10px rgba(192,173,121,.9)}
.au h1{letter-spacing:.2em}.au .lb{letter-spacing:3px}
.au .nx-hero{background:radial-gradient(50% 60% at 72% 28%,rgba(192,173,121,.16),transparent 72%)}
.au .nx-im{border-radius:0;box-shadow:0 30px 80px -40px rgba(0,0,0,.9)}

/* ===== GLOBAL PORTFOLIO DESIGN SYSTEM v2 — shared tokens, distinct identities ===== */
.cs,.el,.nx{--ease:cubic-bezier(.2,.7,.2,1);--t:.3s;--r-btn:6px;--r-img:2px;--ln:color-mix(in srgb,var(--ac) 16%,transparent);--ln2:color-mix(in srgb,var(--ac) 30%,transparent)}
/* NOIRÉ — luxury skincare: warm espresso, ivory, champagne */
.cs{--bg:#161210;--bg2:#211b17;--ac:#C9B58A;--ac2:#E4D6B4;--tx:#F1E9DA;--mu:#BDB1A0;--glow:rgba(228,214,180,.10)}
/* ÉLORA — luxury fragrance: wine, rose-gold, amber */
.el{--bg:#140C0E;--bg2:#231518;--ac:#D2A08A;--ac2:#E9C4AE;--tx:#F3E6DD;--mu:#C0A9A2;--glow:rgba(210,160,138,.14)}
/* NEXORA — AI & automation: midnight, electric cyan */
.nx{--bg:#080D13;--bg2:#101821;--ac:#4FD8E6;--ac2:#9BEAF2;--tx:#E6F1F5;--mu:#9FB1BC;--glow:rgba(79,216,230,.14)}
/* AUREN — 3D art direction: obsidian, iridescent violet */
.nx.au{--bg:#0C0B10;--bg2:#17151F;--ac:#B79CFF;--ac2:#D7C8FF;--tx:#EFEAFB;--mu:#ADA6C2;--glow:rgba(183,156,255,.16)}
.cs,.el,.nx{background:var(--bg);color:var(--tx)}
.cs .lb,.el .lb,.nx .lb,.cs-hero h2,.el h2,.nx h2,.cs-info small,.cs-pr b,.cs-dl dt,.el-cap b{color:var(--ac)}
.cs-hero h1,.cs-sec h3,.cs-cta h3,.el h1,.el h3,.nx h1,.nx h3,.el .it,.nx .it,.cs-info span,.cs-dl dd{color:var(--tx)}
.cs-hero p,.cs-sec .bd,.cs-cta p,.cs-pr span,.el .bd,.nx .bd{color:var(--mu)}
.cs-sec,.cs-cta,.el-sec,.el-fin,.nx-sec,.nx-fin,.el-ab,.nx-ab,.el-nv,.nx-nv,.cs-dl,.cs-dl div,.cs-info div,.cs-pr div{border-color:var(--ln)}
.el-ab,.nx-ab{background:var(--bg2)}
.cs .wkb nav a.cur,.cs .wkb nav a.pbn,.el .wkb nav a.cur,.el .wkb nav a.pbn,.nx .wkb nav a.cur,.nx .wkb nav a.pbn{color:var(--ac)}
.cs .wkb .cl,.el .wkb .cl,.nx .wkb .cl{border-color:var(--ln2)}
.cs .wkb,.el .wkb,.nx .wkb{background:color-mix(in srgb,var(--bg) 92%,transparent)}
/* buttons: identical shape/size/behaviour, project colour */
.cs-b1,.cs-b2,.el-b1,.el-b2,.nx-b1,.nx-b2{min-height:48px;padding:14px 26px;border-radius:var(--r-btn);font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--ac);transition:background var(--t) ease,color var(--t) ease,border-color var(--t) ease,transform var(--t) ease}
.cs-b1,.el-b1,.nx-b1{background:var(--ac);color:var(--bg);border-color:var(--ac)}
.cs-b1:hover,.cs-b1:focus-visible,.el-b1:hover,.el-b1:focus-visible,.nx-b1:hover,.nx-b1:focus-visible{background:var(--ac2);border-color:var(--ac2);color:var(--bg);transform:translateY(-2px);outline:none}
.cs-b2,.el-b2,.nx-b2{background:transparent;color:var(--tx);font-weight:500}
.cs-b2:hover,.cs-b2:focus-visible,.el-b2:hover,.el-b2:focus-visible,.nx-b2:hover,.nx-b2:focus-visible{background:var(--ac);color:var(--bg);border-color:var(--ac);transform:translateY(-2px);outline:none}
.cs-act,.el-act,.nx-act{gap:14px}
/* project nav */
.cs .nx-nv a,.el .nx-nv a,.nx .nx-nv a,.el-nv a{color:var(--tx);transition:color var(--t) ease,background var(--t) ease}
.nx-nv a:hover,.nx-nv a:focus-visible,.el-nv a:hover,.el-nv a:focus-visible{color:var(--ac);background:var(--bg2)}
.cs .nx-nv a:hover,.cs .nx-nv a:focus-visible{color:var(--ac);background:var(--bg2)}
/* gallery: one frame, one hover, one timing */
.cs .im,.el-im,.nx-im,.cs-img{overflow:hidden;border-radius:var(--r-img);background:var(--bg2)}
.cs .im img,.el-im img,.nx-im img{transition:transform var(--t) var(--ease)}
.cs .im:hover img,.el-im:hover img,.nx-im:hover img{transform:scale(1.03)}
/* identity atmosphere */
.cs-hero,.el-hero,.nx-hero{background:radial-gradient(55% 55% at 85% 35%,var(--glow),transparent 70%)}
.cs .lb::before,.el .lb::before,.nx .lb::before{content:none}
.cs{--hf:var(--serif)}
.cs-hero h1,.cs-sec h3,.cs-cta h3{font-family:var(--serif);font-weight:500}
.el h1,.el h2{font-family:var(--serif);font-style:italic;letter-spacing:.04em}
.el-hero{background:radial-gradient(60% 60% at 80% 30%,var(--glow),transparent 70%),linear-gradient(180deg,transparent 60%,rgba(210,160,138,.05))}
.nx:not(.au) .lb::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--ac);margin-right:10px;vertical-align:1px;box-shadow:0 0 10px var(--ac)}
.nx:not(.au) h1,.nx:not(.au) h3{font-family:var(--tech);letter-spacing:.04em}
.nx:not(.au) .nx-hero{background:radial-gradient(55% 50% at 85% 35%,var(--glow),transparent 70%),linear-gradient(rgba(79,216,230,.04) 1px,transparent 1px) 0 0/100% 40px}
.au h1,.au h3{font-family:var(--serif);font-weight:500;letter-spacing:.2em}
.au h3{letter-spacing:.08em}.au .lb{letter-spacing:3px}
.au .nx-hero{background:radial-gradient(50% 60% at 72% 28%,var(--glow),transparent 72%),radial-gradient(30% 40% at 20% 80%,rgba(255,170,120,.07),transparent 70%)}
.au .nx-im{border-radius:0;box-shadow:0 30px 80px -40px rgba(0,0,0,.9),0 0 60px -30px var(--ac)}
/* shared reveal timing */
.cs .rv,.el .rv,.nx .rv{transform:translateY(20px);transition:opacity var(--t) ease,transform var(--t) var(--ease)!important}
.cs .rv.in,.el .rv.in,.nx .rv.in{transform:none}
.sel .wkh h2.sh1{font:500 64px/1 var(--serif);letter-spacing:.02em;text-transform:uppercase;font-style:normal;color:var(--ivory);margin:0}
.sel .wkh p.sh2{font:italic 500 clamp(1.4rem,3vw,2rem)/1.2 var(--serif);color:var(--gold);max-width:none;margin:16px 0 0}
.sel .wkh p:not(.sh2){margin-top:26px}
.sel .pj{display:flex;flex-direction:column}.sel .pj p{margin-bottom:18px}.sel .pj .pj-v{margin-top:auto;align-self:flex-start}
@media(max-width:700px){.sel .wkh h2.sh1{font-size:42px}}
@media (prefers-reduced-motion:reduce){*{transition-duration:.01s!important}}

/* ===== v12 design fixes ===== */
/* anchors must not land under the fixed header */
html{scroll-padding-top:calc(env(safe-area-inset-top,0px) + 84px)}
/* 2 · header: fully readable over any content */
header.bar.solid{background:rgba(21,18,16,.97);border-bottom:1px solid rgba(192,173,121,.16);box-shadow:0 10px 30px -18px rgba(0,0,0,.8)}
.hr{display:flex;align-items:flex-start;gap:6px}
.tgl{background:none;border:0;color:var(--ivory);width:44px;height:44px;margin:-4px 0 0;cursor:pointer;display:grid;place-items:center;border-radius:50%;transition:color .3s,background .3s}
@media(min-width:900px){.tgl{margin-top:-2px}}
.tgl:hover,.tgl:focus-visible{color:var(--gold);outline:none;background:rgba(192,173,121,.12)}
.tgl svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
.tgl .sun{display:none}:root[data-theme="light"] .tgl .sun{display:block}:root[data-theme="light"] .tgl .moon{display:none}
/* 3 · intro: never crop the wordmark on tall/narrow phones */
@media(max-aspect-ratio:9/16){.intro video{object-fit:contain}}
/* 5 · card labels readable on bright images */
.card::before{background:linear-gradient(to top,rgba(21,18,16,.95) 0%,rgba(21,18,16,.58) 27%,rgba(21,18,16,0) 55%),linear-gradient(to bottom,rgba(21,18,16,.82) 0%,rgba(21,18,16,.45) 14%,rgba(21,18,16,0) 32%)}
.lab{color:#E3D3A2;text-shadow:0 1px 10px rgba(0,0,0,.85)}
.info i{color:rgba(239,232,214,.95);text-shadow:0 1px 8px rgba(0,0,0,.7)}
/* 6 · touch targets >= 44px without changing the look */
nav.menu a,.sheet a{display:inline-flex;align-items:center;min-height:44px;padding:0 4px;margin:0 -4px}
nav.menu{padding-top:0;gap:26px}
.ghost{display:inline-flex;align-items:center;min-height:44px;padding:0;border-bottom:0;position:relative}
.ghost::after{content:"";position:absolute;left:0;right:0;bottom:9px;border-bottom:1px solid rgba(192,173,121,.5);transition:border-color .3s}
.ghost:hover::after,.ghost:focus-visible::after{border-color:var(--gold)}
.pj-v{display:inline-flex;align-items:center;min-height:44px;padding-bottom:0;border-bottom:0;position:relative;margin-top:6px}
.pj-v::after{content:"";position:absolute;left:0;right:0;bottom:10px;border-bottom:1px solid rgba(192,173,121,.45)}
.ftc{gap:0}.ftc h4{margin-bottom:8px}.ftc a{display:inline-flex;align-items:center;min-height:44px}
.skip{min-height:44px}
.ftl a,.chk a{display:inline-block;padding:12px 0}
/* 10 · particles never compete with the headline */
.copy{position:relative;z-index:2}
.dust{-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 38%,transparent 66%);mask-image:linear-gradient(to bottom,#000 0,#000 38%,transparent 66%)}
@media(min-width:900px){.dust{-webkit-mask-image:linear-gradient(90deg,transparent 0,transparent 24%,#000 62%);mask-image:linear-gradient(90deg,transparent 0,transparent 24%,#000 62%)}}
/* 7 · one alignment system: centred section heads, About in two columns */
.sel .wkh{max-width:760px;margin-left:auto;margin-right:auto;text-align:center}
.sel .wkh p{margin-left:auto;margin-right:auto}
@media(min-width:900px){
 .abw{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);column-gap:7vw;align-items:end}
 .abw .ey{grid-column:1;grid-row:1}
 .ab h2{grid-column:1;grid-row:2;max-width:none}
 .ab .lp{grid-column:2;grid-row:1/3;margin-top:0;align-self:end;max-width:none;font-size:17px}
 .abp{grid-column:1/-1}
}
/* 9 · phones: swipeable cards instead of four full-height blocks */
@media(max-width:559px){
 .cards{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin:0 -18px;padding:0 18px 10px;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
 .cards::-webkit-scrollbar{display:none}
 .cards .card{flex:0 0 78%;scroll-snap-align:center}
 .cards .rv{opacity:1;transform:none}
}
/* 11 · light theme (landing page; full-screen cinematic views stay dark by design) */
:root[data-theme="light"]{--lbg:#F4EFE4;--lfg:#1B1613;--lmu:#5C5348;--lgd:#7E6A33;--lln:rgba(126,106,51,.3)}
:root[data-theme="light"] body{background:var(--lbg)}
:root[data-theme="light"] :is(.worlds,section.sel,.ab,.ctas){background:var(--lbg);color:var(--lfg)}
:root[data-theme="light"] :is(.worlds .wh h2,.ct h2,.ab h2,.sel .wkh h1,.pj h3,.vb h3){color:var(--lfg)}
:root[data-theme="light"] :is(.worlds .wh h2 em,.ct h2 em,.ab h2 em,.sel .wkh h2,.ey,.wkh .ey,.ab .ey,.abp b,.pj-k,.pj-v,.ftc h4,.ftb small,.vl){color:var(--lgd)}
:root[data-theme="light"] :is(.worlds .wh p,.ct p,.ct small,.ab .lp,.sel .wkh p,.pj p){color:var(--lmu)}
:root[data-theme="light"] :is(.abp span,.pj-cp){color:#3C352E}
:root[data-theme="light"] :is(.abp div,.ab){border-color:var(--lln)}
:root[data-theme="light"] .pj-v::after{border-color:var(--lln)}
:root[data-theme="light"] .ft{background:#E9E2D2;border-top-color:var(--lln)}
:root[data-theme="light"] .ftb b{color:var(--lfg)}
:root[data-theme="light"] .ftc a{color:#3C352E}
:root[data-theme="light"] .ftc a:hover,:root[data-theme="light"] .ftc a:focus-visible{color:var(--lgd)}
:root[data-theme="light"] .ftl{color:var(--lmu);border-top-color:var(--lln)}
:root[data-theme="light"] .ftb .ftm{mix-blend-mode:normal;background:#151210}
:root[data-theme="light"] .btn2:hover,:root[data-theme="light"] .btn2:focus-visible{background:var(--lfg);color:var(--lbg)}
:root[data-theme="light"] header.bar.solid{background:rgba(244,239,228,.97);border-bottom-color:var(--lln);box-shadow:0 10px 30px -22px rgba(0,0,0,.35)}
:root[data-theme="light"] header.bar.solid :is(nav.menu a:not(.pbn),.tgl,.brand b){color:var(--lfg)}
:root[data-theme="light"] header.bar.solid :is(.pbn,.brand small){color:var(--lgd)}
:root[data-theme="light"] header.bar.solid .burger i{background:var(--lfg)}
:root[data-theme="light"] header.bar.solid .brand img{mix-blend-mode:normal;background:#151210}
:root[data-theme="light"] .sheet{background:rgba(244,239,228,.98)}
:root[data-theme="light"] .sheet a{color:var(--lfg)}
:root[data-theme="light"].menu-open .burger i,:root[data-theme="light"] .open .burger i{background:var(--lfg)}
:root[data-theme="light"] .open header.bar :is(.brand b,.tgl,nav.menu a:not(.pbn)){color:var(--lfg)}
:root[data-theme="light"] .open header.bar :is(.brand small,.pbn){color:var(--lgd)}
:root[data-theme="light"] .open header.bar{background:transparent;border-color:transparent;box-shadow:none}
:root[data-theme="light"] .sel .sh1{color:var(--lfg)}
:root[data-theme="light"] .sel .sh2{color:var(--lgd)}
@media(max-width:520px){.brand{gap:10px}.brand b{font-size:.92rem;letter-spacing:.13em;white-space:nowrap}.brand small{font-size:12px;letter-spacing:.12em;white-space:nowrap;margin-top:3px}.brand img{width:40px;height:40px}.hr{gap:0}}

/* ===== v13: language switch, legal panels, Arabic / RTL ===== */
.lng{background:none;border:1px solid rgba(192,173,121,.5);color:var(--ivory);height:30px;min-width:46px;padding:0 12px;margin:3px 10px 0 0;border-radius:15px;font:600 12px var(--tech);cursor:pointer;transition:color .3s,border-color .3s,background .3s}
.lng:hover,.lng:focus-visible{color:var(--gold);border-color:var(--gold);outline:none}
.lng[lang=ar]{font:500 14px 'IBM Plex Sans Arabic','Amiri',sans-serif;padding-bottom:2px}
.lg{z-index:130}
.lgi{max-width:860px;margin:0 auto}
.lgi article[hidden]{display:none}
.lgi .wkh p{margin-top:14px;color:rgba(239,232,214,.7);line-height:1.7}
.lgi section{margin-top:38px;padding-top:26px;border-top:1px solid rgba(192,173,121,.18)}
.lgi h2{font:500 clamp(1.4rem,3.2vw,1.9rem)/1.2 var(--serif);color:var(--gold);margin:0 0 12px}
.lgi section p{margin:0;font-size:1rem;line-height:1.8;color:rgba(239,232,214,.82)}
:root[data-theme="light"] .lgi .wkh p,:root[data-theme="light"] .lgi section p{color:inherit}

html[lang="ar"]{--serif:'SP Arrows','Amiri','Cormorant Garamond','Times New Roman',serif;--sans:'SP Arrows','IBM Plex Sans Arabic','Manrope',system-ui,sans-serif;--tech:'SP Arrows','IBM Plex Sans Arabic','Montserrat',Arial,sans-serif}
html[dir="rtl"] body{font-family:var(--sans)}
html[dir="rtl"] *{letter-spacing:0!important;text-transform:none!important}
html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3{line-height:1.25}
html[dir="rtl"] .lng{margin:3px 0 0 10px}
html[dir="rtl"] .burger{margin:-4px 0 0 -8px}
html[dir="rtl"] .skip{right:auto;left:20px}
html[dir="rtl"] .lab{left:auto;right:22px}
@media(min-width:900px){html[dir="rtl"] .lab{right:24px}}
html[dir="rtl"] .files li em{margin-left:0;margin-right:8px}
html[dir="rtl"] .pkr{border-left:0;border-right:2px solid var(--gold)}
html[dir="rtl"] .flt button::after{transform-origin:right}
html[dir="rtl"] .nx:not(.au) .lb::before{margin-right:0;margin-left:10px}
html[dir="rtl"] .opt,html[dir="rtl"] .pc,html[dir="rtl"] .pp,html[dir="rtl"] .row{text-align:right}
@media(min-width:900px){
 html[dir="rtl"] .shade{background:linear-gradient(270deg,rgba(21,18,16,.94) 0%,rgba(21,18,16,.7) 34%,rgba(21,18,16,0) 70%),linear-gradient(to bottom,rgba(21,18,16,.7),rgba(21,18,16,0) 22%),linear-gradient(to top,rgba(21,18,16,1),rgba(21,18,16,0) 22%)}
 html[dir="rtl"] .dust{-webkit-mask-image:linear-gradient(270deg,transparent 0,transparent 24%,#000 62%);mask-image:linear-gradient(270deg,transparent 0,transparent 24%,#000 62%)}
}
html[dir="rtl"] .brand small{opacity:.8}

/* intro on wide screens: show the 720p portrait clip at a size where it stays crisp */
@media(min-aspect-ratio:1/1){.intro video{width:auto;height:min(100%,720px);max-width:100%}}
html[dir="rtl"] em,html[dir="rtl"] h1 .g,html[dir="rtl"] i{font-style:normal}
.lng{margin-left:14px}
html[dir="rtl"] .lng{margin-left:10px;margin-right:14px}

/* v14 additions: How it works, About signature, FAQ, WhatsApp link */
.hw .abp b,.hw .abp span{display:block}
@media(min-width:900px){.hw .abp{grid-template-columns:repeat(4,1fr);gap:32px}}
.ab .sig{font:500 12px var(--tech);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin:18px 0 0}
.fql{margin-top:clamp(36px,6vh,60px);max-width:860px;border-top:1px solid rgba(192,173,121,.22)}
.fql details{border-bottom:1px solid rgba(192,173,121,.22)}
.fql summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font:500 clamp(1.05rem,2.8vw,1.3rem)/1.35 var(--serif);color:var(--ivory)}
.fql summary::-webkit-details-marker{display:none}
.fql summary::after{content:"+";font:300 26px/1 var(--sans);color:var(--gold);flex:none}
.fql details[open] summary::after{content:"\2013"}
.fql summary:focus-visible{outline:1px solid var(--gold);outline-offset:4px}
.fql p{font:400 15px/1.75 var(--sans);color:#BDB5A7;margin:0 0 24px;max-width:62ch}
.ct .wa{display:inline-block;margin-top:22px;font:500 12px var(--tech);letter-spacing:.18em;text-transform:uppercase;color:var(--gold);text-decoration:none;border-bottom:1px solid rgba(192,173,121,.4);padding-bottom:3px}
.ct .wa:hover,.ct .wa:focus-visible{border-color:var(--gold);outline:none}
[data-theme="light"] .fql,[data-theme="light"] .fql details{border-color:var(--lln)}
[data-theme="light"] .fql summary{color:var(--lfg)}
[data-theme="light"] .fql p{color:#3C352E}
[data-theme="light"] :is(.ab .sig,.ct .wa){color:var(--lgd)}

.pv.code b{font:600 15px var(--tech);letter-spacing:.2em;color:var(--gold)}
.pv a{color:var(--gold);text-decoration:none;border-bottom:1px solid rgba(192,173,121,.4)}
.pv.warn{color:#d9a27a}

/* Selected Work cover: the artwork carries the title and button; the link and glow sit on top of it */
.swc-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.swc{position:relative;display:block;overflow:hidden;border-radius:4px;background:#0b0906;aspect-ratio:2/3;color:var(--ivory);text-decoration:none;cursor:pointer}
.swc img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:filter .5s ease}
.swc:hover img,.swc:focus-visible img{filter:brightness(1.06)}
.swc:focus-visible{outline:2px solid var(--gold);outline-offset:4px}

/* Unified buttons. Primary = solid gold pill. Outline = gold hairline pill with soft glow. Secondary = text link. */
.btn,.os .btn,.wv .btn,.tform .btn{border-radius:999px;font:600 14px var(--sans);letter-spacing:.04em;text-transform:none}
.btn2{border-radius:999px;background:rgba(11,9,6,.35);color:var(--ivory);border:1px solid var(--gold);font:500 15px var(--sans);letter-spacing:.03em;text-transform:none;box-shadow:0 0 0 rgba(192,173,121,0);transition:box-shadow .3s,background .3s,color .3s}
.btn2:hover,.btn2:focus-visible{background:rgba(192,173,121,.14);color:var(--ivory);box-shadow:0 0 28px rgba(192,173,121,.4)}
:root[data-theme="light"] .btn2{background:transparent;color:var(--lfg);border-color:var(--lgd)}
:root[data-theme="light"] .btn2:hover,:root[data-theme="light"] .btn2:focus-visible{background:rgba(126,106,51,.1);color:var(--lfg);box-shadow:0 0 24px rgba(126,106,51,.28)}
.os .sub{font:500 14px var(--sans);letter-spacing:.03em;text-transform:none;color:var(--gold);text-decoration:underline;text-decoration-color:rgba(192,173,121,.5);text-underline-offset:6px;transition:text-decoration-color .3s,color .3s}
.os .sub:hover,.os .sub:focus-visible{color:var(--ivory);text-decoration-color:var(--ivory)}
.skip{border-radius:999px;font:500 14px var(--sans);letter-spacing:.03em;text-transform:none}
.pj-v{font:500 14px var(--sans);letter-spacing:.03em;text-transform:none}
html[dir="rtl"] :is(.btn,.btn2,.skip,.pj-v,.os .sub){letter-spacing:0}
.vplay{position:absolute;right:18px;bottom:calc(env(safe-area-inset-bottom,0px) + 22px);z-index:5;width:48px;height:48px;border-radius:50%;border:1px solid rgba(192,173,121,.7);background:rgba(11,9,6,.55);color:var(--ivory);font-size:15px;line-height:1;cursor:pointer;transition:box-shadow .3s}
.vplay:hover,.vplay:focus-visible{box-shadow:0 0 24px rgba(192,173,121,.45);outline:none}
html[dir="rtl"] .vplay{right:auto;left:18px}
.wa{font:500 14px var(--sans);letter-spacing:.03em;text-transform:none}
html[dir="rtl"] .wa{letter-spacing:0}


/* ===== v15: Arabic buttons match the English design ===== */
/* arrows: one thin custom glyph (assets/fonts/sp-arrows.woff) so every button shows the same arrow in EN and AR; RTL already swaps ↗ to ↖ */
.btn,.btn2,.ghost,.wa,.skip,.pj-v,.cs-b2,.os .sub{white-space:nowrap}
.btn,.btn2{display:inline-flex;align-items:center;justify-content:center;gap:.55em;text-align:center;line-height:1.2}
.btn2{min-width:210px;height:52px;padding:0 28px}
/* contact: the main button and the WhatsApp link always sit on separate lines with real space between them */
.ct .btn2{display:inline-flex}
.ct .wa{display:block;width:max-content;max-width:100%;margin:26px auto 0;white-space:normal}
.ct small{margin-top:26px}
/* Arabic: same pills, same weight and size ratio as the Latin buttons (Arabic glyphs need ~2px more to look equal) */
html[dir="rtl"] :is(.btn,.btn2,.ghost,.wa,.skip,.pj-v,.cs-b2,.os .sub){font-family:'SP Arrows','IBM Plex Sans Arabic','Amiri',sans-serif;font-weight:600;font-size:16px;line-height:1.3;letter-spacing:0;text-transform:none}
html[dir="rtl"] .btn{padding:16px 26px}
html[dir="rtl"] .btn2{height:54px;min-width:220px;padding:0 30px}
html[dir="rtl"] .ghost{min-height:44px}
html[dir="rtl"] .ghost::after{bottom:8px}
html[dir="rtl"] .ct .wa{font-size:15px;font-weight:500;padding-bottom:4px;border-bottom:1px solid rgba(192,173,121,.4)}
html[dir="rtl"] .cta{gap:10px 22px}
html[dir="rtl"] .cta :is(.btn,.ghost){font-size:15px}
html[dir="rtl"] .info u{letter-spacing:0;font-weight:600;font-size:15px}
html[dir="rtl"] .lng{font-weight:600}


/* ===== v15: Selected Work cover = artwork without text + live bilingual text ===== */
.swc img{object-position:80% 0}
.swc-sh{position:absolute;inset:0;z-index:1;background:linear-gradient(to top,rgba(11,9,6,.95) 0,rgba(11,9,6,.7) 36%,rgba(11,9,6,0) 62%)}
.swc-tx{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:26px 22px 28px;display:flex;flex-direction:column;align-items:flex-start;gap:0}
.swc-k{font:500 11px var(--tech);letter-spacing:.34em;color:var(--ivory);opacity:.85}
.swc-t{display:block;margin-top:14px;font:500 clamp(2.3rem,11vw,3.2rem)/1 var(--serif);text-transform:uppercase;color:var(--ivory)}
.swc-t span{display:block}.swc-t .g{color:var(--gold)}
.swc-s{display:block;margin-top:12px;font:italic 500 1.15rem/1.3 var(--serif);color:var(--gold)}
.swc-go{display:inline-flex;align-items:center;gap:.55em;margin-top:22px;height:48px;padding:0 24px;border:1px solid var(--gold);border-radius:999px;background:rgba(11,9,6,.35);color:var(--ivory);font:500 15px var(--sans);transition:box-shadow .35s ease,background .35s ease}
.swc:hover .swc-go,.swc:focus-visible .swc-go{background:rgba(192,173,121,.16);box-shadow:0 0 28px rgba(192,173,121,.42)}
@media(min-width:700px){
 .swc{aspect-ratio:16/9}
 .swc img{object-position:50% 20%}
 .swc-sh{background:linear-gradient(90deg,rgba(11,9,6,.88) 0,rgba(11,9,6,.5) 38%,rgba(11,9,6,0) 62%)}
 .swc-tx{right:auto;top:50%;bottom:auto;transform:translateY(-50%);left:6%;padding:0;max-width:44%}
 .swc-t{font-size:clamp(2.8rem,6vw,5rem)}
 .swc-t span{display:inline}.swc-t .g{display:block}
 .swc-s{font-size:1.4rem}
}
html[dir="rtl"] .swc-tx{direction:rtl;text-align:right}
html[dir="rtl"] .swc-t{line-height:1.25}
html[dir="rtl"] .swc-go{font-weight:600;font-size:16px}
html[dir="rtl"] .swc-s{font-style:normal;font-family:var(--sans);font-size:1.05rem;font-weight:500}

/* ===== v15: organised home - two covers with identical size and layout, plus the Our Worlds page ===== */
section.cvs{background:var(--espresso);padding:clamp(28px,5vh,56px) 22px 0}
#worlds.cvs{padding-top:clamp(56px,9vh,110px)}
#selected.cvs{padding-bottom:clamp(64px,10vh,120px)}
@media(min-width:900px){section.cvs{padding-left:6vw;padding-right:6vw}}
.cvs .in{max-width:1280px;margin:0 auto}
.swc{aspect-ratio:4/5}
@media(min-width:700px){.swc{aspect-ratio:16/9}}
.swc picture{display:contents}
.swc-v{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .9s ease}
.swc-v.on{opacity:1}
.swc img{object-position:50% 50%}
.swc-s{letter-spacing:.02em}
.wd .cards{grid-template-columns:1fr;gap:28px;max-width:none}
@media(min-width:760px){.wd .cards{grid-template-columns:repeat(2,1fr);gap:48px}}
.wd .wkh{margin-bottom:clamp(36px,6vh,64px)}
/* stronger scrim: the video covers are bright scenes, the text must stay readable */
.swc-sh{background:linear-gradient(to top,rgba(11,9,6,.96) 0,rgba(11,9,6,.82) 38%,rgba(11,9,6,.38) 68%,rgba(11,9,6,.18) 100%)}
.swc-k{text-transform:uppercase;color:var(--ivory);opacity:1;text-shadow:0 1px 12px rgba(0,0,0,.6)}
.swc-t,.swc-s{text-shadow:0 2px 22px rgba(0,0,0,.55)}
@media(min-width:700px){.swc-sh{background:linear-gradient(90deg,rgba(11,9,6,.94) 0,rgba(11,9,6,.74) 34%,rgba(11,9,6,.3) 62%,rgba(11,9,6,.12) 100%)}}
/* Our Worlds page: always a vertical list (one world under the other), never a sideways carousel */
.wd .cards{display:grid;grid-template-columns:1fr;gap:28px;margin:0;padding:0;overflow:visible;scroll-snap-type:none}
.wd .cards .card{flex:none;width:100%;min-width:0;scroll-snap-align:none}
@media(min-width:760px){.wd .cards{grid-template-columns:repeat(2,1fr);gap:48px}}

/* ===== v15: conversion layer ===== */
.os .top{background:var(--espresso)}
.trust{background:var(--espresso);border-bottom:1px solid rgba(192,173,121,.18);display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;padding:20px 22px;font:500 11px/1.4 var(--tech);letter-spacing:.14em;text-transform:uppercase;color:var(--ivory)}
.trust span::before{content:"✓";color:var(--gold);margin-inline-end:.6em}
@media(min-width:760px){.trust{display:flex;justify-content:center;gap:14px 44px;font-size:12px}}
.gar{font:500 14px/1.6 var(--sans);color:var(--ivory);margin:24px auto 0;max-width:520px}.gar b{display:block;margin-top:4px;color:var(--gold);font-weight:500}
.aft{max-width:520px;margin:44px auto 0;text-align:start;display:grid;gap:10px;border-top:1px solid rgba(192,173,121,.2);padding-top:26px}
.aft b{font:500 12px var(--tech);letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}.aft span{font:400 14px/1.6 var(--sans);color:#BDB5A7}
.trl{margin-top:36px;font:400 15px var(--sans);color:#BDB5A7}.trl a{color:var(--gold);text-decoration:none;border-bottom:1px solid rgba(192,173,121,.5);padding-bottom:3px}
.sheet a.trk{border:1px solid var(--gold);border-radius:999px;color:var(--gold)!important;text-align:center;margin:8px 0}
.wfab{position:fixed;z-index:90;right:16px;bottom:calc(env(safe-area-inset-bottom,0px) + 16px);width:54px;height:54px;border-radius:50%;background:var(--gold);color:#151210;display:grid;place-items:center;box-shadow:0 8px 28px rgba(0,0,0,.45);opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .35s ease,transform .35s ease}
.wfab.on{opacity:1;pointer-events:auto;transform:none}body.lock .wfab{display:none}html[dir="rtl"] .wfab{right:auto;left:16px}
.svs{margin-top:clamp(56px,9vh,96px)}.svt{font:italic 500 clamp(1.5rem,4vw,2.4rem)/1.1 var(--serif);color:var(--gold);text-transform:uppercase}
.svg h3{font:500 12px var(--tech);letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin:34px 0 12px}
.svg ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}@media(min-width:760px){.svg ul{grid-template-columns:1fr 1fr}}
.svg a{display:flex;justify-content:space-between;gap:16px;padding:18px 20px;background:rgba(255,255,255,.04);border:1px solid rgba(192,173,121,.14);border-radius:4px;color:var(--ivory);text-decoration:none;font:500 15px var(--sans);transition:border-color .3s}
.svg a:hover,.svg a:focus-visible{border-color:var(--gold)}.svg em{font-style:normal;color:#BDB5A7;font-size:13px;white-space:nowrap}

/* v15: quick estimate */
.pq .in{text-align:center}.pq{padding-bottom:clamp(48px,8vh,96px)!important}
.pqf{display:grid;gap:10px;max-width:640px;margin:28px auto 0}@media(min-width:700px){.pqf{grid-template-columns:1fr 1fr}}
.pq select{width:100%;background:rgba(255,255,255,.05);color:var(--ivory);border:1px solid rgba(192,173,121,.3);border-radius:999px;padding:14px 20px;font:500 15px var(--sans)}.pq select option{color:#151210}
.pqr{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:640px;margin:22px auto 0}
.pqc{border:1px solid rgba(192,173,121,.2);border-radius:4px;padding:18px 8px}.pqc.mid{border-color:var(--gold);background:rgba(192,173,121,.08)}
.pqc small{display:block;font:500 11px var(--tech);letter-spacing:.16em;text-transform:uppercase;color:#BDB5A7;margin-bottom:6px}.pqc b{font:500 1.7rem var(--serif);color:var(--ivory)}
.pqn{font:400 13px/1.6 var(--sans);color:#BDB5A7;margin:18px auto 26px;max-width:480px}

.pq .wa{display:block;width:max-content;max-width:100%;margin:22px auto 0}.pq .ghost{margin-top:26px}
.pqz{max-width:560px;margin:34px auto 0;border-top:1px solid rgba(192,173,121,.2);padding-top:30px;text-align:start}
.pqz h3{font:italic 500 1.6rem/1.2 var(--serif);color:var(--gold);margin-top:8px}.pqs{font:500 11px var(--tech);letter-spacing:.2em;color:#BDB5A7;text-transform:uppercase}
.pqo{display:grid;gap:10px;margin-top:18px}.pqo button{padding:16px 20px;border:1px solid rgba(192,173,121,.3);background:rgba(255,255,255,.04);color:var(--ivory);border-radius:4px;font:500 15px var(--sans);text-align:start;cursor:pointer}
.pqo button:hover,.pqo button:focus-visible{border-color:var(--gold)}.pqz .pqc{text-align:center}.pqz .btn{justify-self:center}
html[dir="rtl"] .pqz{text-align:right}

/* ===== v15: ONE button system (EN + AR): same height, padding, radius, border and type everywhere.
   filled gold = main action (.btn) | gold outline = secondary (.btn2, .sub, .swc-go) | underlined text = links (.ghost, .wa) ===== */
html body :is(.btn,.btn2,.swc-go,.sub){box-sizing:border-box!important;display:inline-flex!important;align-items:center;justify-content:center;gap:.55em;height:52px!important;min-height:52px!important;min-width:0!important;padding:0 30px!important;border-radius:999px!important;border:1px solid var(--gold)!important;font:600 15px/1 var(--sans)!important;letter-spacing:.03em!important;text-transform:none!important;white-space:nowrap;text-decoration:none;cursor:pointer}
html[dir="rtl"] body :is(.btn,.btn2,.swc-go,.sub){font-size:16px!important;letter-spacing:0!important}
html body :is(.btn2,.swc-go,.sub):hover{background:rgba(192,173,121,.14)}
.pqc em{display:block;margin-top:8px;font:400 12px/1.3 var(--sans);font-style:normal;color:#BDB5A7}


/* ===== v16: ONE button system for English and Arabic =====
   Philosophy: three roles only, same shape, size and weight in both languages.
   1. Main action  = solid gold pill            (.btn, .cs-b1, .nx-b1)
   2. Secondary    = gold outline pill          (.btn2, .sub, .swc-go, .cs-b2, .nx-b2)
   3. Link         = gold text + hairline       (.ghost, .wa, .wal, .pj-v)
   4. Compact pill = language, close, skip      (.lng, .cl, .skip, .os .top button)
   No uppercase or letter-spacing on actions (Arabic cannot use them), so EN and AR look the same. */
:root{--b-h:52px;--b-fs:15px}
html body :is(.btn,.btn2,.sub,.swc-go,.cs-b1,.cs-b2,.nx-b1,.nx-b2){box-sizing:border-box!important;display:inline-flex!important;align-items:center;justify-content:center;gap:.55em;height:var(--b-h)!important;min-height:var(--b-h)!important;min-width:0!important;padding:0 30px!important;border-radius:999px!important;border-style:solid!important;border-width:1px!important;font:600 var(--b-fs)/1 var(--sans)!important;letter-spacing:.02em!important;text-transform:none!important;white-space:nowrap;text-decoration:none;cursor:pointer;transition:background .25s,color .25s,border-color .25s,box-shadow .3s,transform .25s}
html[dir="rtl"] body :is(.btn,.btn2,.sub,.swc-go,.cs-b1,.cs-b2,.nx-b1,.nx-b2){font-size:var(--b-fs)!important;letter-spacing:0!important}
html body :is(.btn,.btn2,.sub,.swc-go,.cs-b1,.cs-b2,.nx-b1,.nx-b2)[disabled]{opacity:.55;cursor:not-allowed}
html body :is(.btn,.btn2,.sub,.swc-go,.cs-b1,.cs-b2,.nx-b1,.nx-b2):active{transform:translateY(1px)}
html body :is(.cs-b2,.nx-b2){background:transparent}
html body :is(.cs-b2,.nx-b2):hover{background:rgba(192,173,121,.14)}
html body :is(.cs-b1,.nx-b1):hover{filter:brightness(1.08)}
.cs-act,.nx-act{display:flex;flex-wrap:wrap;gap:14px 18px;align-items:center;justify-content:center}
/* links */
html body :is(.ghost,.wa,.wal,.pj-v){position:relative;display:inline-flex;align-items:center;gap:.5em;min-height:44px;margin-block:0;padding:0!important;border:0!important;background:none;color:var(--gold);font:500 var(--b-fs)/1.3 var(--sans)!important;letter-spacing:.02em!important;text-transform:none!important;text-decoration:none;white-space:nowrap;cursor:pointer;transition:color .25s}
html[dir="rtl"] body :is(.ghost,.wa,.wal,.pj-v){letter-spacing:0!important;font-size:var(--b-fs)!important}
html body :is(.ghost,.wa,.wal,.pj-v)::after{content:"";position:absolute;inset-inline:0;bottom:9px;height:1px;background:currentColor;opacity:.5;transition:opacity .25s}
html body :is(.ghost,.wa,.wal,.pj-v):hover,html body :is(.ghost,.wa,.wal,.pj-v):focus-visible{color:var(--ivory)}
html body :is(.ghost,.wa,.wal,.pj-v):hover::after{opacity:1}
html body :is(.ct .wa,.pq .wa){display:flex;width:max-content;max-width:100%;margin-inline:auto;margin-top:8px}
html body :is(.ct,.pq,.ok) :is(.ghost,.wa,.wal){justify-content:center}
html body .pj-v{margin-top:10px}
:root[data-theme="light"] :is(.ghost,.wa,.wal,.pj-v){color:var(--lgd)}
:root[data-theme="light"] :is(.ghost,.wa,.wal,.pj-v):hover{color:var(--lfg)}
/* compact pills */
html body :is(.lng,.skip,.wkb .cl,.os .top button){box-sizing:border-box;display:inline-flex!important;align-items:center;justify-content:center;height:40px;min-height:40px;padding:0 18px!important;border:1px solid rgba(192,173,121,.5)!important;border-radius:999px!important;background:none;color:var(--ivory);font:600 14px/1 var(--sans)!important;letter-spacing:0!important;text-transform:none!important;cursor:pointer;transition:color .25s,border-color .25s,background .25s}
html body .lng[lang="ar"]{font-family:'IBM Plex Sans Arabic','Amiri',system-ui,sans-serif!important;padding-bottom:2px!important}
html body :is(.lng,.skip,.wkb .cl,.os .top button):hover{color:var(--gold);border-color:var(--gold)!important;background:rgba(192,173,121,.08)}
:root[data-theme="light"] html body .lng{color:var(--lfg)}
/* Arabic type needs a little more size at small sizes so labels read as clearly as the Latin ones */
html[dir="rtl"] :is(nav.menu a,.wkb nav a,.flt button,.trust span){font-size:14px!important;font-weight:500}
html[dir="rtl"] :is(.ey,.eyebrow,.stp,.fld>span,.pqs,.pqc small,.tc small,.sumr small,.pp small,.aft b,.sig,.lb,.svg h3,.pq small){font-size:13.5px!important}
html[dir="rtl"] :is(.opt,.opt b,.pp b,.chk,.sm,.sb,.err,.fql p,.pqn){font-size:15px}
/* focus and skip link (keyboard users) */
html body :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--gold)!important;outline-offset:3px}
.skipnav{position:fixed;top:-80px;inset-inline-start:12px;z-index:400;background:var(--gold);color:#151210;padding:12px 20px;border-radius:999px;font:600 14px var(--sans);text-decoration:none;transition:top .2s}
.skipnav:focus{top:12px}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* form errors */
.fld input.bad,.fld select.bad,.fld textarea.bad{border-color:#e0a38a!important}
.chk.bad span{color:#e0a38a}
.err:not(:empty){margin:8px 0 18px;padding:10px 14px;border:1px solid rgba(224,163,138,.45);border-radius:10px;background:rgba(224,163,138,.08)}

/* v16: packages, details, trust blocks */
.pq .in{max-width:980px}
.pqr{max-width:980px;grid-template-columns:1fr;gap:12px;text-align:start}
@media(min-width:760px){.pqr{grid-template-columns:repeat(3,1fr)}}
button.pqc{font:inherit;color:inherit;background:none;cursor:pointer;text-align:start;display:flex;flex-direction:column;gap:6px;padding:20px 18px;border-radius:14px;transition:border-color .25s,background .25s}
button.pqc:hover{border-color:rgba(192,173,121,.6)}
.pqc em,.tc em{display:block;margin:0;font:400 13px/1.4 var(--sans);font-style:normal;color:#BDB5A7}
.pqc ul,.tc ul{margin:8px 0 0;padding:0;list-style:none;display:grid;gap:6px;font:400 13px/1.45 var(--sans);color:var(--ivory)}
.pqc li,.tc li{position:relative;padding-inline-start:18px}
.pqc li::before,.tc li::before{content:"✓";position:absolute;inset-inline-start:0;color:var(--gold)}
.pqc .plus,.tc .plus{font:500 12px/1.4 var(--sans);color:var(--gold);margin-top:8px}
.pqc.sel{border-color:var(--gold);background:rgba(192,173,121,.08)}
.pqd{max-width:980px;margin:22px auto 0;text-align:start;display:grid;gap:14px}
.pqd p{font:400 14px/1.6 var(--sans);color:#BDB5A7;margin:0}.pqd p b{color:var(--ivory);font-weight:600}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.chips span{font:500 12px/1 var(--sans);padding:7px 11px;border:1px solid rgba(192,173,121,.35);border-radius:999px;color:var(--ivory)}
.inc{max-width:980px;margin:26px auto 0;display:grid;gap:14px;text-align:start}
@media(min-width:760px){.inc{grid-template-columns:1fr 1fr}}
.inc>div{border:1px solid rgba(192,173,121,.2);border-radius:14px;padding:18px 20px}
.inc h3{font:600 13px var(--sans);color:var(--gold);margin:0 0 10px}
.inc ul{margin:0;padding:0;list-style:none;display:grid;gap:7px;font:400 14px/1.5 var(--sans);color:var(--ivory)}
.inc li{position:relative;padding-inline-start:20px}
.inc .y li::before{content:"✓";position:absolute;inset-inline-start:0;color:var(--gold)}
.inc .n li::before{content:"–";position:absolute;inset-inline-start:2px;color:#BDB5A7}
.inc p{grid-column:1/-1;margin:0;font:400 13px/1.6 var(--sans);color:#BDB5A7}
.idk{max-width:620px;margin:34px auto 0;padding:24px 22px;border:1px solid rgba(192,173,121,.35);border-radius:18px;background:rgba(192,173,121,.06);text-align:center}
.idk h3{font:italic 500 1.5rem/1.2 var(--serif);color:var(--gold);margin:0 0 8px}
.idk p{font:400 14px/1.6 var(--sans);color:#BDB5A7;margin:0 0 16px}
.tcmp{display:grid;gap:10px;margin:12px 0}
@media(min-width:760px){.tcmp{grid-template-columns:repeat(3,1fr)}}
.tc{border:1px solid rgba(192,173,121,.2);border-radius:12px;padding:16px;background:rgba(41,37,34,.45)}
.tc.mid{border-color:var(--gold)}.tc small{display:block;font:500 12px var(--tech);letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}.tc b{display:block;font:500 1.5rem var(--serif);margin:4px 0}
.pkx{margin:0 0 14px;border:1px solid rgba(192,173,121,.18);border-radius:12px;padding:0 14px}
.pkx summary{cursor:pointer;padding:14px 0;font:600 13px var(--sans);color:var(--gold);list-style:none}.pkx summary::-webkit-details-marker{display:none}
.pkx summary::after{content:" +";}.pkx[open] summary::after{content:" –"}
.pkx .who{font:400 13px/1.6 var(--sans);color:#BDB5A7;margin:0 0 10px}
.svx{border:1px solid rgba(192,173,121,.14);border-radius:10px;background:rgba(255,255,255,.03);margin:0 0 8px}
.svx>summary{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px 20px;cursor:pointer;list-style:none;font:500 15px var(--sans);color:var(--ivory)}
.svx>summary::-webkit-details-marker{display:none}
.svx>summary em{font:400 13px var(--sans);font-style:normal;color:#BDB5A7;white-space:nowrap}
.svx[open]{border-color:var(--gold)}
.svx .sxb{padding:2px 20px 22px}
.svx .sxb p{font:400 14px/1.6 var(--sans);color:#BDB5A7;margin:0 0 6px}.svx .sxb p b{color:var(--ivory);font-weight:600}
.svx .sxb .btn2{margin-top:16px}
.svg ul{display:block}
.sxi{display:grid;gap:12px;margin:0 0 28px}
.sxi>div{border:1px solid rgba(192,173,121,.2);border-radius:12px;padding:16px 18px}
.sxi h4{font:600 14px var(--sans);color:var(--gold);margin:0 0 6px}.sxi p,.sxi li{font:400 14px/1.6 var(--sans);color:#BDB5A7;margin:0}
.sxi ul{margin:0;padding-inline-start:18px}
@media(min-width:760px){.sxi.three{grid-template-columns:repeat(3,1fr)}.sxi.two{grid-template-columns:1fr 1fr}}
.paths{display:grid;gap:14px;max-width:760px;margin:30px auto 0;text-align:start}
@media(min-width:700px){.paths{grid-template-columns:1fr 1fr}}
.paths>div{border:1px solid rgba(192,173,121,.28);border-radius:18px;padding:22px 20px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.paths h3{font:600 15px var(--sans);color:var(--ivory);margin:0}.paths p{font:400 14px/1.55 var(--sans);color:#BDB5A7;margin:0 0 10px;flex:1}
.paths .btn2,.paths .btn{align-self:stretch}
.pay{display:grid;gap:12px;margin-top:34px;max-width:900px}
@media(min-width:800px){.pay{grid-template-columns:repeat(3,1fr)}}
.pay>div{border-top:1px solid rgba(192,173,121,.35);padding-top:14px}
.pay b{display:block;font:600 14px var(--sans);color:var(--gold);margin-bottom:6px}.pay span{font:400 14px/1.6 var(--sans);color:#BDB5A7}

.cfm{margin:26px auto 0;max-width:460px;border:1px solid rgba(192,173,121,.4);border-radius:18px;padding:20px;display:grid;gap:10px;justify-items:center}
.cfm span{font:500 13px var(--sans);color:#BDB5A7}.cfm b{font:600 1.5rem var(--tech);letter-spacing:.14em;color:var(--gold);direction:ltr;unicode-bidi:isolate}
.cfm .sub{margin:0!important}
.nxs{list-style:none;padding:0;margin:26px auto 0;max-width:460px;text-align:start;display:grid;gap:10px;font:400 14px/1.6 var(--sans);color:#BDB5A7;counter-reset:n}
.nxs li{counter-increment:n;position:relative;padding-inline-start:34px}
.nxs li::before{content:counter(n);position:absolute;inset-inline-start:0;top:1px;width:22px;height:22px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;font:600 12px var(--sans);color:var(--gold)}
.acts{display:flex;flex-wrap:wrap;gap:12px 20px;justify-content:center;align-items:center;margin-top:28px}
.acts .btn,.acts .btn2{width:auto!important;max-width:none!important;margin:0!important}
.os .btn{width:100%}
.sumr .tot2{display:flex;justify-content:space-between;align-items:baseline;border-bottom:0;padding-top:0}.sumr .tot2 span{font:400 13px var(--sans);color:#BDB5A7}.sumr .tot2 b{font:500 1rem var(--sans);color:var(--ivory)}
.sumr em+em{margin-top:2px}
.why{font:400 13px/1.6 var(--sans);color:#BDB5A7;border-inline-start:2px solid var(--gold);padding-inline-start:12px;margin:0 0 20px}
.stat{display:block;margin-top:8px;font:400 12px/1.5 var(--sans);color:#BDB5A7}
html[dir="rtl"] .pqc,html[dir="rtl"] .tc{text-align:right}
.ferr{display:block;margin-top:8px;font:500 13px/1.5 var(--sans);color:#e0a38a}
.chk .ferr{margin:6px 0 0}
html body .os .sub{text-decoration:none!important;color:var(--gold)}
html body .os .sub:hover{color:var(--ivory)}
.chk{flex-wrap:wrap}.chk .ferr{flex-basis:100%;margin:2px 0 0 28px}
/* narrow screens: long labels (Arabic especially) wrap instead of pushing the page wider */
html body :is(.btn,.btn2,.sub,.swc-go,.cs-b1,.cs-b2,.nx-b1,.nx-b2){max-width:100%}
.paths>div{min-width:0}
@media(max-width:430px){html body :is(.btn,.btn2,.sub,.swc-go,.cs-b1,.cs-b2,.nx-b1,.nx-b2){padding:0 20px!important;white-space:normal;height:auto!important;line-height:1.3!important;padding-block:12px!important;text-align:center}}