:root { --ink:#0a111b; --navy:#071728; --blue:#0646a7; --gold:#d6ab61; --cream:#f4f0e8; --line:rgba(10,17,27,.16); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:#f7f5f0; font-family:Arial, Helvetica, sans-serif; }
a { color:inherit; text-decoration:none; }
img { display:block; width:100%; }
button, input, select, textarea { font:inherit; }
h1,h2,h3,p { margin-top:0; }
h1,h2,h3 { font-family:Georgia, 'Times New Roman', serif; font-weight:400; }

.nav-shell { position:absolute; z-index:20; top:0; left:0; right:0; min-height:112px; padding:16px 3.2vw; display:grid; grid-template-columns:280px 1fr auto; align-items:center; gap:34px; border-bottom:1px solid rgba(255,255,255,.22); color:#fff; }
.brand { display:flex; align-items:center; justify-content:flex-start; min-height:72px; }
.brand img { height:auto; width:min(260px,22vw); max-height:76px; object-fit:contain; }
.nav-links { display:flex; justify-content:center; gap:clamp(16px,2vw,36px); font-size:11px; text-transform:uppercase; letter-spacing:.13em; }
.nav-links a { padding:16px 0; }
.nav-links a:hover { color:var(--gold); }
.nav-cta { border:1px solid rgba(255,255,255,.65); padding:15px 20px; font-size:10px; text-transform:uppercase; letter-spacing:.16em; }
.menu-button { display:none; background:transparent; border:0; padding:10px; }
.menu-button span { width:26px; height:1px; background:#fff; display:block; margin:6px 0; }

.hero { position:relative; min-height:820px; height:96vh; color:#fff; overflow:hidden; display:flex; align-items:center; }
.hero-image,.hero-overlay { position:absolute; inset:0; height:100%; object-fit:cover; }
.hero-image { object-position:center; transform:scale(1.015); animation:hero-in 1.8s ease-out both; }
.hero-overlay { background:linear-gradient(90deg,rgba(0,10,22,.9) 0%,rgba(0,10,22,.67) 42%,rgba(0,10,22,.15) 76%),linear-gradient(0deg,rgba(3,12,21,.42),transparent 50%); }
.hero-content { position:relative; z-index:2; width:min(720px,86vw); margin-left:8vw; padding-top:100px; }
.kicker { color:#84662f; font-size:10px; font-weight:700; letter-spacing:.26em; text-transform:uppercase; margin-bottom:22px; }
.kicker.light { color:#e4c990; }
.hero h1 { font-size:clamp(58px,7.5vw,112px); line-height:.9; letter-spacing:-.045em; margin-bottom:34px; }
.hero-copy { max-width:590px; color:#dce2e7; font:18px/1.65 Georgia,serif; }
.hero-actions { display:flex; gap:12px; margin-top:36px; }
.button { display:inline-flex; min-height:50px; align-items:center; justify-content:center; padding:0 25px; border:1px solid transparent; text-transform:uppercase; letter-spacing:.14em; font-size:10px; cursor:pointer; }
.button.gold { background:var(--gold); color:#0b1722; }
.button.gold:hover { background:#edcb8d; }
.button.line { color:#fff; border-color:rgba(255,255,255,.64); background:rgba(4,18,30,.15); }
.scroll-cue { position:absolute; z-index:3; right:4vw; bottom:34px; font-size:9px; text-transform:uppercase; letter-spacing:.2em; display:flex; gap:20px; align-items:center; }
.scroll-cue span { font-size:20px; color:var(--gold); }
@keyframes hero-in { from { opacity:.5; transform:scale(1.08); } to { opacity:1; transform:scale(1.015); } }

.trust-strip { min-height:116px; display:grid; grid-template-columns:repeat(4,1fr); background:#fff; padding:0 5vw; border-bottom:1px solid var(--line); }
.trust-strip div { padding:30px 30px; border-right:1px solid var(--line); display:flex; flex-direction:column; justify-content:center; }
.trust-strip div:last-child { border:0; }
.trust-strip strong { font:20px Georgia,serif; margin-bottom:7px; }
.trust-strip span { color:#6b7178; font-size:10px; text-transform:uppercase; letter-spacing:.1em; }
.section-pad { padding:110px 7vw; }
.intro { display:grid; grid-template-columns:1.05fr .95fr; gap:10vw; background:var(--cream); }
.intro h2,.section-heading h2,.about h2 { font-size:clamp(46px,5vw,72px); line-height:1.03; letter-spacing:-.035em; }
.intro-copy { padding-top:35px; font:17px/1.85 Georgia,serif; color:#4a5057; }
.intro-copy p { margin-bottom:22px; }
.text-link { display:inline-flex; gap:20px; margin-top:18px; color:var(--ink); font:700 10px Arial,sans-serif; letter-spacing:.16em; text-transform:uppercase; border-bottom:1px solid var(--ink); padding-bottom:9px; }

.feature { min-height:730px; position:relative; display:grid; grid-template-columns:1.35fr .65fr; background:#061321; }
.feature>img { height:100%; min-height:730px; object-fit:cover; }
.feature-card { display:flex; flex-direction:column; justify-content:center; padding:70px 5vw; color:#fff; }
.feature-card h2 { font-size:clamp(46px,5vw,78px); line-height:1.02; letter-spacing:-.04em; margin-bottom:30px; }
.feature-card p:not(.kicker) { color:#b9c2ca; font:17px/1.8 Georgia,serif; margin-bottom:36px; }
.feature-card .button { align-self:flex-start; }

.collection { background:#f7f5f0; }
.section-heading { display:grid; grid-template-columns:1fr 370px; align-items:end; gap:70px; margin-bottom:65px; }
.section-heading h2 { margin-bottom:0; }
.section-heading>p { margin:0; color:#636970; font:16px/1.7 Georgia,serif; }
.gem-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }
.gem-card { position:relative; min-height:430px; padding:34px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); overflow:hidden; background:#faf9f6; transition:background .25s,transform .25s; }
.gem-card:hover { background:#fff; transform:translateY(-3px); box-shadow:0 15px 35px rgba(0,0,0,.07); z-index:2; }
.gem-index { position:absolute; right:25px; top:24px; color:#9fa3a6; font-size:10px; letter-spacing:.16em; }
.gem-card h3 { font-size:31px; margin:22px 0 5px; }
.gem-card p { color:#6c7176; font:14px Georgia,serif; }
.gem-card a { position:absolute; bottom:30px; font-size:9px; text-transform:uppercase; letter-spacing:.15em; font-weight:bold; }
.gem-card a span { margin-left:10px; color:var(--gold); }
.gem-shape { width:160px; height:160px; margin:14px auto 0; clip-path:polygon(50% 0,88% 20%,100% 58%,50% 100%,0 58%,12% 20%); display:grid; place-items:center; box-shadow:inset 18px 14px 36px rgba(255,255,255,.58),inset -20px -24px 32px rgba(0,0,0,.3); transform:rotate(-4deg); }
.gem-shape span { width:68%; height:68%; clip-path:polygon(50% 0,100% 36%,80% 100%,20% 100%,0 36%); background:rgba(255,255,255,.13); border:1px solid rgba(255,255,255,.36); }
.sapphire { background:radial-gradient(circle at 35% 25%,#8fc1ff,#063b99 55%,#031841); }.padparadscha { background:radial-gradient(circle at 35% 25%,#ffd2b9,#ef795b 55%,#8d2847); }.ruby { background:radial-gradient(circle at 35% 25%,#ff9ab4,#b00838 55%,#4d0014); }.chrysoberyl { background:radial-gradient(circle at 35% 25%,#f3ffb0,#91a51c 55%,#384800); }.moonstone { background:radial-gradient(circle at 35% 25%,#fff,#9dd9ff 55%,#6b75af); }.navaratna-tone { background:conic-gradient(#b00838,#f0d643,#0b7e4f,#e7835e,#164ead,#b00838); }

.navaratna { background:#091b2c; color:#fff; display:grid; grid-template-columns:.8fr 1.2fr; gap:8vw; align-items:center; }
.navaratna-copy h2 { font-size:clamp(55px,6vw,88px); line-height:.96; letter-spacing:-.04em; }
.navaratna-copy>p:not(.kicker) { color:#bcc6ce; font:17px/1.8 Georgia,serif; max-width:590px; }
.navaratna-copy .button { margin-top:20px; }
.nine-gems { min-height:530px; position:relative; display:grid; grid-template-columns:repeat(3,135px); grid-template-rows:repeat(3,135px); place-content:center; gap:26px; }
.nine-gems>span { border-radius:50%; box-shadow:inset 12px 12px 28px rgba(255,255,255,.45),inset -15px -15px 30px rgba(0,0,0,.45),0 10px 25px rgba(0,0,0,.3); }
.nine-gems .ruby{background:#aa0634}.nine-gems .pearl{background:#ebe8df}.nine-gems .coral{background:#e55738}.nine-gems .emerald{background:#08794b}.nine-gems .yellow{background:#e7b83e}.nine-gems .diamond{background:#d7e8ef}.nine-gems .blue{background:#1747a2}.nine-gems .hessonite{background:#a85c29}.nine-gems .catseye{background:#8e9c56}
.nine-gems>div { position:absolute; inset:0; display:grid; place-content:center; text-align:center; pointer-events:none; }
.nine-gems b { font:82px Georgia,serif; text-shadow:0 3px 15px #071827; }
.nine-gems small { text-transform:uppercase; letter-spacing:.17em; font-size:8px; }

.metals { background:#e9e5dc; }
.metal-heading { margin-bottom:50px; }
.metal-grid { display:grid; grid-template-columns:1fr 1fr; gap:2px; }
.metal-grid article { position:relative; min-height:610px; overflow:hidden; color:#fff; }
.metal-grid img { position:absolute; inset:0; height:100%; object-fit:cover; transition:transform .7s; }
.metal-grid article:hover img { transform:scale(1.035); }
.metal-grid article:after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(2,8,14,.88),rgba(3,9,15,.04) 70%); }
.metal-grid article>div { position:absolute; z-index:2; left:42px; right:42px; bottom:40px; }
.metal-grid span { float:right; font-size:10px; letter-spacing:.18em; }.metal-grid p { font-size:10px; text-transform:uppercase; letter-spacing:.2em; color:#dfc282; }.metal-grid h3 { font-size:38px; max-width:440px; }.metal-grid a { font-size:9px; text-transform:uppercase; letter-spacing:.15em; border-bottom:1px solid rgba(255,255,255,.6); padding-bottom:8px; }

.certification { display:grid; grid-template-columns:1.08fr .92fr; background:#fff; min-height:760px; }
.cert-image img { height:100%; object-fit:cover; }.cert-copy { padding:100px 7vw; display:flex; flex-direction:column; justify-content:center; }.cert-copy h2 { font-size:clamp(52px,5.8vw,84px); line-height:.95; letter-spacing:-.04em; }.cert-copy>p:not(.kicker) { color:#5c646b; font:17px/1.75 Georgia,serif; }.cert-copy .small { font-size:13px!important; margin-top:24px; padding-top:24px; border-top:1px solid var(--line); }
.about { display:grid; grid-template-columns:.65fr 1.35fr; gap:9vw; align-items:center; background:var(--cream); }.about-mark { padding:40px; }.about-mark img { mix-blend-mode:multiply; }.about>div:last-child>p:not(.kicker) { font:17px/1.8 Georgia,serif; color:#545b61; max-width:720px; }

.contact { display:grid; grid-template-columns:1fr 1fr; color:#fff; background:#061523; padding:110px 7vw; gap:10vw; }.contact h2 { font-size:clamp(53px,6vw,86px); line-height:.96; letter-spacing:-.04em; }.contact-intro>p:not(.kicker) { color:#b7c1ca; font:17px/1.75 Georgia,serif; max-width:570px; }.contact-details { display:flex; flex-direction:column; gap:10px; margin-top:45px; font:16px/1.5 Georgia,serif; }.contact-details span { color:#aab5bd; margin-top:14px; }.contact form { display:flex; flex-direction:column; gap:24px; padding-top:22px; }.contact label { color:#d7dee4; text-transform:uppercase; font-size:8px; letter-spacing:.18em; }.contact input,.contact select,.contact textarea { display:block; width:100%; border:0; border-bottom:1px solid #50606c; color:#fff; background:transparent; padding:14px 2px; margin-top:7px; outline:0; resize:vertical; }.contact select option { color:#111; }.contact input:focus,.contact select:focus,.contact textarea:focus { border-color:var(--gold); }.contact form .button { align-self:flex-start; }.contact form small { color:#84939e; font-size:10px; }
footer { display:grid; grid-template-columns:1.5fr repeat(3,1fr); gap:60px; padding:75px 7vw 35px; background:#030b12; color:#a5b0b9; position:relative; min-height:320px; }footer>div { display:flex; flex-direction:column; gap:13px; font-size:11px; }footer b { color:#fff; text-transform:uppercase; letter-spacing:.16em; font-size:9px; margin-bottom:10px; }.footer-brand img { width:190px; height:auto; filter:brightness(0) invert(1); }.footer-brand p { font:15px Georgia,serif; }.copyright { position:absolute; left:7vw; right:7vw; bottom:20px; padding-top:18px; border-top:1px solid #1d2730; font-size:9px; text-transform:uppercase; letter-spacing:.12em; }

@media(max-width:980px){
  .nav-shell { grid-template-columns:210px 1fr auto; }.brand img{width:205px;max-height:60px}.nav-links{display:none;position:absolute;top:96px;left:0;right:0;background:#071728;padding:25px 6vw;flex-direction:column}.nav-links.open{display:flex}.menu-button{display:block;justify-self:end}.nav-cta{display:none}.hero{min-height:700px}.hero-content{margin-left:6vw}.trust-strip{grid-template-columns:1fr 1fr}.trust-strip div:nth-child(2){border-right:0}.intro,.navaratna,.about,.contact,.certification{grid-template-columns:1fr}.feature{grid-template-columns:1fr}.feature>img{min-height:520px;height:520px}.gem-grid{grid-template-columns:1fr 1fr}.nine-gems{order:-1}.metal-grid{grid-template-columns:1fr}.cert-image{height:560px}.about-mark img{max-width:360px;margin:auto}footer{grid-template-columns:1.3fr 1fr 1fr}.footer-brand{grid-column:1/-1}
}
@media(max-width:640px){
  .nav-shell{top:0;min-height:84px;padding:8px 5vw;grid-template-columns:190px 1fr}.brand{min-height:60px}.brand img{width:185px;max-height:58px}.nav-links{top:84px}.hero{height:88vh;min-height:650px}.hero-image{object-position:58% center}.hero-content{padding-top:90px}.hero h1{font-size:56px}.hero-copy{font-size:15px}.hero-actions{flex-direction:column;align-items:flex-start}.scroll-cue{display:none}.trust-strip{grid-template-columns:1fr;padding:0}.trust-strip div,.trust-strip div:nth-child(2){border-right:0;border-bottom:1px solid var(--line);padding:22px 6vw}.section-pad{padding:78px 6vw}.intro{gap:30px}.intro h2,.section-heading h2,.about h2{font-size:44px}.section-heading{grid-template-columns:1fr;gap:18px;margin-bottom:38px}.feature>img{min-height:420px;height:420px}.feature-card{padding:65px 6vw}.feature-card h2{font-size:45px}.gem-grid{grid-template-columns:1fr}.gem-card{min-height:390px}.nine-gems{grid-template-columns:repeat(3,82px);grid-template-rows:repeat(3,82px);gap:16px;min-height:360px}.nine-gems b{font-size:54px}.metal-grid article{min-height:470px}.metal-grid article>div{left:25px;right:25px;bottom:26px}.metal-grid h3{font-size:31px}.cert-image{height:380px}.cert-copy{padding:75px 6vw}.about-mark{padding:0 38px}.contact{padding:78px 6vw;gap:55px}.contact h2{font-size:51px}footer{grid-template-columns:1fr 1fr;padding:65px 6vw 70px;gap:40px 25px}.footer-brand{grid-column:1/-1}.copyright{left:6vw;right:6vw}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-image{animation:none}.metal-grid img{transition:none}}