:root{--black:#080807;--charcoal:#181512;--bone:#e8e1d4;--muted:#b8aa92;--brass:#b08d57;--line:rgba(232,225,212,.16);--shadow:rgba(0,0,0,.45)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--bone);font-family:Montserrat,Arial,sans-serif;line-height:1.65}.noise{position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.25;background:radial-gradient(circle at 18% 12%,rgba(176,141,87,.18),transparent 28%),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,100% 4px}a{color:inherit}.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:14px 5vw;background:rgba(8,8,7,.9);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;text-transform:uppercase;font-family:Cinzel,serif;font-weight:800;letter-spacing:.08em}.brand img{width:48px;height:48px;border-radius:50%;object-fit:cover}.nav{display:flex;gap:22px;align-items:center}.nav a{text-decoration:none;text-transform:uppercase;font-size:.76rem;letter-spacing:.16em;color:var(--muted);font-weight:700}.nav a:hover{color:var(--bone)}.nav-toggle{display:none;background:none;border:1px solid var(--line);color:var(--bone);font-size:1.4rem;padding:6px 10px}.hero{min-height:88vh;display:grid;place-items:center;text-align:center;padding:120px 5vw;background:linear-gradient(90deg,rgba(8,8,7,.92),rgba(8,8,7,.55),rgba(8,8,7,.92)),url('assets/hero-workshop.png') center/cover no-repeat}.hero-inner{max-width:1050px}.eyebrow{text-transform:uppercase;color:var(--brass);font-weight:800;letter-spacing:.25em;font-size:.78rem}h1,h2,h3{font-family:Cinzel,serif;text-transform:uppercase;line-height:1.05;margin:0 0 18px}h1{font-size:clamp(3.8rem,11vw,9rem);letter-spacing:.04em;text-shadow:0 20px 50px #000}h2{font-size:clamp(2.1rem,5vw,4.5rem)}h3{font-size:1.55rem}.hero-sub{font-size:clamp(1.1rem,2vw,1.45rem);max-width:850px;margin:0 auto 34px;color:#d8cfbf}.btn{display:inline-block;margin:8px;padding:14px 24px;text-decoration:none;text-transform:uppercase;font-size:.78rem;letter-spacing:.16em;font-weight:800;border:1px solid var(--brass)}.btn.primary{background:var(--brass);color:var(--black)}.btn.secondary{background:rgba(0,0,0,.35);color:var(--bone)}.ticker{display:grid;grid-template-columns:repeat(4,1fr);background:var(--charcoal);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.ticker span{text-align:center;padding:22px;font-family:Cinzel,serif;text-transform:uppercase;letter-spacing:.18em;color:var(--brass);font-weight:800;border-right:1px solid var(--line)}.section{max-width:1280px;margin:0 auto;padding:86px 5vw}.intro-grid,.split,.about-layout,.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:start}.copy p,.story p,.split p,.contact-card p,.video-section p,.maker-info p{color:var(--muted);font-size:1.05rem}.cards-section{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card,.project-card,.contact-card,.maker-card{background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.015));border:1px solid var(--line);box-shadow:0 25px 70px var(--shadow);padding:28px}.card{min-height:230px}.card p{color:var(--muted)}.feature{padding:100px 5vw;background:linear-gradient(90deg,rgba(8,8,7,.86),rgba(8,8,7,.6)),url('assets/about-workshop.png') center/cover no-repeat;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.feature-content{max-width:720px}.feature p{color:#d6cbb8;font-size:1.1rem}.big-link{display:grid;place-items:center;min-height:180px;text-align:center;text-decoration:none;border:1px solid var(--brass);font-family:Cinzel,serif;text-transform:uppercase;font-size:1.6rem;color:var(--brass);padding:24px}.page-hero{min-height:48vh;display:grid;place-items:center;text-align:center;padding:100px 5vw 80px;background:linear-gradient(90deg,rgba(8,8,7,.9),rgba(8,8,7,.62)),url('assets/hero-workshop.png') center/cover no-repeat;border-bottom:1px solid var(--line)}.page-hero p{max-width:780px;color:#d8cfbf;font-size:1.15rem}.about-hero{background:linear-gradient(90deg,rgba(8,8,7,.9),rgba(8,8,7,.58)),url('assets/about-workshop.png') center/cover no-repeat}.story{max-width:820px}.pullquote{font-size:1.55rem!important;color:var(--brass)!important;font-family:Cinzel,serif;line-height:1.25!important}.pullquote.small{font-size:1.25rem!important}.story h3{margin-top:44px;color:var(--brass)}.two-col-list{columns:2;line-height:2;color:var(--bone);padding-left:20px}.signature{font-family:Cinzel,serif;font-size:1.3rem!important;color:var(--bone)!important;margin-top:36px}.signature span{color:var(--brass);font-size:1rem;letter-spacing:.08em}.sticky-image{position:sticky;top:100px}.sticky-image img{width:100%;border:1px solid var(--line);box-shadow:0 25px 80px var(--shadow)}.video-section{display:grid;grid-template-columns:.7fr 1.3fr;gap:38px;align-items:center}.video-frame{position:relative;width:100%;aspect-ratio:16/9;background:#000;border:1px solid var(--line);box-shadow:0 25px 80px var(--shadow)}.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.project-list{display:grid;gap:18px}.project-card{display:grid;grid-template-columns:90px 1fr 1fr;gap:24px;align-items:start}.project-card span{font-family:Cinzel,serif;color:var(--brass);font-size:2rem}.project-card p{color:var(--muted)}.maker-card{display:grid;grid-template-columns:420px 1fr;gap:42px;align-items:center}.maker-photo{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;border:1px solid var(--line);box-shadow:0 18px 55px rgba(0,0,0,.45);background:#111}.maker-title{color:var(--brass)!important;text-transform:uppercase;letter-spacing:.12em;font-weight:800;margin-top:0}.contact-form{display:flex!important;flex-direction:column!important;gap:18px;margin-top:24px}.contact-form label{display:block;color:var(--brass);text-transform:uppercase;letter-spacing:.12em;font-size:.76rem;font-weight:800}.contact-form input,.contact-form select,.contact-form textarea{width:100%;display:block;background:rgba(0,0,0,.35);color:var(--bone);border:1px solid var(--line);padding:14px;font-family:Montserrat,Arial,sans-serif;font-size:1rem}.contact-form button{cursor:pointer;width:fit-content}.social-list{display:flex;flex-wrap:wrap;gap:12px}.social-list a{padding:12px 16px;border:1px solid var(--line);text-decoration:none;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;color:var(--brass)}.footer{display:flex;justify-content:space-between;gap:24px;padding:34px 5vw;border-top:1px solid var(--line);background:#070706;color:var(--muted)}.footer strong{font-family:Cinzel,serif;text-transform:uppercase;color:var(--bone)}.footer p{margin:.2rem 0}.footer-links{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.footer-links a{text-decoration:none;color:var(--muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.1em}@media(max-width:900px){.site-header{align-items:flex-start}.nav-toggle{display:block}.nav{display:none;position:absolute;left:0;right:0;top:77px;background:rgba(8,8,7,.98);padding:22px 5vw;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start}.nav.open{display:flex}.hero{min-height:78vh;padding-top:90px}.ticker{grid-template-columns:repeat(2,1fr)}.intro-grid,.split,.about-layout,.contact-grid,.video-section,.maker-card{grid-template-columns:1fr}.cards-section{grid-template-columns:1fr}.project-card{grid-template-columns:1fr;gap:8px}.two-col-list{columns:1}.sticky-image{position:static;order:-1}.maker-photo{max-width:430px;margin:0 auto}.footer{flex-direction:column}}

/* Modern Relic content additions */
.workbench-section {
  padding-top: 40px;
}

.workbench-card,
.latest-card {
  background: linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.015));
  border: 1px solid var(--line);
  box-shadow: 0 25px 70px var(--shadow);
  padding: 34px;
}

.workbench-list {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 28px 0;
}

.workbench-list span {
  border: 1px solid var(--line);
  color: var(--brass);
  padding: 10px 14px;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: .72rem;
  font-weight: 800;
}

.latest-section {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 42px;
  align-items: center;
}

.latest-card h3 {
  color: var(--bone);
}

@media(max-width:900px) {
  .latest-section {
    grid-template-columns: 1fr;
  }
}
