:root { --bg:#f1eee7;
--panel:#fbfaf6;
--dark:#070706;
--text:#11110f;
--text-invert:#f7f4ee;
--muted:#625e56;
--line:rgba(17,17,15,.14);
--accent:#b9ae9b;
--edge:#39352c; 
}
* { box-sizing:border-box;
margin:0;
padding:0; 
}
html { scroll-behavior:smooth; 
}
body {background:var(--bg);
color:var(--text);
font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
overflow-x:hidden;
text-shadow:0 1px 3px rgba(0,0,0,.28);
}
body:before {content:"";
position:fixed;
inset:0;
pointer-events:none;
z-index:100;
opacity:.045;
background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
body:after {content:"";
position:fixed;
inset:0;
pointer-events:none;
z-index:1;
opacity:.15;
background:linear-gradient(128deg,transparent 0 18%,rgba(21,21,18,.10) 18.15% 18.35%,transparent 18.5% 100%),linear-gradient(42deg,transparent 0 66%,rgba(21,21,18,.08) 66.15% 66.32%,transparent 66.5% 100%);
}
a {color:inherit;
text-decoration:none;
}
.nav {position:fixed;
top:0;
left:0;
right:0;
width:100%;
height:76px;
z-index:50;
display:flex;
align-items:center;
justify-content:space-between;
padding:0 max(24px,calc((100vw - 1680px)/2 + 32px));
background:linear-gradient(135deg,transparent 0 17%,rgba(255,255,255,.075) 17.1% 17.24%,transparent 17.45%),linear-gradient(58deg,transparent 0 43%,rgba(255,255,255,.055) 43.1% 43.24%,transparent 43.45%),linear-gradient(118deg,transparent 0 69%,rgba(255,255,255,.05) 69.1% 69.24%,transparent 69.45%),linear-gradient(180deg,rgba(8,8,7,.92),rgba(8,8,7,.54));
backdrop-filter:blur(24px) saturate(160%);
border-bottom:1px solid rgba(255,255,255,.10);
box-shadow:0 18px 70px rgba(0,0,0,.18);
overflow:hidden;
}
.nav:before {content:"";
position:absolute;
inset:0;
opacity:.26;
pointer-events:none;
background:linear-gradient(145deg,transparent 0 20%,rgba(255,255,255,.09) 20.12% 20.32%,transparent 20.55%),linear-gradient(88deg,transparent 0 37%,rgba(255,255,255,.055) 37.12% 37.30%,transparent 37.55%),linear-gradient(32deg,transparent 0 76%,rgba(255,255,255,.06) 76.12% 76.32%,transparent 76.55%);
}
.nav:after {content:"";
position:absolute;
left:max(24px,calc((100vw - 1680px)/2 + 32px));
right:max(24px,calc((100vw - 1680px)/2 + 32px));
bottom:0;
height:1px;
background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);
}
.nav>* {position:relative;
z-index:1;
}
.brand {display:flex;
align-items:center;
flex:0 0 auto;
}
.brand img {height:34px;
width:auto;
filter:none;
opacity:.96;
}
.navlinks {display:flex;
align-items:center;
gap:clamp(18px,3vw,42px);
color:rgba(247,244,238,.90);
font-size:12px;
font-weight:900;
text-transform:uppercase;
letter-spacing:.14em;
position:relative;
}
.navlinks:before {content:"";
position:absolute;
left:-34px;
right:-34px;
top:50%;
height:1px;
opacity:.18;
background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);
transform:translateY(-50%);
}
.navlinks a {padding:14px 0;
transition:.22s ease;
position:relative;
color:rgba(247,244,238,.94);
}
.navlinks a:before {content:"";
position:absolute;
left:-18px;
top:50%;
width:8px;
height:8px;
opacity:.46;
transform:translateY(-50%) rotate(45deg);
border:1px solid rgba(255,255,255,.44);
background:rgba(255,255,255,.05);
clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);
}
.navlinks a:first-child:before,.nav-cta:before {display:none;
}
.navlinks a:hover {color:#fff;
}
.navlinks a:hover:after {content:"";
position:absolute;
left:0;
right:0;
bottom:6px;
height:1px;
background:rgba(255,255,255,.58);
}
.nav-cta {color:#080807!important;
background:linear-gradient(135deg,#f7f4ee,#cfc6b7);
padding:13px 18px!important;
box-shadow:0 8px 30px rgba(0,0,0,.28);
}
;
.nav-cta {background:linear-gradient(135deg,#ddd5c7,#a89d89);
color:#060606!important;
box-shadow:0 6px 18px rgba(0,0,0,.18);
}
;
.hero { position:relative;
isolation:isolate;
overflow:hidden;
min-height:100svh;
display:flex;
align-items:flex-end;
padding: 220px max(20px,calc((100vw - 1480px)/2)) 140px;
}
.hero {
  height:100vh;
  background-size: cover;
  background-position: center;
  overflow: hidden;
  padding-bottom: 0;
}
.hero:before { content:"";
position:absolute;
inset:0;
z-index:0;
pointer-events:none;
background: linear-gradient( 90deg, rgba(0,0,0,.86), rgba(0,0,0,.42), rgba(0,0,0,.68) ), url("https://images.unsplash.com/photo-1519389950473-47ba0277781c?auto=format&fit=crop&w=2200&q=80") center/cover;
transform:scale(0.90);
animation:drift 18s ease-in-out infinite alternate;
opacity:.72;
}


.hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 100svh;
  display: flex;
  align-items: flex-end;
  padding: 220px max(20px, calc((100vw - 1480px)/2)) 140px;
  margin-top: 60px; /* neuer Abstand */
  background-size: cover;
  background-position: center;
}

.hero:before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--hero-bg) center/cover no-repeat;
  transform: scale(1.05);
}

.hero:after { position:absolute;
inset:0;
z-index:0;
pointer-events:none;
}
.hero-inner { width:100%;
position:relative;
z-index:2;

color:rgba(255,255,255,.98);
text-shadow:0 1px 3px rgba(0,0,0,.28);

}
.hero-mineral { position:relative;
z-index:2;
}
.hero-mineral {position:absolute;
right:-12vw;
top:-2vh;
width:min(76vw,1280px);
height:min(76vw,1280px);
opacity:.52;
z-index:1;
pointer-events:none;
mix-blend-mode:screen;
filter:drop-shadow(0 0 90px rgba(255,255,255,.12));
}
.hero-mineral svg {width:100%;
height:100%;
}
.hero-mineral .crystal-fill {fill:rgba(255,255,255,.052);
stroke:rgba(255,255,255,.58);
stroke-width:1.15;
}
.hero-mineral .crystal-shade {fill:rgba(255,255,255,.085);
stroke:rgba(255,255,255,.30);
stroke-width:.8;
}
.hero-mineral .crystal-dark {fill:rgba(0,0,0,.30);
stroke:rgba(255,255,255,.22);
stroke-width:.8;
}
.hero-mineral .crystal-line {fill:none;
stroke:rgba(255,255,255,.42);
stroke-width:.9;
}
.hero-mineral .crystal-line-soft {fill:none;
stroke:rgba(255,255,255,.22);
stroke-width:.6;
}
.hero-mineral .crystal-edge {fill:none;
stroke:rgba(255,255,255,.62);
stroke-width:.45;
stroke-dasharray:5 9;
}
.hero-mineral .crystal-hairline {fill:none;
stroke:rgba(255,255,255,.12);
stroke-width:.38;
}
@keyframes drift {from {transform:scale(1.05);
}
to {transform:scale(1.1) translate3d(-24px,16px,0);
}
}
.eyebrow {display:inline-flex;
width:fit-content;
gap:12px;
align-items:center;
font-size:12px;
font-weight:950;
letter-spacing:.14em;
text-transform:uppercase;
color:inherit;
padding:0 0 12px;

color:rgba(255,255,255,.98);
text-shadow:0 1px 3px rgba(0,0,0,.28);

}
.eyebrow>span:first-child {display:none;
}
.eyebrow-icon {width:26px;
height:26px;
display:inline-flex;
align-items:center;
justify-content:center;
opacity:.96;
flex:0 0 auto;
}
.eyebrow-icon svg {width:100%;
height:100%;
overflow:visible;
}
.eyebrow-icon polygon,.eyebrow-icon path,.eyebrow-icon polyline,.eyebrow-icon line {stroke:currentColor;
fill:rgba(255,255,255,.055);
stroke-width:1.35;
vector-effect:non-scaling-stroke;
}
.eyebrow-icon .facet-soft {opacity:.48;
}
.eyebrow-icon .facet-strong {opacity:.92;
}
.dark-label .eyebrow-icon polygon,.dark-label .eyebrow-icon path,.dark-label .eyebrow-icon polyline,.dark-label .eyebrow-icon line,.contact-eyebrow .eyebrow-icon polygon,.contact-eyebrow .eyebrow-icon path,.contact-eyebrow .eyebrow-icon polyline,.contact-eyebrow .eyebrow-icon line {fill:rgba(17,17,15,.045);
}
h1 {font-size:clamp(62px,13.8vw,178px);
line-height:.78;
letter-spacing:-.09em;
max-width:1240px;
text-transform:uppercase;
font-weight:950;
}
.hero-bottom {margin-top:14px;
display:grid;
grid-template-columns:1.2fr .8fr;
gap:clamp(34px,4vw,62px);
align-items:end;
border-top:1px solid rgba(255,255,255,.22);
padding-top:30px;
}
.subline {font-size:clamp(20px,2.2vw,36px);
line-height:1.02;
letter-spacing:-.04em;
max-width:780px;
font-weight:800;
color:rgba(247,244,238,.96);
text-shadow:0 1px 4px rgba(0,0,0,.28);
}
.hero-proof {display:block;
max-width:760px;
color:rgba(255,255,255,.98);
padding:10px 0 0;
text-shadow:0 1px 3px rgba(0,0,0,.28);
}
.hero-proof p {color:rgba(244,240,232,.98);
font-size:clamp(17px,1.35vw,20px);
line-height:1.55;
max-width:620px;
font-weight:650;
}
.button-row {display:flex;
flex-wrap:wrap;
gap:12px;
margin-top:24px;
}
.btn {display:inline-flex;
justify-content:center;
align-items:center;
min-height:54px;
padding:0 22px;
font-weight:900;
text-transform:uppercase;
letter-spacing:.06em;
font-size:12px;
border:1px solid rgba(255,255,255,.34);
background:linear-gradient(135deg,#e6dfd2,#b7ac98);
color:#050505;
transition:.25s ease;
cursor:pointer;
}
.btn:hover {transform:translateY(-3px);
}
.btn.secondary {background:linear-gradient(135deg,rgba(10,10,9,.92),rgba(34,32,28,.92));
color:#f7f4ee;
border-color:rgba(255,255,255,.16);
backdrop-filter:blur(10px);
box-shadow:0 16px 40px rgba(0,0,0,.38);
}
.ticker { position:relative;
z-index:5;
overflow:hidden;
border-top:1px solid var(--line);
border-bottom:1px solid var(--line);
background:var(--bg);
width:100%;
margin-top:0;
position:relative;
z-index:5;
background:var(--bg);
}
.ticker-track { display:flex;
align-items:center;
gap:56px;
width:max-content;
padding:18px 0;
animation:ticker 28s linear infinite;
will-change:transform;
}
.ticker-track span { flex:0 0 auto;
font-size:clamp(28px,5vw,72px);
font-weight:950;
letter-spacing:-.06em;
text-transform:uppercase;
line-height:1;
}
@keyframes ticker { from { transform:translate3d(0,0,0);
}
to { transform:translate3d(-50%,0,0);
}
}
.section { 
padding: clamp(42px,4vw,150px) 0;
/* padding:clamp(72px,10vw,150px) 0;  */
}
.grid-two {display:grid;
grid-template-columns:1fr;
gap:clamp(36px,6vw,78px);
min-height:auto;
align-items:stretch;
}
.statement-panel { padding: clamp(42px,5vw,76px) max(20px,calc((100vw - 1480px)/2));
display:flex;
flex-direction:column;
justify-content:flex-start;
gap:clamp(34px,4vw,58px);
min-height:420px;
position:relative;
overflow:hidden;
width:100%;
max-width:none;
margin:0;
}
.statement-panel:before {content:"";
position:absolute;
right:-100px;
top:10px;
width:390px;
height:390px;
opacity:.30;
pointer-events:none;
clip-path:polygon(52% 0,88% 19%,100% 58%,74% 100%,28% 90%,0 38%);
background:linear-gradient(135deg,transparent 0 28%,rgba(17,17,15,.22) 28.2% 28.55%,transparent 28.8%),linear-gradient(88deg,transparent 0 42%,rgba(17,17,15,.16) 42.2% 42.55%,transparent 42.8%),linear-gradient(55deg,transparent 0 58%,rgba(17,17,15,.15) 58.2% 58.5%,transparent 58.8%),linear-gradient(105deg,transparent 0 73%,rgba(17,17,15,.13) 73.2% 73.5%,transparent 73.8%);
}
.statement-panel>* {position:relative;
z-index:1;
}
.statement-panel h2 {font-size:clamp(46px,8.5vw,130px);
line-height:.82;
letter-spacing:-.08em;
text-transform:uppercase;
font-weight:950;
margin-top:4px;
margin-bottom:2px;
}
.copy {color:var(--muted);
font-size:15px;
line-height:1.62;
max-width:520px;
margin-top:10px;
}
.statement-copy {margin-top:8px;
color:var(--muted);
font-size:clamp(18px,1.6vw,24px);
line-height:1.28;
letter-spacing:-.035em;
max-width:680px;
font-weight:760;
}
.statement-extension {margin-top:clamp(18px,2.5vw,34px);
max-width:760px;
}
.statement-extension p { max-width:760px;
line-height:1.72;
}
.statement-divider {width:82px;
height:1px;
background:linear-gradient(90deg,rgba(17,17,15,.72),transparent);
margin-bottom:22px;
}
.statement-extension p {color:#4f4a42;
font-size:clamp(16px,1.22vw,20px);
line-height:1.58;
letter-spacing:-.018em;
max-width:860px;
font-weight:560;
}
.visual-card {min-height:clamp(520px,72vh,820px);
background:linear-gradient(180deg,rgba(0,0,0,.22) 0%,rgba(0,0,0,.22) 34%,rgba(0,0,0,.82) 100%),url("https://images.unsplash.com/photo-1516321165247-4aa89a48be28?auto=format&fit=crop&w=2200&q=82") center/cover;
overflow:hidden;
display:flex;
align-items:flex-end;
padding:clamp(34px,6vw,86px) max(20px,calc((100vw - 1480px)/2));
position:relative;
width:100vw;
margin-left:calc(50% - 50vw);
}
.visual-card:before {content:"";
position:absolute;
inset:0;
background:linear-gradient(140deg,transparent 0 22%,rgba(255,255,255,.14) 22.1% 22.45%,transparent 22.7%),linear-gradient(116deg,transparent 0 36%,rgba(255,255,255,.13) 36.15% 36.5%,transparent 36.75%),linear-gradient(72deg,transparent 0 49%,rgba(255,255,255,.11) 49.15% 49.48%,transparent 49.75%);
mix-blend-mode:screen;
opacity:.72;
}
.visual-card:after {content:"";
position:absolute;
inset:0;
background:linear-gradient(180deg,rgba(0,0,0,.24) 0%,transparent 30%,rgba(0,0,0,.84) 100%),linear-gradient(90deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.38) 42%,transparent 72%);
pointer-events:none;
}
.visual-card strong {color:#fff;
text-shadow:0 16px 64px rgba(0,0,0,.84),0 2px 4px rgba(0,0,0,.62);
font-size:clamp(42px,7vw,118px);
line-height:.82;
letter-spacing:-.08em;
text-transform:uppercase;
max-width:1040px;
padding-bottom:10px;
position:relative;
z-index:1;
}
.visual-card-tech {background-image:linear-gradient(180deg,rgba(0,0,0,.24) 0%,rgba(0,0,0,.30) 42%,rgba(0,0,0,.84) 100%),url("https://images.unsplash.com/photo-1522071820081-009f0129c71c?auto=format&fit=crop&w=2200&q=82");
}
.symbol-band {margin-top:clamp(62px,8vw,110px);
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:clamp(18px,2vw,28px);
align-items:stretch;
max-width:1480px;
margin-left:auto;
margin-right:auto;
position:relative;
}
.symbol-band:before {content:"";
position:absolute;
left:8%;
right:8%;
top:50%;
height:1px;
background:linear-gradient(90deg,transparent,rgba(17,17,15,.14),transparent);
z-index:0;
}
.symbol-card {background:linear-gradient(180deg,rgba(251,250,246,.92),rgba(241,238,231,.72));
padding:clamp(28px,3vw,42px);
min-height:340px;
display:grid;
grid-template-rows:auto 1fr;
gap:26px;
position:relative;
overflow:hidden;
border:1px solid rgba(17,17,15,.08);
backdrop-filter:blur(14px) saturate(120%);
box-shadow:0 24px 60px rgba(17,17,15,.05);
z-index:1;
}
.symbol-card:before {content:"";
position:absolute;
inset:0;
opacity:.32;
background:linear-gradient(138deg,transparent 0 38%,rgba(17,17,15,.12) 38.15% 38.45%,transparent 38.8%),radial-gradient(circle at 82% 14%,rgba(185,174,155,.18),transparent 26%);
pointer-events:none;
}
.symbol-card:after {content:"";
position:absolute;
right:-54px;
bottom:-54px;
width:180px;
height:180px;
opacity:.18;
clip-path:polygon(50% 0,92% 18%,100% 58%,72% 100%,24% 90%,0 38%);
background:linear-gradient(135deg,transparent 0 42%,rgba(17,17,15,.36) 42.2% 42.6%,transparent 43%),linear-gradient(115deg,rgba(17,17,15,.12),transparent 58%);
}
.symbol-top {display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
}
.symbol-index {font-size:12px;
font-weight:900;
letter-spacing:.16em;
text-transform:uppercase;
color:rgba(17,17,15,.34);
}
.symbol-card svg {width:72px;
height:72px;
color:var(--text);
flex:0 0 auto;
}
.symbol-card svg polygon,.symbol-card svg polyline,.symbol-card svg line,.symbol-card svg path {stroke:currentColor;
fill:rgba(17,17,15,.028);
stroke-width:1.15;
vector-effect:non-scaling-stroke;
}
.symbol-card h3 {font-size:clamp(38px,5vw,72px);
line-height:.84;
letter-spacing:-.075em;
text-transform:uppercase;
font-weight:950;
max-width:320px;
}
.symbol-card p { color:#504b43;
line-height:1.58;
max-width:320px;
margin-top:20px;
font-size:15px;
font-weight:540;
}
.substance-crystal svg {transform:rotate(-6deg) scale(1.02);
}
.leverage-crystal svg {transform:rotate(7deg) scale(.98);
}
.edge-crystal svg {transform:rotate(-11deg) scale(1.04);
}
.big-type { border-top: 1px solid rgba(17,17,15,.06);
border-bottom: 1px solid rgba(17,17,15,.06);
padding: clamp(90px, 11vw, 170px) max(20px, calc((100vw - 1480px) / 2));
background: linear-gradient(180deg, #fbfaf6 0%, #eee9df 100%);
color: #050505;
position: relative;
overflow: hidden;
}
.big-type:after {content:"";
position:absolute;
right:-120px;
top:18%;
width:460px;
height:460px;
background:linear-gradient(138deg,transparent 0 45%,rgba(17,17,15,.13) 45.2% 45.55%,transparent 45.8%),linear-gradient(42deg,transparent 0 58%,rgba(17,17,15,.10) 58.2% 58.55%,transparent 58.8%);
clip-path:polygon(48% 0,92% 18%,100% 61%,72% 100%,24% 91%,0 42%);
opacity:.30;
}
.big-type h2 {font-size:clamp(58px,14vw,190px);
line-height:.78;
letter-spacing:-.1em;
text-transform:uppercase;
font-weight:950;
max-width:1480px;
}
.big-type p {margin-top:30px;
max-width:740px;
font-size:clamp(19px,2.4vw,34px);
line-height:1.05;
letter-spacing:-.04em;
font-weight:800;
}
.contact {padding:clamp(110px,12vw,190px) 20px 0;
background:#f7f4ee;
border-top:1px solid rgba(17,17,15,.08);
position:relative;
overflow:hidden;
}
.contact:before {content:"";
position:absolute;
right:-180px;
top:70px;
width:620px;
height:620px;
opacity:.13;
pointer-events:none;
clip-path:polygon(48% 0,94% 18%,100% 62%,68% 100%,18% 84%,0 34%);
background:linear-gradient(128deg,transparent 0 32%,rgba(17,17,15,.20) 32.15% 32.5%,transparent 32.8%);
}
.contact>* {position:relative;
z-index:1;
}
/* .contact-wrap{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:clamp(52px,8vw,132px);align-items:start;max-width:1480px;margin:0 auto;padding-bottom:clamp(64px,9vw,120px)} */ .contact-wrap { display: grid;
grid-template-columns: minmax(0, .9fr) minmax(460px, 1.1fr);
gap:clamp(72px,9vw,160px);
align-items: start;
max-width: 1480px;
margin: 0 auto;
padding-bottom: clamp(64px, 9vw, 120px);
}
/* .contact h2{font-size:clamp(58px,12vw,170px);line-height:.78;letter-spacing:-.09em;text-transform:uppercase;font-weight:950;max-width:1120px} */ .contact h2 { font-size: clamp(54px, 9.4vw, 138px);
line-height: .82;
letter-spacing: -.09em;
text-transform: uppercase;
font-weight: 950;
max-width: 900px;
overflow-wrap: normal;
}
.contact-left { min-width:0;
}
.contact-actions { display:grid;
grid-template-columns:1fr;
margin-top:0;
border-top:1px solid rgba(17,17,15,.22);
}
.contact-form-wrap { border-top:none;
padding-top:0;
}
.contact-right .contact-actions { display:grid;
grid-template-columns:1fr;
gap:22px;
margin-top:0;
margin-bottom:42px;
padding:30px 0;
}
.contact-right .contact-action { display:flex;
flex-direction:column;
gap:8px;
padding:0;
border-bottom:none;
}
.contact-right .contact-action small { color:var(--muted);
font-size:11px;
font-weight:950;
text-transform:uppercase;
letter-spacing:.13em;
line-height:1;
}
.contact-right .contact-action a, .contact-right .contact-action span { font-size:clamp(24px,2vw,34px);
line-height:.95;
letter-spacing:-.055em;
font-weight:950;
}
.contact-lead {margin-top:34px;
max-width:620px;
color:#555046;
font-size:clamp(18px,2vw,30px);
line-height:1.08;
letter-spacing:-.04em;
font-weight:760;
}
.contact-actions {display:grid;
grid-template-columns:1fr;
margin-top:clamp(38px,5vw,72px);
border-top:1px solid rgba(17,17,15,.22);
}
/* .contact-action{display:grid;grid-template-columns:120px 1fr;gap:24px;padding:24px 0;border-bottom:1px solid rgba(17,17,15,.16)} */ .contact-actions { display:grid;
grid-template-columns:1fr;
border-top:1px solid rgba(17,17,15,.22);
}
.contact-action small {color:var(--muted);
font-size:11px;
font-weight:950;
text-transform:uppercase;
letter-spacing:.13em;
}
.contact-action a,.contact-action span {font-size:clamp(18px,2vw,30px);
line-height:1.05;
letter-spacing:-.045em;
font-weight:900;
}
.dark-label,.contact-eyebrow {color:var(--text);
}
.dark-label>span:first-child,.contact-eyebrow>span:first-child {display:none;
}
/* .contact-form-wrap{display:grid;grid-template-columns:minmax(0,160px) minmax(0,1fr);gap:clamp(28px,4vw,58px);border-top:2px solid rgba(17,17,15,.90);padding-top:22px} */ /* .contact-form-wrap { display: grid; grid-template-columns: minmax(0, 160px) minmax(0, 1fr); gap: clamp(28px, 4vw, 58px); border-top: 2px solid rgba(17,17,15,.90); padding-top: 22px; margin-top: 42px; } */ .contact-form-wrap { display:block;
border-top:2px solid rgba(17,17,15,.90);
padding-top:32px;
}
.form-kicker {color:var(--muted);
font-size:11px;
font-weight:950;
text-transform:uppercase;
letter-spacing:.14em;
line-height:1.35;
}
.contact-form,form {display:grid;
gap:0;
min-width:0;
width:100%;
}
input,textarea {width:100%;
min-width:0;
background:transparent;
border:0;
border-bottom:1px solid rgba(17,17,15,.24);
color:var(--text);
padding:24px 2px;
font:inherit;
outline:none;
font-size:17px;
}
textarea {min-height:130px;
resize:vertical;
}
.hidden-field {display:none;
}
.form-note {font-size:12px;
color:var(--muted);
line-height:1.45;
margin:18px 0 20px;
max-width:620px;
}
.form-status {margin-bottom:18px;
padding:14px 16px;
font-size:14px;
font-weight:700;
}
.form-status.success {background:rgba(46,125,50,.10);
color:#235d27;
}
.form-status.error {background:rgba(160,40,40,.10);
color:#7f1d1d;
}
.contact-location {background:#0b0b09;
color:#fff;
margin-left:calc(50% - 50vw);
width:100vw;
padding:clamp(54px,7vw,96px) max(20px,calc((100vw - 1480px)/2));
position:relative;
overflow:hidden;
}
.contact-location:before {content:"";
position:absolute;
inset:0;
opacity:.28;
background:linear-gradient(135deg,transparent 0 18%,rgba(255,255,255,.08) 18.2% 18.55%,transparent 19%),radial-gradient(circle at 82% 14%,rgba(210,200,184,.14),transparent 28%);
}
.location-grid {position:relative;
z-index:1;
display:grid;
grid-template-columns:.72fr 1.28fr;
gap:clamp(36px,6vw,90px);
align-items:stretch;
}
.location-copy {display:flex;
flex-direction:column;
justify-content:space-between;
min-height:470px;
}
.location-copy h3 {font-size:clamp(48px,8vw,128px);
line-height:.78;
letter-spacing:-.08em;
text-transform:uppercase;
font-weight:950;
}
.location-copy p {color:rgba(255,255,255,.70);
max-width:480px;
line-height:1.5;
margin-top:24px;
}
.location-meta {display:grid;
margin-top:42px;
border-top:1px solid rgba(255,255,255,.18);
}
.location-meta div {padding:18px 0;
border-bottom:1px solid rgba(255,255,255,.14);
}
.location-meta small {display:block;
color:rgba(255,255,255,.42);
font-size:11px;
font-weight:950;
text-transform:uppercase;
letter-spacing:.13em;
margin-bottom:8px;
}
.location-meta span,.location-meta a {color:rgba(255,255,255,.90);
font-size:18px;
font-weight:800;
letter-spacing:-.03em;
}
.map-card {min-height:470px;
overflow:hidden;
background:linear-gradient(135deg,#11110f,#3b372f);
color:#fff;
display:grid;
place-items:center;
text-align:center;
padding:34px;
position:relative;
box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);
}
.map-card:before {content:"";
position:absolute;
inset:0;
background:linear-gradient(135deg,transparent 0 18%,rgba(255,255,255,.08) 18.2% 18.55%,transparent 19%),linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.44));
}
.map-placeholder {position:relative;
z-index:1;
}
.map-card iframe {width:100%;
height:470px;
border:0;
display:none;
}
.map-card.loaded {padding:0;
}
.map-card.loaded .map-placeholder {display:none;
}
.map-card.loaded iframe {display:block;
}
.map-placeholder h3 {font-size:clamp(38px,7vw,92px);
line-height:.86;
letter-spacing:-.07em;
text-transform:uppercase;
margin-bottom:22px;
text-shadow:0 12px 44px rgba(0,0,0,.62);
}
.map-placeholder p {color:rgba(255,255,255,.82);
max-width:620px;
margin:0 auto 22px;
line-height:1.55;
}
.site-footer {background:#080807;
color:var(--text-invert);
padding:clamp(70px,9vw,130px) 28px 34px;
position:relative;
overflow:hidden;
border-top:1px solid rgba(255,255,255,.10);
}
.site-footer:before {content:"";
position:absolute;
inset:0;
opacity:.30;
background:linear-gradient(128deg,transparent 0 30%,rgba(255,255,255,.10) 30.15% 30.45%,transparent 30.7%),radial-gradient(circle at 82% 12%,rgba(210,200,184,.14),transparent 26%);
}
.footer-main {position:relative;
z-index:1;
display:grid;
grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);
gap:clamp(46px,8vw,120px);
align-items:start;
max-width:1480px;
margin:0 auto;
border-bottom:1px solid rgba(255,255,255,.16);
padding-bottom:clamp(48px,7vw,90px);
}
.footer-brandmark {display:flex;
align-items:center;
gap:16px;
margin-bottom:28px;
}
.footer-brandmark img {height:38px;
opacity:.92;
}
.footer-brandmark:after {content:"";
width:18px;
height:18px;
margin-left:6px;
opacity:.72;
clip-path:polygon(50% 0%,88% 18%,100% 58%,72% 100%,24% 90%,0 38%);
background:linear-gradient(135deg,rgba(255,255,255,.34),rgba(255,255,255,.06));
box-shadow:inset 0 0 0 1px rgba(255,255,255,.32),0 0 18px rgba(255,255,255,.08);
}
.footer-headline {font-size:clamp(48px,6.2vw,96px);
line-height:.82;
letter-spacing:-.09em;
text-transform:uppercase;
font-weight:950;
max-width:760px;
}
.footer-copy {margin-top:28px;
color:rgba(247,244,238,.68);
max-width:620px;
font-size:clamp(17px,1.55vw,24px);
line-height:1.18;
letter-spacing:-.035em;
font-weight:750;
}
.footer-columns {display:grid;
grid-template-columns:minmax(260px,1.35fr) minmax(140px,.8fr) minmax(140px,.8fr);
gap:clamp(28px,3vw,46px);
padding-top:10px;
}
.footer-col h4 {color:rgba(247,244,238,.44);
font-size:11px;
text-transform:uppercase;
letter-spacing:.14em;
margin-bottom:18px;
font-weight:950;
}
.footer-col a,.footer-col span {display:block;
color:rgba(247,244,238,.74);
font-size:15px;
line-height:1.45;
margin-bottom:10px;
transition:.2s ease;
word-break:normal;
overflow-wrap:normal;
white-space:nowrap;
}
.footer-col span {white-space:normal;
}
.footer-contact-item { display: block !important;
margin-bottom: 20px !important;
white-space: normal !important;
}
.footer-contact-item small {display:block;
color:rgba(247,244,238,.42);
font-size:10px;
line-height:1;
text-transform:uppercase;
letter-spacing:.13em;
font-weight:950;
margin-bottom:6px;
}
.footer-mini-icon {width:22px;
height:22px;
display:inline-flex!important;
position:relative;
overflow:hidden;
}
.crystal-mini {clip-path:polygon(50% 0,92% 20%,100% 58%,70% 100%,20% 88%,0 36%);
background:linear-gradient(135deg,transparent 0 44%,rgba(247,244,238,.82) 44.2% 46%,transparent 46.4%),linear-gradient(48deg,transparent 0 62%,rgba(247,244,238,.56) 62.2% 64%,transparent 64.4%),linear-gradient(145deg,rgba(247,244,238,.18),rgba(247,244,238,.04));
box-shadow:inset 0 0 0 1px rgba(247,244,238,.28);
}
.crystal-mini-alt {transform:rotate(11deg);
clip-path:polygon(44% 0,100% 28%,86% 90%,26% 100%,0 42%);
}
.crystal-mini-edge {transform:rotate(-8deg);
clip-path:polygon(52% 0,94% 18%,100% 70%,56% 100%,8% 76%,0 28%);
}
.footer-col a:hover {color:#fff;
transform:translateX(4px);
}
.footer-bottom {position:relative;
z-index:1;
max-width:1480px;
margin:0 auto;
padding-top:24px;
color:rgba(247,244,238,.46);
font-size:12px;
line-height:1.5;
}
.modal {position:fixed;
inset:0;
z-index:200;
display:none;
padding:24px;
background:rgba(0,0,0,.46);
backdrop-filter:blur(10px);
}
.modal:target {display:grid;
place-items:center;
}
.modal-box {width:min(980px,100%);
max-height:86vh;
overflow:auto;
background:#fbfaf6;
color:var(--text);
padding:clamp(28px,4vw,56px);
box-shadow:0 30px 100px rgba(0,0,0,.25);
}
.modal-top {display:flex;
justify-content:space-between;
gap:20px;
align-items:start;
margin-bottom:28px;
}
.modal h2 {font-size:clamp(36px,7vw,88px);
line-height:.82;
letter-spacing:-.07em;
text-transform:uppercase;
}
.modal h3 {margin:30px 0 10px;
font-size:22px;
letter-spacing:-.03em;
}
.modal p,.modal li {color:#464238;
line-height:1.55;
margin-bottom:10px;
}
.close {display:inline-flex;
min-width:44px;
height:44px;
align-items:center;
justify-content:center;
background:#11110f;
color:#fff;
font-weight:900;
}

.projects-section{
    position:relative;
    padding:
        clamp(120px,12vw,180px)
        max(20px,calc((100vw - 1480px)/2))
        clamp(90px,10vw,140px);
    overflow:hidden;
}

.projects-section:before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    opacity:.08;
    background:
        linear-gradient(
            135deg,
            transparent 0 24%,
            rgba(17,17,15,.16) 24.15% 24.35%,
            transparent 24.6%
        ),
        linear-gradient(
            42deg,
            transparent 0 68%,
            rgba(17,17,15,.10) 68.15% 68.3%,
            transparent 68.5%
        );
}

.projects-intro{
    position:relative;
    z-index:1;
    max-width:980px;
    margin-bottom:clamp(52px,6vw,86px);
}

.projects-intro h1{
    font-size:clamp(58px,10vw,148px);
    line-height:.8;
    letter-spacing:-.09em;
    text-transform:uppercase;
    font-weight:950;
    margin-bottom:26px;
}

.projects-intro p{
    max-width:920px;
    font-size:clamp(20px,2vw,34px);
    line-height:1.05;
    letter-spacing:-.045em;
    font-weight:760;
    color:#4f4a42;
}

.projects-grid{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:clamp(24px,2.5vw,36px);
}

.project-card{
    position:relative;
    overflow:hidden;
    min-height:540px;
    padding:38px;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.72),
            rgba(247,244,238,.88)
        );

    border:1px solid rgba(17,17,15,.08);

    backdrop-filter:blur(12px);

    box-shadow:
        0 24px 70px rgba(17,17,15,.06);

    transition:
        transform .22s ease,
        box-shadow .22s ease;
    min-width:0;
    padding:34px;
}

.project-card:hover{
    transform:translateY(-6px);

    box-shadow:
        0 34px 90px rgba(17,17,15,.10);
}

.project-card:before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    opacity:.24;

    background:
        linear-gradient(
            138deg,
            transparent 0 36%,
            rgba(17,17,15,.10) 36.15% 36.32%,
            transparent 36.55%
        ),
        radial-gradient(
            circle at 82% 14%,
            rgba(185,174,155,.18),
            transparent 24%
        );
}

.project-card > *{
    position:relative;
    z-index:1;
}

.project-logo-wrap{
    position:relative;
    width:100%;
    height:86px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:34px;
    overflow:hidden;
    border:0;
    background:transparent !important;
    box-shadow:none;
}

.project-logo-wrap:before{
    display:none !important;
}

.project-logo{
    display:block;
    max-width:72%;
    max-height:46px;
    width:auto;
    height:auto;
    object-fit:contain;
    filter:grayscale(1) saturate(0) contrast(.85) brightness(.72) opacity(.46);
    mix-blend-mode:multiply;
}

.project-card h2{

    font-size:clamp(30px,2.45vw,38px);

    line-height:.92;

    letter-spacing:-.07em;

    text-transform:uppercase;

    font-weight:950;

    margin-bottom:34px;

    max-width:100%;

    white-space:normal;

    overflow:visible;

    text-overflow:unset;

    word-break:normal;

    overflow-wrap:normal;

}

.project-type{
    display:block;

    margin-bottom:18px;

    color:rgba(17,17,15,.48);

    font-size:11px;
    font-weight:950;

    text-transform:uppercase;
    letter-spacing:.16em;
}

.project-card p{
    color:#4f4a42;

    font-size:clamp(16px,1.15vw,19px);

    line-height:1.62;

    font-weight:560;

    max-width:420px;
}

@media(max-width:1180px){

    .projects-grid{
        grid-template-columns:1fr;
    }

    .project-card{
        min-height:auto;
    }

    .project-card h2{
        font-size:clamp(30px,5vw,44px);
        white-space:normal;
    }

    .project-logo{
        max-width:62%;
    }
}

@media(max-width:640px){

    .projects-section{
        padding:
            120px
            20px
            90px;
    }

    .projects-intro h1{
        font-size:clamp(54px,18vw,88px);
    }

    .projects-intro p{
        font-size:18px;
        line-height:1.2;
    }

    .project-card{
        padding:28px;
    }

    .project-logo-wrap{
        height:82px;
    }

    .project-logo{
        max-width:74%;
        max-height:44px;
    }
}

@media(max-width:1180px) {.contact-wrap,.contact-form-wrap {grid-template-columns:1fr;
}
.form-kicker {display:none;
}
.footer-main {grid-template-columns:1fr;
}
.footer-headline {font-size:clamp(48px,11vw,96px);
max-width:860px;
}
.footer-columns {grid-template-columns:repeat(3,minmax(0,1fr));
}
}
@media(max-width:900px) {.nav {height:auto;
min-height:72px;
padding:14px 18px;
flex-wrap:wrap;
gap:12px;
}
.navlinks {width:100%;
justify-content:space-between;
gap:10px;
font-size:10px;
letter-spacing:.10em;
}
.navlinks:before {display:none;
}
.navlinks a:before {width:6px;
height:6px;
left:-10px;
}
.brand img {height:26px;
}
.hero-proof {grid-template-columns:1fr;
gap:8px;
}
.hero-bottom,.grid-two, .contact-wrap,.location-grid,.contact-form-wrap {grid-template-columns:1fr;
}
.contact-right .contact-action { grid-template-columns:1fr;
gap:8px;
padding:14px 0;
}
.contact-right .contact-action a, .contact-right .contact-action span { font-size:24px;
line-height:1;
}
.symbol-band {grid-template-columns:1fr;
gap:16px;
margin-top:34px;
}
.symbol-band:before {display:none;
}
.symbol-card {min-height:180px;
padding:28px;
}
.symbol-card svg {width:38px;
height:38px;
margin-bottom:20px;
}
.eyebrow {gap:9px;
font-size:10px;
letter-spacing:.11em;
}
.eyebrow-icon {width:18px;
height:18px;
}
.visual-card {min-height:62vh;
padding:34px 20px;
}
.statement-copy {font-size:18px;
line-height:1.28;
}
.footer-main {grid-template-columns:1fr;
}
.footer-columns {grid-template-columns:1fr;
gap:26px;
}
.footer-col a,.footer-col span {white-space:normal;
overflow-wrap:anywhere;
}
}
@media(max-width:480px) {.contact {padding-left:14px;
padding-right:14px;
}
.contact h2 {font-size:clamp(48px,17vw,78px);
}
input,textarea {font-size:16px;
padding:20px 0;
}
.btn {width:100%;
padding-left:14px;
padding-right:14px;
text-align:center;
}
.g-recaptcha {transform:scale(.78);
transform-origin:left top;
}
}:root { --bg:#f1eee7;
--panel:#fbfaf6;
--dark:#070706;
--text:#11110f;
--text-invert:#f7f4ee;
--muted:#625e56;
--line:rgba(17,17,15,.14);
--accent:#b9ae9b;
--edge:#39352c; 
}
* { box-sizing:border-box;
margin:0;
padding:0; 
}
html { scroll-behavior:smooth; 
}
body {background:var(--bg);
color:var(--text);
font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
overflow-x:hidden;
}
body:before {content:"";
position:fixed;
inset:0;
pointer-events:none;
z-index:100;
opacity:.045;
background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
body:after {content:"";
position:fixed;
inset:0;
pointer-events:none;
z-index:1;
opacity:.15;
background:linear-gradient(128deg,transparent 0 18%,rgba(21,21,18,.10) 18.15% 18.35%,transparent 18.5% 100%),linear-gradient(42deg,transparent 0 66%,rgba(21,21,18,.08) 66.15% 66.32%,transparent 66.5% 100%);
}
a {color:inherit;
text-decoration:none;
}
.nav {position:fixed;
top:0;
left:0;
right:0;
width:100%;
height:76px;
z-index:50;
display:flex;
align-items:center;
justify-content:space-between;
padding:0 max(24px,calc((100vw - 1680px)/2 + 32px));
background:linear-gradient(135deg,transparent 0 17%,rgba(255,255,255,.075) 17.1% 17.24%,transparent 17.45%),linear-gradient(58deg,transparent 0 43%,rgba(255,255,255,.055) 43.1% 43.24%,transparent 43.45%),linear-gradient(118deg,transparent 0 69%,rgba(255,255,255,.05) 69.1% 69.24%,transparent 69.45%),linear-gradient(180deg,rgba(8,8,7,.92),rgba(8,8,7,.54));
backdrop-filter:blur(24px) saturate(160%);
border-bottom:1px solid rgba(255,255,255,.10);
box-shadow:0 18px 70px rgba(0,0,0,.18);
overflow:hidden;
}
.nav:before {content:"";
position:absolute;
inset:0;
opacity:.26;
pointer-events:none;
background:linear-gradient(145deg,transparent 0 20%,rgba(255,255,255,.09) 20.12% 20.32%,transparent 20.55%),linear-gradient(88deg,transparent 0 37%,rgba(255,255,255,.055) 37.12% 37.30%,transparent 37.55%),linear-gradient(32deg,transparent 0 76%,rgba(255,255,255,.06) 76.12% 76.32%,transparent 76.55%);
}
.nav:after {content:"";
position:absolute;
left:max(24px,calc((100vw - 1680px)/2 + 32px));
right:max(24px,calc((100vw - 1680px)/2 + 32px));
bottom:0;
height:1px;
background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);
}
.nav>* {position:relative;
z-index:1;
}
.brand {display:flex;
align-items:center;
flex:0 0 auto;
}
.brand img {height:34px;
width:auto;
filter:none;
opacity:.96;
}
.navlinks {display:flex;
align-items:center;
gap:clamp(18px,3vw,42px);
color:rgba(247,244,238,.90);
font-size:12px;
font-weight:900;
text-transform:uppercase;
letter-spacing:.14em;
position:relative;
}
.navlinks:before {content:"";
position:absolute;
left:-34px;
right:-34px;
top:50%;
height:1px;
opacity:.18;
background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);
transform:translateY(-50%);
}
.navlinks a {padding:14px 0;
transition:.22s ease;
position:relative;
color:rgba(247,244,238,.94);
}
.navlinks a:before {content:"";
position:absolute;
left:-18px;
top:50%;
width:8px;
height:8px;
opacity:.46;
transform:translateY(-50%) rotate(45deg);
border:1px solid rgba(255,255,255,.44);
background:rgba(255,255,255,.05);
clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);
}
.navlinks a:first-child:before,.nav-cta:before {display:none;
}
.navlinks a:hover {color:#fff;
}
.navlinks a:hover:after {content:"";
position:absolute;
left:0;
right:0;
bottom:6px;
height:1px;
background:rgba(255,255,255,.58);
}
.nav-cta {color:#080807!important;
background:linear-gradient(135deg,#f7f4ee,#cfc6b7);
padding:13px 18px!important;
box-shadow:0 8px 30px rgba(0,0,0,.28);
}
;
.nav-cta {background:linear-gradient(135deg,#ddd5c7,#a89d89);
color:#060606!important;
box-shadow:0 6px 18px rgba(0,0,0,.18);
}
;
.hero { position:relative;
isolation:isolate;
overflow:hidden;
min-height:100svh;
display:flex;
align-items:flex-end;
padding: 220px max(20px,calc((100vw - 1480px)/2)) 140px;
}
.hero:before { content:"";
position:absolute;
inset:0;
z-index:0;
pointer-events:none;
background: linear-gradient( 90deg, rgba(0,0,0,.86), rgba(0,0,0,.42), rgba(0,0,0,.68) ), url("https://images.unsplash.com/photo-1519389950473-47ba0277781c?auto=format&fit=crop&w=2200&q=80") center/cover;
transform:scale(1.05);
animation:drift 18s ease-in-out infinite alternate;
opacity:.72;
}
.hero:after { position:absolute;
inset:0;
z-index:0;
pointer-events:none;
}
.hero-inner { width:100%;
position:relative;
z-index:2;
}
.hero-mineral { position:relative;
z-index:2;
}
.hero-mineral {position:absolute;
right:-12vw;
top:-2vh;
width:min(76vw,1280px);
height:min(76vw,1280px);
opacity:.52;
z-index:1;
pointer-events:none;
mix-blend-mode:screen;
filter:drop-shadow(0 0 90px rgba(255,255,255,.12));
}
.hero-mineral svg {width:100%;
height:100%;
}
.hero-mineral .crystal-fill {fill:rgba(255,255,255,.052);
stroke:rgba(255,255,255,.58);
stroke-width:1.15;
}
.hero-mineral .crystal-shade {fill:rgba(255,255,255,.085);
stroke:rgba(255,255,255,.30);
stroke-width:.8;
}
.hero-mineral .crystal-dark {fill:rgba(0,0,0,.30);
stroke:rgba(255,255,255,.22);
stroke-width:.8;
}
.hero-mineral .crystal-line {fill:none;
stroke:rgba(255,255,255,.42);
stroke-width:.9;
}
.hero-mineral .crystal-line-soft {fill:none;
stroke:rgba(255,255,255,.22);
stroke-width:.6;
}
.hero-mineral .crystal-edge {fill:none;
stroke:rgba(255,255,255,.62);
stroke-width:.45;
stroke-dasharray:5 9;
}
.hero-mineral .crystal-hairline {fill:none;
stroke:rgba(255,255,255,.12);
stroke-width:.38;
}
@keyframes drift {from {transform:scale(1.05);
}
to {transform:scale(1.1) translate3d(-24px,16px,0);
}
}
.eyebrow {display:inline-flex;
width:fit-content;
gap:12px;
align-items:center;
font-size:12px;
font-weight:950;
letter-spacing:.14em;
text-transform:uppercase;
color:inherit;
padding:0 0 12px;
}
.eyebrow>span:first-child {display:none;
}
.eyebrow-icon {width:26px;
height:26px;
display:inline-flex;
align-items:center;
justify-content:center;
opacity:.96;
flex:0 0 auto;
}
.eyebrow-icon svg {width:100%;
height:100%;
overflow:visible;
}
.eyebrow-icon polygon,.eyebrow-icon path,.eyebrow-icon polyline,.eyebrow-icon line {stroke:currentColor;
fill:rgba(255,255,255,.055);
stroke-width:1.35;
vector-effect:non-scaling-stroke;
}
.eyebrow-icon .facet-soft {opacity:.48;
}
.eyebrow-icon .facet-strong {opacity:.92;
}
.dark-label .eyebrow-icon polygon,.dark-label .eyebrow-icon path,.dark-label .eyebrow-icon polyline,.dark-label .eyebrow-icon line,.contact-eyebrow .eyebrow-icon polygon,.contact-eyebrow .eyebrow-icon path,.contact-eyebrow .eyebrow-icon polyline,.contact-eyebrow .eyebrow-icon line {fill:rgba(17,17,15,.045);
}
h1 {font-size:clamp(62px,13.8vw,178px);
line-height:.78;
letter-spacing:-.09em;
max-width:1240px;
text-transform:uppercase;
font-weight:950;
}
.hero h1 {
color:rgba(255,255,255,.98);
text-shadow:0 1px 3px rgba(0,0,0,.28);
}
h3 {
color:rgba(255,255,255,.98);
text-shadow:0 1px 3px rgba(0,0,0,.28);
}

.hero-bottom {margin-top:14px;
display:grid;
grid-template-columns:1.2fr .8fr;
gap:clamp(34px,4vw,62px);
align-items:end;
border-top:1px solid rgba(255,255,255,.22);
padding-top:30px;
}
.subline {font-size:clamp(20px,2.2vw,36px);
line-height:1.02;
letter-spacing:-.04em;
max-width:780px;
font-weight:800;
color:rgba(247,244,238,.96);
text-shadow:0 1px 4px rgba(0,0,0,.28);
}
.hero-proof {display:block;
max-width:760px;
color:rgba(255,255,255,.98);
padding:10px 0 0;
text-shadow:0 1px 3px rgba(0,0,0,.28);
}
.hero-proof p {color:rgba(244,240,232,.98);
font-size:clamp(17px,1.35vw,20px);
line-height:1.55;
max-width:620px;
font-weight:650;
}
.button-row {display:flex;
flex-wrap:wrap;
gap:12px;
margin-top:24px;
}
.btn {display:inline-flex;
justify-content:center;
align-items:center;
min-height:54px;
padding:0 22px;
font-weight:900;
text-transform:uppercase;
letter-spacing:.06em;
font-size:12px;
border:1px solid rgba(255,255,255,.34);
background:linear-gradient(135deg,#e6dfd2,#b7ac98);
color:#050505;
transition:.25s ease;
cursor:pointer;
}
.btn:hover {transform:translateY(-3px);
}
.btn.secondary {background:linear-gradient(135deg,rgba(10,10,9,.92),rgba(34,32,28,.92));
color:#f7f4ee;
border-color:rgba(255,255,255,.16);
backdrop-filter:blur(10px);
box-shadow:0 16px 40px rgba(0,0,0,.38);
}
.ticker { position:relative;
z-index:5;
overflow:hidden;
border-top:1px solid var(--line);
border-bottom:1px solid var(--line);
background:var(--bg);
width:100%;
margin-top:0;
position:relative;
z-index:5;
background:var(--bg);
}
.ticker-track { display:flex;
align-items:center;
gap:56px;
width:max-content;
padding:18px 0;
animation:ticker 28s linear infinite;
will-change:transform;
}
.ticker-track span { flex:0 0 auto;
font-size:clamp(28px,5vw,72px);
font-weight:950;
letter-spacing:-.06em;
text-transform:uppercase;
line-height:1;
}
@keyframes ticker { from { transform:translate3d(0,0,0);
}
to { transform:translate3d(-50%,0,0);
}
}
/* .section { padding:clamp(72px,10vw,150px) 0; */
}
.grid-two {display:grid;
grid-template-columns:1fr;
gap:clamp(36px,6vw,78px);
min-height:auto;
align-items:stretch;
}
.statement-panel { padding: clamp(42px,5vw,76px) max(20px,calc((100vw - 1480px)/2));
display:flex;
flex-direction:column;
justify-content:flex-start;
gap:clamp(34px,4vw,58px);
min-height:420px;
position:relative;
overflow:hidden;
width:100%;
max-width:none;
margin:0;
}
.statement-panel:before {content:"";
position:absolute;
right:-100px;
top:10px;
width:390px;
height:390px;
opacity:.30;
pointer-events:none;
clip-path:polygon(52% 0,88% 19%,100% 58%,74% 100%,28% 90%,0 38%);
background:linear-gradient(135deg,transparent 0 28%,rgba(17,17,15,.22) 28.2% 28.55%,transparent 28.8%),linear-gradient(88deg,transparent 0 42%,rgba(17,17,15,.16) 42.2% 42.55%,transparent 42.8%),linear-gradient(55deg,transparent 0 58%,rgba(17,17,15,.15) 58.2% 58.5%,transparent 58.8%),linear-gradient(105deg,transparent 0 73%,rgba(17,17,15,.13) 73.2% 73.5%,transparent 73.8%);
}
.statement-panel>* {position:relative;
z-index:1;
}
.statement-panel h2 {font-size:clamp(46px,8.5vw,130px);
line-height:.82;
letter-spacing:-.08em;
text-transform:uppercase;
font-weight:950;
margin-top:4px;
margin-bottom:2px;
}
.copy {color:var(--muted);
font-size:15px;
line-height:1.62;
max-width:520px;
margin-top:10px;
}
.statement-copy {margin-top:8px;
color:var(--muted);
font-size:clamp(18px,1.6vw,24px);
line-height:1.28;
letter-spacing:-.035em;
max-width:680px;
font-weight:760;
}
.statement-extension {margin-top:clamp(18px,2.5vw,34px);
max-width:760px;
}
.statement-extension p { max-width:760px;
line-height:1.72;
}
.statement-divider {width:82px;
height:1px;
background:linear-gradient(90deg,rgba(17,17,15,.72),transparent);
margin-bottom:22px;
}
.statement-extension p {color:#4f4a42;
font-size:clamp(16px,1.22vw,20px);
line-height:1.58;
letter-spacing:-.018em;
max-width:860px;
font-weight:560;
}
.visual-card {min-height:clamp(520px,72vh,820px);
background:linear-gradient(180deg,rgba(0,0,0,.22) 0%,rgba(0,0,0,.22) 34%,rgba(0,0,0,.82) 100%),url("https://images.unsplash.com/photo-1516321165247-4aa89a48be28?auto=format&fit=crop&w=2200&q=82") center/cover;
overflow:hidden;
display:flex;
align-items:flex-end;
padding:clamp(34px,6vw,86px) max(20px,calc((100vw - 1480px)/2));
position:relative;
width:100vw;
margin-left:calc(50% - 50vw);
}
.visual-card:before {content:"";
position:absolute;
inset:0;
background:linear-gradient(140deg,transparent 0 22%,rgba(255,255,255,.14) 22.1% 22.45%,transparent 22.7%),linear-gradient(116deg,transparent 0 36%,rgba(255,255,255,.13) 36.15% 36.5%,transparent 36.75%),linear-gradient(72deg,transparent 0 49%,rgba(255,255,255,.11) 49.15% 49.48%,transparent 49.75%);
mix-blend-mode:screen;
opacity:.72;
}
.visual-card:after {content:"";
position:absolute;
inset:0;
background:linear-gradient(180deg,rgba(0,0,0,.24) 0%,transparent 30%,rgba(0,0,0,.84) 100%),linear-gradient(90deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.38) 42%,transparent 72%);
pointer-events:none;
}
.visual-card strong {color:#fff;
text-shadow:0 16px 64px rgba(0,0,0,.84),0 2px 4px rgba(0,0,0,.62);
font-size:clamp(42px,7vw,118px);
line-height:.82;
letter-spacing:-.08em;
text-transform:uppercase;
max-width:1040px;
padding-bottom:10px;
position:relative;
z-index:1;
}
.visual-card-tech {background-image:linear-gradient(180deg,rgba(0,0,0,.24) 0%,rgba(0,0,0,.30) 42%,rgba(0,0,0,.84) 100%),url("https://images.unsplash.com/photo-1522071820081-009f0129c71c?auto=format&fit=crop&w=2200&q=82");
}
.symbol-band {margin-top:clamp(62px,8vw,110px);
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:clamp(18px,2vw,28px);
align-items:stretch;
max-width:1480px;
margin-left:auto;
margin-right:auto;
position:relative;
}
.symbol-band:before {content:"";
position:absolute;
left:8%;
right:8%;
top:50%;
height:1px;
background:linear-gradient(90deg,transparent,rgba(17,17,15,.14),transparent);
z-index:0;
}
.symbol-card {background:linear-gradient(180deg,rgba(251,250,246,.92),rgba(241,238,231,.72));
padding:clamp(28px,3vw,42px);
min-height:340px;
display:grid;
grid-template-rows:auto 1fr;
gap:26px;
position:relative;
overflow:hidden;
border:1px solid rgba(17,17,15,.08);
backdrop-filter:blur(14px) saturate(120%);
box-shadow:0 24px 60px rgba(17,17,15,.05);
z-index:1;
}
.symbol-card:before {content:"";
position:absolute;
inset:0;
opacity:.32;
background:linear-gradient(138deg,transparent 0 38%,rgba(17,17,15,.12) 38.15% 38.45%,transparent 38.8%),radial-gradient(circle at 82% 14%,rgba(185,174,155,.18),transparent 26%);
pointer-events:none;
}
.symbol-card:after {content:"";
position:absolute;
right:-54px;
bottom:-54px;
width:180px;
height:180px;
opacity:.18;
clip-path:polygon(50% 0,92% 18%,100% 58%,72% 100%,24% 90%,0 38%);
background:linear-gradient(135deg,transparent 0 42%,rgba(17,17,15,.36) 42.2% 42.6%,transparent 43%),linear-gradient(115deg,rgba(17,17,15,.12),transparent 58%);
}
.symbol-top {display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
}
.symbol-index {font-size:12px;
font-weight:900;
letter-spacing:.16em;
text-transform:uppercase;
color:rgba(17,17,15,.34);
}
.symbol-card svg {width:72px;
height:72px;
color:var(--text);
flex:0 0 auto;
}
.symbol-card svg polygon,.symbol-card svg polyline,.symbol-card svg line,.symbol-card svg path {stroke:currentColor;
fill:rgba(17,17,15,.028);
stroke-width:1.15;
vector-effect:non-scaling-stroke;
}
.symbol-card h3 {font-size:clamp(38px,5vw,72px);
line-height:.84;
letter-spacing:-.075em;
text-transform:uppercase;
font-weight:950;
max-width:320px;
}
.symbol-card p { color:#504b43;
line-height:1.58;
max-width:320px;
margin-top:20px;
font-size:15px;
font-weight:540;
}
.substance-crystal svg {transform:rotate(-6deg) scale(1.02);
}
.leverage-crystal svg {transform:rotate(7deg) scale(.98);
}
.edge-crystal svg {transform:rotate(-11deg) scale(1.04);
}
.big-type { border-top: 1px solid rgba(17,17,15,.06);
border-bottom: 1px solid rgba(17,17,15,.06);
padding: clamp(90px, 11vw, 170px) max(20px, calc((100vw - 1480px) / 2));
background: linear-gradient(180deg, #fbfaf6 0%, #eee9df 100%);
color: #050505;
position: relative;
overflow: hidden;
}
.big-type:after {content:"";
position:absolute;
right:-120px;
top:18%;
width:460px;
height:460px;
background:linear-gradient(138deg,transparent 0 45%,rgba(17,17,15,.13) 45.2% 45.55%,transparent 45.8%),linear-gradient(42deg,transparent 0 58%,rgba(17,17,15,.10) 58.2% 58.55%,transparent 58.8%);
clip-path:polygon(48% 0,92% 18%,100% 61%,72% 100%,24% 91%,0 42%);
opacity:.30;
}
.big-type h2 {font-size:clamp(58px,14vw,190px);
line-height:.78;
letter-spacing:-.1em;
text-transform:uppercase;
font-weight:950;
max-width:1480px;
}
.big-type p {margin-top:30px;
max-width:740px;
font-size:clamp(19px,2.4vw,34px);
line-height:1.05;
letter-spacing:-.04em;
font-weight:800;
}
.contact {padding:clamp(110px,12vw,190px) 20px 0;
background:#f7f4ee;
border-top:1px solid rgba(17,17,15,.08);
position:relative;
overflow:hidden;
}
.contact:before {content:"";
position:absolute;
right:-180px;
top:70px;
width:620px;
height:620px;
opacity:.13;
pointer-events:none;
clip-path:polygon(48% 0,94% 18%,100% 62%,68% 100%,18% 84%,0 34%);
background:linear-gradient(128deg,transparent 0 32%,rgba(17,17,15,.20) 32.15% 32.5%,transparent 32.8%);
}
.contact>* {position:relative;
z-index:1;
}
/* .contact-wrap{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:clamp(52px,8vw,132px);align-items:start;max-width:1480px;margin:0 auto;padding-bottom:clamp(64px,9vw,120px)} */ .contact-wrap { display: grid;
grid-template-columns: minmax(0, .9fr) minmax(460px, 1.1fr);
gap:clamp(72px,9vw,160px);
align-items: start;
max-width: 1480px;
margin: 0 auto;
padding-bottom: clamp(64px, 9vw, 120px);
}
/* .contact h2{font-size:clamp(58px,12vw,170px);line-height:.78;letter-spacing:-.09em;text-transform:uppercase;font-weight:950;max-width:1120px} */ .contact h2 { font-size: clamp(54px, 9.4vw, 138px);
line-height: .82;
letter-spacing: -.09em;
text-transform: uppercase;
font-weight: 950;
max-width: 900px;
overflow-wrap: normal;
}
.contact-left { min-width:0;
}
.contact-actions { display:grid;
grid-template-columns:1fr;
margin-top:0;
border-top:1px solid rgba(17,17,15,.22);
}
.contact-form-wrap { border-top:none;
padding-top:0;
}
.contact-right .contact-actions { display:grid;
grid-template-columns:1fr;
gap:22px;
margin-top:0;
margin-bottom:42px;
padding:30px 0;
}
.contact-right .contact-action { display:flex;
flex-direction:column;
gap:8px;
padding:0;
border-bottom:none;
}
.contact-right .contact-action small { color:var(--muted);
font-size:11px;
font-weight:950;
text-transform:uppercase;
letter-spacing:.13em;
line-height:1;
}
.contact-right .contact-action a, .contact-right .contact-action span { font-size:clamp(24px,2vw,34px);
line-height:.95;
letter-spacing:-.055em;
font-weight:950;
}
.contact-lead {margin-top:34px;
max-width:620px;
color:#555046;
font-size:clamp(18px,2vw,30px);
line-height:1.08;
letter-spacing:-.04em;
font-weight:760;
}
.contact-actions {display:grid;
grid-template-columns:1fr;
margin-top:clamp(38px,5vw,72px);
border-top:1px solid rgba(17,17,15,.22);
}
/* .contact-action{display:grid;grid-template-columns:120px 1fr;gap:24px;padding:24px 0;border-bottom:1px solid rgba(17,17,15,.16)} */ .contact-actions { display:grid;
grid-template-columns:1fr;
border-top:1px solid rgba(17,17,15,.22);
}
.contact-action small {color:var(--muted);
font-size:11px;
font-weight:950;
text-transform:uppercase;
letter-spacing:.13em;
}
.contact-action a,.contact-action span {font-size:clamp(18px,2vw,30px);
line-height:1.05;
letter-spacing:-.045em;
font-weight:900;
}
.dark-label,.contact-eyebrow {color:var(--text);
}
.dark-label>span:first-child,.contact-eyebrow>span:first-child {display:none;
}
/* .contact-form-wrap{display:grid;grid-template-columns:minmax(0,160px) minmax(0,1fr);gap:clamp(28px,4vw,58px);border-top:2px solid rgba(17,17,15,.90);padding-top:22px} */ /* .contact-form-wrap { display: grid; grid-template-columns: minmax(0, 160px) minmax(0, 1fr); gap: clamp(28px, 4vw, 58px); border-top: 2px solid rgba(17,17,15,.90); padding-top: 22px; margin-top: 42px; } */ .contact-form-wrap { display:block;
border-top:2px solid rgba(17,17,15,.90);
padding-top:32px;
}
.form-kicker {color:var(--muted);
font-size:11px;
font-weight:950;
text-transform:uppercase;
letter-spacing:.14em;
line-height:1.35;
}
.contact-form,form {display:grid;
gap:0;
min-width:0;
width:100%;
}
input,textarea {width:100%;
min-width:0;
background:transparent;
border:0;
border-bottom:1px solid rgba(17,17,15,.24);
color:var(--text);
padding:24px 2px;
font:inherit;
outline:none;
font-size:17px;
}
textarea {min-height:130px;
resize:vertical;
}
.hidden-field {display:none;
}
.form-note {font-size:12px;
color:var(--muted);
line-height:1.45;
margin:18px 0 20px;
max-width:620px;
}
.form-status {margin-bottom:18px;
padding:14px 16px;
font-size:14px;
font-weight:700;
}
.form-status.success {background:rgba(46,125,50,.10);
color:#235d27;
}
.form-status.error {background:rgba(160,40,40,.10);
color:#7f1d1d;
}
.contact-location {background:#0b0b09;
color:#fff;
margin-left:calc(50% - 50vw);
width:100vw;
padding:clamp(54px,7vw,96px) max(20px,calc((100vw - 1480px)/2));
position:relative;
overflow:hidden;
}
.contact-location:before {content:"";
position:absolute;
inset:0;
opacity:.28;
background:linear-gradient(135deg,transparent 0 18%,rgba(255,255,255,.08) 18.2% 18.55%,transparent 19%),radial-gradient(circle at 82% 14%,rgba(210,200,184,.14),transparent 28%);
}
.location-grid {position:relative;
z-index:1;
display:grid;
grid-template-columns:.72fr 1.28fr;
gap:clamp(36px,6vw,90px);
align-items:stretch;
}
.location-copy {display:flex;
flex-direction:column;
justify-content:space-between;
min-height:470px;
}
.location-copy h3 {font-size:clamp(48px,8vw,128px);
line-height:.78;
letter-spacing:-.08em;
text-transform:uppercase;
font-weight:950;
}
.location-copy p {color:rgba(255,255,255,.70);
max-width:480px;
line-height:1.5;
margin-top:24px;
}
.location-meta {display:grid;
margin-top:42px;
border-top:1px solid rgba(255,255,255,.18);
}
.location-meta div {padding:18px 0;
border-bottom:1px solid rgba(255,255,255,.14);
}
.location-meta small {display:block;
color:rgba(255,255,255,.42);
font-size:11px;
font-weight:950;
text-transform:uppercase;
letter-spacing:.13em;
margin-bottom:8px;
}
.location-meta span,.location-meta a {color:rgba(255,255,255,.90);
font-size:18px;
font-weight:800;
letter-spacing:-.03em;
}
.map-card {min-height:470px;
overflow:hidden;
background:linear-gradient(135deg,#11110f,#3b372f);
color:#fff;
display:grid;
place-items:center;
text-align:center;
padding:34px;
position:relative;
box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);
}
.map-card:before {content:"";
position:absolute;
inset:0;
background:linear-gradient(135deg,transparent 0 18%,rgba(255,255,255,.08) 18.2% 18.55%,transparent 19%),linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.44));
}
.map-placeholder {position:relative;
z-index:1;
}
.map-card iframe {width:100%;
height:470px;
border:0;
display:none;
}
.map-card.loaded {padding:0;
}
.map-card.loaded .map-placeholder {display:none;
}
.map-card.loaded iframe {display:block;
}
.map-placeholder h3 {font-size:clamp(38px,7vw,92px);
line-height:.86;
letter-spacing:-.07em;
text-transform:uppercase;
margin-bottom:22px;
text-shadow:0 12px 44px rgba(0,0,0,.62);
}
.map-placeholder p {color:rgba(255,255,255,.82);
max-width:620px;
margin:0 auto 22px;
line-height:1.55;
}
.site-footer {background:#080807;
color:var(--text-invert);
padding:clamp(70px,9vw,130px) 28px 34px;
position:relative;
overflow:hidden;
border-top:1px solid rgba(255,255,255,.10);
}
.site-footer:before {content:"";
position:absolute;
inset:0;
opacity:.30;
background:linear-gradient(128deg,transparent 0 30%,rgba(255,255,255,.10) 30.15% 30.45%,transparent 30.7%),radial-gradient(circle at 82% 12%,rgba(210,200,184,.14),transparent 26%);
}
.footer-main {position:relative;
z-index:1;
display:grid;
grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);
gap:clamp(46px,8vw,120px);
align-items:start;
max-width:1480px;
margin:0 auto;
border-bottom:1px solid rgba(255,255,255,.16);
padding-bottom:clamp(48px,7vw,90px);
}
.footer-brandmark {display:flex;
align-items:center;
gap:16px;
margin-bottom:28px;
}
.footer-brandmark img {height:38px;
opacity:.92;
}
.footer-brandmark:after {content:"";
width:18px;
height:18px;
margin-left:6px;
opacity:.72;
clip-path:polygon(50% 0%,88% 18%,100% 58%,72% 100%,24% 90%,0 38%);
background:linear-gradient(135deg,rgba(255,255,255,.34),rgba(255,255,255,.06));
box-shadow:inset 0 0 0 1px rgba(255,255,255,.32),0 0 18px rgba(255,255,255,.08);
}
.footer-headline {font-size:clamp(48px,6.2vw,96px);
line-height:.82;
letter-spacing:-.09em;
text-transform:uppercase;
font-weight:950;
max-width:760px;
}
.footer-copy {margin-top:28px;
color:rgba(247,244,238,.68);
max-width:620px;
font-size:clamp(17px,1.55vw,24px);
line-height:1.18;
letter-spacing:-.035em;
font-weight:750;
}
.footer-columns {display:grid;
grid-template-columns:minmax(260px,1.35fr) minmax(150px,.8fr) minmax(140px,.8fr);
gap:clamp(28px,3vw,46px);
padding-top:10px;
}
.footer-col h4 {color:rgba(247,244,238,.44);
font-size:11px;
text-transform:uppercase;
letter-spacing:.14em;
margin-bottom:18px;
font-weight:950;
}
.footer-col a,.footer-col span {display:block;
color:rgba(247,244,238,.74);
font-size:15px;
line-height:1.45;
margin-bottom:10px;
transition:.2s ease;
word-break:normal;
overflow-wrap:normal;
white-space:nowrap;
}
.footer-col span {white-space:normal;
}
.footer-contact-item { display: block !important;
margin-bottom: 20px !important;
white-space: normal !important;
}
.footer-contact-item small {display:block;
color:rgba(247,244,238,.42);
font-size:10px;
line-height:1;
text-transform:uppercase;
letter-spacing:.13em;
font-weight:950;
margin-bottom:6px;
}
.footer-mini-icon {width:22px;
height:22px;
display:inline-flex!important;
position:relative;
overflow:hidden;
}
.crystal-mini {clip-path:polygon(50% 0,92% 20%,100% 58%,70% 100%,20% 88%,0 36%);
background:linear-gradient(135deg,transparent 0 44%,rgba(247,244,238,.82) 44.2% 46%,transparent 46.4%),linear-gradient(48deg,transparent 0 62%,rgba(247,244,238,.56) 62.2% 64%,transparent 64.4%),linear-gradient(145deg,rgba(247,244,238,.18),rgba(247,244,238,.04));
box-shadow:inset 0 0 0 1px rgba(247,244,238,.28);
}
.crystal-mini-alt {transform:rotate(11deg);
clip-path:polygon(44% 0,100% 28%,86% 90%,26% 100%,0 42%);
}
.crystal-mini-edge {transform:rotate(-8deg);
clip-path:polygon(52% 0,94% 18%,100% 70%,56% 100%,8% 76%,0 28%);
}
.footer-col a:hover {color:#fff;
transform:translateX(4px);
}
.footer-bottom {position:relative;
z-index:1;
max-width:1480px;
margin:0 auto;
padding-top:24px;
color:rgba(247,244,238,.46);
font-size:12px;
line-height:1.5;
}
.modal {position:fixed;
inset:0;
z-index:200;
display:none;
padding:24px;
background:rgba(0,0,0,.46);
backdrop-filter:blur(10px);
}
.modal:target {display:grid;
place-items:center;
}
.modal-box {width:min(980px,100%);
max-height:86vh;
overflow:auto;
background:#fbfaf6;
color:var(--text);
padding:clamp(28px,4vw,56px);
box-shadow:0 30px 100px rgba(0,0,0,.25);
}
.modal-top {display:flex;
justify-content:space-between;
gap:20px;
align-items:start;
margin-bottom:28px;
}
.modal h2 {font-size:clamp(36px,7vw,88px);
line-height:.82;
letter-spacing:-.07em;
text-transform:uppercase;
}
.modal h3 {margin:30px 0 10px;
font-size:22px;
letter-spacing:-.03em;
}
.modal p,.modal li {color:#464238;
line-height:1.55;
margin-bottom:10px;
}
.close {display:inline-flex;
min-width:44px;
height:44px;
align-items:center;
justify-content:center;
background:#11110f;
color:#fff;
font-weight:900;
}
@media(max-width:1180px) {.contact-wrap,.contact-form-wrap {grid-template-columns:1fr;
}
.form-kicker {display:none;
}
.footer-main {grid-template-columns:1fr;
}
.footer-headline {font-size:clamp(48px,11vw,96px);
max-width:860px;
}
.footer-columns {grid-template-columns:repeat(3,minmax(0,1fr));
}
}
@media(max-width:900px) {.nav {height:auto;
min-height:72px;
padding:14px 18px;
flex-wrap:wrap;
gap:12px;
}
.navlinks {width:100%;
justify-content:space-between;
gap:10px;
font-size:10px;
letter-spacing:.10em;
}
.navlinks:before {display:none;
}
.navlinks a:before {width:6px;
height:6px;
left:-10px;
}
.brand img {height:26px;
}
.hero-proof {grid-template-columns:1fr;
gap:8px;
}
.hero-bottom,.grid-two, .contact-wrap,.location-grid,.contact-form-wrap {grid-template-columns:1fr;
}
.contact-right .contact-action { grid-template-columns:1fr;
gap:8px;
padding:14px 0;
}
.contact-right .contact-action a, .contact-right .contact-action span { font-size:24px;
line-height:1;
}
.symbol-band {grid-template-columns:1fr;
gap:16px;
margin-top:34px;
}
.symbol-band:before {display:none;
}
.symbol-card {min-height:180px;
padding:28px;
}
.symbol-card svg {width:38px;
height:38px;
margin-bottom:20px;
}
.eyebrow {gap:9px;
font-size:10px;
letter-spacing:.11em;
}
.eyebrow-icon {width:18px;
height:18px;
}
.visual-card {min-height:62vh;
padding:34px 20px;
}
.statement-copy {font-size:18px;
line-height:1.28;
}
.footer-main {grid-template-columns:1fr;
}
.footer-columns {grid-template-columns:1fr;
gap:26px;
}
.footer-col a,.footer-col span {white-space:normal;
overflow-wrap:anywhere;
}
}
@media(max-width:480px) {.contact {padding-left:14px;
padding-right:14px;
}
.contact h2 {font-size:clamp(48px,17vw,78px);
}
input,textarea {font-size:16px;
padding:20px 0;
}
.btn {width:100%;
padding-left:14px;
padding-right:14px;
text-align:center;
}
.g-recaptcha {transform:scale(.78);
transform-origin:left top;
}
}