@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#101c2a;--navy2:#172b3a;--cream:#eee8dd;--muted:#aab5b8;--gold:#c9a477;--red:#8f1d3d;--line:rgba(225,231,225,.16)}
*{box-sizing:border-box}
html{min-height:100%;background:var(--navy)}
body{margin:0;min-height:100vh;color:var(--cream);font-family:"DM Sans",sans-serif;background:radial-gradient(ellipse at 77% 46%,#203b49 0,#142735 36%,#101c2a 75%);overflow-x:hidden}
.site-shell{max-width:1600px;min-height:100vh;margin:auto;padding:0 7.1%;display:flex;flex-direction:column}
.topbar{height:106px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:2}
.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}
.brand-mark{width:43px;height:43px;display:grid;place-items:center;border:1px solid rgba(201,164,119,.55);border-radius:50%}
.brand-mark svg{width:30px;height:30px;fill:var(--gold)}
.brand-mark .mark-line{fill:none;stroke:var(--navy);stroke-width:2}
.brand-copy{display:flex;flex-direction:column;gap:1px}
.brand-copy strong{font:800 23px/1 "Manrope",sans-serif;letter-spacing:.12em}
.brand-copy small{font-size:8px;letter-spacing:.2em;color:#c6c7c1}
.location{font-size:10px;letter-spacing:.2em;color:#c2c9c7;display:flex;align-items:center;gap:10px}
.location-dot,.eyebrow span{width:7px;height:7px;background:var(--gold);border-radius:50%;display:inline-block;box-shadow:0 0 12px #c9a47788}
main{flex:1;display:flex;flex-direction:column;justify-content:center}
.hero{min-height:610px;display:grid;grid-template-columns: .92fr 1.08fr;align-items:center;gap:2.5%;padding:54px 0 44px}
.hero-content{position:relative;z-index:1;padding:15px 0 20px}
.eyebrow{font-size:9px;letter-spacing:.22em;color:var(--gold);font-weight:700;display:flex;align-items:center;gap:12px;margin-bottom:27px}
.eyebrow span{width:24px;height:1px;border-radius:0;box-shadow:none}
h1{font:500 clamp(43px,5.1vw,75px)/1.09 "Manrope",sans-serif;letter-spacing:-.055em;margin:0 0 26px;color:#f3eee5}
h1 em{font-style:normal;color:var(--gold)}
.intro{max-width:470px;font-size:15px;line-height:1.85;color:#b8c2c2;margin:0 0 36px}
.status{display:flex;align-items:center;gap:15px;padding:17px 20px;border:1px solid rgba(201,164,119,.32);background:rgba(201,164,119,.055);max-width:405px}
.status-icon{width:30px;height:30px;border:1px solid rgba(201,164,119,.65);border-radius:50%;display:grid;place-items:center;flex:none}
.status-icon span{width:8px;height:8px;background:var(--gold);border-radius:50%;box-shadow:0 0 13px #c9a477}
.status strong,.status small{display:block}
.status strong{font-size:12px;font-weight:600;color:#f0e8dc;margin-bottom:4px}
.status small{font-size:10px;color:#aab5b8}
.rule{height:1px;width:100%;max-width:405px;background:var(--line);margin:30px 0 18px}
.signature{font-size:10px;letter-spacing:.09em;color:#d1b28d}
.hero-visual{height:520px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}
.visual-grid{position:absolute;inset:7% 0 7% 5%;background-image:linear-gradient(rgba(200,213,208,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(200,213,208,.07) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,transparent,#000 22%,#000 78%,transparent)}
.industrial-art{position:relative;width:112%;max-width:760px;z-index:1;filter:drop-shadow(0 22px 35px #0007);transform:translate(1%,2%)}
.orb{position:absolute;border-radius:50%;filter:blur(1px);z-index:-1}
.orb-one{width:360px;height:360px;right:10%;top:8%;background:radial-gradient(circle,#c9a47719,transparent 68%)}
.orb-two{width:200px;height:200px;left:8%;bottom:8%;background:radial-gradient(circle,#4a82901f,transparent 70%)}
.visual-caption{position:absolute;bottom:17px;left:7%;right:5%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.18em;color:#aab9b8;z-index:2}
.visual-caption span:first-child{color:var(--gold)}
.visual-accent{position:absolute;right:0;top:17%;width:2px;height:88px;background:linear-gradient(transparent,var(--gold),transparent);opacity:.8}
.bottom-strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:21px 0;margin-bottom:28px}
.strip-item{display:flex;align-items:center;gap:14px;font-size:9px;letter-spacing:.17em;color:#c1cbc8}
.strip-item+.strip-item{border-left:1px solid var(--line);padding-left:26px}
.strip-number{color:var(--gold);font:600 11px "Manrope",sans-serif}
footer{display:flex;justify-content:space-between;align-items:center;padding:0 0 25px;color:#829195;font-size:9px;letter-spacing:.04em}
.footer-note{letter-spacing:.15em;color:#b4bfbb}
.footer-note b{color:var(--gold);font-size:8px;margin-left:7px}
@media(max-width:900px){.site-shell{padding:0 5%}.hero{grid-template-columns:1fr 1fr;gap:0}.hero-visual{height:450px}.intro{font-size:14px}h1{font-size:clamp(40px,5.7vw,58px)}}
@media(max-width:650px){.site-shell{padding:0 23px}.topbar{height:82px}.brand-mark{width:38px;height:38px}.location{font-size:8px}.hero{display:flex;flex-direction:column;align-items:stretch;padding:55px 0 25px;gap:0}.hero-content{padding:0}.eyebrow{font-size:8px;margin-bottom:22px}h1{font-size:clamp(42px,11vw,59px);margin-bottom:20px}.intro{font-size:13px;line-height:1.75;margin-bottom:26px}.status{padding:14px 15px}.hero-visual{height:300px;margin:5px -14px 0}.industrial-art{width:115%}.visual-caption{bottom:8px;font-size:7px}.bottom-strip{grid-template-columns:1fr;gap:14px;padding:17px 0;margin-bottom:22px}.strip-item+.strip-item{border-left:0;padding-left:0}.strip-item{font-size:8px}footer{gap:12px;align-items:flex-start;flex-direction:column;padding-bottom:22px;font-size:8px}}
@media(prefers-reduced-motion:no-preference){.status-icon span{animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{0%,100%{opacity:1;box-shadow:0 0 8px #c9a47766}50%{opacity:.55;box-shadow:0 0 18px #c9a477}}}