:root{
  --navy:#050b17;
  --navy2:#0b1527;
  --gold:#e8bd58;
  --gold2:#fff0b0;
  --cream:#f8f2df;
  --muted:#b9bfd0;
  --glass:rgba(255,255,255,.07);
  --line:rgba(232,189,88,.28);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  background:
    radial-gradient(circle at 15% 15%,rgba(232,189,88,.10),transparent 25%),
    radial-gradient(circle at 85% 30%,rgba(98,139,255,.11),transparent 30%),
    linear-gradient(135deg,var(--navy),var(--navy2) 55%,#02050c);
  color:var(--cream);line-height:1.6;overflow-x:hidden
}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.14;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:45px 45px}
a{text-decoration:none;color:inherit}
.site-header{position:fixed;z-index:20;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:14px 5%;background:rgba(3,8,18,.70);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}
.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.08em;font-size:.86rem}
.brand img{width:44px;height:44px;object-fit:cover;border-radius:50%;border:1px solid var(--gold);box-shadow:0 0 22px rgba(232,189,88,.22)}
.nav{display:flex;gap:28px;color:#d9dce6;font-size:.92rem}
.nav a{transition:.25s}.nav a:hover{color:var(--gold)}
.menu-toggle{display:none;background:none;border:0;color:white;font-size:1.7rem}
.hero{min-height:100vh;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:5%;padding:130px 7% 70px;position:relative}
.hero-content{max-width:720px}
.eyebrow{color:var(--gold);font-size:.72rem;font-weight:800;letter-spacing:.22em;margin-bottom:13px}
h1{font-family:Georgia,serif;font-size:clamp(3.2rem,6vw,6.6rem);line-height:.95;letter-spacing:-.045em}
h1 span,h2 span{color:var(--gold)}
.hero-copy{font-size:1.12rem;color:var(--muted);max-width:620px;margin:26px 0}
.hero-actions{display:flex;gap:13px;flex-wrap:wrap}
.btn{padding:13px 22px;border-radius:999px;font-weight:800;transition:.3s}
.btn-gold{background:linear-gradient(135deg,#f8d978,#c99532);color:#171006;box-shadow:0 12px 35px rgba(232,189,88,.2)}
.btn-glass{border:1px solid var(--line);background:var(--glass)}
.btn:hover{transform:translateY(-3px)}
.mini-trust{display:flex;gap:20px;flex-wrap:wrap;color:#aeb6c7;font-size:.78rem;margin-top:28px}
.hero-visual{display:flex;justify-content:center;perspective:1200px}
.poster-frame{width:min(440px,85vw);border-radius:28px;padding:8px;background:linear-gradient(135deg,rgba(255,238,167,.8),rgba(232,189,88,.08),rgba(255,255,255,.3));box-shadow:0 40px 100px rgba(0,0,0,.55),0 0 80px rgba(232,189,88,.10);transform:rotateY(-8deg) rotateX(3deg);transition:.6s;position:relative;overflow:hidden}
.poster-frame:hover{transform:rotateY(0) rotateX(0) translateY(-8px)}
.poster-frame img{width:100%;display:block;border-radius:22px}
.shine{position:absolute;inset:-100%;background:linear-gradient(100deg,transparent 40%,rgba(255,255,255,.18),transparent 60%);animation:shine 6s infinite;z-index:2}
@keyframes shine{0%,65%{transform:translateX(-20%)}100%{transform:translateX(40%)}}
.hero-orb{position:absolute;border-radius:50%;filter:blur(1px);opacity:.28;pointer-events:none}
.orb-1{width:280px;height:280px;right:35%;top:15%;background:radial-gradient(circle,rgba(232,189,88,.25),transparent 68%)}
.orb-2{width:400px;height:400px;right:-10%;bottom:-10%;background:radial-gradient(circle,rgba(77,111,220,.18),transparent 68%)}
.section{padding:105px 7%}
.section-heading{max-width:760px}.section-heading.centered{text-align:center;margin:0 auto 48px}.section-heading h2,h2{font-family:Georgia,serif;font-size:clamp(2.2rem,4vw,4.2rem);line-height:1.05;letter-spacing:-.03em}.section-heading>p:last-child{color:var(--muted);margin-top:14px}
.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:40px}
.glass-panel,.stat-panel,.service-card,.experience-card,.contact-card{border:1px solid rgba(255,255,255,.09);background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));backdrop-filter:blur(15px);box-shadow:0 25px 70px rgba(0,0,0,.24);border-radius:28px}
.glass-panel{padding:42px}.icon-badge{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:rgba(232,189,88,.13);color:var(--gold);font-size:1.5rem;margin-bottom:22px}.glass-panel h3{font-family:Georgia,serif;font-size:2rem}.glass-panel p{color:var(--muted);margin-top:14px}
.stat-panel{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;padding:28px}
.stat{text-align:center;border-right:1px solid rgba(255,255,255,.08)}.stat:last-child{border:0}.stat strong{display:block;font:700 3rem Georgia;color:var(--gold)}.stat span{color:var(--muted);font-size:.82rem}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{padding:28px;min-height:215px;transition:.35s}.service-card:hover{transform:translateY(-8px);border-color:var(--line);box-shadow:0 25px 50px rgba(0,0,0,.35)}.service-icon{font-size:2rem;margin-bottom:16px}.service-card h3{font:700 1.4rem Georgia}.service-card p{color:var(--muted);font-size:.92rem;margin-top:8px}
.gallery{display:grid;grid-template-columns:1.1fr .9fr;grid-auto-rows:280px;gap:16px;margin-top:42px}.gallery-item{overflow:hidden;border-radius:25px;border:1px solid rgba(255,255,255,.08);background:#09111e;position:relative}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:.6s}.gallery-item:hover img{transform:scale(1.04)}.gallery-item.tall{grid-row:span 2}.gallery-item.wide{grid-column:1/-1}.quote-card{display:flex;flex-direction:column;justify-content:center;padding:35px;background:radial-gradient(circle at 80% 20%,rgba(232,189,88,.17),transparent 45%),#0a1220}.quote-card>span{font:7rem Georgia;color:var(--gold);height:70px}.quote-card p{font:italic 1.7rem Georgia;max-width:420px}.quote-card small{color:var(--muted);margin-top:15px}
.experience-card{padding:42px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;background:linear-gradient(120deg,rgba(232,189,88,.11),rgba(255,255,255,.03))}
.steps{display:grid;gap:14px}.steps div{display:flex;align-items:center;gap:18px;padding:16px 18px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(0,0,0,.15)}.steps b{color:var(--gold);font-size:.78rem}.steps span{font-weight:700}
.contact-card{display:grid;grid-template-columns:1.2fr .8fr;overflow:hidden;background:linear-gradient(135deg,rgba(232,189,88,.12),rgba(255,255,255,.04))}
.contact-main{padding:55px}.contact-main>p:not(.eyebrow){color:var(--muted);max-width:600px;margin:18px 0 28px}.contacts{display:flex;gap:14px;flex-wrap:wrap}.contacts a{padding:15px 20px;border-radius:16px;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.09);min-width:190px}.contacts strong,.contacts span{display:block}.contacts strong{font-size:1.05rem}.contacts span{color:var(--gold);margin-top:3px}
.address-box{padding:55px;background:rgba(0,0,0,.17);border-left:1px solid rgba(255,255,255,.08)}.pin{font-size:2.5rem;color:var(--gold);margin-bottom:18px}.address-box h3{font:700 1.35rem Georgia;margin-bottom:10px}.address-box>p:not(.eyebrow){color:var(--muted)}.text-link{display:inline-block;margin-top:22px;color:var(--gold);font-weight:800}
footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 7%;border-top:1px solid rgba(255,255,255,.08);color:#9fa7b8;font-size:.82rem}.footer-brand{display:flex;align-items:center;gap:10px}.footer-brand img{width:38px;height:38px;border-radius:50%;object-fit:cover}.footer-brand strong,.footer-brand small{display:block}.footer-brand strong{color:#eee;font-size:.72rem;letter-spacing:.08em}.footer-brand small{color:var(--gold)}
.reveal{opacity:0;transform:translateY(25px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.15s}
@media(max-width:900px){
  .nav{display:none}.menu-toggle{display:block}.nav.open{display:flex;position:absolute;top:72px;left:0;right:0;padding:18px 5%;background:rgba(3,8,18,.96);flex-direction:column}
  .hero{grid-template-columns:1fr;padding-top:120px}.hero-visual{margin-top:30px}.poster-frame{width:min(520px,92vw)}
  .intro-grid,.experience-card,.contact-card{grid-template-columns:1fr}.service-grid{grid-template-columns:repeat(2,1fr)}.gallery{grid-template-columns:1fr;grid-auto-rows:auto}.gallery-item,.gallery-item.tall,.gallery-item.wide{grid-column:auto;grid-row:auto;height:340px}.gallery-item.tall{height:560px}.address-box{border-left:0;border-top:1px solid rgba(255,255,255,.08)}
}
@media(max-width:600px){
  .section{padding:75px 5%}.hero{padding-left:5%;padding-right:5%}.brand span{display:none}.service-grid{grid-template-columns:1fr}.intro-grid{grid-template-columns:1fr}.stat-panel{grid-template-columns:1fr;gap:18px}.stat{border-right:0;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:15px}.stat:last-child{border:0}.contact-main,.address-box,.experience-card{padding:32px}.gallery-item.tall{height:470px}footer{flex-direction:column;text-align:center}
}
