/* Landscape sizing shared by the selected production pages. */
.hill-country .austin-art { min-width:0; }
.hill-country .austin-art img { max-height:200px; object-fit:contain; }
@media(max-width:760px) { .hill-country .austin-art img { max-height:150px; } }
@media(max-width:580px) { .hill-country .austin-art img { max-height:110px; } }
@media print { .hill-country .austin-art,.hill-country .austin-place { display:none; } }

/* Hill Country Journal: an editorial field book with a quiet Texas landscape. */
:root {
  --paper: #f8f4e9;
  --surface: #eee9d9;
  --ink: #2d3b32;
  --muted: #62685a;
  --line: #cccbb8;
  --orange: #a84f2d;
  --hill-sage: #70826a;
  --hill-sage-ink: #53664c;
  --hill-pale: #e2e7d9;
}
.hill-country {
  background-color: var(--paper);
  background-image: radial-gradient(#6f70591a .55px, transparent .7px);
  background-size: 7px 7px;
}
.hill-country .site-header {
  background: var(--paper);
  border-top: 4px solid var(--hill-sage);
}
.hill-country .nav { border-bottom: 1px solid var(--ink); }
.hill-country .nav::after {
  width: 100%; height: 1px; bottom: -5px; border-radius: 0;
  background: var(--line);
}
.hill-country .brand { font-family: var(--serif); font-size: 27px; font-weight: 400; }
.hill-country .brand-given { font-size: 1em; }
.hill-country .brand-underline { opacity: .5; }
.hill-country .brand-gear { color: var(--hill-sage); }
.hill-country .nav-links .contact {
  border: 1px dashed var(--hill-sage); background: var(--hill-pale);
  color: var(--ink); border-radius: 2px; box-shadow: none;
}
.hill-country .nav-links .contact:is(:hover,:focus-visible) {
  background: #d6dfcc; box-shadow: none;
}
.hill-country .nav-links a:not(.contact):is(:hover,:focus-visible,[aria-current]) {
  background: #e9eadc; color: var(--ink);
}
.hill-country h1,
.hill-country h2 { font-family: var(--serif); font-weight: 400; letter-spacing: -.045em; }
.hill-country h1 { font-size: clamp(42px,5.5vw,63px); line-height: 1.05; }
.hill-country h2 { font-size: clamp(32px,3.6vw,42px); }
.hill-country .hero {
  padding-top: 62px; padding-bottom: 44px; column-gap: 66px; row-gap: 35px;
}
/* Keep the landscape in the existing hero footprint, beneath the copy and photo. */
.hill-country .hero::before {
  display: block;
  background: url('/assets/hill-country.svg') center bottom / 100% auto no-repeat;
  opacity: .45;
}
/* The original masked notebook grid is defined in styles.css. */
.hill-country .hero::after { display: block; }
/* Small paper strips follow only the text, leaving the landscape between lines. */
.hill-country .hero .reading-line {
  background: rgba(248,244,233,.86);
  box-shadow: 0 0 0 2px rgba(248,244,233,.86);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
.hill-country .hero .text-link > .reading-line {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.hill-country .hero .eyebrow { color: var(--hill-sage-ink); font-size: .69rem; letter-spacing: .16em; }
.hill-country .hero .detail { max-width: 470px; color: var(--ink); }
.hill-country .action {
  border: 1px solid var(--orange); border-radius: 2px;
  box-shadow: 3px 3px 0 var(--paper), 4px 4px 0 #bfab8b;
}
.hill-country .portrait { position: relative; }
.hill-country .portrait-frame {
  background: #fffaf0; padding: 10px 10px 25px;
  box-shadow: 0 4px 9px #3e45200c; transform: rotate(2deg);
}
.hill-country .portrait-frame img { border-radius: 0; }
.hill-country .portrait-frame::before { background: #9aab7761; border-color: #7f906866; left: 41%; }
.hill-country .portrait-frame::after { display: none; }
.hill-country .portrait figcaption { font-family: var(--serif); }
.hill-country .portrait-note { color: var(--ink); }
.hill-country .austin-place {
  position: absolute; z-index: 2; right: -4px; top: -22px;
  padding: 5px 9px; border: 1px dashed var(--hill-sage); border-radius: 2px;
  background: var(--hill-pale); color: var(--ink);
  font: 500 .62rem/1.5 var(--sans); letter-spacing: .12em;
  text-transform: uppercase; transform: rotate(-7deg);
}
.hill-country .austin-art {
  grid-column: 1/-1; width: 100%; margin: 0;
  padding: 10px 0 0; border-top: 1px solid var(--line);
}
.hill-country .austin-art img { display: block; width: 100%; height: auto; }
.hill-country .education {
  padding: 25px 20px; background: #e9eddf;
  border-top: 1px solid var(--hill-sage); border-bottom: 1px solid var(--line);
}
.hill-country .degree { padding-left: 14px; }
.hill-country .degree:first-child { border-color: var(--hill-sage); }
.hill-country .degree:first-child strong { color: var(--ink); }
.hill-country .work { padding-top: 56px; }
.hill-country .section-top .eyebrow { color: var(--hill-sage-ink); }
.hill-country .work .case::before { width: 50px; background: var(--hill-sage); }
.hill-country .case-company { font-family: var(--serif); font-size: 1.15rem; }
.hill-country .case-title { font-weight: 500; }
.hill-country .case-body { border-color: var(--hill-sage); background: #eeeede; }
.hill-country .metric { border-left-style: dashed; }
.hill-country .metric strong { font-family: var(--serif); font-weight: 400; }
.hill-country .about-surface { background: #e8ecde; border-block: 1px solid #b9c3ab; }
.hill-country .workshop img { padding: 9px 9px 24px; border-radius: 0; background: #fffcf3; }
.hill-country .curiosity-ornament { color: var(--hill-sage); }
.hill-country .life-frame { padding: 8px 8px 20px; background: #fffcf3; border-radius: 0; }
.hill-country .life-grid > .life-note:first-child .life-frame { transform: rotate(-1.3deg); }
.hill-country .life-ski .life-frame { transform: rotate(1.4deg); }
.hill-country .life-label { color: var(--hill-sage-ink); }
.hill-country .footer { border-top: 1px solid var(--ink); }
.hill-country .footer::before { background: var(--hill-sage); width: 72px; }
.hill-country .projects-main { padding-top: 56px; }
.hill-country .projects-intro { padding-bottom: 30px; }
.hill-country .projects-note { border-left: 1px dashed var(--line); padding-left: 28px; }
.hill-country .projects-note svg { color: var(--hill-sage); }
.hill-country.page-projects .austin-art { margin-bottom: 31px; }
.hill-country .project-gallery { border-top: 0; padding-top: 0; }
.hill-country .project-photo { padding: 10px 10px 26px; background: #fffcf3; transform: rotate(-1deg); }
.hill-country .project-photo img { border-radius: 0; }
.hill-country .project-photo::before { background: #9aab7761; border-color: #7f906866; }
.hill-country .project-meta { color: var(--hill-sage-ink); }
.hill-country .project-body { border-top: 2px solid var(--hill-sage); padding-top: 21px; }
.hill-country .project-featured:only-child .project-body { padding-top: 21px; }
.hill-country .project-story { border-top-style: dashed; }
@media(max-width:960px) {
  .hill-country .hero { column-gap: 34px; }
  .hill-country .brand { font-size: 25px; }
  .hill-country .projects-note { padding-left: 18px; }
}
@media(max-width:760px) {
  .hill-country .hero { padding-top: 43px; column-gap: 26px; row-gap: 30px; }
  .hill-country h1 { font-size: 43px; }
  .hill-country .austin-art img { min-height: 110px; object-fit: cover; object-position: center; }
  .hill-country .education { padding-inline: 16px; }
}
@media(max-width:580px) {
  .hill-country .brand { font-size: 24px; }
  .hill-country .hero { padding-top: 34px; padding-bottom: 32px; row-gap: 32px; }
  .hill-country .hero h1 { font-size: clamp(36px,8.6vw,47px); }
  .hill-country .portrait-frame { padding: 4px 4px 11px; grid-column: 1; grid-row: 1; }
  .hill-country .austin-place { right: auto; left: 0; top: -16px; font-size: .625rem; padding: 2px 6px; transform: rotate(-5deg); }
  .hill-country .portrait figcaption { font-family: var(--sans); }
  .hill-country .portrait-note { font-size: .95rem; grid-column: 2; grid-row: 1; align-self: center; margin-top: 0; }
  .hill-country .austin-art img { min-height: 100px; object-position: left center; }
  .hill-country .projects-main { padding-top: 34px; }
  .hill-country .projects-note { padding-left: 14px; }
  .hill-country .life-frame { padding: 5px 5px 13px; }
  .hill-country .workshop img { padding: 5px 5px 13px; }
  .hill-country .project-photo { padding: 8px 8px 20px; transform: none; }
  .hill-country .project-body h2 { font-size: 36px; }
}
@media(max-width:359px) {
  .hill-country .nav-full .brand { font-size: 21px; gap: 8px; }
  .hill-country .nav-full .brand-gear { width: 19px; height: 19px; }
  .hill-country .nav-full .nav-links .contact { font-size: .7rem; padding-inline: 5px; right: 0; }
  .hill-country .nav-full .nav-links .contact .icon { display: none; }
  .hill-country .hero h1 { font-size: 34px; }
}
@media print {
  .hill-country .hero::before,.hill-country .hero::after { display:none; }
  .hill-country .hero .reading-line { background:none; box-shadow:none; }
}