:root{
  --blue:#0e536f;
  --blue-dark:#092f43;
  --charcoal:#171b1f;
  --iron:#2b3035;
  --steel:#b8b7ae;
  --paper:#f0eadc;
  --paper-2:#d8cfbd;
  --rust:#b97843;
  --brass:#b08b55;
  --line:rgba(240,234,220,.24);
  --shadow:0 18px 48px rgba(0,0,0,.35);
  --max:1160px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,Arial,Helvetica,sans-serif;
  color:var(--paper);
  background:
    radial-gradient(circle at 12% 10%,rgba(14,83,111,.55),transparent 28%),
    radial-gradient(circle at 88% 0%,rgba(185,120,67,.16),transparent 26%),
    linear-gradient(180deg,var(--charcoal),#0f1215 62%,#0a0c0e);
  line-height:1.6;
}
body:before{
  content:"";position:fixed;inset:0;pointer-events:none;opacity:.12;
  background-image:
    linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px),
    linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px);
  background-size:54px 54px;
  mask-image:linear-gradient(to bottom,black,transparent 78%);
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:min(var(--max),calc(100% - 40px));margin:0 auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(15,18,21,.88);backdrop-filter:blur(14px);border-bottom:1px solid rgba(240,234,220,.14)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:14px 0}
.brand{display:flex;align-items:center;gap:12px;font-family:Roboto Slab,Georgia,serif;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.brand img{width:52px;height:52px;object-fit:cover;border:1px solid rgba(240,234,220,.25);border-radius:8px;box-shadow:0 6px 18px rgba(0,0,0,.3)}
.brand span small{display:block;font-family:Inter,Arial,sans-serif;font-size:10px;letter-spacing:.2em;color:var(--rust);margin-top:-2px}
.nav-links{display:flex;align-items:center;gap:18px;font-weight:700;font-size:14px;color:var(--paper-2)}
.nav-links a{padding:8px 2px;border-bottom:2px solid transparent}
.nav-links a:hover,.nav-links a.active{color:var(--paper);border-color:var(--rust)}
.nav-toggle{display:none;background:transparent;color:var(--paper);border:1px solid var(--line);padding:9px 11px;border-radius:8px;font-weight:800}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 18px;border-radius:4px;border:1px solid rgba(240,234,220,.22);font-weight:900;letter-spacing:.03em;text-transform:uppercase;font-size:13px;transition:.18s ease;background:rgba(240,234,220,.06)}
.btn.primary{background:var(--rust);color:#17110c;border-color:rgba(255,255,255,.18);box-shadow:0 8px 0 rgba(0,0,0,.23)}
.btn.secondary{color:var(--paper);border-color:rgba(240,234,220,.32)}
.btn:hover{transform:translateY(-2px);filter:brightness(1.05)}
.hero{padding:74px 0 54px;position:relative;overflow:hidden;border-bottom:1px solid rgba(240,234,220,.16)}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,47,67,.82),rgba(9,47,67,.42)),url('assets/ironkeel-logo.png') center/cover no-repeat;opacity:.2;filter:grayscale(.08);}
.hero .container{position:relative;display:grid;grid-template-columns:1.04fr .76fr;gap:46px;align-items:center}
.eyebrow{font-weight:900;text-transform:uppercase;letter-spacing:.16em;color:var(--rust);font-size:13px;margin-bottom:14px}
h1,h2,h3{font-family:Roboto Slab,Georgia,serif;line-height:1.08;margin:0;color:var(--paper)}
h1{font-size:clamp(42px,6.2vw,78px);letter-spacing:-.045em;text-shadow:0 3px 0 rgba(0,0,0,.22)}
h2{font-size:clamp(30px,4vw,48px);letter-spacing:-.03em}
h3{font-size:23px;letter-spacing:-.02em}
p{margin:0 0 18px;color:var(--paper-2);font-size:17px}.lead{font-size:20px;color:var(--paper);max-width:730px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}.hero-card{background:rgba(15,18,21,.78);border:1px solid rgba(240,234,220,.22);padding:18px;border-radius:10px;box-shadow:var(--shadow);position:relative}.hero-card:before{content:"";position:absolute;inset:10px;border:1px solid rgba(240,234,220,.11);border-radius:6px;pointer-events:none}.logo-panel{padding:14px;border:1px solid rgba(240,234,220,.18);background:rgba(240,234,220,.05);border-radius:8px}.logo-panel img{border-radius:8px}.plate{border-top:1px solid rgba(240,234,220,.15);border-bottom:1px solid rgba(240,234,220,.15);background:linear-gradient(180deg,rgba(240,234,220,.05),rgba(9,47,67,.13));padding:72px 0}.section{padding:72px 0}.split{display:grid;grid-template-columns:.82fr 1.18fr;gap:42px;align-items:start}.section-intro{max-width:780px;margin-bottom:32px}.grid{display:grid;gap:18px}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.two{grid-template-columns:repeat(2,1fr)}.card{background:rgba(240,234,220,.055);border:1px solid rgba(240,234,220,.16);border-radius:10px;padding:24px;box-shadow:0 12px 28px rgba(0,0,0,.16)}.card strong{display:block;color:var(--paper);font-family:Roboto Slab,Georgia,serif;font-size:20px;margin-bottom:8px}.card p{font-size:16px;margin:0}.number{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(185,120,67,.9);color:#150f0b;font-weight:900;margin-bottom:15px}.list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.list li{padding-left:26px;position:relative;color:var(--paper-2)}.list li:before{content:"—";position:absolute;left:0;color:var(--rust);font-weight:900}.callout{background:linear-gradient(135deg,rgba(14,83,111,.65),rgba(23,27,31,.95));border:1px solid rgba(240,234,220,.25);border-radius:12px;padding:32px;box-shadow:var(--shadow)}.service-hero{padding:62px 0 42px;background:linear-gradient(135deg,rgba(14,83,111,.46),rgba(23,27,31,.7));border-bottom:1px solid rgba(240,234,220,.15)}.service-row{display:grid;grid-template-columns:.48fr 1fr;gap:28px;padding:32px 0;border-bottom:1px solid rgba(240,234,220,.13)}.service-row:last-child{border-bottom:0}.note{font-size:14px;text-transform:uppercase;letter-spacing:.12em;color:var(--rust);font-weight:900}.contact-wrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:36px}.form{display:grid;gap:14px}.form label{font-size:13px;text-transform:uppercase;letter-spacing:.1em;font-weight:900;color:var(--paper)}.form input,.form textarea,.form select{width:100%;padding:13px 14px;border-radius:6px;border:1px solid rgba(240,234,220,.2);background:rgba(8,10,12,.45);color:var(--paper);font:inherit}.form textarea{min-height:150px;resize:vertical}.site-footer{padding:34px 0;background:#090b0d;border-top:1px solid rgba(240,234,220,.16);color:var(--paper-2)}.footer-grid{display:flex;justify-content:space-between;gap:20px;align-items:center}.footer-logo{display:flex;align-items:center;gap:12px;font-family:Roboto Slab,Georgia,serif;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.footer-logo img{width:46px;height:46px;object-fit:cover;border-radius:6px;border:1px solid rgba(240,234,220,.18)}
@media (max-width:860px){.nav-toggle{display:block}.nav-links{display:none;position:absolute;top:76px;right:20px;left:20px;padding:16px;background:#101418;border:1px solid var(--line);border-radius:10px;flex-direction:column;align-items:flex-start}.nav-links.open{display:flex}.hero .container,.split,.contact-wrap,.service-row{grid-template-columns:1fr}.grid.three,.grid.two{grid-template-columns:1fr}.hero{padding-top:42px}.footer-grid{align-items:flex-start;flex-direction:column}.brand span{font-size:14px}.brand img{width:44px;height:44px}}