@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,500&family=Inter:wght@400;500;600&family=Pacifico&display=swap');

:root{
  --ink:#211b16;
  --paper:#f0e7d7;
  --paper-2:#f6efe3;
  --dark:#0b0d0c;
  --dark-2:#111413;
  --gold:#c48a37;
  --gold-bright:#dda651;
  --blue:#294f5f;
  --rule:#d5c3a4;
  --serif:"Cormorant Garamond", Georgia, serif;
  --sans:"Inter", Arial, sans-serif;
  --script:"Pacifico", cursive;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans)}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
.wrap{width:min(1120px,calc(100% - 48px));margin-inline:auto}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

.hero{background:#000}
.hero>img{width:100%;height:auto;display:block}

.quote-band{
  display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;
  padding-top:50px;padding-bottom:46px;border-bottom:1px solid var(--rule)
}
.quote-mark{font:600 68px/.8 var(--serif);color:var(--gold)}
.quote-band blockquote{margin:0;font:italic 600 clamp(32px,4vw,54px)/.98 var(--serif)}
.quote-credit{font:500 28px var(--script);color:var(--gold)}

.editorial{padding-top:68px;padding-bottom:72px}
.two-col{display:grid;grid-template-columns:.92fr 1.35fr;gap:72px}
.editorial article+article{border-left:1px solid var(--rule);padding-left:58px}
.eyebrow{font:600 11px var(--sans);text-transform:uppercase;letter-spacing:.22em;color:var(--gold);margin:0 0 16px}
.editorial p{font:500 18px/1.48 var(--serif);margin:0 0 18px}
.accent,.lead{font-style:italic;color:#775126}
.lead{font-size:22px!important;line-height:1.25!important}

.recovered{background:linear-gradient(180deg,#111513,#070908);color:#f3eadc;padding:62px 0 72px}
.recovered-head{text-align:center;margin-bottom:36px}
.recovered-head h2{max-width:850px;margin:0 auto;font:500 clamp(42px,5vw,68px)/.9 var(--serif)}
.artifact-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.artifact-image{width:100%;aspect-ratio:1.22;overflow:hidden;border:1px solid rgba(221,166,81,.45);background:#151515}
.artifact-grid img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.025)}
.artifact-grid article:nth-child(3) img,
.artifact-grid article:nth-child(5) img{transform:scale(1.22)}
.artifact-grid h3{margin:12px 0 6px;font:600 18px/1 var(--serif)}
.artifact-grid p{margin:0;color:var(--gold-bright);font:italic 500 15px/1.25 var(--serif)}

.development{
  display:grid;grid-template-columns:1fr 1.15fr .82fr;gap:30px;align-items:stretch;
  padding-top:62px;padding-bottom:64px;background:var(--paper)
}
.development>img{width:100%;height:100%;object-fit:cover;min-height:270px;border:1px solid var(--rule)}
.development h2{margin:0 0 6px;font:600 34px/1 var(--serif)}
.development p{font:500 17px/1.42 var(--serif);margin:0 0 16px}
.date{color:#805b2d;font-weight:600!important}
.development-cards{border:1px solid var(--rule);padding:22px;background:rgba(255,255,255,.18)}
.development-cards div+div{border-top:1px solid var(--rule);padding-top:22px;margin-top:22px}
.development-cards h3{margin:0 0 8px;font:600 11px var(--sans);text-transform:uppercase;letter-spacing:.16em}

.closing{background:#14110f;color:#fff;text-align:center;padding:82px 32px}
.closing blockquote{max-width:950px;margin:0 auto;font:italic 500 clamp(42px,5vw,72px)/1.02 var(--serif)}
.closing-signature{margin-top:34px;font:500 34px var(--script);color:var(--gold-bright)}

.site-footer{background:#0e1110;color:#eee4d6;padding:28px 32px 24px}
.continue-label{margin:0 0 12px;color:var(--gold-bright);font-size:11px;text-transform:uppercase;letter-spacing:.2em}
.continue-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.continue-grid a{border:1px solid rgba(221,166,81,.26);padding:18px;background:#101211}
.continue-grid span{display:block;color:var(--gold);font-size:10px;text-transform:uppercase;letter-spacing:.17em}
.continue-grid strong{display:block;margin-top:6px;font-size:14px;text-transform:uppercase;letter-spacing:.12em}
.continue-grid p{margin:5px 0 0;font:500 14px var(--serif)}
.footer-bottom{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:24px}
.footer-bottom p{margin:0;font:500 13px var(--serif)}
.footer-bottom .sig{font:500 24px var(--script);color:var(--gold-bright)}

@media(max-width:900px){
  .two-col,.development{grid-template-columns:1fr}
  .editorial article+article{border-left:0;border-top:1px solid var(--rule);padding-left:0;padding-top:42px}
  .artifact-grid{grid-template-columns:repeat(3,1fr)}
  .development>img{height:340px}
}
@media(max-width:560px){
  .wrap{width:min(100% - 32px,1120px)}
  .quote-band{grid-template-columns:auto 1fr;gap:14px;padding-top:34px;padding-bottom:32px}
  .quote-credit{grid-column:2}
  .editorial{padding-top:48px;padding-bottom:52px}
  .artifact-grid{grid-template-columns:repeat(2,1fr)}
  .recovered{padding:48px 0 54px}
  .development{padding-top:44px;padding-bottom:48px}
  .continue-grid{grid-template-columns:1fr}
  .footer-bottom{flex-direction:column;text-align:center}
}


/* NPX PRODUCTION BLOCK */
.npx-production{padding:clamp(3rem,7vw,6rem) clamp(1.25rem,5vw,5rem);background:#f3eee5;color:#231d19;text-align:center;}
.npx-production__inner{max-width:760px;margin:0 auto;}
.npx-production__eyebrow{margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.16em;font-size:.76rem;font-weight:700;}
.npx-production h2{margin:.1rem 0 1rem;font:inherit;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2rem,4vw,3.25rem);line-height:1.05;}
.npx-production p{max-width:650px;margin:0 auto 1.5rem;line-height:1.7;}
.npx-production__button{display:inline-block;padding:.9rem 1.25rem;border:1px solid currentColor;color:inherit;text-decoration:none;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;font-weight:700;}
.npx-production__button:hover,.npx-production__button:focus-visible{transform:translateY(-1px);}

/* REMAINS GOLD MASTER — PERFORMANCE DESIGN WATERMARK */
.performance-design{position:relative;overflow:hidden;}
.performance-design::after{
  content:"PRIVATE";
  position:absolute;
  right:clamp(1.5rem,5vw,4.5rem);
  top:50%;
  transform:translateY(-50%) rotate(-6deg);
  font:600 clamp(3.8rem,9vw,8rem)/1 var(--sans);
  letter-spacing:.16em;
  color:rgba(128,91,45,.055);
  border:clamp(2px,.25vw,4px) solid rgba(128,91,45,.05);
  padding:.08em .16em .04em .3em;
  pointer-events:none;
  user-select:none;
  z-index:0;
}
.performance-design > *{position:relative;z-index:1;}
.performance-design h2{max-width:18ch;}
.performance-design article strong{font-weight:600;color:#775126;}

@media(max-width:900px){
  .performance-design::after{right:1rem;top:62%;font-size:clamp(3.3rem,14vw,6rem);}
}
@media(max-width:560px){
  .performance-design::after{top:72%;right:-1.2rem;font-size:3.6rem;opacity:.75;}
}