:root{
  --bg:#070707; --bg2:#0e0e0e; --card:#131313; --line:#2b2416;
  --gold:#c9a24b; --gold2:#f0d48a; --gold3:#7d5f1f; --text:#f5f0e3; --muted:#a79f8c;
  --radius:18px; --ease:cubic-bezier(.2,.8,.2,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-padding-top:70px}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-stopped{overflow:hidden}
body{background:var(--bg);color:var(--text);font-family:'Cairo','Montserrat',system-ui,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
html[lang=en] body{font-family:'Montserrat','Cairo',system-ui,sans-serif}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit;color:inherit}
.wrap{max-width:1120px;margin-inline:auto;padding-inline:18px}
::selection{background:var(--gold);color:#000}

/* ---------- loader ---------- */
.loader{position:fixed;inset:0;z-index:100;background:#050505;display:grid;place-content:center;justify-items:center;gap:22px}
.loader-core{position:relative;width:130px;height:130px;display:grid;place-items:center}
.ring{position:absolute;inset:0;transform:rotate(-90deg)}
.ring circle{fill:none;stroke-width:2}
.ring-bg{stroke:#2a2417}
.ring-fg{stroke:var(--gold2);stroke-linecap:round;stroke-dasharray:339.3;stroke-dashoffset:339.3}
.loader-mark{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:2.4rem;color:#0a0a0a;background:radial-gradient(circle at 35% 30%,var(--gold2),var(--gold) 55%,var(--gold3));animation:pulse 1.6s ease-in-out infinite}
.loader-name{font-family:'Montserrat',sans-serif;font-weight:800;letter-spacing:.35em;font-size:.8rem}
.loader-name span{color:var(--gold2)}
.loader-pct{font-family:'Montserrat',sans-serif;color:var(--muted);font-size:.85rem;letter-spacing:.2em}
@keyframes pulse{50%{transform:scale(.93);box-shadow:0 0 40px rgba(240,212,138,.35)}}

.progress{position:fixed;top:0;inset-inline:0;height:3px;z-index:60;background:linear-gradient(90deg,var(--gold3),var(--gold2));transform-origin:0 50%;transform:scaleX(0)}
html[dir=rtl] .progress{transform-origin:100% 50%}

/* ---------- cursor ---------- */
.cursor-dot,.cursor-ring{position:fixed;top:0;left:0;z-index:99;pointer-events:none;border-radius:50%;display:none}
@media(pointer:fine){
  .anim .cursor-dot,.anim .cursor-ring{display:block}
  .anim,.anim a,.anim button{cursor:none}
  .cursor-dot{width:7px;height:7px;background:var(--gold2);margin:-3.5px 0 0 -3.5px}
  .cursor-ring{width:38px;height:38px;border:1px solid var(--gold);margin:-19px 0 0 -19px;transition:width .25s,height .25s,margin .25s,background .25s,border-color .25s}
  .cursor-ring.big{width:70px;height:70px;margin:-35px 0 0 -35px;background:rgba(240,212,138,.12);border-color:var(--gold2)}
}

/* ---------- header ---------- */
.topbar{position:fixed;top:0;inset-inline:0;z-index:40;display:flex;align-items:center;gap:14px;padding:12px 18px;transition:background .4s,backdrop-filter .4s,border-color .4s;border-bottom:1px solid transparent}
.topbar.solid{background:rgba(7,7,7,.8);backdrop-filter:blur(12px);border-color:var(--line)}
.brand{display:flex;align-items:center;gap:10px;margin-inline-end:auto}
.emblem{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-weight:900;color:#0a0a0a;background:radial-gradient(circle at 35% 30%,var(--gold2),var(--gold) 60%,var(--gold3));box-shadow:0 0 0 2px #070707,0 0 0 3px var(--gold)}
.brand-text b{letter-spacing:.06em;text-transform:uppercase;font-size:.9rem}
html[lang=ar] .brand-text b{text-transform:none;letter-spacing:0}
.nav{display:none;gap:26px;font-size:.88rem;color:var(--muted)}
.nav a{position:relative;padding:4px 0}
.nav a::after{content:"";position:absolute;inset-inline:0;bottom:0;height:1px;background:var(--gold2);transform:scaleX(0);transition:transform .35s var(--ease)}
.nav a:hover{color:var(--gold2)}
.nav a:hover::after{transform:scaleX(1)}
.lang{border:1px solid var(--gold);background:rgba(0,0,0,.35);color:var(--gold2);border-radius:999px;padding:5px 16px;cursor:pointer;font-weight:700}
@media(min-width:820px){.nav{display:flex}}

/* ---------- hero ---------- */
.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden;isolation:isolate}
.hero-media{position:absolute;inset:-6% 0;z-index:-3}
.hero-img{width:100%;height:100%;object-fit:cover;transform:scale(1.15);filter:saturate(1.1) contrast(1.05)}
.hero-shade{position:absolute;inset:0;z-index:-2;background:radial-gradient(120% 80% at 50% 100%,rgba(7,7,7,.2),rgba(7,7,7,.65) 60%),linear-gradient(180deg,rgba(7,7,7,.55) 0%,rgba(7,7,7,.2) 30%,rgba(7,7,7,.85) 80%,#070707 100%)}
.embers{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.hero-inner{position:relative;max-width:1120px;margin-inline:auto;width:100%;padding:0 18px 90px}
.status{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;padding:6px 14px;border-radius:999px;background:rgba(0,0,0,.55);border:1px solid var(--line);margin-bottom:18px;backdrop-filter:blur(6px)}
.status i{width:8px;height:8px;border-radius:50%;background:#777}
.status.open i{background:#37d67a;box-shadow:0 0 10px #37d67a;animation:blink 1.8s infinite}
.status.closed i{background:#e5534b}
@keyframes blink{50%{opacity:.35}}
.hero-title{font-weight:900;line-height:.95;font-size:clamp(3rem,14vw,9.5rem);letter-spacing:-.01em;text-transform:uppercase}
html[lang=ar] .hero-title{text-transform:none;line-height:1.05;letter-spacing:0}
.ln{display:block;overflow:hidden;padding-block:.04em}
.ln-in{display:block}
.gold-text .ln-in{background:linear-gradient(100deg,var(--gold3) 10%,var(--gold2) 40%,#fff6d6 50%,var(--gold2) 60%,var(--gold3) 90%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 5s linear infinite}
@keyframes shine{from{background-position:120% 0}to{background-position:-120% 0}}
.hero-sub{margin-top:14px;font-size:clamp(1rem,3.2vw,1.35rem);color:var(--gold2);font-weight:600;letter-spacing:.04em}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.badge{position:absolute;inset-inline-end:18px;bottom:96px;width:120px;height:120px;display:none}
.badge svg{width:100%;height:100%;animation:spin 18s linear infinite;overflow:visible}
.badge text{font-family:'Montserrat','Cairo',sans-serif;font-size:15.5px;font-weight:700;letter-spacing:.18em;fill:var(--gold2);text-transform:uppercase}
.badge-core{position:absolute;inset:0;display:grid;place-items:center;font-weight:800;color:var(--gold2);font-size:1.1rem}
@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:760px){.badge{display:block;width:170px;height:170px;bottom:90px}}
.scroll-cue{position:absolute;bottom:22px;left:50%;width:22px;height:36px;margin-left:-11px;border:1px solid var(--gold);border-radius:12px}
.scroll-cue i{position:absolute;top:7px;left:50%;width:3px;height:7px;margin-left:-1.5px;border-radius:2px;background:var(--gold2);animation:cue 1.6s infinite}
@keyframes cue{0%{opacity:0;transform:translateY(0)}30%{opacity:1}100%{opacity:0;transform:translateY(14px)}}

/* lamps */
.lamps{position:absolute;inset:0 0 auto 0;height:60%;pointer-events:none;z-index:0}
.lamp{position:absolute;top:0;left:var(--x);display:flex;flex-direction:column;align-items:center;transform-origin:50% 0;animation:swing var(--d) ease-in-out infinite alternate}
.lamp i{width:1px;height:var(--len);background:linear-gradient(rgba(201,162,75,.15),var(--gold))}
.lamp b{width:var(--s);height:var(--s);border-radius:50% 50% 46% 46%;background:radial-gradient(circle at 50% 38%,#fffbe6,var(--gold2) 40%,#a9791f 85%);box-shadow:0 0 26px 7px rgba(240,212,138,.5),0 0 100px 34px rgba(201,162,75,.22);animation:flick var(--f) ease-in-out infinite alternate}
@keyframes swing{from{transform:rotate(-4deg)}to{transform:rotate(4deg)}}
@keyframes flick{from{opacity:.82}to{opacity:1}}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;border-radius:999px;font-weight:700;border:1px solid var(--gold);cursor:pointer;transition:background .3s,box-shadow .3s,color .3s;will-change:transform;position:relative;overflow:hidden}
.btn.gold{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#111;border-color:transparent}
.btn.gold:hover{box-shadow:0 0 34px rgba(240,212,138,.45)}
.btn.ghost{background:rgba(0,0,0,.3);color:var(--gold2);backdrop-filter:blur(6px)}
.btn.ghost:hover{background:rgba(201,162,75,.16)}
.btn.block{width:100%}
.btn:disabled{opacity:.4;pointer-events:none}

/* ---------- marquee ---------- */
.marquee{padding:34px 0;overflow:hidden;border-block:1px solid var(--line);background:var(--bg2);direction:ltr}
.m-row{display:flex;width:max-content;animation:mq 38s linear infinite;font-weight:900;font-size:clamp(2rem,7vw,4.4rem);text-transform:uppercase;line-height:1.2;white-space:nowrap}
.m-row.rev{animation-direction:reverse;animation-duration:46s}
.m-row span{padding-inline:.5em;color:transparent;-webkit-text-stroke:1px rgba(201,162,75,.65)}
.m-row span:nth-child(even){color:var(--gold);-webkit-text-stroke:0;background:linear-gradient(90deg,var(--gold3),var(--gold2));-webkit-background-clip:text;background-clip:text;color:transparent}
.m-row em{font-style:normal;color:var(--gold);padding-inline:.2em}
@keyframes mq{to{transform:translateX(-50%)}}

/* ---------- statement ---------- */
.statement{position:relative;padding:130px 0;overflow:hidden;isolation:isolate}
.st-bg{position:absolute;inset:-15% 0;width:100%;height:130%;object-fit:cover;opacity:.16;z-index:-1;filter:grayscale(.5)}
.eyebrow{display:block;color:var(--gold);letter-spacing:.3em;text-transform:uppercase;font-size:.74rem;font-weight:800;margin-bottom:10px}
html[lang=ar] .eyebrow{letter-spacing:.1em}
.st-text{font-size:clamp(1.6rem,5.2vw,3.4rem);font-weight:800;line-height:1.35;max-width:980px}
.st-text .w{display:inline-block;margin-inline-end:.28em}

/* ---------- experience ---------- */
.xwrap{position:relative;overflow:hidden;padding:80px 0 60px}
.x-head{max-width:1120px;margin-inline:auto;padding:0 18px 30px}
h2{font-size:clamp(1.8rem,5.5vw,3.2rem);font-weight:900;line-height:1.15}
.x-track{display:flex;gap:18px;width:max-content;padding-inline:18px}
.xcard{position:relative;flex:0 0 auto;width:min(82vw,420px);height:min(68vh,520px);border-radius:24px;overflow:hidden;border:1px solid var(--line);isolation:isolate}
.xcard img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease);z-index:-2}
.xcard:hover img{transform:scale(1.08)}
.xcard::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.05) 25%,rgba(0,0,0,.88))}
.xcard .num{position:absolute;top:16px;inset-inline-start:20px;font-weight:900;font-size:3.4rem;color:transparent;-webkit-text-stroke:1px var(--gold2);font-family:'Montserrat',sans-serif}
.xcard .cap{position:absolute;inset-inline:22px;bottom:22px}
.xcard h3{font-size:1.7rem;font-weight:900;color:var(--gold2)}
.xcard p{color:#e4dcc7;margin-top:6px;font-size:.95rem}
@media(max-width:819px){
  .x-track{flex-direction:column;width:auto}
  .xcard{width:100%;height:380px}
}

/* ---------- stats ---------- */
.stats{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border-block:1px solid var(--line);margin-top:30px}
@media(min-width:820px){.stats{grid-template-columns:repeat(4,1fr)}}
.stat{background:var(--bg);padding:46px 18px;text-align:center}
.stat b{display:block;font-family:'Montserrat',sans-serif;font-size:clamp(2.3rem,7vw,4rem);font-weight:900;background:linear-gradient(135deg,var(--gold2),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}
.stat span{color:var(--muted);font-size:.9rem}

/* ---------- sections ---------- */
.section{padding:90px 0}
.section.alt{background:var(--bg2);border-block:1px solid var(--line)}
.section-head{text-align:center;margin-bottom:34px}
.sample-note{margin-top:12px;color:var(--gold2);font-size:.82rem;border:1px dashed var(--gold);display:inline-block;padding:4px 14px;border-radius:8px}

/* menu */
.menu-grid{display:grid;gap:22px}
@media(min-width:900px){.menu-grid{grid-template-columns:.8fr 1.4fr;align-items:start}.menu-side{position:sticky;top:90px}}
.menu-side{position:relative;border-radius:24px;overflow:hidden;min-height:260px;border:1px solid var(--line);display:grid;place-items:center;padding:30px;background:radial-gradient(circle at 50% 0%,#241c0d,#0b0b0b 70%);isolation:isolate}
@media(min-width:900px){.menu-side{min-height:520px}}
.menu-side img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:.55}
.menu-side::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.8))}
.side-name{font-size:clamp(2.2rem,6vw,3.6rem);font-weight:900;text-align:center;line-height:1.1;color:transparent;-webkit-text-stroke:1.2px var(--gold2)}
.side-count{margin-top:10px;text-align:center;color:var(--gold2);letter-spacing:.2em;font-size:.8rem}
.chips{display:flex;gap:8px;overflow-x:auto;padding:2px 0 14px;scrollbar-width:none}
.chips::-webkit-scrollbar{display:none}
.chip{flex:0 0 auto;padding:9px 20px;border-radius:999px;border:1px solid var(--line);background:var(--card);cursor:pointer;font-weight:700;font-size:.9rem;color:var(--muted);transition:.3s}
.chip:hover{border-color:var(--gold)}
.chip.active{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#111;border-color:transparent}
.items{display:grid;gap:12px}
.item{--mx:50%;--my:50%;position:relative;display:flex;align-items:center;gap:14px;padding:16px 18px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:border-color .3s,transform .3s}
.item::before{content:"";position:absolute;inset:0;background:radial-gradient(260px circle at var(--mx) var(--my),rgba(240,212,138,.14),transparent 60%);opacity:0;transition:opacity .3s}
.item:hover{border-color:var(--gold);transform:translateY(-2px)}
.item:hover::before{opacity:1}
.item.off{opacity:.45}
.item .info{flex:1;min-width:0;position:relative}
.item .nm{font-weight:800;font-size:1.05rem}
.item .pr{color:var(--gold2);font-weight:800;margin-top:2px}
.add{position:relative;flex:none;width:42px;height:42px;border-radius:50%;border:1px solid var(--gold);background:transparent;color:var(--gold2);font-size:1.5rem;line-height:1;cursor:pointer;transition:.25s}
.add:hover{background:var(--gold);color:#111;transform:rotate(90deg)}

/* gallery mosaic */
.mosaic{display:grid;gap:12px;grid-template-columns:1fr 1fr;grid-auto-rows:170px}
.mosaic figure{position:relative;border-radius:18px;overflow:hidden;border:1px solid var(--line)}
.mosaic figure:nth-child(1){grid-row:span 2}
.mosaic figure:nth-child(4){grid-column:span 2}
.mosaic img{position:absolute;inset:-8% 0;width:100%;height:116%;object-fit:cover;transition:transform 1s var(--ease)}
.mosaic figure:hover img{transform:scale(1.07)}
@media(min-width:820px){.mosaic{grid-template-columns:repeat(4,1fr);grid-auto-rows:230px}.mosaic figure:nth-child(4){grid-column:span 2}}

/* vibes */
.vibes-sec{padding:20px 0 90px}
.vibes{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}
.vibe{padding:12px 26px;border-radius:999px;border:1px solid var(--gold);color:var(--gold2);font-weight:700;background:rgba(201,162,75,.06);animation:float var(--t,5s) ease-in-out infinite alternate}
.vibe b{color:var(--text);margin-inline-start:8px;font-family:'Montserrat',sans-serif}
@keyframes float{from{transform:translateY(-6px)}to{transform:translateY(8px)}}

/* visit */
.visit{display:grid;gap:30px}
@media(min-width:900px){.visit{grid-template-columns:1fr 1fr;align-items:center}}
.addr{color:#d8d2c2;margin:12px 0 20px;max-width:440px}
.hours{display:grid;gap:2px;max-width:380px}
.hours div{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--line);font-size:.93rem;color:var(--muted)}
.hours .today{color:var(--gold2);font-weight:800}
.map{width:100%;height:380px;border:1px solid var(--line);border-radius:24px;filter:grayscale(.5) invert(.92) hue-rotate(180deg) contrast(.9)}

.footer{position:relative;padding:80px 18px 120px;text-align:center;color:var(--muted);overflow:hidden}
.giant{font-family:'Montserrat',sans-serif;font-weight:900;line-height:.9;font-size:clamp(3rem,15vw,11rem);color:transparent;-webkit-text-stroke:1px rgba(201,162,75,.55);margin-bottom:30px}
.fine{font-size:.82rem;margin-top:6px;opacity:.8}

/* ---------- reveal states ---------- */
.anim .rv{opacity:0;transform:translateY(46px)}
.anim .hf{opacity:0}
.anim .ln-in{transform:translateY(112%)}

/* ---------- cart ---------- */
.cart-fab{position:fixed;inset-inline:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:45;max-width:520px;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 22px;border:0;border-radius:999px;background:linear-gradient(135deg,var(--gold2),var(--gold));color:#111;font-weight:800;cursor:pointer;box-shadow:0 12px 40px rgba(0,0,0,.7),0 0 30px rgba(240,212,138,.25)}
.cart-fab[hidden]{display:none}
.count{background:#111;color:var(--gold2);border-radius:50%;width:28px;height:28px;display:grid;place-items:center;font-size:.85rem}
.sheet-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:70;backdrop-filter:blur(4px)}
.sheet-backdrop[hidden]{display:none}
.sheet{position:fixed;z-index:80;inset-inline:0;bottom:0;max-width:560px;margin-inline:auto;max-height:90vh;display:flex;flex-direction:column;background:#101010;border:1px solid var(--line);border-radius:26px 26px 0 0;transform:translateY(105%);transition:transform .45s var(--ease)}
.sheet.open{transform:none}
.sheet-head{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--line)}
.x{background:none;border:0;font-size:1.2rem;cursor:pointer;color:var(--muted)}
.sheet-body{overflow:auto;padding:8px 20px;flex:1;overscroll-behavior:contain}
.line{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}
.line .l-name{flex:1}
.line .l-price{color:var(--gold2);font-weight:800;min-width:70px;text-align:end}
.qty{display:flex;align-items:center;gap:8px}
.qty button{width:30px;height:30px;border-radius:50%;border:1px solid var(--gold);background:none;color:var(--gold2);cursor:pointer;font-size:1.1rem}
.empty{padding:34px 0;text-align:center;color:var(--muted)}
.sheet-form{padding:10px 20px;display:grid;gap:8px}
.sheet-form input,.sheet-form textarea{width:100%;padding:12px 15px;background:var(--card);border:1px solid var(--line);border-radius:12px;resize:none}
.sheet-form input:focus,.sheet-form textarea:focus{outline:1px solid var(--gold)}
.sheet-foot{padding:12px 20px calc(18px + env(safe-area-inset-bottom));border-top:1px solid var(--line);display:grid;gap:8px}
.total{display:flex;justify-content:space-between;font-size:1.15rem}
.total b{color:var(--gold2)}
.hint{color:var(--muted);text-align:center}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* Arabic: no letter-spacing (it breaks letter joining) */
html[lang=ar] .eyebrow,html[lang=ar] .hero-sub,html[lang=ar] .side-count,html[lang=ar] .hero-title{letter-spacing:0}
.menu-grid>*,.visit>*{min-width:0}
/* Arabic: outline strokes overlap joined letters, use solid fills instead */
html[lang=ar] .side-name{-webkit-text-stroke:0;color:var(--gold2);background:linear-gradient(135deg,var(--gold2),var(--gold));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
html[lang=ar] .m-row span{-webkit-text-stroke:0;color:rgba(201,162,75,.4)}
html[lang=ar] .m-row span:nth-child(even){color:transparent}

/* ---- audit fixes ---- */
.badge svg,.badge text{direction:ltr;unicode-bidi:isolate}
.badge-core{display:flex;align-items:center;justify-content:center;gap:4px;direction:ltr}
.cursor-ring,.cursor-dot{opacity:0;transition:opacity .3s}
.cursor-on .cursor-ring,.cursor-on .cursor-dot{opacity:1}
/* outline text via stroke shows overlapping contours of the variable font: use soft fills instead */
.giant{-webkit-text-stroke:0;background:linear-gradient(180deg,rgba(240,212,138,.28),rgba(201,162,75,.04));-webkit-background-clip:text;background-clip:text;color:transparent}
.xcard .num{-webkit-text-stroke:0;color:rgba(240,212,138,.85);font-size:2.6rem}
.m-row span{-webkit-text-stroke:0;color:rgba(201,162,75,.38)}
.m-row span:nth-child(even){color:transparent}
html[lang=ar] .m-row span{color:rgba(201,162,75,.38)}
/* gallery: no holes (5 items) */
.mosaic{grid-auto-flow:dense}
.mosaic figure:nth-child(5){grid-column:span 2}
@media(min-width:820px){
  .mosaic figure:nth-child(2){grid-column:span 2}
  .mosaic figure:nth-child(5){grid-column:span 1}
}

/* ---- real logo ---- */
.emblem{width:40px;height:40px;object-fit:cover;clip-path:circle(49.5%);border-radius:50%;background:none;box-shadow:none;display:block}
.loader-logo{width:96px;height:96px;object-fit:cover;clip-path:circle(49.5%);animation:pulse 1.6s ease-in-out infinite}
.foot-logo{width:110px;height:110px;margin:0 auto 26px;object-fit:cover;clip-path:circle(49.5%);filter:drop-shadow(0 0 24px rgba(240,212,138,.25))}
.giant{font-size:clamp(2.4rem,12.5vw,10rem)}