:root{
  --paper:#f4f0e4;
  --ink:#15271d;
  --rust:#8f1729;
  --muted:#59635a;
  --line:#c9c0aa;
  --peach:#cfb56d;
}

body{background:var(--paper);color:var(--ink)}
header{background:#f4f0e4;border-bottom:1px solid var(--line)}
.wordmark span{color:#647065}
.site-nav a[aria-current="page"]{color:var(--rust)}
.site-nav a[aria-current="page"]::after{background:var(--rust)}

.hero,.page-hero,footer,.page-cta,.creator-model{background:#13251b}
.hero,.page-hero{border-bottom:5px solid var(--rust)}
.hero .eyebrow,.page-hero .eyebrow,footer .eyebrow,.creator-model .eyebrow{color:var(--peach)}
.hero h1 em,.page-hero h1 em,footer h2 em,.page-cta h2 em,.creator-model h2 em{color:#dcc57e}
.hero-bottom p,.page-hero-copy .lead{color:#e8e4d8}
.edition,.metrics span,.hero-principles span{color:#cbd1c8}
.button:hover{background:#294534}

.integrated,.next-pages{background:#e8e1d1}
.series{background:#eee7d8}
.toolkit{background:#8f1729;color:#f8f2e4}
.toolkit .eyebrow{color:#dcc57e}
.business-band{background:#194b34;color:#f7f2e6}
.business-band h2 em{color:#dcc57e}
.business-band .eyebrow{color:#dcc57e}
.business-band .scope-grid article{border-color:rgba(244,240,228,.35)}
.value-grid article{background:#e8e1d1}
.next-card{background:#f8f4e9}
.next-card:hover{background:#fffaf0}

.personal-page{--paper:#f4f0e4;--ink:#15271d;--rust:#8f1729;--peach:#cfb56d}
.personal-hero{background:#13251b}
.personal-hero::after{background:linear-gradient(135deg,rgba(143,23,41,.42),transparent 58%)}
.personal-hero h1 em,.personal-stats strong{color:#dcc57e}
.profile-links .button{border-color:#8e9d90;color:#f8f4e9;min-width:170px}
.art-grid{grid-template-columns:repeat(3,1fr)}
.art-grid figure:first-child{grid-row:auto}
.art-grid figure:first-child img,.art-grid figure:not(:first-child) img{aspect-ratio:1;min-height:0;object-fit:cover}
.art-grid a{display:block;height:100%;overflow:hidden;position:relative}
.art-grid img{image-rendering:auto;transition:filter .25s,transform .35s}
.art-grid a:hover img{filter:saturate(1.08) contrast(1.04);transform:scale(1.025)}
.art-grid figcaption{background:rgba(19,37,27,.94);color:#f8f4e9}
.creator-grid article{background:#1e3828}
.creator-grid h3{color:#dcc57e}
.creator-grid p{color:#d9dfd7}

@media(max-width:980px){.art-grid{grid-template-columns:repeat(3,1fr)}.art-grid figure:first-child{grid-column:auto}}
@media(max-width:700px){.art-grid{grid-template-columns:1fr}.art-grid figure:first-child{grid-column:auto}}

.contact-page main{background:#13251b;color:#f7f2e6}
.contact-hero{margin:auto;max-width:1440px;padding:85px 6vw 70px}
.contact-hero>.eyebrow{color:#dcc57e;margin-bottom:45px}
.contact-hero h1{font-size:clamp(60px,9vw,126px);max-width:1050px}
.contact-hero h1 em{color:#dcc57e}
.contact-intro{align-items:end;display:grid;gap:60px;grid-template-columns:1.25fr .75fr;margin:48px 0 70px}
.contact-intro .lead{color:#e8e4d8;max-width:720px}
.contact-location{border-left:1px solid #667368;color:#cbd1c8;font-size:13px;letter-spacing:.12em;padding-left:24px;text-transform:uppercase}
.contact-grid{border-bottom:1px solid #667368;border-top:1px solid #667368;display:grid;grid-template-columns:1fr 1fr}
.contact-card{min-height:260px;padding:38px 34px;text-decoration:none;transition:background .2s,color .2s}
.contact-card:first-child{border-right:1px solid #667368}
.contact-card span{color:#dcc57e;display:block;font-size:11px;font-weight:700;letter-spacing:.16em;margin-bottom:55px}
.contact-card strong{display:block;font:clamp(28px,4vw,50px)/1.1 Georgia,serif;font-weight:400;letter-spacing:-.035em;overflow-wrap:anywhere}
.contact-card small{color:#cbd1c8;display:block;font-size:13px;margin-top:20px}
.contact-card:hover{background:#8f1729;color:#fffaf0}
.contact-card:hover span,.contact-card:hover small{color:#f3dfaa}
.contact-socials{align-items:center;display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between;padding-top:45px}
.contact-socials p{color:#cbd1c8;max-width:520px}
.contact-social-links{display:flex;flex-wrap:wrap;gap:12px}
.contact-social-links .button{border-color:#7b897d;color:#f7f2e6;min-width:150px}
.contact-page footer{border-top:1px solid #435448}

@media(max-width:760px){
  .contact-intro,.contact-grid{grid-template-columns:1fr}
  .contact-location{border-left:0;border-top:1px solid #667368;padding:20px 0 0}
  .contact-card:first-child{border-bottom:1px solid #667368;border-right:0}
  .contact-card{min-height:220px;padding-left:0;padding-right:0}
  .contact-socials{align-items:flex-start;flex-direction:column}
}