:root{
  --ink:#17130f;
  --paper:#f4eee4;
  --paper-2:#e8dece;
  --wood:#3d2417;
  --wood-2:#24140d;
  --gold:#b58a45;
  --gold-light:#d9b878;
  --cream:#fff9ef;
  --muted:#675e53;
  --line:rgba(23,19,15,.16);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--paper);color:var(--ink);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  line-height:1.65;
}
img{display:block;max-width:100%}
a{color:inherit}
h1,h2,h3,.brand strong,footer strong{font-family:Georgia,"Times New Roman",serif;font-weight:500}

.site-header{
  position:sticky;top:0;z-index:20;
  min-height:76px;padding:12px clamp(20px,4vw,68px);
  display:flex;align-items:center;justify-content:space-between;gap:30px;
  background:rgba(244,238,228,.94);backdrop-filter:blur(12px);
  border-bottom:1px solid var(--line)
}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.brand-o{
  width:46px;height:46px;display:grid;place-items:center;border:1px solid var(--wood);
  border-radius:50%;font:27px Georgia,serif;color:var(--wood)
}
.brand-type strong{display:block;font-size:20px;letter-spacing:.13em;line-height:1}
.brand-type small{display:block;margin-top:5px;text-transform:uppercase;letter-spacing:.16em;font-size:8px}
.nav{display:flex;align-items:center;gap:25px;font-size:13px}
.nav a{text-decoration:none}
.nav-cta{border:1px solid var(--ink);padding:9px 13px}
.nav-toggle{display:none;background:transparent;border:1px solid var(--ink);padding:9px 12px}

.hero{position:relative;min-height:82vh;display:flex;align-items:flex-end;overflow:hidden}
.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.hero-shade{
  position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(20,11,7,.84) 0%,rgba(20,11,7,.58) 43%,rgba(20,11,7,.13) 78%),
             linear-gradient(0deg,rgba(20,11,7,.58) 0%,transparent 50%);
}
.hero-content{
  position:relative;z-index:2;max-width:920px;color:var(--cream);
  padding:clamp(80px,11vw,155px) clamp(24px,7vw,110px) clamp(70px,9vw,120px)
}
.eyebrow{
  margin:0 0 14px;color:var(--gold);font-size:11px;font-weight:800;
  letter-spacing:.23em;text-transform:uppercase
}
.eyebrow.light{color:var(--gold-light)}
h1{font-size:clamp(50px,7.2vw,102px);line-height:.94;letter-spacing:-.04em;margin:0 0 25px}
.hero-copy{font-size:clamp(18px,2vw,25px);max-width:760px;color:#efe4d4}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.button{
  display:inline-block;padding:13px 18px;border:1px solid;letter-spacing:.02em;
  font-weight:750;font-size:13px;text-decoration:none
}
.button.gold{background:var(--gold);border-color:var(--gold);color:#16100c}
.button.ghost{border-color:rgba(255,255,255,.7);color:var(--cream);background:rgba(0,0,0,.12)}

.manifesto{background:var(--wood-2);color:var(--cream);padding:42px clamp(24px,7vw,110px)}
.manifesto p{margin:0;text-align:center;font:clamp(28px,4vw,52px)/1.15 Georgia,serif}
.manifesto span{color:var(--gold-light)}

.section{padding:clamp(76px,9vw,128px) clamp(24px,7vw,110px);border-bottom:1px solid var(--line)}
.section-intro{max-width:790px}
h2{font-size:clamp(39px,5.4vw,70px);line-height:1.03;letter-spacing:-.025em;margin:0 0 20px}
.section-intro>p:last-child,.identity-title>p:last-child{font-size:18px;color:var(--muted)}

.instrument-grid{
  margin-top:48px;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line)
}
.instrument-grid article{background:var(--paper);padding:29px;min-height:320px;display:flex;flex-direction:column}
.num{font-size:11px;color:var(--gold);font-weight:800;letter-spacing:.15em}
.instrument-grid h3{font-size:32px;margin:23px 0 10px}
.instrument-grid p{color:var(--muted)}
.instrument-grid small{margin-top:auto;text-transform:uppercase;letter-spacing:.14em;font-weight:800;font-size:10px}

.craft{display:grid;grid-template-columns:.82fr 1.18fr;gap:65px;background:var(--paper-2);align-items:center}
.craft-copy p:not(.eyebrow){font-size:17px;color:#544c42}
.text-link{display:inline-block;margin-top:14px;color:var(--wood);font-weight:800;text-decoration:none}
.craft-figure{margin:0}
.craft-figure img{width:100%;border:1px solid rgba(23,19,15,.16)}
figcaption{margin-top:10px;font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}

.identity-title{max-width:820px}
.brand-gallery{margin-top:45px;display:grid;grid-template-columns:1fr 1fr;gap:30px}
.brand-gallery figure{margin:0}
.brand-gallery img{width:100%;height:100%;max-height:420px;object-fit:cover;border:1px solid var(--line)}

.brand-break{
  padding:clamp(72px,8vw,115px) clamp(24px,7vw,110px);
  background:var(--wood-2);color:var(--cream);
  display:grid;grid-template-columns:.75fr 1.25fr;gap:55px;align-items:center
}
.brand-break-copy p:not(.eyebrow){color:#d7cab8;font-size:17px}
.brand-break img{width:100%;border:1px solid rgba(255,255,255,.15)}

.about{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;align-items:center}
.logo-card{background:#fbf7ef;border:1px solid var(--line);padding:26px}
.logo-card img{width:100%;max-height:520px;object-fit:contain}
.about-copy p:not(.eyebrow){font-size:17px;color:var(--muted)}
.service-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.service-pills span{border:1px solid var(--line);padding:8px 11px;font-size:11px;text-transform:uppercase;letter-spacing:.08em}

.contact{
  padding:clamp(80px,9vw,130px) clamp(24px,7vw,110px);
  background:#17110d;color:var(--cream);
  display:grid;grid-template-columns:1.3fr .7fr;gap:70px;align-items:end
}
.contact-copy h2{max-width:900px}
.contact-copy>p:not(.eyebrow){color:#d7cab8}
.email{display:inline-block;margin-top:10px;font-size:clamp(17px,2vw,23px);color:var(--gold-light)}
.contact-actions{display:flex;flex-direction:column;align-items:stretch;gap:12px}
.contact-actions .button{text-align:center}

footer{
  padding:30px clamp(24px,7vw,110px);background:#0d0a08;color:#c9bdad;
  display:flex;justify-content:space-between;gap:30px;font-size:11px
}
footer strong{display:block;color:var(--cream);font-size:20px;letter-spacing:.14em}
footer span{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:8px}

@media(max-width:950px){
  .nav-toggle{display:block}
  .nav{
    display:none;position:absolute;left:0;right:0;top:76px;padding:22px;
    background:var(--paper);border-bottom:1px solid var(--line);
    flex-direction:column;align-items:flex-start
  }
  .nav.open{display:flex}
  .instrument-grid{grid-template-columns:1fr 1fr}
  .craft,.about,.contact,.brand-break{grid-template-columns:1fr}
  .brand-gallery{grid-template-columns:1fr}
  .brand-break-copy{max-width:760px}
}
@media(max-width:580px){
  .brand-type small{display:none}
  .instrument-grid{grid-template-columns:1fr}
  .hero{min-height:74vh}
  .hero-shade{background:linear-gradient(90deg,rgba(20,11,7,.86),rgba(20,11,7,.5))}
  footer{flex-direction:column}
}


.construction-ribbon{
  position:relative;z-index:30;
  display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap;
  padding:9px 20px;background:var(--gold);color:#17110d;
  text-align:center;border-bottom:1px solid rgba(0,0,0,.18);
  font-size:11px;letter-spacing:.06em
}
.construction-ribbon strong{
  font-family:Georgia,"Times New Roman",serif;
  font-size:13px;letter-spacing:.13em
}
.construction-ribbon span{font-weight:650}
@media(max-width:580px){
  .construction-ribbon{gap:3px;padding:8px 15px}
  .construction-ribbon strong,.construction-ribbon span{width:100%}
}