@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{
  --paper:#f5efe4;
  --ink:#251b17;
  --evergreen:#16392e;
  --burgundy:#7c221f;
  --gold:#c18b3c;
  --rule:#dbcbb4;
  --dark:#0d1713;
  --serif:"Cormorant Garamond", Georgia, serif;
  --sans:"Inter", Arial, sans-serif;
  --script:"Pacifico", cursive;
}
*{box-sizing:border-box}
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(1180px,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 img{width:100%;height:auto}
.eyebrow{font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--burgundy);margin:0 0 16px}
.quote-band{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:36px 0;border-bottom:1px solid var(--rule)}
.quote-mark{font:600 58px/.8 var(--serif);color:var(--gold)}
.quote-band blockquote{margin:0;text-align:center;font:600 34px/1.15 var(--serif);color:var(--burgundy)}
.quote-credit,.closing-signature,.sig{font-family:var(--script);color:var(--burgundy)}
.quote-credit{font-size:28px}
.editorial{display:grid;grid-template-columns:1.08fr .88fr 1.08fr;padding:48px 0 56px}
.editorial article{padding:0 26px;border-right:1px solid var(--rule)}
.editorial article:first-child{padding-left:0}
.editorial article:last-child{padding-right:0;border-right:0}
.editorial p{font:500 17px/1.45 var(--serif)}
.accent{color:#7a4a2d;font-style:italic}
.theme-grid{display:grid;grid-template-columns:repeat(2,1fr)}
.theme-grid div{min-height:110px;border:1px solid var(--rule);margin:-1px 0 0 -1px;display:flex;align-items:center;justify-content:center;text-align:center;font:500 18px/1.2 var(--serif)}
.recovered{background:linear-gradient(#173a2e,#0c1f19);color:#f7f0e4;padding:60px 0 68px}
.recovered-head{text-align:center;margin-bottom:30px}
.recovered-head .eyebrow{color:#dfb05f}
.recovered-head h2{margin:0;font:600 clamp(44px,5vw,68px)/.9 var(--serif)}
.artifact-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.artifact-grid article{min-width:0;overflow:hidden}
.artifact-grid img{
  width:100%;
  aspect-ratio:1.18;
  object-fit:cover;
  object-position:center;
  background:#102a22;
  border:1px solid rgba(223,176,95,.58);
  transform:scale(1.025);
}
.artifact-grid h3{margin:10px 0 4px;font:600 16px/1.05 var(--serif)}
.artifact-grid p{margin:0;color:#dfb05f;font:italic 500 14px/1.25 var(--serif)}
.notebook{padding:64px 0 70px}
.notebook h2{margin:0 0 28px;font:500 46px/.95 var(--serif)}
.notebook-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--rule)}
.notebook-grid a{padding:22px;min-height:150px;background:#fff;border-right:1px solid var(--rule)}
.notebook-grid a:last-child{border-right:0}
.notebook-grid span{display:block;color:var(--evergreen);font-size:11px;letter-spacing:.15em;text-transform:uppercase;font-weight:700;margin-bottom:14px}
.notebook-grid small{display:block;color:#675b52;font-size:13px;line-height:1.45}
.development{display:grid;grid-template-columns:1.3fr .9fr;gap:32px;padding:0 0 62px}
.development h2{margin:0 0 10px;font:600 38px/1 var(--serif)}
.development p{font:500 18px/1.45 var(--serif)}
.development-cards{border:1px solid var(--rule);background:#fff;padding:22px}
.development-cards div+div{border-top:1px solid var(--rule);padding-top:20px;margin-top:20px}
.development-cards h3{margin:0 0 8px;color:var(--burgundy);font-size:11px;letter-spacing:.16em;text-transform:uppercase}
.closing{background:#15100e;color:#fff;text-align:center;padding:80px 32px}
.closing blockquote{margin:0;font:500 clamp(42px,5vw,72px)/1.02 var(--serif)}
.closing-signature{font-size:34px;margin-top:34px}
.site-footer{background:var(--dark);color:#efe9df;padding:24px 32px}
.continue-label{margin:0 0 12px;color:#dfb05f;font-size:11px;letter-spacing:.18em;text-transform:uppercase}
.continue-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.continue-grid a{border:1px solid rgba(223,176,95,.28);padding:18px}
.continue-grid span{display:block;color:#dfb05f;font-size:10px;letter-spacing:.16em;text-transform:uppercase}
.continue-grid strong{display:block;margin-top:6px;text-transform:uppercase;letter-spacing:.1em}
.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:22px}
.footer-bottom p{margin:0;font:500 13px var(--serif)}
.footer-bottom .sig{font-size:24px;color:#dfb05f}
@media(max-width:900px){
  .editorial{grid-template-columns:1fr}
  .editorial article{border-right:0;border-bottom:1px solid var(--rule);padding:28px 0}
  .artifact-grid{grid-template-columns:repeat(2,1fr)}
  .notebook-grid{grid-template-columns:repeat(2,1fr)}
  .development{grid-template-columns:1fr}
}
@media(max-width:560px){
  .wrap{width:min(100% - 32px,1180px)}
  .quote-band{grid-template-columns:auto 1fr}
  .quote-credit{grid-column:2}
  .artifact-grid,.notebook-grid,.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);}