*{box-sizing:border-box;margin:0;padding:0}
:root{--ink:#10231e;--deep:#0a1714;--gold:#c7a86a;--muted:#9faea6;--cream:#f3efe5}
html,body{min-height:100%;font-family:Manrope,Arial,sans-serif;background:var(--deep);color:var(--cream)}
body{overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.16;background-image:radial-gradient(#d7c79e .6px,transparent .6px);background-size:6px 6px;mix-blend-mode:screen}
.page-shell{position:relative;min-height:100vh;display:flex;flex-direction:column;padding:34px clamp(24px,6vw,96px);background:radial-gradient(circle at 75% 50%,#1b4437 0,#0e2820 25%,#081411 65%)}
.site-header,.site-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;position:relative;z-index:2}
.brand{display:flex;align-items:center;gap:13px;color:var(--cream);text-decoration:none}
.brand-mark{width:39px;height:39px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;position:relative}
.brand-mark:before,.brand-mark:after,.brand-mark span{content:"";position:absolute;border:1px solid var(--gold);border-radius:50%}
.brand-mark:before{width:22px;height:22px}.brand-mark:after{width:12px;height:12px}.brand-mark span{width:5px;height:5px;background:var(--gold);border:0}
.brand-name{font-family:"Cormorant Garamond",serif;font-size:20px;letter-spacing:3px;font-weight:700}.brand-name small{display:block;font:500 8px Manrope,sans-serif;letter-spacing:5px;color:var(--gold);margin-top:2px}
.status{font-size:10px;text-transform:uppercase;letter-spacing:2px;color:var(--muted)}.status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--gold);margin-right:9px;box-shadow:0 0 12px var(--gold)}
.hero{flex:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,1fr);align-items:center;max-width:1240px;width:100%;margin:0 auto;gap:40px}
.hero-copy{max-width:620px;padding:70px 0}.eyebrow{font-size:10px;letter-spacing:3px;color:var(--gold);margin-bottom:28px}
h1{font-family:"Cormorant Garamond",serif;font-weight:500;font-size:clamp(48px,6.2vw,88px);line-height:.92;letter-spacing:-2px}
h1 em{color:var(--gold);font-style:italic}
.intro{color:#b7c2bb;line-height:1.9;font-size:14px;max-width:480px;margin-top:32px}
.divider{width:70px;height:1px;background:var(--gold);margin:36px 0 24px}
.support-label{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#8d9d94;margin-bottom:17px}
.contact-list{display:flex;flex-wrap:wrap;gap:25px}.contact-list a{color:var(--cream);text-decoration:none;font-size:13px;transition:.25s}.contact-list a:hover{color:var(--gold)}.contact-list span{display:block;font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--gold);margin-bottom:7px}
.visual{min-height:500px;position:relative;display:grid;place-items:center}.orbital{position:absolute;border:1px solid rgba(199,168,106,.28);border-radius:50%;transform:rotate(-28deg)}.orbital-one{width:min(37vw,470px);height:min(27vw,340px)}.orbital-two{width:min(27vw,350px);height:min(37vw,470px);transform:rotate(48deg);border-color:rgba(199,168,106,.14)}
.gem{position:absolute;transform:rotate(30deg);clip-path:polygon(50% 0,91% 24%,100% 67%,66% 100%,27% 89%,0 50%,14% 18%);filter:drop-shadow(20px 25px 25px rgba(0,0,0,.4))}
.gem-back{width:205px;height:245px;background:linear-gradient(135deg,#4d8d78,#163c31 42%,#09211a);opacity:.8;transform:rotate(-12deg) translate(-42px,-40px)}
.gem-front{width:235px;height:285px;background:linear-gradient(145deg,#d8bd7b 0%,#7b6540 24%,#d2b873 45%,#3e5e4c 46%,#102f26 78%,#c9a96a);z-index:1}
.facet{position:absolute;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14)}.f1{inset:10% 50% 15% 10%;clip-path:polygon(0 0,100% 0,60% 100%,0 75%)}.f2{inset:0 10% 50% 50%;clip-path:polygon(0 0,100% 25%,100% 100%,35% 65%)}.f3{inset:48% 10% 5% 30%;clip-path:polygon(0 0,100% 10%,55% 100%,15% 70%)}
.spark{position:absolute;color:var(--gold);font-size:24px}.spark-one{top:23%;right:10%}.spark-two{bottom:21%;left:13%;font-size:15px}.visual-caption{position:absolute;bottom:6%;right:5%;font-size:9px;line-height:1.8;letter-spacing:3px;color:#82968b;text-align:right}.visual-caption strong{color:var(--gold);font-size:11px;font-weight:500}
.site-footer{font-size:9px;letter-spacing:1px;color:#64766d;text-transform:uppercase;padding-top:25px}.site-footer span:last-child{color:#8e9a91}
@media(max-width:760px){.page-shell{padding:24px 22px;min-height:100svh}.status{font-size:8px;letter-spacing:1px}.hero{grid-template-columns:1fr;gap:0}.hero-copy{padding:72px 0 20px}.eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:23px}h1{font-size:clamp(48px,15vw,70px)}.intro{font-size:13px;margin-top:25px;line-height:1.8}.divider{margin:28px 0 20px}.contact-list{gap:18px;flex-direction:column}.visual{min-height:290px;margin-top:-10px}.gem-front{width:145px;height:180px}.gem-back{width:130px;height:160px}.orbital-one{width:270px;height:190px}.orbital-two{width:190px;height:270px}.visual-caption{bottom:0;right:0}.site-footer{font-size:7px;padding-top:15px}}
@media(prefers-reduced-motion:no-preference){.gem-front{animation:float 6s ease-in-out infinite}.gem-back{animation:float 7s ease-in-out infinite reverse}@keyframes float{50%{transform:rotate(34deg) translateY(-10px)}}}