:root {
  --ink: #071b22;
  --deep: #031116;
  --paper: #f3f3ed;
  --white: #fbfbf7;
  --aqua: #72e0d1;
  --aqua-soft: #c8f2eb;
  --line: rgba(7, 27, 34, .16);
  --muted: #65747a;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background: var(--paper);
  font-family: "DM Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
}
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
.grain {
  position: fixed; inset: 0; pointer-events: none; z-index: 100;
  opacity: .032; 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='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E");
}
.site-header {
  height: 94px; padding: 0 4.2vw; display: flex; align-items: center; justify-content: space-between;
  position: absolute; inset: 0 0 auto; z-index: 20; color: var(--white); border-bottom: 1px solid rgba(255,255,255,.14);
}
.brand {
  display: flex;
  align-items: center;
  width: 300px;
}
.brand img { display: block; width: 100%; height: auto; }
.nav { display: flex; align-items: center; gap: 2.2vw; font-size: 13px; }
.nav > a:not(.nav-cta) { color: rgba(255,255,255,.7); transition: color .2s; }
.nav > a:hover { color: white; }
.nav-cta { padding: 13px 18px; border: 1px solid rgba(255,255,255,.36); }
.nav-cta span, .text-link span, .button span { color: var(--aqua); margin-left: 9px; }
.menu-toggle { display: none; background: none; border: 0; padding: 10px; }
.menu-toggle span { width: 25px; height: 1px; background: white; display: block; margin: 6px; }

.hero {
  min-height: 790px; height: 100vh; overflow: hidden; position: relative; color: var(--white);
  background: radial-gradient(circle at 72% 45%, #103d42 0, #08272e 22%, var(--deep) 58%);
  display: flex; align-items: center; padding: 110px 7vw 70px;
}
.hero::before {
  content: ""; position: absolute; inset: 0;
  background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
  background-size: 72px 72px;
}
.hero-content { width: 56%; position: relative; z-index: 3; }
.eyebrow { font-size: 11px; font-weight: 600; letter-spacing: .22em; text-transform: uppercase; margin: 0 0 24px; }
.eyebrow::before { content: ""; display: inline-block; width: 38px; height: 1px; margin: 0 12px 3px 0; background: var(--aqua); }
h1, h2 { font: 600 clamp(50px, 6vw, 92px)/.98 "Manrope", sans-serif; letter-spacing: -.055em; margin: 0; }
h1 em, h2 em { color: var(--aqua); font-style: normal; font-weight: 500; }
.hero-copy { color: rgba(255,255,255,.68); max-width: 550px; font-size: 18px; line-height: 1.7; margin: 34px 0; }
.hero-actions { display: flex; gap: 30px; align-items: center; }
.button { display: inline-flex; align-items: center; justify-content: center; border: 0; padding: 16px 20px; cursor: pointer; font-size: 13px; font-weight: 600; }
.button-primary { background: var(--aqua); color: var(--ink); }
.button-primary span { color: var(--ink); }
.text-link { font-size: 13px; font-weight: 600; padding: 10px 0; border-bottom: 1px solid rgba(255,255,255,.35); }
.text-link.dark { border-color: var(--line); }
.text-link.dark span { color: #178d82; }
.hero-mineral {
  position: fixed; right: 2.5vw; top: 19vh; width: min(31vw, 430px); height: 58vh; z-index: 8;
  pointer-events: none; filter: drop-shadow(0 20px 34px rgba(0,0,0,.3));
  --journey: 0; --raw: 1; --shards: 0; --cracks: 0; --chips: 0; --particles: 0; --sand: 0; --pile: 0; --orbit: 1; --caption: 0;
  opacity: var(--material-opacity, 1); transform: translate3d(0, var(--material-y, 0), 0) scale(var(--material-scale, 1));
  transform-origin: 58% 48%; will-change: transform, opacity;
}
.quartz-photo {
  position: absolute; width: 100%; height: 100%; left: 0; top: -2%; object-fit: contain;
  transform: scale(calc(.94 + var(--raw) * .06));
  opacity: var(--raw);
  filter: contrast(1.04) saturate(.84);
  will-change: transform, opacity;
}
.mineral-line { position: absolute; border: 1px solid rgba(114,224,209,.18); border-radius: 50%; opacity: var(--orbit); will-change: transform; }
.line-a { inset: 13% 5% 13% 5%; }
.line-b { inset: 5% 14% 5% 14%; }
.line-c { inset: 27% -4% 27% -4%; }
.line-a { animation: mineral-orbit-a 13s linear infinite; }
.line-b { animation: mineral-orbit-b 17s linear infinite reverse; }
.line-c { animation: mineral-orbit-c 11s linear infinite; }
.particle { position: absolute; width: 5px; height: 5px; border: 1px solid var(--aqua); transform: rotate(45deg); animation: pulse 3s infinite; }
.p1{left:13%;top:24%}.p2{left:84%;top:38%;animation-delay:.5s}.p3{left:9%;top:71%;animation-delay:1s}.p4{left:73%;top:88%;animation-delay:1.5s}.p5{left:91%;top:69%;animation-delay:2s}.p6{left:49%;top:3%;animation-delay:2.5s}
.hero-orbit { position: absolute; border: 1px solid rgba(114,224,209,.07); border-radius: 50%; }
.quartz-fragments { display: none; }
.fragment { position: absolute; width: 78px; height: 78px; background-image: url("assets/quartz-raw-actual.jpg"); background-size: 420px auto; filter: brightness(1.04) saturate(.8); border-radius: 14% 28% 18% 25%; will-change: transform; }
.f1 { left: 10%; top: 5%; clip-path: polygon(8% 8%,88% 0,100% 72%,24% 100%,0 55%); transform: translate(calc(var(--journey) * -86px),calc(var(--journey) * -48px)) rotate(calc(var(--journey) * -38deg)); background-position: 26% 31%; }
.f2 { right: 4%; top: 12%; clip-path: polygon(20% 0,92% 12%,100% 69%,61% 100%,0 74%); transform: translate(calc(var(--journey) * 82px),calc(var(--journey) * -32px)) rotate(calc(var(--journey) * 42deg)); background-position: 79% 39%; }
.f3 { left: 32%; top: 35%; clip-path: polygon(5% 17%,83% 0,100% 65%,72% 100%,12% 89%,0 49%); transform: translate(calc(var(--journey) * -42px),calc(var(--journey) * 68px)) rotate(calc(var(--journey) * 31deg)); background-position: 44% 52%; }
.f4 { right: 18%; top: 45%; clip-path: polygon(22% 0,86% 9%,100% 64%,75% 100%,8% 89%,0 35%); transform: translate(calc(var(--journey) * 68px),calc(var(--journey) * 58px)) rotate(calc(var(--journey) * -52deg)); background-position: 74% 52%; }
.f5 { left: 5%; bottom: 0; clip-path: polygon(7% 5%,82% 0,100% 58%,73% 100%,18% 91%,0 43%); transform: translate(calc(var(--journey) * -68px),calc(var(--journey) * 52px)) rotate(calc(var(--journey) * 57deg)); background-position: 31% 58%; }
.f6 { right: 2%; bottom: 0; clip-path: polygon(14% 0,86% 6%,100% 61%,72% 100%,9% 84%,0 34%); transform: translate(calc(var(--journey) * 72px),calc(var(--journey) * 54px)) rotate(calc(var(--journey) * -34deg)); background-position: 67% 61%; }
.quartz-chips,.quartz-particles,.sand-stream,.sand-pile { position:absolute;inset:0; }
.quartz-chips { opacity:var(--chips); }
.quartz-chip { position:absolute;width:var(--size);height:var(--size);left:var(--x);top:var(--y);background-image:url("assets/quartz-cutout.webp");background-size:360px auto;background-position:var(--bg);clip-path:polygon(12% 2%,88% 8%,100% 67%,66% 100%,5% 82%,0 31%);transform:translate3d(var(--dx),var(--dy),0) rotate(var(--rot));filter:brightness(1.08) saturate(.65); }
.quartz-particles { opacity:var(--particles); }
.quartz-particle { position:absolute;width:var(--size);height:var(--size);left:var(--x);top:var(--y);border-radius:35%;background:var(--shade);box-shadow:inset 1px 1px 2px rgba(255,255,255,.7);transform:translate3d(var(--dx),var(--dy),0) rotate(var(--rot)); }
.sand-stream { opacity:var(--sand); inset:3% 20% 38%; overflow:hidden; }
.falling-grain { position:absolute;width:var(--size);height:var(--size);left:var(--x);top:-8%;border-radius:50%;background:var(--shade);animation:sand-fall var(--duration) linear infinite;animation-delay:var(--delay);box-shadow:0 0 3px rgba(255,255,255,.2); }
.sand-pile { opacity:var(--pile); inset:auto 5% 27%;height:31%;overflow:hidden;filter:drop-shadow(0 10px 20px rgba(0,0,0,.2)); }
.pile-grain { position:absolute;width:var(--size);height:var(--size);left:var(--x);bottom:var(--bottom);border-radius:50%;background:var(--shade); }
.sand-pile::after { content:"";position:absolute;left:9%;right:9%;bottom:-8%;height:78%;border-radius:50% 50% 12% 12% / 75% 75% 18% 18%;background:radial-gradient(ellipse at 50% 15%,rgba(250,247,232,.95),rgba(207,210,192,.86) 45%,rgba(128,151,145,.74) 100%);clip-path:polygon(0 100%,7% 82%,18% 68%,29% 53%,41% 28%,50% 13%,60% 31%,72% 54%,84% 70%,100% 100%); }
.journey-caption { position:absolute;right:0;bottom:1%;border-left:1px solid rgba(114,224,209,.35);padding-left:13px;opacity:var(--caption);color:white; }
.journey-caption span{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.18em;color:rgba(255,255,255,.4);margin-bottom:5px}.journey-caption b{font:500 12px "Manrope";letter-spacing:.04em}
.fracture-shards { position:absolute;inset:0;opacity:var(--shards);will-change:opacity; }
.fracture-shards i { position:absolute;inset:0;background:url("assets/quartz-cutout.webp") center/contain no-repeat;filter:contrast(1.04) saturate(.84);will-change:transform,opacity; }
.fracture-shards i:nth-child(1){clip-path:polygon(0 0,36% 0,31% 31%,0 44%)}
.fracture-shards i:nth-child(2){clip-path:polygon(36% 0,67% 0,59% 29%,31% 31%)}
.fracture-shards i:nth-child(3){clip-path:polygon(67% 0,100% 0,100% 39%,72% 34%,59% 29%)}
.fracture-shards i:nth-child(4){clip-path:polygon(0 44%,31% 31%,33% 58%,0 67%)}
.fracture-shards i:nth-child(5){clip-path:polygon(31% 31%,59% 29%,53% 55%,33% 58%)}
.fracture-shards i:nth-child(6){clip-path:polygon(59% 29%,72% 34%,67% 59%,53% 55%)}
.fracture-shards i:nth-child(7){clip-path:polygon(72% 34%,100% 39%,100% 66%,67% 59%)}
.fracture-shards i:nth-child(8){clip-path:polygon(0 67%,33% 58%,38% 100%,0 100%)}
.fracture-shards i:nth-child(9){clip-path:polygon(33% 58%,53% 55%,57% 100%,38% 100%)}
.fracture-shards i:nth-child(10){clip-path:polygon(53% 55%,67% 59%,74% 100%,57% 100%)}
.fracture-shards i:nth-child(11){clip-path:polygon(67% 59%,100% 66%,100% 100%,74% 100%)}
.fracture-shards i:nth-child(12){clip-path:polygon(31% 31%,72% 34%,67% 59%,33% 58%)}
.crack-network { position:absolute;inset:13% 12% 20%;opacity:var(--cracks);filter:drop-shadow(0 0 3px rgba(114,224,209,.28)); }
.crack-network i { position:absolute;width:1px;height:34%;background:linear-gradient(transparent,rgba(255,255,255,.92),transparent);transform-origin:top; }
.crack-network i:nth-child(1){left:36%;top:7%;transform:rotate(19deg)}
.crack-network i:nth-child(2){left:58%;top:19%;height:39%;transform:rotate(-22deg)}
.crack-network i:nth-child(3){left:47%;top:45%;height:42%;transform:rotate(28deg)}
.crack-network i:nth-child(4){left:70%;top:38%;height:31%;transform:rotate(63deg)}
.crack-network i:nth-child(5){left:28%;top:42%;height:29%;transform:rotate(-54deg)}
.orbit-one { width: 60vw; height: 60vw; right: -18vw; top: -9vw; }
.orbit-two { width: 82vw; height: 82vw; right: -29vw; top: -20vw; }
.hero-meta {
  position: absolute; bottom: 0; left: 0; right: 0; z-index: 4; height: 98px; border-top: 1px solid rgba(255,255,255,.14);
  display: grid; grid-template-columns: repeat(3, 1fr); margin-left: 7vw; width: 52%;
}
.hero-meta div { display: flex; align-items: center; gap: 16px; border-right: 1px solid rgba(255,255,255,.14); padding: 0 24px; }
.hero-meta span { color: var(--aqua); font: 500 10px "Manrope"; }
.hero-meta p { margin: 0; color: rgba(255,255,255,.65); font-size: 11px; line-height: 1.5; text-transform: uppercase; letter-spacing: .09em; }

.section { padding: 120px 7vw; position:relative; }
.section > * { position:relative;z-index:10; }
.section-label { font: 600 10px "Manrope"; letter-spacing: .17em; text-transform: uppercase; display: flex; gap: 12px; align-items: center; margin-bottom: 75px; }
.section-label span { color: #178d82; }
.section-label.light { color: rgba(255,255,255,.58); }
.section-label.light span { color: var(--aqua); }
.intro { background: var(--paper); }
.intro-grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 9vw; }
h2 { font-size: clamp(44px, 5vw, 76px); }
.intro-copy { padding-top: 10px; }
.intro-copy p { color: var(--muted); line-height: 1.75; font-size: 15px; }
.intro-copy .lead { color: var(--ink); font: 500 21px/1.6 "Manrope"; }
.intro-copy .text-link { display: inline-block; margin-top: 22px; }
.principles { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--line); margin-top: 110px; }
.principles article { padding: 30px 32px 10px 0; border-right: 1px solid var(--line); min-height: 190px; }
.principles article:not(:first-child) { padding-left: 28px; }
.principles article:last-child { border: 0; }
.principles span, .process-step span { color: #178d82; font-size: 10px; }
.principles h3 { font: 600 19px "Manrope"; margin: 30px 0 10px; }
.principles p { color: var(--muted); font-size: 13px; line-height: 1.6; margin: 0; }

.process { background: var(--deep); color: var(--white); padding-bottom: 0; }
.process-head { display: grid; grid-template-columns: .5fr 1fr .7fr; gap: 5vw; align-items: end; }
.process-head .section-label { align-self: start; margin: 6px 0; }
.process-summary { color: rgba(255,255,255,.55); font-size: 14px; line-height: 1.8; margin: 0 0 7px; }
.process-flow { width: 66%; margin-top: 85px; border-top: 1px solid rgba(255,255,255,.13); }
.process-step { display: grid; grid-template-columns: 150px 1fr; gap: 40px; padding: 30px 0; border-bottom: 1px solid rgba(255,255,255,.13); align-items: center; transition: background .3s, padding .3s; }
.process-step:hover { background: rgba(114,224,209,.055); padding-left: 22px; }
.process-step > div:last-child { display: grid; grid-template-columns: 45px .65fr 1fr; gap: 30px; align-items: center; }
.process-step h3 { font: 500 21px "Manrope"; margin: 0; }
.process-step p { color: rgba(255,255,255,.5); font-size: 13px; line-height: 1.6; margin: 0; }
.step-icon { width: 88px; height: 66px; margin: auto; position: relative; display: flex; align-items: center; justify-content: center; }
.ore { width: 42px; height: 39px; display: block; border: 1px solid var(--aqua); clip-path: polygon(34% 0, 77% 13%, 100% 62%, 64% 100%, 11% 84%, 0 39%); background: rgba(114,224,209,.1); }
.heat i { width: 1px; height: 40px; background: var(--aqua); margin: 0 8px; transform: rotate(12deg); box-shadow: 8px -8px 0 rgba(114,224,209,.25); }
.quench i { width: 34px; height: 45px; border: 1px solid var(--aqua); border-radius: 60% 40% 55% 45% / 65% 50% 50% 35%; transform: rotate(45deg); }
.grind i { width: 37px; height: 37px; border: 1px solid var(--aqua); border-radius: 50%; margin: -5px; }
.classify i { width: 7px; height: 7px; border: 1px solid var(--aqua); margin: 7px; transform: rotate(45deg); }
.classify i:nth-child(2){width:13px;height:13px}.classify i:nth-child(3){width:19px;height:19px}
.magnet i { width: 42px; height: 42px; border: 5px solid var(--aqua); border-top-color: transparent; border-radius: 50%; transform: rotate(45deg); }
.lab i { width: 28px; height: 45px; border: 1px solid var(--aqua); border-top: 0; transform: perspective(30px) rotateX(-4deg); position: relative; }
.lab i::after { content:""; position:absolute; height:14px; inset:auto 3px 3px; background:rgba(114,224,209,.25); }
.partner-note { margin: 70px -7vw 0; padding: 24px 7vw; display: grid; grid-template-columns: .65fr .75fr 1fr; gap: 5vw; align-items: center; background: #0a292e; transition: background .25s; }
.partner-note:hover { background: #0d3339; }
.partner-note span { color: rgba(255,255,255,.46); font-size: 10px; text-transform: uppercase; letter-spacing: .15em; }
.partner-note img { width: 230px; max-height: 88px; object-fit: contain; }
.partner-note p { color: rgba(255,255,255,.5); font-size: 12px; margin: 0; }
.partner-note p b { display:block;color:var(--aqua);font-weight:600;margin-top:7px }

.applications-heading { display: grid; grid-template-columns: 1.1fr .65fr; gap: 11vw; align-items: end; margin-bottom: 85px; }
.applications-heading p, .leadership-head p { color: var(--muted); line-height: 1.8; font-size: 14px; }
.application-list { border-top: 1px solid var(--line); }
.app-item { display: grid; grid-template-columns: 65px .8fr 1fr 30px; align-items: center; min-height: 116px; border-bottom: 1px solid var(--line); transition: padding .25s, background .25s; }
.app-item:hover { padding: 0 20px; background: var(--white); }
.app-item > span { font-size: 10px; color: #178d82; }
.app-item h3 { font: 500 24px "Manrope"; margin: 0; }
.app-item p { color: var(--muted); font-size: 13px; line-height: 1.6; max-width: 450px; }
.app-item b { font-weight: 400; color: #178d82; }

.quality { color: var(--white); background: #09272c; display: grid; grid-template-columns: 1fr 1fr; gap: 8vw; align-items: center; overflow: hidden; }
.quality-visual { min-height: 570px; position: relative; }
.analysis-ring { position: absolute; border: 1px solid rgba(114,224,209,.25); border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%,-50%); }
.ring-1{width:190px;height:190px}.ring-2{width:340px;height:340px;border-style:dashed;animation:spin 30s linear infinite}.ring-3{width:520px;height:520px;opacity:.45}
.analysis-center { position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:135px;height:135px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#e8fff9,#77b7af 45%,#173d42 80%);color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 60px rgba(114,224,209,.24); }
.analysis-center span{font:600 27px "Manrope"}.analysis-center small{font-size:8px;text-transform:uppercase;letter-spacing:.12em;margin-top:5px}
.node{position:absolute;width:9px;height:9px;background:var(--aqua);border-radius:50%;box-shadow:0 0 15px var(--aqua)}.n1{top:21%;left:32%}.n2{top:37%;right:5%}.n3{bottom:18%;left:45%}.n4{top:57%;left:5%}
.quality-content .section-label { margin-bottom: 85px; }
.quality-content > p:not(.eyebrow) { color: rgba(255,255,255,.56); font-size: 14px; line-height: 1.8; max-width: 550px; margin: 30px 0; }
.capability-grid { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid rgba(255,255,255,.16); }
.capability-grid span { padding: 18px 6px 18px 23px; border-bottom: 1px solid rgba(255,255,255,.16); font-size: 12px; position: relative; }
.capability-grid span::before { content:"";width:5px;height:5px;border:1px solid var(--aqua);position:absolute;left:1px;top:23px;transform:rotate(45deg); }

.sustainability-grid { display: grid; grid-template-columns: 1fr .65fr; gap: 12vw; align-items: end; }
.sustainability-copy { color: var(--muted); line-height: 1.8; font-size: 14px; }
.impact-grid { display: grid; grid-template-columns: repeat(4,1fr); margin-top: 95px; border-top: 1px solid var(--line); }
.impact-grid article { padding: 35px 30px 20px 0; border-right: 1px solid var(--line); min-height: 290px; }
.impact-grid article:not(:first-child) { padding-left: 28px; }
.impact-grid article:last-child { border: 0; }
.impact-grid h3 { font: 600 18px "Manrope"; margin: 35px 0 12px; }
.impact-grid p { color: var(--muted); font-size: 13px; line-height: 1.7; }
.impact-icon { height: 50px; width: 60px; position: relative; }
.impact-icon i { display: block; position: absolute; border: 1px solid #178d82; }
.dust i { width:8px;height:8px;transform:rotate(45deg)}.dust i:nth-child(1){left:5px;top:25px}.dust i:nth-child(2){left:24px;top:6px;width:14px;height:14px}.dust i:nth-child(3){right:2px;top:30px;width:5px;height:5px}
.water i { width: 30px; height: 39px; border-radius: 60% 40% 55% 45% / 65% 50% 50% 35%; transform: rotate(45deg); left: 9px; top: 2px; }
.recovery i { width:32px;height:32px;border-radius:50%;border-right-color:transparent}.recovery i:nth-child(2){left:15px;top:12px;border-left-color:transparent}
.energy i { width: 22px; height: 44px; border: 0; background:#178d82; clip-path:polygon(55% 0,100% 0,68% 40%,100% 40%,25% 100%,42% 54%,10% 54%); }

.vision { text-align: center; color: white; background: linear-gradient(120deg,#0c3538,#061b21); padding-top: 150px; padding-bottom: 150px; position: relative; overflow:hidden; }
.vision::before { content:"";position:absolute;width:650px;height:650px;border:1px solid rgba(114,224,209,.13);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 120px rgba(114,224,209,.025),0 0 0 240px rgba(114,224,209,.018)}
.vision > * { position:relative;z-index:2 }
.vision blockquote { font: 500 clamp(36px,4.8vw,70px)/1.15 "Manrope"; letter-spacing:-.045em; max-width:1080px; margin: 30px auto; }
.vision > p:last-child { color:rgba(255,255,255,.53);font-size:14px;line-height:1.8;max-width:610px;margin:35px auto 0; }

.leadership-head { display:grid;grid-template-columns:1fr .55fr;gap:12vw;align-items:end;margin-bottom:85px }
.people { display:grid;grid-template-columns:repeat(3,1fr);gap:26px }
.portrait { height: 370px; background: linear-gradient(145deg,#d8d9d2,#aebbb8); position:relative; overflow:hidden }
.portrait img { width:100%;height:100%;display:block;object-fit:cover;object-position:center 24% }
.person h3 { font:600 18px "Manrope";margin:20px 0 5px }.person p{color:var(--muted);font-size:12px;margin:0}
.leadership-partner {
  margin-top: 72px; padding: 38px 42px; display:grid; grid-template-columns:1.35fr .62fr auto;
  gap:54px; align-items:center; color:white; background:linear-gradient(115deg,#06191e,#0b3438);
  border:1px solid rgba(114,224,209,.18); transition:transform .25s,border-color .25s;
}
.leadership-partner:hover { transform:translateY(-3px);border-color:rgba(114,224,209,.52) }
.leadership-partner > div > span { color:var(--aqua);font-size:9px;text-transform:uppercase;letter-spacing:.17em }
.leadership-partner h3 { font:500 25px/1.3 "Manrope";margin:13px 0 10px;letter-spacing:-.025em }
.leadership-partner p { color:rgba(255,255,255,.54);font-size:13px;line-height:1.7;margin:0;max-width:650px }
.leadership-partner img { width:220px;max-height:88px;object-fit:contain }
.leadership-partner > b { white-space:nowrap;color:var(--aqua);font-size:12px;font-weight:600 }
.leadership-partner > b span { margin-left:8px }

.contact { display:grid;grid-template-columns:.8fr 1fr;gap:10vw;background:var(--deep);color:white }
.contact-copy > p:not(.eyebrow) { color:rgba(255,255,255,.5);line-height:1.8;font-size:14px;max-width:500px;margin-top:30px }
.contact-details { display:grid;gap:10px;margin-top:38px;max-width:560px }
.contact-details > a { color:var(--aqua);font:500 14px "Manrope";width:max-content;max-width:100% }
.contact-details address { color:rgba(255,255,255,.58);font-style:normal;font-size:13px;line-height:1.7;margin-top:12px }
.contact-details address strong { display:block;color:white;font:600 11px "Manrope";text-transform:uppercase;letter-spacing:.1em;margin-bottom:5px }
.contact-form { display:grid;grid-template-columns:1fr 1fr;gap:26px 24px;padding-top:82px;align-self:start }
.contact-form label { display:flex;flex-direction:column;gap:10px }.contact-form label.wide{grid-column:1/-1}
.contact-form label span { font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:rgba(255,255,255,.55) }
.contact-form input,.contact-form select,.contact-form textarea { color:white;background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.25);padding:10px 0 14px;outline:0;border-radius:0 }
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus { border-color:var(--aqua) }
.contact-form input::placeholder,.contact-form textarea::placeholder{color:rgba(255,255,255,.27)}
.contact-form select option{color:var(--ink)}.contact-form .button{justify-self:start;margin-top:8px}
.honeypot { position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important }
.form-status { grid-column:1/-1;color:rgba(255,255,255,.45);font-size:11px;line-height:1.5;margin:0 }
.form-status { font-size:12px;color:var(--aqua);align-self:center;margin:0 }

footer { background:#020c10;color:white;padding:65px 7vw 30px }
.footer-top { display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding-bottom:55px;border-bottom:1px solid rgba(255,255,255,.13) }
.footer-brand { width: 330px; }
.footer-brand img { width: 100%; }
.footer-top > p { color:rgba(255,255,255,.48);font:500 14px "Manrope";text-align:center }
.footer-links { display:flex;gap:24px;justify-content:flex-end;font-size:12px;color:rgba(255,255,255,.6) }
.footer-bottom { display:flex;justify-content:space-between;padding-top:25px;color:rgba(255,255,255,.38);font-size:10px;text-transform:uppercase;letter-spacing:.08em }
.footer-bottom b{font-weight:400}

.legal-page { background:var(--deep);color:white;min-height:100vh }
.legal-header { height:100px;padding:0 7vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.12) }
.legal-header > a:last-child { color:var(--aqua);font-size:12px }
.legal-content { width:min(820px,86vw);margin:0 auto;padding:100px 0 130px }
.legal-content h1 { font:600 clamp(48px,7vw,82px)/1 "Manrope";letter-spacing:-.055em;margin:18px 0 }
.legal-date { color:rgba(255,255,255,.4);font-size:12px;margin-bottom:80px }
.legal-content section { display:grid;grid-template-columns:230px 1fr;gap:55px;padding:32px 0;border-top:1px solid rgba(255,255,255,.13) }
.legal-content h2 { font:600 16px/1.4 "Manrope";margin:0 }
.legal-content section p { color:rgba(255,255,255,.62);font-size:14px;line-height:1.8;margin:0 }
.legal-content section a { color:var(--aqua) }

.reveal { opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease }
.reveal.visible { opacity:1;transform:none }
@keyframes float { 0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-14px) rotate(1deg)} }
@keyframes pulse { 0%,100%{opacity:.25;transform:rotate(45deg) scale(.7)}50%{opacity:1;transform:rotate(45deg) scale(1.2)} }
@keyframes spin { to{transform:translate(-50%,-50%) rotate(360deg)} }
@keyframes sand-fall { 0%{transform:translate3d(0,-20%,0);opacity:0}8%{opacity:.9}88%{opacity:.82}100%{transform:translate3d(var(--drift),590px,0);opacity:0} }
@keyframes mineral-orbit-a { from{transform:rotate(-18deg)}to{transform:rotate(342deg)} }
@keyframes mineral-orbit-b { from{transform:rotate(32deg)}to{transform:rotate(392deg)} }
@keyframes mineral-orbit-c { from{transform:rotate(-48deg)}to{transform:rotate(312deg)} }

@media (max-width: 1000px) {
  .nav { display:none;position:absolute;top:94px;left:0;right:0;background:var(--deep);padding:30px 7vw;flex-direction:column;align-items:flex-start }
  .nav.open { display:flex }.menu-toggle{display:block}
  .hero-content{width:70%}.hero-mineral{right:1vw;width:min(34vw,390px);opacity:var(--material-opacity,1)}.hero-meta{width:70%}
  .process-head{grid-template-columns:1fr 1fr}.process-head .section-label{grid-column:1/-1}.process-summary{align-self:end}
  .process-flow{width:64%}.process-step{grid-template-columns:90px 1fr}.process-step>div:last-child{grid-template-columns:35px 1fr}.process-step p{grid-column:2;margin-top:8px}
  .quality{grid-template-columns:.8fr 1fr;gap:3vw}.quality-visual{transform:scale(.75)}
  .impact-grid{grid-template-columns:1fr 1fr}.impact-grid article:nth-child(2){border-right:0}.people .portrait{height:300px}
}
@media (max-width: 720px) {
  .site-header{height:78px;padding:0 22px}.brand{width:230px}
  .hero{min-height:780px;height:auto;padding:140px 24px 140px}.hero-content{width:100%}.hero-mineral{position:absolute;width:72vw;height:330px;right:-24vw;top:28%;opacity:.34;transform:scale(.78)}
  h1{font-size:48px}.hero-copy{font-size:15px}.hero-actions{align-items:flex-start;flex-direction:column;gap:12px}
  .hero-meta{margin:0;width:100%;height:86px}.hero-meta div{padding:0 9px;gap:6px}.hero-meta div:nth-child(3){display:none}.hero-meta{grid-template-columns:1fr 1fr}.hero-meta p{font-size:9px}
  .section{padding:85px 24px}.section-label{margin-bottom:45px}.intro-grid,.applications-heading,.sustainability-grid,.leadership-head,.contact{grid-template-columns:1fr;gap:38px}
  h2{font-size:42px}.principles{grid-template-columns:1fr 1fr;margin-top:65px}.principles article:nth-child(2){border-right:0}.principles article{padding:24px 18px 20px 0!important}.principles article:nth-child(even){padding-left:18px!important}
  .process-head{grid-template-columns:1fr}.process-head .section-label{grid-column:auto}.process-flow{margin-top:55px;width:100%}.process-step{grid-template-columns:70px 1fr;gap:10px}.process-step>div:last-child{display:block}.process-step h3{margin:6px 0}.step-icon{width:60px;transform:scale(.75)}.partner-note{grid-template-columns:1fr;gap:10px;padding:25px 24px;margin-left:-24px;margin-right:-24px}
  .applications-heading{margin-bottom:50px}.app-item{grid-template-columns:40px 1fr 20px;padding:20px 0}.app-item p{grid-column:2/3}.app-item b{grid-column:3;grid-row:1}
  .quality{grid-template-columns:1fr}.quality-visual{min-height:350px;transform:scale(.7);margin:-65px}.quality-content .section-label{margin-bottom:50px}.capability-grid{grid-template-columns:1fr}
  .impact-grid{grid-template-columns:1fr}.impact-grid article{border-right:0;border-bottom:1px solid var(--line);min-height:auto;padding:28px 0!important}
  .vision{padding:110px 24px}.vision blockquote{font-size:37px}
  .people{grid-template-columns:1fr}.portrait{height:330px!important}
  .leadership-partner{grid-template-columns:1fr;gap:24px;padding:30px 24px;margin-top:50px}.leadership-partner img{width:210px}.leadership-partner> b{white-space:normal}
  .contact-form{grid-template-columns:1fr;padding-top:0}.contact-form label.wide{grid-column:auto}
  .footer-top{grid-template-columns:1fr;gap:35px}.footer-top>p{text-align:left}.footer-links{justify-content:flex-start;flex-wrap:wrap}.footer-bottom{flex-direction:column;gap:12px}
  .legal-header{height:78px;padding:0 24px}.legal-header .brand{width:220px}.legal-header>a:last-child{display:none}
  .legal-content{padding:75px 0 100px}.legal-content section{grid-template-columns:1fr;gap:12px}.legal-date{margin-bottom:55px}
}
@media (prefers-reduced-motion: reduce) {
  html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.mineral-core,.particle,.ring-2{animation:none}
}