:root{--bg:#0b0d0e;--bg2:#101315;--panel:#15191b;--text:#f4f5f3;--muted:#a8ada9;--line:rgba(255,255,255,.11);--acid:#c5ff3d;--silver:#d9dedc;--max:1220px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.045;z-index:99;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}.container{width:min(var(--max),calc(100% - 48px));margin:auto}.nav-wrap{position:fixed;top:0;left:0;right:0;z-index:50;border-bottom:1px solid transparent;transition:.3s}.nav-wrap.scrolled{background:rgba(11,13,14,.88);backdrop-filter:blur(16px);border-color:var(--line)}.nav{height:90px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:13px;color:#fff;text-decoration:none}.brand-mark{width:44px;height:44px;border:1px solid #5f6764;display:grid;place-items:center;font-family:Arial,Helvetica,sans-serif;font-weight:700;letter-spacing:-2px;transform:skew(-5deg);background:linear-gradient(145deg,#1a1d1e,#0d0f10)}.brand-text{display:flex;flex-direction:column;line-height:1}.brand-text strong{font-family:Arial,Helvetica,sans-serif;letter-spacing:.08em;font-size:13px}.brand-text small{font-size:8px;letter-spacing:.3em;margin-top:6px;color:#8f9692}.nav-links{display:flex;align-items:center;gap:34px}.nav-links a{color:#d5d8d6;text-decoration:none;font-size:13px;font-weight:600}.nav-cta{border:1px solid #59605d;padding:12px 17px;border-radius:2px}.menu-btn{display:none;background:none;border:0;padding:10px}.menu-btn span{display:block;width:28px;height:1px;background:#fff;margin:7px}.hero{min-height:790px;height:100vh;position:relative;display:flex;align-items:center;overflow:hidden;background:radial-gradient(circle at 68% 42%,#1d2324 0,#0c0f10 34%,#080a0b 64%)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,transparent,black 25%,transparent)}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;padding-top:80px}.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:10px;color:#98a09c;text-transform:uppercase;letter-spacing:.2em;font-size:11px;font-weight:700}.eyebrow i{width:22px;height:1px;background:var(--acid);box-shadow:0 0 14px var(--acid)}.hero h1{font-family:Arial,Helvetica,sans-serif,sans-serif;font-size:clamp(74px,8vw,132px);letter-spacing:-.075em;line-height:.81;margin:28px 0 34px}.hero h1 span{color:transparent;-webkit-text-stroke:1px #aeb5b1}.hero-lead{max-width:590px;color:#b8beb9;font-size:18px;line-height:1.65}.hero-actions{display:flex;gap:12px;margin-top:38px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:16px 20px;text-decoration:none;font-size:13px;font-weight:700}.btn.primary{background:var(--acid);color:#090b09}.btn.ghost{border:1px solid #3a403d;color:#fff}.hero-stats{display:flex;gap:42px;margin-top:66px;border-top:1px solid var(--line);padding-top:21px}.hero-stats div{display:flex;gap:12px}.hero-stats strong{color:var(--acid);font-family:Arial,Helvetica,sans-serif;font-size:11px}.hero-stats span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#8e9691;line-height:1.45}.hero-visual{position:relative;height:600px;display:grid;place-items:center}.rim{width:min(33vw,445px);aspect-ratio:1;border-radius:50%;position:relative;background:repeating-conic-gradient(from 3deg,#d9dddb 0 4deg,#303638 4deg 12deg,#aeb4b1 12deg 16deg,#202526 16deg 24deg);box-shadow:0 0 0 16px #111516,0 0 0 18px #4c5350,0 0 70px rgba(255,255,255,.14),inset 0 0 40px #000;animation:float 5s ease-in-out infinite}.rim:before{content:"";position:absolute;inset:12%;border-radius:50%;background:#121617;box-shadow:0 0 0 5px #707674,inset 0 0 35px #000}.rim:after{content:"";position:absolute;inset:29%;border-radius:50%;background:radial-gradient(circle,#171b1c 0 20%,#9ba19e 21% 24%,#111516 25% 100%);box-shadow:0 0 0 2px #747a77}.rim-inner{position:absolute;inset:0;display:grid;place-items:center;z-index:4}.rim-inner span{font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:18px;letter-spacing:-2px;z-index:3}.metal-orbit{position:absolute;border:1px solid rgba(255,255,255,.08);border-radius:50%}.orbit-1{width:520px;height:520px}.orbit-2{width:620px;height:620px}.floating-tag{position:absolute;border-left:1px solid var(--acid);padding:9px 12px;background:rgba(15,18,18,.6);backdrop-filter:blur(8px);font-size:9px;letter-spacing:.18em;color:#919894}.floating-tag b{color:var(--acid);margin-left:14px}.tag-one{top:24%;right:0}.tag-two{bottom:21%;left:3%}.hero-glow{position:absolute;border-radius:50%;filter:blur(90px);opacity:.12}.glow-a{width:420px;height:420px;background:var(--acid);right:-150px;top:5%}.glow-b{width:350px;height:350px;background:#7c9190;left:30%;bottom:-250px}.scroll-hint{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:.3em;color:#66706b}.scroll-hint span{display:block;width:1px;height:38px;background:linear-gradient(var(--acid),transparent);margin:9px auto 0}.section{padding:125px 0}.intro{background:#f1f2ee;color:#111}.intro-grid{display:grid;grid-template-columns:28% 72%}.intro .section-kicker{color:#626963}.intro-copy h2,.section-head h2,.quality h2,.contact h2{font-family:Arial,Helvetica,sans-serif;font-size:clamp(46px,5.2vw,78px);letter-spacing:-.055em;line-height:.98;margin:0}.intro-copy h2 em,.section-head h2 em,.contact h2 em{font-style:normal;color:#8b918d}.intro-copy p{max-width:780px;margin:35px 0 0;font-size:19px;color:#505650;line-height:1.8}.services{background:#0c0f10}.section-head{margin-bottom:62px}.section-head h2{margin-top:20px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.service-card{padding:42px 32px 38px;min-height:430px;border-right:1px solid var(--line);position:relative;transition:.35s}.service-card:last-child{border:0}.service-card:hover{background:#131718;transform:translateY(-7px)}.service-card .num{font-family:Arial,Helvetica,sans-serif;font-size:10px;color:#69706c}.service-icon{font-size:42px;color:#cbd0cd;margin:58px 0 36px}.service-card h3{font-family:Arial,Helvetica,sans-serif;font-size:25px;margin:0 0 17px}.service-card p{color:#919994;font-size:14px;line-height:1.8}.service-card a{position:absolute;bottom:35px;color:#daddda;text-decoration:none;font-size:12px;font-weight:700}.service-card a span{color:var(--acid);margin-left:8px}.service-note{text-align:center;color:#818985;font-size:12px;margin:28px 0 0}.quality{background:#111516}.quality-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.macro-metal{height:650px;position:relative;overflow:hidden;background:radial-gradient(circle at 65% 42%,#e1e5e2 0 1%,#848c89 2% 8%,#262c2c 10% 16%,#c7cecb 17% 18%,#15191a 20% 32%,#6d7572 34% 37%,#181c1d 39%);box-shadow:inset 0 0 90px #000}.macro-metal:after{content:"";position:absolute;inset:-10%;background:repeating-linear-gradient(113deg,transparent 0 5px,rgba(255,255,255,.035) 6px,transparent 7px 11px);transform:rotate(-8deg)}.macro-metal span{position:absolute;left:35px;bottom:32px;z-index:2;font-family:Arial,Helvetica,sans-serif;font-size:12px;letter-spacing:.25em;line-height:1.7}.shine{position:absolute;width:140%;height:65px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transform:rotate(-30deg);top:45%;left:-50%;filter:blur(18px)}.quality-copy h2{margin:18px 0 28px}.quality-copy>p{color:#969e99;line-height:1.8;margin-bottom:37px}.check{display:grid;grid-template-columns:42px 1fr;gap:18px;padding:22px 0;border-top:1px solid var(--line)}.check b{color:var(--acid);font-size:10px}.check span{display:flex;flex-direction:column;gap:7px}.check strong{font-size:14px}.check small{color:#7e8782;line-height:1.5}.references{background:#f1f2ee;color:#0d0f0e}.split{display:grid;grid-template-columns:1fr 38%;align-items:end}.split .section-kicker{color:#656b67}.split p{color:#656b67;line-height:1.7;font-size:14px}.gallery{display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:320px 320px;gap:14px}.gallery-card{position:relative;overflow:hidden;background:#171b1c}.g1{grid-row:1/3}.placeholder-art{position:absolute;inset:0;background:radial-gradient(circle at 50% 48%,#d8dcda 0 3%,#555d59 4% 12%,#171b1c 13% 26%,#909793 27% 30%,#222727 31% 42%,#bcc1be 43% 44%,#161a1b 45%);filter:contrast(1.2)}.g2 .placeholder-art{background:linear-gradient(140deg,#121516 0 30%,#b2b8b4 31% 35%,#2a3030 36% 44%,#e3e5e3 45% 47%,#181c1d 48%)}.g3 .placeholder-art{background:radial-gradient(ellipse at 35% 40%,#d7dbd8 0 3%,#575e5a 4% 9%,#171b1c 10% 25%,#abb0ad 26% 27%,#252a2a 28% 45%,#0d1011 46%)}.placeholder-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.7))}.placeholder-art>span{position:absolute;right:22px;top:18px;color:rgba(255,255,255,.6);z-index:3;font-size:10px}.caption{position:absolute;z-index:4;left:24px;bottom:22px;color:#fff}.caption strong{display:block;font-family:Arial,Helvetica,sans-serif;font-size:20px}.caption small{color:#b3bab6}.contact{padding-top:40px;background:#f1f2ee}.contact-box{background:#111516;padding:70px;display:grid;grid-template-columns:.88fr 1.12fr;gap:70px;color:#fff;position:relative;overflow:hidden}.contact-box:after{content:"MF";position:absolute;right:-40px;bottom:-100px;font-family:Arial,Helvetica,sans-serif;font-size:260px;font-weight:700;letter-spacing:-.1em;color:rgba(255,255,255,.018)}.section-kicker.light{color:#8e9691}.contact h2{margin:18px 0 24px}.contact-copy p{color:#939b96;line-height:1.7;max-width:440px}.contact-links{position:relative;z-index:2}.contact-links a{display:grid;grid-template-columns:1fr auto;grid-template-areas:"s x" "b x";align-items:center;border-bottom:1px solid var(--line);padding:25px 5px;color:#fff;text-decoration:none}.contact-links small{grid-area:s;color:#7c8580;text-transform:uppercase;letter-spacing:.18em;font-size:9px}.contact-links strong{grid-area:b;margin-top:7px;font-size:14px}.contact-links span{grid-area:x;color:var(--acid);font-size:20px}footer{background:#0b0d0e;padding:35px 0}.footer-grid{display:flex;align-items:center;justify-content:space-between}.footer-brand{transform:scale(.85);transform-origin:left center}.footer-grid p,.legal a{color:#666e69;font-size:10px}.legal{display:flex;gap:24px}.legal a{text-decoration:none}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.24s}@keyframes float{50%{transform:translateY(-13px) rotate(1.5deg)}}@media(max-width:900px){.container{width:min(var(--max),calc(100% - 32px))}.nav{height:72px}.nav-links{display:none;position:absolute;top:72px;left:0;right:0;background:#0b0d0e;padding:26px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.nav-links.open{display:flex}.menu-btn{display:block}.hero{height:auto;min-height:900px;padding:110px 0 70px}.hero-grid{grid-template-columns:1fr}.hero h1{font-size:clamp(64px,19vw,100px)}.hero-visual{height:380px;margin-top:35px}.rim{width:min(75vw,360px)}.orbit-1{width:400px;height:400px}.orbit-2{width:470px;height:470px}.tag-one{right:5%}.hero-stats{gap:20px}.intro-grid,.quality-grid,.contact-box,.split{grid-template-columns:1fr}.intro-grid{gap:35px}.service-grid{grid-template-columns:1fr}.service-card{border-right:0;border-bottom:1px solid var(--line);min-height:350px}.quality-grid{gap:55px}.macro-metal{height:480px}.split{gap:30px}.gallery{grid-template-columns:1fr;grid-template-rows:430px 290px 290px}.g1{grid-row:auto}.contact-box{padding:42px 28px;gap:30px}.footer-grid{flex-direction:column;gap:22px;align-items:flex-start}.scroll-hint{display:none}}@media(max-width:520px){.section{padding:88px 0}.brand-text{display:none}.hero h1{font-size:19vw}.hero-lead{font-size:15px}.hero-actions{flex-direction:column;align-items:stretch}.hero-stats{flex-wrap:wrap}.hero-visual{height:320px}.orbit-1{width:320px;height:320px}.orbit-2{display:none}.intro-copy p{font-size:16px}.gallery{grid-template-rows:350px 250px 250px}.contact-links strong{font-size:12px;word-break:break-word}}

/* Mobile refinement 2026-08 */
@media(max-width:600px){
  .container{width:calc(100% - 40px)}
  .nav{height:74px}
  .brand-mark{width:46px;height:46px}
  .hero{min-height:auto;padding:118px 0 54px;overflow:hidden}
  .hero-grid{padding-top:0}
  .eyebrow,.section-kicker{font-size:10px;letter-spacing:.16em;line-height:1.5}
  .hero h1{font-size:clamp(52px,15.5vw,68px);line-height:.88;letter-spacing:-.06em;margin:24px 0 25px;max-width:100%}
  .hero h1 span{display:block;-webkit-text-stroke:.8px #aeb5b1}
  .hero-lead{font-size:16px;line-height:1.55;max-width:100%}
  .hero-actions{margin-top:28px;gap:10px}
  .btn{min-height:54px;padding:15px 18px;gap:14px}
  .hero-stats{display:grid;grid-template-columns:1fr;gap:12px;margin-top:34px;padding-top:18px}
  .hero-stats div{align-items:flex-start}
  .hero-visual{height:330px;margin-top:42px}
  .rim{width:min(72vw,290px)}
  .orbit-1{width:310px;height:310px}
  .floating-tag{font-size:8px}
  .tag-one{right:0;top:18%}.tag-two{left:0;bottom:15%}
  .section{padding:76px 0}
  .intro-grid{gap:25px}
  .intro-copy h2,.section-head h2,.quality h2,.contact h2{font-size:clamp(38px,11.5vw,52px);line-height:1.02;letter-spacing:-.045em;overflow-wrap:break-word}
  .intro-copy p{margin-top:25px;font-size:16px;line-height:1.65}
  .section-head{margin-bottom:38px}
  .section-head h2{margin-top:14px}
  .service-card{padding:32px 20px 30px;min-height:310px}
  .service-icon{margin:38px 0 28px;font-size:36px}
  .service-card h3{font-size:25px}
  .service-card p{font-size:15px;line-height:1.65}
  .macro-metal{height:390px}
  .quality-grid{gap:40px}
  .gallery{grid-template-rows:330px 230px 230px}
  .contact{padding-top:20px}
  .contact-box{padding:38px 22px}
  .contact-links a{padding:21px 2px}
  .footer-grid{gap:18px}
}
@media(max-width:380px){
  .container{width:calc(100% - 30px)}
  .hero h1{font-size:14.5vw}
  .intro-copy h2,.section-head h2,.quality h2,.contact h2{font-size:10.8vw}
}