@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&family=Roboto+Condensed:wght@300;400;700&family=Oswald:wght@200;300;400;500;600;700&display=swap');

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

:root{
  --gold:#FFC200;
  --gold-dark:#C99100;
  --black:#0A0A0A;
  --black2:#111111;
  --black3:#1A1A1A;
  --white:#FFFFFF;
  --gray:#888888;
  --gray2:#555555;
  --text:#E0E0E0;
}

html{scroll-behavior:smooth}
body{background:var(--black);color:var(--text);font-family:'Roboto Condensed',sans-serif;overflow-x:hidden;line-height:1.6}

/* ── SCROLLBAR ── */
::-webkit-scrollbar{width:4px}
::-webkit-scrollbar-track{background:var(--black)}
::-webkit-scrollbar-thumb{background:var(--gold)}

/* ── NAVBAR ── */
.navbar{position:fixed;top:0;left:0;right:0;z-index:100;padding:0 3rem;border-bottom:1px solid transparent;transition:all .4s}
.navbar.scrolled{background:rgba(10,10,10,.97);border-bottom-color:var(--gold)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:70px}
.nav-logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;font-family:'Oswald',sans-serif;font-size:1.1rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--white)}
.logo-hex{width:28px;height:28px;background:var(--gold);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);flex-shrink:0}
.nav-links{display:flex;list-style:none;gap:2.5rem}
.nav-links a{text-decoration:none;font-family:'Oswald',sans-serif;font-size:.8rem;font-weight:400;letter-spacing:.15em;text-transform:uppercase;color:var(--gray);transition:color .3s}
.nav-links a:hover{color:var(--gold)}
.nav-cta{font-family:'Oswald',sans-serif;font-size:.75rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;padding:.6rem 1.6rem;background:var(--gold);color:var(--black);text-decoration:none;transition:all .3s;clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%)}
.nav-cta:hover{background:var(--white)}
.burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}
.burger span{display:block;width:24px;height:2px;background:var(--white);transition:.3s}
.mobile-menu{display:none;flex-direction:column;gap:0;background:var(--black2);border-top:1px solid var(--gold);padding:1rem 0}
.mobile-menu.open{display:flex}
.mobile-link{padding:.75rem 2rem;font-family:'Oswald',sans-serif;font-size:.85rem;letter-spacing:.15em;text-transform:uppercase;color:var(--gray);text-decoration:none;border-bottom:1px solid var(--black3)}
.mobile-link:hover{color:var(--gold)}
.mobile-cta{margin:1rem 2rem 0;padding:.75rem 1.5rem;background:var(--gold);color:var(--black);font-family:'Oswald',sans-serif;font-size:.8rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;text-decoration:none;text-align:center}

/* ── HERO ── */
.hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;padding:100px 3rem 60px;background:#0A0A0A}
.hero-bg-line{position:absolute;top:0;right:0;width:55%;height:100%;background:linear-gradient(135deg,transparent 40%,rgba(255,194,0,.03) 100%);pointer-events:none}
.hero-bg-line::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(135deg,transparent,transparent 40px,rgba(255,194,0,.015) 40px,rgba(255,194,0,.015) 41px)}
.hero-accent-line{position:absolute;left:0;top:0;width:3px;height:100%;background:linear-gradient(to bottom,transparent,var(--gold),transparent)}
.hero-inner{max-width:1200px;margin:0 auto;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
.hero-label{display:inline-flex;align-items:center;gap:.75rem;font-family:'Oswald',sans-serif;font-size:.7rem;font-weight:400;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:1.5rem}
.hero-label::before{content:'';width:30px;height:1px;background:var(--gold)}
h1.hero-title{font-family:'Oswald',sans-serif;font-size:clamp(3rem,6vw,5.5rem);font-weight:700;line-height:.95;letter-spacing:.05em;text-transform:uppercase;color:var(--white);margin-bottom:1.5rem}
h1.hero-title span{color:var(--gold);display:block}
.hero-desc{font-size:1rem;line-height:1.7;color:var(--gray);max-width:440px;margin-bottom:2.5rem;font-weight:300}
.hero-desc strong{color:var(--white);font-weight:400}
.hero-btns{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:3rem}
.btn-gold{font-family:'Oswald',sans-serif;font-size:.8rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;padding:.9rem 2.2rem;background:var(--gold);color:var(--black);text-decoration:none;display:inline-flex;align-items:center;gap:.6rem;clip-path:polygon(10px 0%,100% 0%,calc(100% - 10px) 100%,0% 100%);transition:all .3s}
.btn-gold:hover{background:var(--white)}
.btn-outline{font-family:'Oswald',sans-serif;font-size:.8rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;padding:.85rem 2.2rem;border:1px solid var(--gold);color:var(--gold);text-decoration:none;display:inline-flex;align-items:center;gap:.6rem;transition:all .3s}
.btn-outline:hover{background:var(--gold);color:var(--black)}
.hero-stats{display:flex;gap:2.5rem}
.stat-item{display:flex;flex-direction:column}
.stat-num{font-family:'Oswald',sans-serif;font-size:2rem;font-weight:700;color:var(--gold);letter-spacing:.05em;line-height:1}
.stat-lbl{font-family:'Oswald',sans-serif;font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gray);margin-top:.3rem}
.stat-div{width:1px;background:var(--gray2);align-self:stretch}
.hero-photo-wrap{position:relative}
.hero-photo-frame{position:relative;clip-path:polygon(0 0,calc(100% - 30px) 0,100% 30px,100% 100%,30px 100%,0 calc(100% - 30px));overflow:hidden;border:1px solid rgba(255,194,0,.2)}
.hero-photo-frame img{width:100%;height:550px;object-fit:cover;display:block;filter:grayscale(20%) contrast(1.1)}
.hero-photo-frame::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,194,0,.08) 0%,transparent 60%)}
.photo-badge{position:absolute;bottom:2rem;left:-1rem;background:var(--gold);color:var(--black);font-family:'Oswald',sans-serif;font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;padding:.6rem 1.2rem;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 100%,0 100%)}
.hero-corner{position:absolute;top:1.5rem;right:1.5rem;width:40px;height:40px;border-top:2px solid var(--gold);border-right:2px solid var(--gold)}

/* ── SECTION BASE ── */
.section{padding:6rem 3rem}
.container{max-width:1200px;margin:0 auto;width:100%}
.sec-label{display:inline-flex;align-items:center;gap:.75rem;font-family:'Oswald',sans-serif;font-size:.7rem;font-weight:400;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem}
.sec-label::before{content:'';width:30px;height:1px;background:var(--gold)}
.sec-title{font-family:'Oswald',sans-serif;font-size:clamp(2rem,4vw,3rem);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--white);line-height:1.1;margin-bottom:3rem}
.sec-title span{color:var(--gold)}
.gold-line{width:60px;height:2px;background:var(--gold);margin-bottom:3rem}

/* ── STORY ── */
.story-section{background:var(--black2)}
.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}
.story-photo-wrap{position:relative}
.story-photo-frame{clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,20px 100%,0 calc(100% - 20px));overflow:hidden;border:1px solid rgba(255,194,0,.15)}
.story-photo-frame img{width:100%;height:480px;object-fit:cover;filter:grayscale(30%) contrast(1.1);display:block}
.story-corner-tl,.story-corner-br{position:absolute;width:25px;height:25px}
.story-corner-tl{top:-8px;left:-8px;border-top:2px solid var(--gold);border-left:2px solid var(--gold)}
.story-corner-br{bottom:-8px;right:-8px;border-bottom:2px solid var(--gold);border-right:2px solid var(--gold)}
.story-text .sec-label{margin-bottom:.5rem}
.story-text .sec-title{margin-bottom:1rem}
.story-lead{font-size:1.05rem;color:var(--text);line-height:1.8;margin-bottom:2.5rem;font-weight:300}
.timeline{display:flex;flex-direction:column;gap:0}
.tl-item{display:grid;grid-template-columns:90px 1fr;gap:1.5rem;padding:1.25rem 0;border-bottom:1px solid rgba(255,255,255,.06)}
.tl-item:last-child{border-bottom:none}
.tl-year{font-family:'Oswald',sans-serif;font-size:.75rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--gold);padding-top:.2rem}
.tl-body strong{display:block;font-family:'Oswald',sans-serif;font-size:.95rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--white);margin-bottom:.3rem}
.tl-body p{font-size:.9rem;color:var(--gray);line-height:1.6;font-weight:300}

/* ── MAXIM STORY ── */
.maxim-story-section{background:var(--black);position:relative;overflow:hidden}
.maxim-story-section::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.maxim-story-section::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.story-paras{display:flex;flex-direction:column;gap:1.5rem;max-width:820px}
.story-paras p{font-size:1rem;line-height:1.85;color:var(--gray);font-weight:300;padding-left:1.5rem;border-left:2px solid var(--black3);transition:border-color .3s,color .3s}
.story-paras p:first-child{color:var(--text);font-size:1.08rem;border-left-color:var(--gold)}
.story-paras p:hover{color:var(--text);border-left-color:rgba(255,194,0,.5)}

/* ── VALUES ── */
.values-section{background:var(--black2)}
.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,194,0,.1)}
.val-card{background:var(--black2);padding:2.5rem 2rem;transition:background .3s}
.val-card:hover{background:var(--black3)}
.val-icon{width:44px;height:44px;margin-bottom:1.5rem;border:1px solid var(--gold);display:flex;align-items:center;justify-content:center;clip-path:polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%)}
.val-icon svg{width:20px;height:20px;stroke:var(--gold)}
.val-vs{display:flex;flex-direction:column;gap:.2rem;margin-bottom:1rem}
.val-not{font-family:'Oswald',sans-serif;font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--gray2);text-decoration:line-through}
.val-arrow{color:var(--gold);font-size:.8rem;line-height:1}
.val-yes{font-family:'Oswald',sans-serif;font-size:1rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--white)}
.val-card p{font-size:.85rem;color:var(--gray);line-height:1.6;font-weight:300}

/* ── SERVICES ── */
.services-section{background:var(--black)}
.services-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}
.services-list{display:flex;flex-direction:column;gap:1px;background:rgba(255,194,0,.1)}
.svc-card{background:var(--black);padding:2rem;display:grid;grid-template-columns:60px 1fr;gap:1.5rem;align-items:start;transition:background .3s;text-decoration:none}
.svc-card:hover{background:var(--black3)}
.svc-card.featured{background:rgba(255,194,0,.04);border-left:2px solid var(--gold)}
.svc-num{font-family:'Oswald',sans-serif;font-size:2rem;font-weight:700;color:rgba(255,194,0,.15);letter-spacing:.05em;line-height:1}
.svc-body h3{font-family:'Oswald',sans-serif;font-size:1rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--white);margin-bottom:.5rem}
.svc-body p{font-size:.85rem;color:var(--gray);line-height:1.6;margin-bottom:.75rem;font-weight:300}
.svc-link{font-family:'Oswald',sans-serif;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.svc-photo-frame{clip-path:polygon(0 0,calc(100% - 25px) 0,100% 25px,100% 100%,25px 100%,0 calc(100% - 25px));overflow:hidden;border:1px solid rgba(255,194,0,.15)}
.svc-photo-frame img{width:100%;height:480px;object-fit:cover;filter:grayscale(30%) contrast(1.1);display:block}

/* ── REVIEWS ── */
.reviews-section{background:var(--black2)}
.reviews-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(255,194,0,.1)}
.rev-card{background:var(--black2);padding:2.5rem;transition:background .3s}
.rev-card:hover{background:var(--black3)}
.rev-quote{font-family:'Oswald',sans-serif;font-size:3rem;font-weight:700;color:var(--gold);line-height:.8;margin-bottom:1rem;opacity:.4}
.rev-text{font-size:.95rem;color:var(--text);line-height:1.7;margin-bottom:1.5rem;font-weight:300;font-style:italic}
.rev-author strong{display:block;font-family:'Oswald',sans-serif;font-size:.85rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--white)}
.rev-author span{font-size:.75rem;color:var(--gold);letter-spacing:.1em;text-transform:uppercase;font-family:'Oswald',sans-serif}

/* ── FOOTER ── */
.footer{background:var(--black);border-top:1px solid var(--gold);padding:4rem 3rem 2rem}
.footer-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start;margin-bottom:3rem}
.footer-logo{font-family:'Oswald',sans-serif;font-size:1.1rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--white);display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}
.footer-desc{font-size:.85rem;color:var(--gray);line-height:1.7;font-weight:300}
.footer-contact-label{font-family:'Oswald',sans-serif;font-size:.7rem;letter-spacing:.25em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem}
.contact-btns{display:flex;flex-direction:column;gap:.75rem}
.contact-btn{display:inline-flex;align-items:center;gap:.75rem;font-family:'Oswald',sans-serif;font-size:.8rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;text-decoration:none;padding:.75rem 1.5rem;transition:all .3s;width:fit-content}
.contact-btn--tg{background:rgba(255,194,0,.08);color:var(--white);border:1px solid rgba(255,194,0,.2)}
.contact-btn--tg:hover{background:var(--gold);color:var(--black)}
.contact-btn--gem{background:transparent;color:var(--gray);border:1px solid var(--gray2)}
.contact-btn--gem:hover{border-color:var(--gold);color:var(--gold)}
.footer-note{font-size:.75rem;color:var(--gray2);margin-top:1rem;letter-spacing:.05em}
.footer-bottom{max-width:1200px;margin:0 auto;padding-top:2rem;border-top:1px solid var(--black3);display:flex;justify-content:center}
.footer-bottom span{font-family:'Oswald',sans-serif;font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--gray2)}

/* ── ANIMATIONS ── */
.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s,transform .7s}
.reveal.visible{opacity:1;transform:none}
.reveal-left{opacity:0;transform:translateX(-40px);transition:opacity .7s,transform .7s}
.reveal-left.visible{opacity:1;transform:none}
.reveal-right{opacity:0;transform:translateX(40px);transition:opacity .7s,transform .7s}
.reveal-right.visible{opacity:1;transform:none}

/* ── RESPONSIVE ── */
@media(max-width:1024px){
  .hero-inner{grid-template-columns:1fr;gap:3rem}
  .hero-photo-frame img{height:400px}
  .story-grid,.services-grid{grid-template-columns:1fr;gap:3rem}
  .values-grid{grid-template-columns:repeat(2,1fr)}
  .reviews-grid{grid-template-columns:1fr}
  .footer-inner{grid-template-columns:1fr;gap:2.5rem}
}
@media(max-width:768px){
  .navbar{padding:0 1.25rem}
  .nav-links,.nav-cta{display:none}
  .burger{display:flex}
  .section{padding:4rem 1.25rem}
  .hero{padding:90px 1.25rem 50px}
  .values-grid{grid-template-columns:1fr}
  .hero-stats{flex-wrap:wrap;gap:1.5rem}
  .stat-div{display:none}
  .footer{padding:3rem 1.25rem 1.5rem}
}