/* Jonada — home page and menu. Mobile first, one stylesheet. */

/* ---------- Fonts (self-hosted, subset by script) ---------- */
@font-face{font-family:"Cinzel";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/cinzel-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Cinzel";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/cinzel-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Jost";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/jost-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Jost";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/jost-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Amiri";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/amiri-arabic-400-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"Amiri";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/amiri-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Noto Naskh Arabic";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/noto-naskh-arabic-arabic-400-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"Noto Naskh Arabic";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/noto-naskh-arabic-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ---------- Tokens ---------- */
:root{
	--bg:#070504;--surface:#0F0B09;--sheet:#0E0A08;
	--accent:#C98B5E;--accent-bright:#D8AC8B;
	--text:#EADFD2;--strong:#F3EADF;--soft:#D9CDBF;--muted:#A99888;--faint:#8F7F70;
	/* copper at 34 / 16 / 30 / 18 / 14 / 10 / 7 / 20 % — fixed fallbacks first, live mixes below */
	--line:rgba(201,139,94,.34);--line-faint:rgba(201,139,94,.16);
	--a30:rgba(201,139,94,.3);--a18:rgba(201,139,94,.18);--a20:rgba(201,139,94,.2);
	--a14:rgba(201,139,94,.14);--a10:rgba(201,139,94,.1);--a07:rgba(201,139,94,.07);--a05:rgba(201,139,94,.05);
	--f-disp:"Cinzel","Amiri",serif;
	--f-body:"Jost","Noto Naskh Arabic",system-ui,sans-serif;

	--fs-h2:16px;--ls-h2:.14em;
	--fs-bar:14px;--fs-tile:14px;--ls-tile:.18em;
	--fs-chip:13px;--ls-chip:.08em;
	--fs-feat:18px;--fs-card:13px;--name-min:36px;--fs-price:14px;--fs-desc:13px;
	--fs-sname:21px;--fs-sdesc:15px;--ls-name:.04em;--ls-tab:.16em;
	--fs-cta:13px;--ls-cta:.16em;--fw-cta:600;
	--fs-descr:11.5px;--ls-descr:.2em;--fs-row:16px;--fs-social:15px;--ls-social:.14em;
	--fs-nav:12px;--ls-nav:.16em;
}
@supports (color:color-mix(in srgb,red,blue)){
	:root{
		--line:color-mix(in srgb,var(--accent) 34%,transparent);
		--line-faint:color-mix(in srgb,var(--accent) 16%,transparent);
		--a30:color-mix(in srgb,var(--accent) 30%,transparent);
		--a18:color-mix(in srgb,var(--accent) 18%,transparent);
		--a20:color-mix(in srgb,var(--accent) 20%,transparent);
		--a14:color-mix(in srgb,var(--accent) 14%,transparent);
		--a10:color-mix(in srgb,var(--accent) 10%,transparent);
		--a07:color-mix(in srgb,var(--accent) 7%,transparent);
		--a05:color-mix(in srgb,var(--accent) 5%,transparent);
	}
}
html[lang^="ar"]{
	--f-disp:"Amiri",serif;--f-body:"Noto Naskh Arabic",serif;
	--fs-h2:24px;--ls-h2:0;--fs-bar:24px;--fs-tile:22px;--ls-tile:0;
	--fs-chip:15px;--ls-chip:0;--fs-feat:23px;--fs-card:17px;--name-min:46px;--fs-price:17px;--fs-desc:14.5px;
	--fs-sname:26px;--fs-sdesc:16px;--ls-name:0;--ls-tab:0;
	--fs-cta:19px;--ls-cta:0;--fw-cta:400;--fs-descr:18px;--ls-descr:0;--fs-row:18px;--fs-social:22px;--ls-social:0;
	--fs-nav:17px;--ls-nav:0;
}
@media (min-width:900px){
	:root{--fs-h2:22px;--fs-bar:16px;--fs-tile:17px;--fs-feat:22px;--fs-card:14px;--fs-desc:14px;--fs-cta:13px;--fs-descr:12.5px;--ls-descr:.26em;--fs-row:16px;--fs-social:15px;--fs-sname:24px}
	html[lang^="ar"]{--fs-h2:32px;--fs-bar:30px;--fs-tile:26px;--fs-feat:28px;--fs-card:19px;--fs-desc:16px;--fs-cta:19px;--fs-descr:18px;--fs-row:18px;--fs-social:22px;--fs-sname:30px}
}

/* ---------- Base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--f-body);font-size:16px;line-height:1.5;-webkit-tap-highlight-color:transparent;text-rendering:optimizeLegibility}
h1,h2,h3,p,ul{margin:0;padding:0}
ul{list-style:none}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button{background:none;border:0;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer}
:focus-visible{outline:2px solid var(--accent-bright);outline-offset:2px}
.jn-skip{position:absolute;inset-inline-start:-9999px;top:8px;z-index:99;padding:8px 14px;background:var(--accent);color:#0A0705}
.jn-skip:focus{inset-inline-start:8px}
.jn-wrap{max-width:1200px;margin-inline:auto}
.jn-center{display:flex;justify-content:center;margin-top:28px}

/* One markup, two languages */
html:not([lang^="ar"]) .ar,html[lang^="ar"] .en{display:none!important}
[dir="rtl"] .jn-flip{transform:scaleX(-1)}
.jn-ico,.jn-star{flex:none}

/* ---------- Titles ---------- */
.jn-title{text-align:center;padding-bottom:18px}
.jn-title__text{font:500 var(--fs-h2)/1.25 var(--f-disp);letter-spacing:var(--ls-h2);color:var(--accent)}
.jn-orn{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:10px;color:var(--accent)}
.jn-orn span{width:44px;height:1px;background:var(--line)}

/* ---------- Language switch ---------- */
.jn-lang{display:flex;border:1px solid var(--line);border-radius:999px;overflow:hidden;background:rgba(7,5,4,.6)}
.jn-lang button{min-height:44px;min-width:52px;padding:0 14px;font:13px/1 "Cinzel","Amiri",serif;letter-spacing:.1em;color:var(--soft)}
.jn-lang button[data-lang-set="ar"]{font-family:"Amiri",serif;letter-spacing:0;font-size:15px}
.jn-lang button[aria-pressed="true"]{background:var(--accent);color:#0A0705}
.jn-langbtn{min-width:48px;min-height:48px;padding:0 10px;font:14px/1 "Cinzel",serif;color:var(--soft);justify-self:end}
.jn-langbtn .en{font-family:"Amiri",serif;font-size:16px}

/* ---------- Buttons ---------- */
.jn-btn{display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 28px;border-radius:999px;font-family:var(--f-disp);font-size:var(--fs-cta);letter-spacing:var(--ls-cta);text-align:center}
.jn-btn--solid{background:var(--accent);color:#0A0705;font-weight:var(--fw-cta)}
.jn-btn--solid .jn-ico{color:#0A0705}
.jn-btn--ghost{border:1px solid var(--line);background:rgba(7,5,4,.5);color:var(--text)}
.jn-btn--ghost .jn-ico{color:var(--accent-bright)}
.jn-btn--sm{min-height:50px;padding:0 34px}
.jn-btn:active{opacity:.85}

/* ---------- Photo slot ---------- */
.jn-plate{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--accent);
	background:
		radial-gradient(circle closest-side at 50% 50%,transparent 56%,var(--a30) 56.6%,transparent 57.8%,transparent 78%,var(--a18) 78.6%,transparent 79.6%),
		radial-gradient(ellipse at 50% 40%,#2A1B13 0%,#0D0908 78%)}
.jn-plate .jn-star{opacity:.55}
.jn-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.jn-pill{position:absolute;top:10px;inset-inline-end:10px;padding:4px 10px;border:1px solid var(--line);border-radius:999px;background:rgba(7,5,4,.74);font-family:var(--f-disp);font-size:var(--fs-price);line-height:1.3;color:var(--accent-bright)}
.jn-pill small{margin-inline-start:3px;font-size:8px;letter-spacing:.08em;color:var(--muted)}

/* ---------- Tiles ---------- */
.jn-tile{position:relative;display:block;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--surface)}
.jn-tile__media{position:absolute;inset:0}
.jn-tile .jn-plate{padding-bottom:28px}
.jn-tile__fade{position:absolute;inset-inline:0;bottom:0;height:58%;background:linear-gradient(to top,rgba(7,5,4,.96),rgba(7,5,4,0))}
.jn-tile__frame{position:absolute;inset:8px;border:1px solid var(--line-faint);border-radius:12px;pointer-events:none}
.jn-tile__label{position:absolute;inset-inline:8px;bottom:20px;text-align:center;font-family:var(--f-disp);font-size:var(--fs-tile);letter-spacing:var(--ls-tile);color:var(--strong)}
.jn-tile:active{opacity:.92}

/* ---------- Menu: home → categories → dishes (one page, swapped in place) ---------- */
.jn-menu{position:relative;isolation:isolate;min-height:100vh;min-height:100dvh}
.jn-menu::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
	background:radial-gradient(ellipse 80% 46% at 50% -4%,rgba(201,139,94,.17),transparent 72%),radial-gradient(ellipse 70% 40% at 50% 110%,rgba(201,139,94,.08),transparent 70%)}
.jn-menu__root{position:relative;max-width:1100px;margin-inline:auto;padding-bottom:calc(98px + env(safe-area-inset-bottom))}
.jn-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.jn-empty{padding:60px 24px;text-align:center;color:var(--muted)}
.jn-menu__url{padding:30px 0 12px;text-align:center;color:var(--faint);font-size:12px;letter-spacing:.1em}

/* main sections: one tap away from anywhere inside the menu */
.jn-mainbar{display:none}
.jn-js .jn-menu__root.has-mb:not([data-view="home"]){--mb:48px}
.jn-js .jn-menu__root.has-mb:not([data-view="home"]) .jn-mainbar{display:block;position:sticky;top:var(--adm,0px);z-index:8;height:48px;padding:4px 12px;background:rgba(7,5,4,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line-faint)}
.jn-mainbar__in{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:5px;height:100%;max-width:560px;margin-inline:auto}
.jn-mb{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;padding:0 3px;border:1px solid transparent;border-radius:12px;color:var(--muted);font:500 10px/1.1 var(--f-disp);letter-spacing:.07em;text-align:center;text-transform:uppercase;transition:background-color .15s,color .15s,border-color .15s}
.jn-mb .jn-ico{color:var(--accent)}
.jn-mb__t{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.jn-mb.is-active{background:var(--accent);border-color:var(--accent);color:#0A0705}
.jn-mb.is-active .jn-ico{color:#0A0705}
.jn-mb:active{opacity:.85}
html[lang^="ar"] .jn-mb{font-size:15px;letter-spacing:0;text-transform:none;font-weight:400}
@media (max-width:359px){.jn-mb{font-size:9px;letter-spacing:.03em}}
@media (min-width:600px){
	.jn-mb{flex-direction:row;gap:8px;font-size:11.5px;letter-spacing:.12em}
	html[lang^="ar"] .jn-mb{font-size:17px}
}

/* top bar: back · logo · language */
.jn-bar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;padding:10px 14px 4px}
.jn-bar__logo{display:block;width:124px}
.jn-bar__logo img{width:100%;height:auto}
.jn-bar .jn-lang{justify-self:end}
.jn-bar .jn-lang button{min-width:46px;padding:0 11px}
.jn-bar__back{justify-self:start;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:rgba(7,5,4,.6);color:var(--accent-bright);transition:background-color .2s,color .2s}
.jn-bar__back[hidden]{display:flex;visibility:hidden}
.jn-bar__back:active{background:var(--accent);color:#0A0705}

/* views: only one shows at a time (without JavaScript they simply stack) */
.jn-js .jn-view{display:none}
.jn-js .jn-view.is-on{display:block;animation:jn-view-in .4s cubic-bezier(.2,.7,.2,1) both}
@keyframes jn-view-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.jn-view+.jn-view{margin-top:40px}
.jn-js .jn-view+.jn-view{margin-top:0}

/* headings */
.jn-vhead{padding:18px 20px 4px;text-align:center}
.jn-kick{line-height:1}
.jn-kick span{display:inline-block;padding:9px 18px;border:1px solid var(--line);border-radius:999px;background:var(--a07);font:600 10.5px/1 var(--f-disp);letter-spacing:.3em;color:var(--accent-bright)}
html[lang^="ar"] .jn-kick span{font-size:16px;letter-spacing:0;font-weight:400;padding:7px 20px}
.jn-vhead__t{margin-top:18px;font:500 26px/1.25 var(--f-disp);letter-spacing:.05em;color:var(--strong)}
.jn-vhead__t em{font-style:normal;background:linear-gradient(100deg,#B5774B 6%,#EFCBAA 42%,#C98B5E 66%,#E6BC96 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.jn-vhead__t.is-sm{margin-top:6px;font-size:21px;letter-spacing:.22em;color:var(--accent-bright)}
html[lang^="ar"] .jn-vhead__t{font-size:34px;letter-spacing:0}
html[lang^="ar"] .jn-vhead__t.is-sm{font-size:32px}
.jn-vhead__s{margin-top:10px;font-size:12px;letter-spacing:.14em;color:var(--muted)}
.jn-vhead__s i{margin-inline:6px;font-style:normal;color:var(--accent)}
html[lang^="ar"] .jn-vhead__s{font-size:16px;letter-spacing:0}
.jn-vhead .jn-orn{margin-top:14px}

/* step 1 — a card per main section */
.jn-homegrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:20px 16px 6px}
.jn-hc{position:relative;display:flex;flex-direction:column;justify-content:flex-end;aspect-ratio:2/3;border:1px solid var(--line);border-radius:22px;overflow:hidden;isolation:isolate;background:#0C0907;
	animation:jn-rise .7s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i,0) * 80ms);transition:border-color .25s,box-shadow .25s,transform .25s}
.jn-hc__media,.jn-hc__bg{position:absolute;inset:0;z-index:-2}
.jn-hc__media .jn-img{transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.jn-hc__bg{background:radial-gradient(ellipse 90% 58% at 50% 34%,rgba(201,139,94,.30),transparent 72%),linear-gradient(180deg,#1B120D,#0A0706)}
.jn-hc__star{position:absolute;top:21%;inset-inline:0;z-index:-1;display:flex;justify-content:center;color:var(--accent);opacity:.13}
.jn-hc__star path{stroke-width:.3}
.jn-hc__star path:last-child{fill:none}
.jn-hc__shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(7,5,4,.97) 5%,rgba(7,5,4,.62) 36%,rgba(7,5,4,0) 66%)}
.jn-hc__frame{position:absolute;inset:7px;border:1px solid var(--line-faint);border-radius:16px;pointer-events:none}
.jn-hc__ico{position:absolute;top:16px;inset-inline:0;display:flex;justify-content:center}
.jn-hc__ico svg{box-sizing:content-box;padding:12px;border:1px solid var(--line);border-radius:50%;background:rgba(7,5,4,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--accent-bright)}
.jn-hc:not(.has-img) .jn-hc__ico{top:25%}
.jn-hc:not(.has-img) .jn-hc__ico svg{width:34px;height:34px;padding:16px;background:var(--a07)}
.jn-hc__txt{padding:0 10px 16px;text-align:center}
.jn-hc__name{display:block;font:500 15px/1.25 var(--f-disp);letter-spacing:.2em;color:var(--strong)}
.jn-hc__tag{display:block;margin-top:6px;font-size:10.5px;line-height:1.3;letter-spacing:.16em;color:var(--muted)}
.jn-hc__go{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:13px}
.jn-hc__n{font-size:10.5px;letter-spacing:.1em;color:var(--soft);white-space:nowrap}
.jn-hc__enter,.jn-hc__soon{display:inline-block;padding:8px 14px;border:1px solid var(--accent);border-radius:999px;background:rgba(7,5,4,.5);font:600 10px/1 var(--f-disp);letter-spacing:.2em;color:var(--accent-bright);white-space:nowrap;transition:background-color .2s,color .2s}
.jn-hc__soon{border-color:var(--line);color:var(--muted)}
.jn-hc.is-soon{opacity:.9}
html[lang^="ar"] .jn-hc__name{font-size:24px;letter-spacing:0;font-weight:400}
html[lang^="ar"] .jn-hc__tag,html[lang^="ar"] .jn-hc__n{font-size:15px;letter-spacing:0}
html[lang^="ar"] .jn-hc__enter,html[lang^="ar"] .jn-hc__soon{font-size:15px;letter-spacing:0;font-weight:400;padding:6px 14px}
@media (hover:hover){
	.jn-hc:hover{border-color:var(--accent-bright);box-shadow:0 14px 40px rgba(201,139,94,.18);transform:translateY(-3px)}
	.jn-hc:hover .jn-hc__media .jn-img{transform:scale(1.05)}
	.jn-hc:hover .jn-hc__enter{background:var(--accent);color:#0A0705}
}
.jn-hc:active{transform:scale(.985)}

/* step 2 — a photo card per category */
.jn-cats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:20px 16px 6px}
.jn-cat{position:relative;display:block;aspect-ratio:4/5;border:1px solid var(--line);border-radius:20px;overflow:hidden;isolation:isolate;background:#0C0907;
	animation:jn-rise .6s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i,0) * 60ms);transition:border-color .25s,box-shadow .25s,transform .25s}
.jn-cat:last-child:nth-child(odd){grid-column:1/-1;aspect-ratio:16/10}
.jn-cat__media{position:absolute;inset:0;z-index:-2;background:#0C0907}
.jn-cat__media.has-photo{background:radial-gradient(ellipse at 50% 40%,#2A1B13,#0D0908 78%)}
.jn-cat__media .jn-img{transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.jn-cat__shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(7,5,4,.96) 4%,rgba(7,5,4,.5) 34%,rgba(7,5,4,0) 62%)}
.jn-cat__go{position:absolute;top:12px;inset-inline-end:12px;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:rgba(7,5,4,.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--accent-bright)}
.jn-cat__txt{position:absolute;inset-inline:0;bottom:0;padding:0 10px 15px;text-align:center}
.jn-cat__name{display:block;font:500 13.5px/1.3 var(--f-disp);letter-spacing:.14em;color:var(--strong)}
.jn-cat__n{display:block;margin-top:7px;font-size:10.5px;letter-spacing:.14em;color:var(--accent-bright)}
html[lang^="ar"] .jn-cat__name{font-size:22px;letter-spacing:0;font-weight:400}
html[lang^="ar"] .jn-cat__n{font-size:15px;letter-spacing:0}
@media (hover:hover){
	.jn-cat:hover{border-color:var(--accent-bright);box-shadow:0 12px 34px rgba(201,139,94,.16);transform:translateY(-3px)}
	.jn-cat:hover .jn-cat__media .jn-img{transform:scale(1.06)}
	.jn-cat:hover .jn-cat__go{background:var(--accent);color:#0A0705}
}
.jn-cat:active{transform:scale(.985)}

/* step 3 — search, category tabs, dishes */
.jn-find{position:relative;margin:16px 16px 0}
.jn-find__ico{position:absolute;top:50%;inset-inline-start:17px;display:flex;transform:translateY(-50%);color:var(--accent);pointer-events:none}
.jn-find__in{display:block;width:100%;height:48px;padding:0 46px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--strong);font:inherit;font-size:16px;-webkit-appearance:none;appearance:none;outline:0;transition:border-color .2s,box-shadow .2s}
.jn-find__in::placeholder{color:var(--faint);opacity:1}
.jn-find__in::-webkit-search-cancel-button{-webkit-appearance:none;display:none}
.jn-find__in:focus{border-color:var(--accent-bright);box-shadow:0 0 0 3px var(--a18)}
.jn-find__x{position:absolute;top:50%;inset-inline-end:6px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;transform:translateY(-50%);border-radius:50%;color:var(--muted)}
.jn-find__x[hidden]{display:none}

.jn-subs{position:sticky;top:calc(var(--adm,0px) + var(--mb,0px));z-index:6;display:flex;gap:8px;overflow-x:auto;margin-top:14px;padding:9px 16px 10px;background:rgba(7,5,4,.93);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line-faint);border-bottom:1px solid var(--line);scrollbar-width:none;overscroll-behavior-x:contain;transition:opacity .2s}
.jn-subs::-webkit-scrollbar{display:none}
.admin-bar{--adm:32px}
@media (max-width:782px){.admin-bar{--adm:46px}}
.jn-sub{flex:none;display:flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border:1px solid var(--line);border-radius:999px;font-size:var(--fs-chip);letter-spacing:var(--ls-chip);color:var(--soft);white-space:nowrap;transition:background-color .15s,color .15s,border-color .15s}
.jn-sub:first-child{margin-inline-start:auto}
.jn-sub:last-child{margin-inline-end:auto}
.jn-sub.has-img{padding-inline-start:5px}
.jn-sub__img{position:relative;flex:none;width:34px;height:34px;border-radius:50%;overflow:hidden}
.jn-sub.is-active{background:var(--accent);border-color:var(--accent);color:#0A0705;font-weight:500}
.jn-sub:active{opacity:.85}
.jn-v-items.is-searching .jn-subs{opacity:.4}
.jn-v-items:not(.has-subs) .jn-find{margin-bottom:6px}

.jn-js .jn-group[data-group]{display:none}
.jn-js .jn-group[data-group].is-current,.jn-js .jn-v-items.is-searching .jn-group[data-group]{display:block}
.jn-group[hidden],.jn-item[hidden]{display:none!important}
.jn-fx .jn-group.is-current{animation:jn-tab-in .3s ease both}
@keyframes jn-tab-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.jn-group>.jn-title{padding:22px 16px 16px}
.jn-group>.jn-title .jn-title__text{font-size:17px;letter-spacing:.2em}
html[lang^="ar"] .jn-group>.jn-title .jn-title__text{font-size:26px;letter-spacing:0}
.jn-group__gap{height:16px}
.jn-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 16px}

.jn-item{display:flex;flex-direction:column;width:100%;text-align:start;overflow:hidden;border:1px solid var(--line-faint);border-radius:18px;background:var(--surface);transition:border-color .2s,transform .2s,box-shadow .2s}
.jn-item__media{position:relative;display:block;aspect-ratio:520/460;overflow:hidden;background:var(--surface)}
.jn-item__media.has-photo{background:radial-gradient(ellipse at 50% 42%,#2A1B13,#0D0908 80%)}
/* no photo yet: a short plate that stretches to match its neighbour, instead of a tall empty box */
.jn-item__media:not(.has-photo){flex:1 1 auto;aspect-ratio:auto;min-height:104px}
.jn-item__media:not(.has-photo) .jn-plate .jn-star{width:28px;height:28px}
.jn-item__media:not(.has-photo)::after{display:none}
.jn-item__media::after{content:"";position:absolute;inset-inline:0;bottom:0;height:34%;background:linear-gradient(to top,var(--surface),rgba(15,11,9,0));pointer-events:none}
.jn-item__body{display:flex;flex:1;flex-direction:column;padding:2px 13px 14px}
.jn-item__name{display:block;font-family:var(--f-disp);font-size:var(--fs-card);font-weight:500;line-height:1.35;letter-spacing:var(--ls-name);color:var(--strong)}
.jn-item__desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:6px;font-size:12px;line-height:1.55;color:var(--muted)}
html[lang^="ar"] .jn-item__desc{font-size:14px}
.jn-item__price{display:flex;align-items:baseline;gap:5px;margin-top:auto;padding-top:11px;font-family:var(--f-disp);color:var(--accent-bright)}
.jn-item__price b{font-size:var(--fs-price);font-weight:500;line-height:1}
.jn-item__price small{font-size:9px;letter-spacing:.1em;color:var(--muted)}
html[lang^="ar"] .jn-item__price small{font-size:13px;letter-spacing:0}
.jn-item__name+.jn-item__price,.jn-item__desc+.jn-item__price{position:relative}
.jn-item:active{opacity:.92}
@media (hover:hover){.jn-item:hover{border-color:var(--line);transform:translateY(-2px);box-shadow:0 10px 28px rgba(0,0,0,.4)}}
.jn-none{padding:60px 20px 20px;text-align:center;font:12px/1.7 var(--f-disp);letter-spacing:.2em;color:var(--muted)}
html[lang^="ar"] .jn-none{font-size:20px;letter-spacing:0}
.jn-none[hidden]{display:none}

.jn-soon{padding:60px 12px 24px;text-align:center;color:var(--accent)}
.jn-soon p{margin-top:18px;font:13px/1.7 var(--f-disp);letter-spacing:.3em;color:var(--muted)}
html[lang^="ar"] .jn-soon p{font-size:20px;letter-spacing:0}

/* a link to /menu#something never flashes the wrong step; falls back to showing it after 1.5s */
.jn-boot-hash .jn-views{visibility:hidden;animation:jn-unhide 0s 1.5s forwards}
@keyframes jn-unhide{to{visibility:visible}}

/* call · WhatsApp · map, floating at the bottom */
.jn-mdock{position:fixed;z-index:20;left:50%;bottom:calc(14px + env(safe-area-inset-bottom));display:flex;gap:2px;padding:5px;transform:translateX(-50%);border:1px solid var(--line);border-radius:999px;background:rgba(10,7,5,.82);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 12px 34px rgba(0,0,0,.55)}
.jn-mdock__a{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 17px;border-radius:999px;font:600 11px/1 var(--f-disp);letter-spacing:.14em;color:var(--soft);white-space:nowrap;transition:background-color .2s,color .2s}
.jn-mdock__a .jn-ico{color:var(--accent-bright)}
.jn-mdock__a.is-main{background:var(--accent);color:#0A0705}
.jn-mdock__a.is-main .jn-ico{color:#0A0705}
.jn-mdock__a:active{opacity:.85}
html[lang^="ar"] .jn-mdock__a{font-size:16px;letter-spacing:0;font-weight:400}
@media (max-width:360px){.jn-mdock__a{padding:0 12px;gap:6px}}

.jn-menu__root.has-mb .jn-subs{padding-block:6px 7px}
.jn-menu__root.has-mb .jn-sub{min-height:40px}
.jn-menu__root.has-mb .jn-sub__img{width:30px;height:30px}
@media (max-width:380px){
	.jn-bar{padding-inline:10px;gap:4px}
	.jn-bar__logo{width:108px}
	.jn-bar .jn-lang button{min-width:40px;padding:0 8px;font-size:12px}
	.jn-bar .jn-lang button[data-lang-set="ar"]{font-size:14px}
	.jn-homegrid,.jn-cats,.jn-grid{gap:10px;padding-inline:12px}
	.jn-find{margin-inline:12px}
	.jn-subs{padding-inline:12px}
	.jn-hc__enter,.jn-hc__soon{padding:8px 11px}
	.jn-item__body{padding-inline:11px}
}

@media (min-width:600px){
	.jn-homegrid{gap:16px;padding-inline:24px}
	.jn-cats{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-inline:24px}
	.jn-cat:last-child:nth-child(odd){grid-column:auto;aspect-ratio:4/5}
	.jn-find{margin-inline:24px}
	.jn-subs{padding-inline:24px}
	.jn-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-inline:24px}
}
@media (min-width:900px){
	.jn-bar{padding:20px 32px 6px}
	.jn-bar__logo{width:190px}
	.jn-bar .jn-lang button{min-width:52px;padding:0 14px;font-size:13px}
	.jn-vhead{padding-top:30px}
	.jn-vhead__t{font-size:38px}
	html[lang^="ar"] .jn-vhead__t{font-size:48px}
	.jn-vhead__t.is-sm{font-size:28px}
	html[lang^="ar"] .jn-vhead__t.is-sm{font-size:42px}
	.jn-homegrid{grid-template-columns:repeat(var(--n,4),minmax(0,1fr));gap:22px;max-width:1040px;margin-inline:auto;padding:30px 32px 6px}
	.jn-hc{aspect-ratio:3/4.2;border-radius:26px}
	.jn-hc__frame{inset:9px;border-radius:19px}
	.jn-hc__name{font-size:17px}
	.jn-hc__tag{font-size:11.5px}
	.jn-hc__ico{top:22px}
	.jn-hc__txt{padding-bottom:22px}
	html[lang^="ar"] .jn-hc__name{font-size:28px}
	.jn-cats{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;padding:30px 32px 6px}
	.jn-cat,.jn-cat:last-child:nth-child(odd){flex:0 0 calc((100% - 60px) / 4);max-width:260px;aspect-ratio:4/5}
	.jn-cat__name{font-size:14.5px}
	html[lang^="ar"] .jn-cat__name{font-size:25px}
	.jn-find{max-width:560px;margin:24px auto 0}
	.jn-subs{justify-content:flex-start;margin-top:20px;padding:12px 32px 13px}
	.jn-sub{padding:0 22px}
	.jn-group>.jn-title{padding-top:32px}
	.jn-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px;padding:0 32px}
	.jn-item__body{padding:2px 16px 16px}
}
@media (min-width:1200px){
	.jn-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}

/* ---------- Dish sheet ---------- */
dialog.jn-sheet{position:fixed;inset:auto 0 0 0;margin:0 auto;width:100%;max-width:560px;max-height:none;padding:0;border:0;background:transparent;color:var(--text);overflow:visible}
dialog.jn-sheet:not([open]){display:none}
.jn-sheet::backdrop{background:rgba(0,0,0,.66)}
.jn-sheet[open]{animation:jn-up .22s ease-out}
.jn-sheet[open]::backdrop{animation:jn-fade .22s ease-out}
@keyframes jn-up{from{transform:translateY(28px);opacity:0}to{transform:none;opacity:1}}
@keyframes jn-fade{from{opacity:0}to{opacity:1}}
.jn-sheet__box{max-height:92vh;max-height:92dvh;overflow-y:auto;overscroll-behavior:contain;background:var(--sheet);border-top:1px solid var(--line);border-radius:24px 24px 0 0;padding-bottom:calc(32px + env(safe-area-inset-bottom))}
.jn-sheet__media{position:relative;aspect-ratio:900/720;max-height:46vh;width:100%;background:#0D0908}
.jn-sheet__media::after{content:"";position:absolute;inset-inline:0;bottom:0;height:40%;background:linear-gradient(to top,var(--sheet),rgba(14,10,8,0));pointer-events:none}
.jn-sheet__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.jn-sheet__img[hidden],.jn-sheet__plate[hidden]{display:none}
.jn-sheet__plate .jn-star{width:38px;height:38px}
.jn-sheet__grab{position:absolute;top:10px;left:50%;margin-left:-20px;width:40px;height:4px;border-radius:2px;background:var(--line);z-index:2}
.jn-sheet__x{position:absolute;top:14px;inset-inline-end:14px;z-index:3;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--line);border-radius:999px;background:rgba(7,5,4,.72);color:var(--text)}
.jn-sheet__body{position:relative;z-index:1;padding:0 24px;margin-top:-4px}
.jn-sheet__sec{font:11px/1.4 var(--f-disp);letter-spacing:var(--ls-tab);color:var(--accent);text-transform:uppercase}
.jn-sheet__head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-top:8px}
.jn-sheet__name{font:500 var(--fs-sname)/1.25 var(--f-disp);letter-spacing:var(--ls-name);color:var(--strong)}
.jn-sheet__price{flex:none;font:20px/1 var(--f-disp);color:var(--accent-bright)}
.jn-sheet__price small{margin-inline-start:4px;font-size:10px;letter-spacing:.08em;color:var(--muted)}
.jn-sheet__rule{height:1px;background:var(--line);margin:16px 0}
.jn-sheet__desc{font-size:var(--fs-sdesc);line-height:1.75;color:var(--text)}
.jn-sheet__cal{margin-top:12px;font-size:13px;color:var(--muted)}
.jn-sheet__desc:empty,.jn-sheet__cal:empty{display:none}
.jn-sheet__rule.is-solo{display:none}
body.jn-locked{overflow:hidden}

/* ---------- Home page ---------- */
.jn-home.has-dock{padding-bottom:calc(64px + env(safe-area-inset-bottom))}
.jn-home.has-dock .jn-hero{height:clamp(500px,calc(100vh - 64px),610px);height:clamp(500px,calc(100svh - 64px),610px)}
.jn-hero{position:relative;height:610px;overflow:hidden;background:radial-gradient(ellipse at 50% 30%,var(--a30) 0%,transparent 60%),linear-gradient(180deg,#1D130E 0%,#0A0706 100%)}
.jn-hero__tex{position:absolute;inset:0;background:repeating-linear-gradient(135deg,var(--a05) 0,var(--a05) 1px,transparent 1px,transparent 18px)}
.jn-hero__star{position:absolute;top:96px;inset-inline:0;display:flex;justify-content:center;color:var(--accent);opacity:.16}
.jn-hero__star svg{width:230px;height:230px}
.jn-hero__star path{stroke-width:.35}
.jn-hero__star path:last-child{fill:none}
.jn-hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.8}
.jn-hero__fade{position:absolute;inset-inline:0;bottom:0;height:66%;background:linear-gradient(to top,var(--bg) 14%,rgba(7,5,4,0))}
.jn-topbar{position:absolute;top:0;inset-inline:0;z-index:3}
.jn-topbar__in{display:flex;justify-content:flex-end;padding:10px 16px}
.jn-nav{display:none}
.jn-hero__body{position:absolute;inset-inline:24px;bottom:26px;z-index:2}
.jn-logo{width:100%;max-width:340px;margin-inline:auto}
.jn-logo img{width:100%;height:auto}
.jn-descriptor{margin-top:8px;text-align:center;font-family:var(--f-disp);font-size:var(--fs-descr);letter-spacing:var(--ls-descr);color:#B9A999}
.jn-cta{display:flex;flex-direction:column;gap:10px;margin-top:22px}
.jn-cta .jn-btn--solid{min-height:56px}

.jn-sec{padding:46px 20px 0;scroll-margin-top:16px}
.jn-tiles--rail{display:flex;gap:12px;overflow-x:auto;margin-inline:-20px;padding:0 20px 4px;scrollbar-width:none;scroll-snap-type:x proximity}
.jn-tiles--rail::-webkit-scrollbar{display:none}
.jn-tiles--rail .jn-tile{flex:none;width:150px;height:200px;border-radius:16px;scroll-snap-align:start}
.jn-tiles--rail .jn-tile__frame{display:none}
.jn-tiles--rail .jn-tile__label{bottom:18px}

.jn-map{position:relative;display:block;min-height:200px;border:1px solid var(--line);border-radius:22px;overflow:hidden;
	background:
		linear-gradient(115deg,transparent 44%,var(--a14) 44.3%,var(--a14) 45.8%,transparent 46.1%),
		linear-gradient(28deg,transparent 66%,var(--a10) 66.3%,var(--a10) 67.4%,transparent 67.7%),
		linear-gradient(var(--a07) 1px,transparent 1px) 0 0/34px 34px,
		linear-gradient(90deg,var(--a07) 1px,transparent 1px) 0 0/34px 34px,
		#0E0A08}
.jn-map__pin{position:absolute;top:50%;left:50%;width:84px;height:84px;margin:-52px 0 0 -42px;border-radius:50%;background:var(--a20);display:flex;align-items:center;justify-content:center}
.jn-map__label{position:absolute;bottom:16px;inset-inline-start:22px;font:11px/1 var(--f-disp);letter-spacing:.2em;color:var(--faint)}
html[lang^="ar"] .jn-map__label{font-size:15px;letter-spacing:0}
a.jn-map:hover .jn-map__label{color:var(--accent-bright)}
.jn-info{display:flex;flex-direction:column;justify-content:space-between;padding:6px 20px 20px;border:1px solid var(--line-faint);border-radius:22px;background:var(--surface)}
.jn-rows li{display:flex;align-items:center;gap:16px;min-height:68px;border-bottom:1px solid var(--line-faint);color:var(--accent-bright)}
.jn-rows li:last-child{border-bottom:0}
.jn-rows__t{font-size:var(--fs-row);line-height:1.5;color:var(--soft);white-space:pre-line}
.jn-info__btns{display:flex;flex-direction:column;gap:10px;margin-top:18px}
.jn-info__btns:empty{display:none}
.jn-info__btns .jn-btn{min-height:54px}

.jn-socials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.jn-social{display:block;padding:22px 20px;border:1px solid var(--line);border-radius:22px;background:var(--surface)}
.jn-social__top{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--accent-bright)}
.jn-social__name{font-family:var(--f-disp);font-size:var(--fs-social);font-weight:500;letter-spacing:var(--ls-social);color:var(--strong)}
.jn-social__handle{display:block;margin-top:16px;text-align:start;font-size:14px;color:var(--muted);overflow-wrap:anywhere}
[dir="rtl"] .jn-social__handle{text-align:right}

.jn-foot{margin-top:84px;border-top:1px solid var(--line-faint);padding:32px 20px 40px}
.jn-foot__in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;max-width:1200px;margin-inline:auto}
.jn-foot__logo{width:170px;height:auto}
.jn-foot__legal{font-size:12px;letter-spacing:.08em;color:#7E7064}

.jn-dock{position:fixed;inset-inline:0;bottom:0;z-index:30;display:flex;background:rgba(7,5,4,.97);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}
.jn-dock a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:58px;color:var(--muted);font:10px/1 var(--f-disp);letter-spacing:.14em}
html[lang^="ar"] .jn-dock a{font-size:14px;letter-spacing:0}
.jn-dock a .jn-ico{color:var(--accent-bright)}
.jn-dock a:active{color:var(--strong)}

/* ---------- Plain pages ---------- */
.jn-plain{padding:32px 20px 64px}
.jn-plain__logo{display:block;width:220px;margin:0 auto 32px}
.jn-plain__article{max-width:720px;margin-inline:auto;line-height:1.8;color:var(--soft)}
.jn-plain__article h1{margin-bottom:18px;font:500 22px/1.3 var(--f-disp);letter-spacing:.1em;color:var(--accent)}
.jn-plain__article a{color:var(--accent-bright);text-decoration:underline}

html[lang^="ar"] .jn-pill small{font-size:12px;letter-spacing:0}
html[lang^="ar"] .jn-sheet__price small{font-size:15px;letter-spacing:0}
html[lang^="ar"] .jn-sheet__sec{font-size:15px}
html[lang^="ar"] .jn-sheet__cal{font-size:15px}

/* ---------- Wider screens ---------- */
@media (min-width:600px){
	.jn-socials{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
}
@media (min-width:900px){
	.jn-orn span{width:72px}
	.jn-title{padding-bottom:36px}
	.jn-orn{margin-top:14px;gap:12px}
	.jn-btn{min-height:58px}
	.jn-btn--sm{min-height:52px}

	/* home */
	.jn-hero{height:780px}
	.jn-topbar__in{max-width:1200px;margin-inline:auto;padding:14px 32px;align-items:center;justify-content:space-between}
	.jn-nav{display:flex;gap:8px}
	.jn-nav a{display:flex;align-items:center;min-height:44px;padding:0 16px;font-family:var(--f-disp);font-size:var(--fs-nav);letter-spacing:var(--ls-nav);color:var(--soft)}
	.jn-nav a:hover{color:var(--strong)}
	.jn-hero__star{top:70px}
	.jn-hero__star svg{width:520px;height:520px}
	.jn-hero__star path{stroke-width:.2}
	.jn-hero__fade{height:60%;background:linear-gradient(to top,var(--bg) 10%,rgba(7,5,4,0))}
	.jn-hero__body{inset-inline:32px;bottom:84px;display:flex;flex-direction:column;align-items:center}
	.jn-logo{max-width:620px}
	.jn-descriptor{margin-top:10px}
	.jn-cta{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:34px}
	.jn-cta .jn-btn{min-width:260px;min-height:58px}
	.jn-sec{padding:104px 32px 0}
	.jn-sec#menu{padding-top:96px}
	.jn-tiles--rail{flex-wrap:wrap;overflow:visible;margin-inline:0;padding:0;gap:20px;scroll-snap-type:none}
	.jn-tiles--rail .jn-tile{flex:1 1 240px;width:auto;height:380px;border-radius:22px}
	.jn-tiles--rail .jn-tile__frame{display:block;inset:10px;border-radius:15px}
	.jn-tiles--rail .jn-tile__label{bottom:30px}
	.jn-tiles--rail .jn-tile .jn-plate{padding-bottom:40px}
	.jn-center{margin-top:32px}
	.jn-map{flex:1.5 1 560px;min-height:440px}
	.jn-info{flex:1 1 340px;padding:12px 28px 28px}
	.jn-rows li{min-height:76px}
	.jn-info__btns{margin-top:24px}
	.jn-socials{gap:20px}
	.jn-social{padding:28px 26px}
	.jn-foot{margin-top:112px;padding:36px 32px 44px}
	.jn-foot__logo{width:190px}
	.jn-home.has-dock{padding-bottom:0}
	.jn-home.has-dock .jn-hero{height:780px}
	.jn-dock{display:none}

	/* sheet becomes a centered window */
	dialog.jn-sheet{inset:0;margin:auto;max-width:720px;height:fit-content}
	.jn-sheet__box{border:1px solid var(--line);border-radius:24px;padding-bottom:36px}
	.jn-sheet__grab{display:none}
	.jn-sheet__media{max-height:360px;aspect-ratio:900/560}
	.jn-sheet__body{padding:0 36px}
}

/* ---------- Home: logo on a luxurious backdrop with its buttons ---------- */
.jn-hub{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;min-height:100svh;padding:92px 24px 72px;overflow:hidden;background:var(--bg)}
.jn-hub__bg{position:absolute;inset:0;z-index:-2;background:var(--bg) url(../img/home-bg-portrait.webp) 50% 28%/cover no-repeat}
@media (orientation:landscape){.jn-hub__bg{background-image:url(../img/home-bg-landscape.webp);background-position:50% 40%}}
.jn-hub.has-hero .jn-hub__bg{background-image:var(--hub-bg);background-position:50% 50%}
.jn-hub.has-hero .jn-hub__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,5,4,.5),rgba(7,5,4,.82))}
.jn-hub__glow{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 62% 34% at 50% 30%,rgba(216,172,139,.15),transparent 72%);animation:jn-breathe 7s ease-in-out infinite alternate}
@keyframes jn-breathe{from{opacity:.55}to{opacity:1}}

.jn-hub__frame{position:absolute;inset:12px;z-index:1;border:1px solid rgba(201,139,94,.4);pointer-events:none}
.jn-hub__frame::before{content:"";position:absolute;inset:6px;border:1px solid rgba(201,139,94,.16)}
.jn-hub__frame i{position:absolute;width:9px;height:9px;background:var(--accent);transform:rotate(45deg);box-shadow:0 0 12px rgba(216,172,139,.6)}
.jn-hub__frame i:nth-child(1){top:-5px;inset-inline-start:-5px}
.jn-hub__frame i:nth-child(2){top:-5px;inset-inline-end:-5px}
.jn-hub__frame i:nth-child(3){bottom:-5px;inset-inline-start:-5px}
.jn-hub__frame i:nth-child(4){bottom:-5px;inset-inline-end:-5px}

.jn-hub__lang{position:absolute;z-index:3;top:28px;inset-inline-end:28px}
.jn-hub__in{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;width:100%;max-width:420px}
.jn-hub .jn-logo{max-width:340px;filter:drop-shadow(0 0 30px rgba(201,139,94,.3))}
.jn-hub .jn-descriptor{margin-top:12px;margin-bottom:34px;color:#CDBBA8}

.jn-links{display:flex;flex-direction:column;gap:12px;width:100%}
.jn-links .jn-btn{min-height:56px}
.jn-btn--glass{border:1px solid rgba(201,139,94,.55);background:rgba(12,8,6,.62);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--strong);transition:background-color .2s,border-color .2s,transform .2s}
.jn-btn--glass .jn-ico{color:var(--accent-bright)}
.jn-btn--glass:hover{border-color:var(--accent-bright);background:rgba(201,139,94,.16);transform:translateY(-1px)}
.jn-btn--solid{box-shadow:0 8px 26px rgba(201,139,94,.28)}
.jn-links__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.jn-links__grid .jn-btn{padding:0 12px;gap:9px;font-size:12px;letter-spacing:.12em}
.jn-links__grid .jn-btn:last-child:nth-child(odd){grid-column:1/-1}
html[lang^="ar"] .jn-links__grid .jn-btn{font-size:18px;letter-spacing:0}
.jn-ico--brand{width:20px;height:20px}

.jn-hub__foot{position:absolute;z-index:2;bottom:28px;inset-inline:0;text-align:center;font:11px/1 var(--f-disp);letter-spacing:.3em;color:var(--faint)}
html[lang^="ar"] .jn-hub__foot{font-family:"Cinzel",serif}

@keyframes jn-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.jn-hub .jn-logo{animation:jn-rise .9s cubic-bezier(.2,.7,.2,1) both}
.jn-hub .jn-descriptor{animation:jn-rise .9s .12s cubic-bezier(.2,.7,.2,1) both}
.jn-links>*{animation:jn-rise .8s cubic-bezier(.2,.7,.2,1) both}
.jn-links>:nth-child(1){animation-delay:.22s}
.jn-links>:nth-child(2){animation-delay:.3s}
.jn-links>:nth-child(3){animation-delay:.38s}

@media (min-width:900px){
	.jn-hub{padding:96px 32px 84px}
	.jn-hub__bg{background-position:50% 40%}
	.jn-hub__frame{inset:22px}
	.jn-hub__lang{top:44px;inset-inline-end:48px}
	.jn-hub__in{max-width:520px}
	.jn-hub .jn-logo{max-width:520px}
	.jn-hub .jn-descriptor{margin-bottom:42px}
	.jn-links{max-width:440px}
	.jn-hub__foot{bottom:44px}
}