
:root{
  --ink:#04100c;
  --ink2:#071712;
  --green:#0a2018;
  --green2:#102a20;
  --gold:#b99958;
  --gold-soft:#d1bb8a;
  --ivory:#f1ece2;
  --paper:#e7dfd2;
  --muted:#a7a398;
  --line:rgba(185,153,88,.25);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:
  radial-gradient(circle at 75% 15%,rgba(26,65,50,.22),transparent 33%),
  linear-gradient(180deg,var(--ink),#03100c 55%,#020b08);
  color:var(--ivory);font-family:Arial,Helvetica,sans-serif;
}
a{color:inherit;text-decoration:none}
.site-header{
  display:flex;justify-content:space-between;align-items:center;
  padding:22px 5vw;border-bottom:1px solid var(--line);
  position:sticky;top:0;background:rgba(4,16,12,.93);
  backdrop-filter:blur(12px);z-index:20;
}
.brand-lockup{display:flex;align-items:center;gap:13px}
.crest{
  width:42px;height:42px;border:1px solid var(--gold);border-radius:50%;
  display:inline-grid;place-items:center;color:var(--gold);
  font:400 14px Didot,"Bodoni MT","Times New Roman",serif;
  letter-spacing:.08em;position:relative;
}
.crest:after{content:"";position:absolute;inset:4px;border:1px solid rgba(185,153,88,.36);border-radius:50%}
.crest.small{width:30px;height:30px;font-size:10px}
.brand-copy{display:flex;flex-direction:column}
.brand-copy b{font:400 18px Didot,"Bodoni MT","Times New Roman",serif;letter-spacing:.24em;color:var(--gold-soft)}
.brand-copy small{font-size:8px;letter-spacing:.25em;color:#8e8a80;margin-top:3px}
nav{display:flex;gap:28px;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#d2cec3}
nav a:hover,.text-link:hover{color:var(--gold)}
.hero{
  min-height:83vh;display:grid;grid-template-columns:.92fr 1.08fr;
  align-items:center;gap:7vw;padding:6vw 6vw 7vw;
  border-bottom:1px solid var(--line);
}
.eyebrow,.meta{
  color:var(--gold);letter-spacing:.23em;text-transform:uppercase;font-size:9px;
}
h1,h2,h3{font-family:Didot,"Bodoni MT","Times New Roman",serif;font-weight:400}
h1{font-size:clamp(54px,7.2vw,105px);line-height:.94;margin:18px 0 26px;letter-spacing:-.025em}
.lede{max-width:545px;color:#bbb7ad;line-height:1.9;font-size:16px}
.hero-actions{display:flex;align-items:center;gap:28px;margin-top:31px}
.button{
  display:inline-block;border:1px solid var(--gold);padding:15px 24px;
  color:var(--gold-soft);font-size:10px;letter-spacing:.18em;text-transform:uppercase;
}
.button:hover{background:var(--gold);color:var(--ink)}
.text-link{
  color:#c6c2b8;font-size:10px;letter-spacing:.16em;text-transform:uppercase;
  border-bottom:1px solid rgba(185,153,88,.45);padding-bottom:4px;
}
.house-mark{margin-top:70px;color:#6f746e;font-size:9px;letter-spacing:.24em}
.house-mark span{color:var(--gold);padding:0 10px}
.hero-art{position:relative;display:block}
.hero-art img{
  width:100%;height:min(68vh,720px);object-fit:contain;
  background:#eae4da;padding:clamp(14px,2vw,28px);
  box-shadow:0 28px 70px rgba(0,0,0,.28);
}
.hero-caption{
  display:flex;justify-content:space-between;gap:20px;
  color:#8d8a82;font-size:9px;letter-spacing:.13em;text-transform:uppercase;margin-top:13px;
}
.house-intro{
  padding:8vw 7vw;background:linear-gradient(180deg,var(--green),#081c15);
  border-bottom:1px solid var(--line);
}
.house-intro>p{
  margin:22px 0 0;max-width:1100px;
  font:400 clamp(30px,4.3vw,64px)/1.22 Didot,"Bodoni MT","Times New Roman",serif;
  color:#ebe4d7;
}
.house-rules{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:65px}
.house-rules>div{border-top:1px solid var(--line);padding-top:16px;display:grid;gap:6px}
.house-rules span{color:var(--gold);font-size:9px;letter-spacing:.16em}
.house-rules b{font:400 18px Didot,"Bodoni MT","Times New Roman",serif}
.house-rules small{color:#918f87;line-height:1.6}
.section{padding:8vw 5vw}
.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px}
.section h2,.acquisition h2{font-size:clamp(38px,4.7vw,67px);margin:8px 0 0}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:46px 26px}
.card{transition:transform .25s ease}
.card:hover{transform:translateY(-3px)}
.art-wrap{
  background:#e8e1d5;padding:14px;box-shadow:0 17px 40px rgba(0,0,0,.18);
}
.card img{width:100%;aspect-ratio:4/5;object-fit:contain;display:block}
.card-topline,.cardline{
  display:flex;justify-content:space-between;gap:20px;
  font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:#98958d;
}
.card-topline{margin-top:15px;color:var(--gold)}
.card h3{font-size:24px;margin:10px 0 8px}
.founding .art-wrap{outline:1px solid rgba(185,153,88,.55);outline-offset:5px}
.acquisition{
  display:grid;grid-template-columns:1fr 1fr;gap:8vw;
  padding:8vw 7vw;background:#061711;border-top:1px solid var(--line);
}
.acquisition-copy{align-self:end;max-width:540px}
.acquisition-copy p{color:#aaa79e;line-height:1.9;margin:0 0 18px}
.archive-page{min-height:72vh;padding:9vw 7vw}
.archive-page h1{font-size:clamp(58px,8vw,110px);margin:16px 0 24px}
.archive-page>p{max-width:650px;color:#aaa79e;line-height:1.8}
.archive-empty{margin-top:70px;border-top:1px solid var(--line);padding-top:25px;color:#77766f;letter-spacing:.1em;text-transform:uppercase;font-size:10px}
.detail{
  min-height:85vh;display:grid;grid-template-columns:1.3fr .7fr;
  gap:7vw;padding:6vw;
}
.detail img{
  width:100%;max-height:78vh;object-fit:contain;
  background:#e8e1d5;padding:18px;box-shadow:0 24px 60px rgba(0,0,0,.25)
}
.detail h1{font-size:clamp(45px,5vw,70px)}
.detail .copy{align-self:center}
.detail p{color:#aaa79f;line-height:1.8}
.detail .price{font:400 30px Didot,"Bodoni MT","Times New Roman",serif;color:var(--gold)}
footer{
  padding:38px 5vw;border-top:1px solid var(--line);
  color:#76766f;font-size:9px;letter-spacing:.12em;text-transform:uppercase;
  display:flex;justify-content:space-between;align-items:center;gap:25px;
}
.footer-brand{display:flex;align-items:center;gap:10px;color:var(--gold-soft)}
@media(max-width:900px){
  .hero,.detail,.acquisition{grid-template-columns:1fr}
  .hero{gap:50px;padding-top:11vw}
  .hero-art{max-width:720px}
  .house-rules{grid-template-columns:1fr 1fr}
  .grid{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .site-header{padding:17px 5vw}
  .crest{width:36px;height:36px}
  .brand-copy b{font-size:15px}
  nav{gap:13px}
  nav a:nth-child(2){display:none}
  .hero{padding:12vw 6vw 15vw;min-height:auto}
  h1{font-size:52px}
  .lede{font-size:15px}
  .hero-actions{align-items:flex-start;flex-direction:column;gap:19px}
  .house-mark{margin-top:45px}
  .house-intro{padding:17vw 7vw}
  .house-rules{grid-template-columns:1fr;margin-top:45px}
  .section{padding:15vw 5vw}
  .section-head{display:block}
  .section-head .meta{margin-top:12px}
  .grid{grid-template-columns:1fr;gap:50px}
  .acquisition{padding:16vw 7vw}
  footer{align-items:flex-start;flex-direction:column}
}
