:root{
  --navy:#080d1b;--navy2:#0d1427;--gold:#d9a92d;--gold2:#f3c65d;--text:#f5f6fa;--muted:#93a1bb;
  --line:rgba(217,169,45,.24);--card:rgba(13,20,39,.72);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--text);font-family:Cairo,Arial,sans-serif;overflow-x:hidden}
a{text-decoration:none;color:inherit}button{font:inherit}.nav{position:fixed;z-index:20;top:0;left:0;right:0;height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 7%;background:linear-gradient(180deg,rgba(4,8,17,.86),transparent);backdrop-filter:blur(8px)}
.brand{display:flex;flex-direction:column;font-weight:900;letter-spacing:2px}.brand small{font-size:9px;color:var(--gold);letter-spacing:0}.nav nav{display:flex;gap:34px;padding:12px 28px;border:1px solid rgba(255,255,255,.08);border-radius:40px;background:rgba(9,15,29,.7)}.nav nav a{font-size:13px;color:#c7cfdf;transition:.25s}.nav nav a:hover{color:var(--gold2);transform:translateY(-2px)}.nav-admin{border:1px solid var(--gold);border-radius:24px;padding:10px 18px;color:var(--gold2);font-size:12px}
#particles{position:fixed;inset:0;z-index:-1;pointer-events:none}.hero{min-height:100vh;position:relative;display:grid;place-items:center;text-align:center;padding:120px 8% 70px;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 42%,rgba(34,51,99,.28),transparent 35%),radial-gradient(circle at 20% 80%,rgba(217,169,45,.08),transparent 30%)}.hero-content{max-width:900px;position:relative;z-index:2}.eyebrow{display:inline-flex;color:var(--gold2);border:1px solid var(--line);padding:6px 13px;border-radius:20px;font-size:11px;letter-spacing:.5px;background:rgba(8,13,27,.62)}.hero h2{font-size:clamp(45px,7vw,92px);line-height:1.05;margin:24px 0 10px;font-weight:900}.hero h2 strong,.about h2 strong,.contact h2 strong{color:var(--gold2)}.hero h3{font-size:clamp(20px,2.5vw,34px);margin:0;color:#dbe2ef}.hero p{max-width:750px;margin:20px auto;color:var(--muted);font-size:15px;line-height:2}.hero-actions{display:flex;justify-content:center;gap:14px;margin-top:28px}.gold-btn,.dark-btn{border-radius:30px;padding:14px 26px;cursor:pointer;transition:.3s;display:inline-flex;gap:10px;align-items:center}.gold-btn{background:linear-gradient(135deg,var(--gold2),#b48719);color:#101524;border:0;font-weight:800;box-shadow:0 10px 35px rgba(217,169,45,.18)}.dark-btn{background:#0e172c;border:1px solid var(--line);color:white}.gold-btn:hover,.dark-btn:hover{transform:translateY(-4px);box-shadow:0 14px 38px rgba(217,169,45,.18)}
.hero-art{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.profile{width:min(250px,38vw);height:min(250px,38vw);object-fit:cover;border-radius:50%;opacity:.23;filter:saturate(.8) brightness(.85);border:1px solid rgba(217,169,45,.5);box-shadow:0 0 90px rgba(217,169,45,.14)}.ring{position:absolute;border:1px solid rgba(217,169,45,.13);border-radius:50%;animation:spin 24s linear infinite}.ring-a{width:520px;height:520px}.ring-b{width:760px;height:760px;animation-direction:reverse;animation-duration:38s}.orbit-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--gold2);box-shadow:0 0 20px var(--gold2);animation:orbit 12s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes orbit{to{transform:rotate(360deg) translateX(380px) rotate(-360deg)}}.scroll-cue{position:absolute;bottom:25px;color:#71809a;font-size:10px}.scroll-cue span{display:inline-block;width:1px;height:32px;background:var(--gold);vertical-align:middle;margin-left:8px}
.section{padding:120px 8%;position:relative}.intro-statement{text-align:center;max-width:1000px;margin:auto}.intro-statement h2{font-size:clamp(36px,5vw,70px);line-height:1.25;margin:22px 0}.intro-statement strong{color:var(--gold2)}.intro-statement p,.section-head p{color:var(--muted);line-height:2}
.section-head{text-align:center;margin-bottom:45px}.section-head h2,.services h2{font-size:clamp(35px,5vw,64px);margin:16px 0 5px}
.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.category-card{position:relative;text-align:right;padding:34px 28px;min-height:310px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,rgba(13,20,39,.9),rgba(8,13,27,.72));color:white;cursor:pointer;transition:.35s;overflow:hidden}.category-card:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:rgba(217,169,45,.1);filter:blur(20px);top:-80px;left:-50px;transition:.4s}.category-card:hover{transform:translateY(-9px) rotateX(2deg);border-color:rgba(243,198,93,.65);box-shadow:0 20px 70px rgba(0,0,0,.28),0 0 35px rgba(217,169,45,.08)}.category-card:hover:before{transform:scale(1.5)}.category-card .num{font-family:Marcellus,serif;font-size:32px;color:#8b6a20}.cat-icon{position:absolute;left:25px;top:25px;font-size:38px;color:var(--gold2)}.category-card h3{font-size:22px;margin-top:70px;margin-bottom:3px}.category-card small{color:var(--gold2)}.category-card p{color:var(--muted);line-height:1.9;font-size:13px}.open{position:absolute;bottom:25px;right:28px;color:var(--gold2);font-size:12px}
.gallery-panel{display:none;margin-top:28px;padding:22px;border:1px solid var(--line);border-radius:24px;background:rgba(6,11,22,.88)}.gallery-panel.open{display:block;animation:rise .5s ease}.gallery-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.gallery-head span{font-size:20px;font-weight:800}.gallery-head small{display:block;color:var(--muted);font-size:11px}.close-btn{border:1px solid var(--line);background:#0d1427;color:#fff;border-radius:20px;padding:8px 14px;cursor:pointer}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.gallery-grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px;cursor:zoom-in;border:1px solid rgba(255,255,255,.05);transition:.25s}.gallery-grid img:hover{transform:scale(1.025);border-color:var(--gold)}
.about{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;background:linear-gradient(180deg,transparent,rgba(13,20,39,.55),transparent)}.about-image{position:relative;border-radius:26px;overflow:hidden;border:1px solid var(--line);box-shadow:0 20px 80px rgba(0,0,0,.35)}.about-image img{width:100%;display:block}.image-caption{position:absolute;bottom:18px;right:18px;left:18px;padding:14px 18px;background:rgba(8,13,27,.9);border:1px solid var(--line);border-radius:16px}.image-caption b{display:block;color:var(--gold2)}.image-caption span{font-size:11px;color:#c2cad8}.about-copy h2{font-size:clamp(38px,5vw,70px);line-height:1.1;margin:18px 0}.about-copy p{color:var(--muted);line-height:2;font-size:14px}.about-copy .lead{font-size:18px;color:#d8deea}.about-points{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:30px}.about-points div{border:1px solid var(--line);border-radius:15px;padding:17px;background:#0d1427}.about-points b{display:block;color:var(--gold2);font-size:13px}.about-points span{font-size:10px;color:var(--muted)}
.services{text-align:center}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}.service-grid article{text-align:right;border:1px solid var(--line);padding:30px;border-radius:22px;background:#0a1020;transition:.3s}.service-grid article:hover{transform:translateY(-6px);border-color:rgba(243,198,93,.6)}.service-grid b{font-size:28px;color:#7b5f20}.service-grid h3{margin:30px 0 10px}.service-grid p{color:var(--muted);font-size:13px;line-height:1.9}
.contact{text-align:center}.contact h2{font-size:clamp(38px,5vw,68px);margin:18px 0}.contact>p{color:var(--muted)}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:45px}.contact-card{text-align:right;border:1px solid var(--line);border-radius:22px;padding:30px;background:#0a1020;display:flex;flex-direction:column;gap:10px;transition:.3s}.contact-card:hover{transform:translateY(-7px);box-shadow:0 20px 50px rgba(0,0,0,.25)}.contact-card b{font-size:20px}.contact-card span{font-size:20px;color:var(--gold2)}.contact-card small{color:var(--muted)}.whatsapp{border-right:3px solid #20c76b}.facebook{border-right:3px solid #2785ee}.cash{border-right:3px solid #e60000}footer{border-top:1px solid rgba(255,255,255,.06);padding:30px 8%;display:flex;justify-content:space-between;color:#74819a;font-size:11px}footer span{color:var(--gold2);font-weight:900}
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.9);z-index:100;display:none;align-items:center;justify-content:center;padding:30px}.lightbox.show{display:flex}.lightbox img{max-width:92vw;max-height:88vh;object-fit:contain;border:1px solid var(--line);border-radius:14px}.lightbox button{position:absolute;top:20px;left:25px;background:none;border:0;color:white;font-size:40px;cursor:pointer}
.intro{position:fixed;inset:0;z-index:90;background:#020305;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:opacity 1s,visibility 1s}.intro.hide{opacity:0;visibility:hidden;pointer-events:none}.intro:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 55%,rgba(217,169,45,.13),transparent 28%)}.intro-nefertiti{position:absolute;height:90vh;max-width:70vw;object-fit:contain;right:9%;opacity:.78;filter:drop-shadow(0 0 35px rgba(217,169,45,.22));animation:nefertitiIn 1.8s ease both}.intro-copy{position:absolute;left:10%;max-width:520px;text-align:left;direction:ltr;z-index:2}.intro-copy h1{font-size:clamp(55px,8vw,115px);line-height:.9;margin:22px 0 12px;color:white;font-weight:900}.intro-copy p{color:#b9a06a;margin-bottom:30px}.intro-line{position:absolute;left:10%;bottom:9%;width:240px;height:1px;background:linear-gradient(90deg,var(--gold),transparent)}@keyframes nefertitiIn{from{opacity:0;transform:translateX(80px) scale(.92)}to{opacity:.78;transform:none}}@keyframes rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.nav{padding:0 4%}.nav nav{display:none}.nav-admin{font-size:10px}.category-grid,.service-grid,.contact-grid{grid-template-columns:1fr}.about{grid-template-columns:1fr;gap:35px}.about-points{grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(2,1fr)}.intro-nefertiti{right:-15%;height:80vh;opacity:.4}.intro-copy{left:7%;right:7%;text-align:center}.intro-line{left:7%}.hero h2{font-size:48px}.profile{width:220px;height:220px}.ring-a{width:420px;height:420px}.ring-b{width:600px;height:600px}.section{padding:90px 6%}}

.gallery-item{min-width:0}.gallery-loading,.gallery-empty{grid-column:1/-1;text-align:center;padding:45px;color:#93a1bb;border:1px dashed rgba(217,169,45,.2);border-radius:16px}
.gallery-empty b{color:#f3c65d}

.category-card{text-decoration:none;display:block}

/* ===== FOMIXA 07 FINAL VISUAL UPDATE ===== */
body{background:#070c18}
.hero{
  isolation:isolate;
  background-image:
    linear-gradient(90deg,rgba(5,9,20,.72),rgba(5,9,20,.38) 48%,rgba(5,9,20,.55)),
    url("https://drive.google.com/thumbnail?id=1moWEzzqZ8f8YtADFVSmv36oVo4sPVe-G&sz=w2400");
  background-size:cover;
  background-position:center;
  background-attachment:fixed;
}
.hero:before{z-index:-1;background:linear-gradient(180deg,rgba(4,8,18,.22),rgba(4,8,18,.62))}
.hero-art{z-index:1}
.hero .profile{
  width:min(250px,38vw);height:min(250px,38vw);
  opacity:1;filter:none;border:2px solid rgba(217,169,45,.72);
  box-shadow:0 0 70px rgba(217,169,45,.28);
}
.hero-content{z-index:3;text-shadow:0 2px 20px rgba(0,0,0,.45)}
.intro{
  background:#050813 url("https://drive.google.com/thumbnail?id=1moWEzzqZ8f8YtADFVSmv36oVo4sPVe-G&sz=w2400") center center/cover no-repeat;
}
.intro:after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(3,7,16,.84),rgba(3,7,16,.38),rgba(3,7,16,.28));
  z-index:0;
}
.intro-noise,.intro-glow{z-index:1}
.intro-nefertiti{display:none}
.intro-copy{z-index:3}
.intro-copy h1,.intro-copy p,.intro-copy .eyebrow,.intro-copy .gold-btn{position:relative}
.category-card{
  position:relative;overflow:hidden;isolation:isolate;
  min-height:360px;padding-top:205px;
}
.category-card>*:not(.category-thumb){position:relative;z-index:3}
.category-thumb{
  position:absolute;inset:0 0 auto 0;height:190px;z-index:1;overflow:hidden;
  background:#0b1327;border-bottom:1px solid rgba(217,169,45,.2);
}
.category-thumb:after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(5,10,23,.04),rgba(5,10,23,.92));
}
.category-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s ease,filter .35s}
.category-card:hover .category-thumb img{transform:scale(1.07);filter:brightness(1.08)}
.category-card .num{position:absolute!important;top:16px;right:16px;z-index:5!important}
@media(max-width:900px){
  .hero{background-attachment:scroll;background-position:center}
  .hero .profile{width:190px;height:190px}
  .category-card{min-height:340px;padding-top:195px}
  .category-thumb{height:180px}
}

#gallery{display:none!important}


/* ===== FINAL RESPONSIVE / UX FIXES ===== */

/* Intro is automatic: no interaction is required. */
#intro { cursor: default; }
#intro .gold-btn { display:none !important; }

/* Desktop/laptop: keep profile beside the hero copy, never underneath it. */
.hero{
  min-height:100svh;
  grid-template-columns:minmax(280px, .78fr) minmax(420px, 1.22fr);
  grid-template-areas:"art content";
  gap:clamp(30px,5vw,90px);
  align-items:center;
  justify-items:center;
  text-align:right;
  padding:clamp(100px,9vw,140px) clamp(5%,8vw,10%) 70px;
}
.hero-art{grid-area:art;display:grid;place-items:center;position:relative;width:min(42vw,560px);height:min(42vw,560px)}
.hero-content{grid-area:content;max-width:760px;width:100%}
.hero-content h2{font-size:clamp(46px,5.2vw,82px);line-height:1.08}
.hero-content h3{font-size:clamp(20px,2vw,30px)}
.hero-content p{font-size:clamp(15px,1.25vw,19px);line-height:2}
.hero .profile{width:clamp(190px,22vw,310px);height:clamp(190px,22vw,310px);position:relative;z-index:4}
.hero .ring-a{width:clamp(300px,32vw,470px);height:clamp(300px,32vw,470px)}
.hero .ring-b{width:clamp(420px,43vw,650px);height:clamp(420px,43vw,650px)}

@media (min-width:901px) and (max-width:1200px){
  .hero{grid-template-columns:minmax(250px,.82fr) minmax(380px,1.18fr);gap:28px;padding-inline:6%}
  .hero-content h2{font-size:clamp(42px,5.4vw,65px)}
  .hero .profile{width:230px;height:230px}
}

@media (min-width:601px) and (max-width:900px){
  .hero{
    grid-template-columns:1fr 1fr;
    grid-template-areas:"content art";
    gap:22px;
    padding:110px 5% 70px;
    text-align:right;
  }
  .hero-art{width:min(44vw,390px);height:min(44vw,390px)}
  .hero .profile{width:190px;height:190px}
  .hero-content h2{font-size:clamp(38px,6vw,56px)}
  .hero-content h3{font-size:20px}
  .hero-content p{font-size:15px;line-height:1.9}
  .hero-actions{flex-wrap:wrap}
}

@media (max-width:600px){
  .hero{
    min-height:100svh;
    grid-template-columns:1fr;
    grid-template-areas:"art" "content";
    gap:18px;
    padding:92px 6% 55px;
    text-align:center;
    align-content:center;
  }
  .hero-art{width:78vw;height:78vw;max-width:330px;max-height:330px}
  .hero .profile{width:150px;height:150px}
  .hero .ring-a{width:250px;height:250px}
  .hero .ring-b{width:330px;height:330px}
  .hero-content{display:flex;flex-direction:column;align-items:center}
  .hero-content h2{font-size:clamp(35px,11vw,50px);margin:10px 0}
  .hero-content h3{font-size:18px;line-height:1.5}
  .hero-content p{font-size:14px;line-height:1.9;max-width:520px}
  .hero-actions{justify-content:center;flex-wrap:wrap}
  .scroll-cue{display:none}
  .category-grid{grid-template-columns:1fr}
  .category-card{min-height:330px}
  .category-thumb{height:175px}
  .section{padding:75px 5%}
  .nav{height:70px}
  .nav-admin{display:none}
}

/* Large screens: keep cards and content balanced. */
@media (min-width:1400px){
  .category-grid{gap:28px}
  .section{padding-inline:10%}
}

/* Touch devices should not depend on hover to reveal content. */
@media (hover:none){
  .category-card:hover{transform:none}
  .category-card:hover .category-thumb img{transform:none}
  .gallery-item img:hover{transform:none;filter:none}
}