@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/manrope-normal-400.woff2) format('woff2');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/fonts/manrope-normal-500.woff2) format('woff2');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/fonts/manrope-normal-600.woff2) format('woff2');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/fonts/manrope-normal-700.woff2) format('woff2');
}
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(assets/fonts/playfair-display-italic-500.woff2) format('woff2');
}


:root{--paper:#f3f0e9;--ink:#252b25;--muted:#73766b;--line:#d9d8cd;--accent:#d8ff53}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:14px Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{outline-offset:5px}header{margin:0 4%;height:105px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{font-size:30px;font-weight:700;letter-spacing:-2px}.logo span{color:#84966d}nav{display:flex;gap:34px;font-size:12px}.contact{border-bottom:1px solid;padding-bottom:5px}.hero{padding:65px 4% 0}.eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:2px;display:flex;align-items:center;gap:10px}.dot{width:7px;height:7px;background:#829765;border-radius:50%}h1{font-size:clamp(48px,6.6vw,105px);font-weight:500;letter-spacing:-5px;line-height:1.06;margin:27px 0 32px;max-width:1200px}em{font-family:'Playfair Display',Georgia,serif;font-weight:500}h1 em{color:#758367}.hero-bottom{display:flex;justify-content:space-between;align-items:end;margin-bottom:38px}.hero-bottom p{line-height:1.7;max-width:380px;margin:0;color:#6d7167}.pill{display:inline-flex;align-items:center;gap:40px;background:var(--ink);color:white;padding:18px 23px;border-radius:40px;border:0;cursor:pointer}.arrow{font-size:21px}.hero-photo{position:relative;height:570px;overflow:hidden;background:#d3b292}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center 52%}.image-label{position:absolute;bottom:25px;left:25px;background:#f3f0e9ed;padding:14px 18px;display:flex;gap:55px;font-size:11px}.caption{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;padding:12px 0}.section{margin:105px 4% 0}.heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.heading h2,h2{font-size:clamp(35px,4vw,60px);font-weight:500;letter-spacing:-2px;margin:14px 0 0}.heading p{max-width:310px;line-height:1.7;color:var(--muted)}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}.filters button{background:transparent;border:1px solid var(--line);border-radius:24px;padding:10px 17px;cursor:pointer;color:var(--ink)}.filters button.active{background:var(--ink);color:white;border-color:var(--ink)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:42px 24px}.card img{width:100%;height:440px;object-fit:cover;display:block;transition:transform .6s}.card .photo{overflow:hidden;background:#ddd6c9}.card:hover img{transform:scale(1.035)}.card:nth-child(even){padding-top:65px}.card[hidden]{display:none}.card-title{display:flex;justify-content:space-between;margin-top:17px;font-size:17px}.card small{display:block;color:var(--muted);margin-top:7px;font-size:11px}.services{border-top:1px solid var(--line);padding-top:50px;display:grid;grid-template-columns:1fr 1.3fr;gap:70px}.services h2{max-width:400px}.service{border-bottom:1px solid var(--line);padding:25px 0;display:grid;grid-template-columns:35px 1fr;gap:15px}.service:first-child{padding-top:0}.service span{font-size:10px;color:var(--muted);padding-top:6px}.service h3{margin:0;font-weight:500;font-size:22px}.service p{max-width:470px;color:var(--muted);line-height:1.8}.process{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:40px}.process article{border-top:1px solid var(--line);padding-top:20px}.process b{font-size:11px;color:var(--muted)}.process h3{font-size:23px;font-weight:500;margin:35px 0 12px}.process p{color:var(--muted);line-height:1.8}.brief{background:var(--ink);color:var(--paper);padding:65px;display:grid;grid-template-columns:1fr 1fr;gap:65px}.brief h2{font-size:55px;margin:20px 0}.brief p{color:#b9bfb1;line-height:1.8}.brief label{display:block;font-size:11px;margin-bottom:9px}.brief input,.brief textarea,.brief select{width:100%;border:0;border-bottom:1px solid #5f6759;background:transparent;color:var(--paper);padding:12px 0;margin-bottom:25px;border-radius:0}.brief select option{color:var(--ink)}.brief textarea{resize:vertical}.brief .pill{background:var(--accent);color:var(--ink)}.note{font-size:10px}.status{font-size:12px;line-height:1.7}footer{margin:45px 4% 0;padding:25px 0;display:flex;justify-content:space-between;border-top:1px solid var(--line);align-items:center;color:var(--muted);font-size:11px}footer .logo{color:var(--ink)}@media(max-width:700px){header{height:80px}nav{gap:15px}nav a:nth-child(2){display:none}.logo{font-size:24px}.hero{padding-top:40px}h1{letter-spacing:-2px}.hero-bottom{display:block}.hero-bottom .pill{margin-top:25px}.hero-photo{height:410px}.image-label{left:15px;bottom:15px;gap:20px}.section{margin-top:65px}.heading{display:block}.heading p{margin-top:20px}.grid{gap:25px 14px}.card img{height:250px}.card:nth-child(even){padding-top:35px}.card-title{font-size:13px}.services{grid-template-columns:1fr;gap:35px}.process{grid-template-columns:1fr;gap:20px}.process h3{margin-top:20px}.brief{padding:28px;grid-template-columns:1fr;gap:25px}.brief h2{font-size:39px}footer{gap:20px;flex-wrap:wrap}.caption{font-size:8px}}
.logo{font-size:20px;letter-spacing:-.8px}.logo span{font-size:10px;letter-spacing:0;font-weight:400}.direction-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.direction-grid article{border-top:1px solid var(--line);padding:20px 0}.direction-grid p{color:var(--muted);line-height:1.8;max-width:400px;margin:25px 0}.direct-contact{display:flex;gap:20px;flex-wrap:wrap;font-size:12px;margin-top:25px;text-decoration:underline}@media(max-width:700px){.logo{font-size:16px}.logo span{display:none}.direction-grid{grid-template-columns:1fr}}

/* Refinements retain the approved paper, olive ink, accent and type system. */
:root {
  --muted: #5e675a;
  --on-dark-muted: #b9bfb1;
  --field-border: #879780;
}
html { scrollbar-color: #758367 var(--paper); }
::selection { background: var(--accent); color: var(--ink); }
:focus-visible { outline: 2px solid var(--ink); outline-offset: 5px; }
.brief :focus-visible, .photo-viewer :focus-visible { outline-color: var(--paper); }
.skip-link {
  position: fixed; top: 12px; left: 4%; z-index: 10;
  padding: 12px 18px; background: var(--ink); color: var(--paper);
  transform: translateY(-160%);
}
.skip-link:focus { transform: translateY(0); }
.sr-only {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0;
}
[hidden] { display: none !important; }
.logo span, .hero-bottom p { color: var(--muted); }
.logo span, .eyebrow, .caption, .service span, .note { font-size: 12px; }
.card small, footer, .brief label { font-size: 13px; }
.caption { gap: 20px; flex-wrap: wrap; line-height: 1.6; }
.eyebrow { line-height: 1.7; letter-spacing: 1.5px; }
.dot { flex: 0 0 7px; }
nav a { display: inline-flex; align-items: center; min-height: 44px; }
.filters button { min-height: 44px; border-color: #7c8973; }
.card-link, .hero-photo-link { display: block; }
.hero-photo-link { height: 100%; }
.card-link:focus-visible { outline-offset: 8px; }
.direction-grid .pill { max-width: 100%; gap: 12px; line-height: 1.5; }
.grid, .direction-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.brief { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.brief > div { min-width: 0; }
.brief p { color: var(--on-dark-muted); }
.brief .contact-heading { color: var(--paper); margin: 0 0 14px; font-size: 16px; }
.contact-group { padding-bottom: 28px; border-bottom: 1px solid var(--field-border); margin-bottom: 32px; }
.direct-contact { margin-top: 0; gap: 10px 20px; font-size: 14px; align-items: center; text-decoration: none; }
.direct-contact .pill { flex-basis: auto; gap: 12px; min-height: 52px; }
.contact-secondary { display: inline-flex; align-items: center; min-height: 44px; text-decoration: underline; text-underline-offset: 4px; }
.form-heading { font-size: 22px; font-weight: 500; margin: 0 0 24px; }
.required-note { color: var(--on-dark-muted); font-weight: 400; }
.brief input, .brief textarea, .brief select {
  border-color: var(--field-border); font-size: 16px;
  min-height: 48px; caret-color: var(--accent);
}
.brief input::placeholder, .brief textarea::placeholder { color: var(--on-dark-muted); opacity: 1; }
.brief select option { background: var(--paper); color: var(--ink); }
.brief-actions { display: flex; gap: 12px 20px; align-items: center; flex-wrap: wrap; }
.brief-actions .pill { background: transparent; color: var(--paper); border: 1px solid var(--field-border); }
.copy-brief {
  min-height: 44px; padding: 10px 0; color: var(--paper);
  border: 0; background: transparent; text-decoration: underline;
  text-underline-offset: 4px; cursor: pointer;
}
.brief #brief-preview { margin-top: 28px; }
.status { min-height: 1.8em; font-size: 14px; }
.photo-viewer {
  width: min(1240px, 96vw); max-width: 96vw;
  height: calc(100vh - 32px); height: calc(100dvh - 32px); max-height: none;
  padding: 20px; border: 1px solid var(--field-border); border-radius: 0;
  background: var(--ink); color: var(--paper);
}
.photo-viewer[open] { display: grid; grid-template-rows: auto minmax(0, 1fr) auto auto; gap: 12px; }
.photo-viewer::backdrop { background: rgb(20 26 20 / 92%); }
.viewer-top, .viewer-bottom { display: flex; align-items: center; justify-content: space-between; gap: 18px; min-width: 0; }
.viewer-top p { margin: 0; font-size: 16px; overflow-wrap: anywhere; }
.viewer-image-wrap { min-height: 0; display: flex; align-items: center; justify-content: center; }
.viewer-image-wrap img { display: block; width: 100%; height: 100%; object-fit: contain; }
.viewer-image-wrap p { line-height: 1.7; }
.viewer-image-wrap a { text-decoration: underline; }
.viewer-control {
  flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center;
  min-width: 44px; min-height: 44px; padding: 10px 14px;
  border: 1px solid var(--field-border); background: transparent; color: var(--paper);
  font-size: 14px; cursor: pointer; gap: 12px;
}
.viewer-control:hover { background: #354032; }
.viewer-control svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.5; }
#viewer-count { margin: 0; font-size: 14px; }
#viewer-help { color: var(--on-dark-muted); font-size: 12px; margin: 0; text-align: center; }
@media (max-width: 900px) {
  .brief { grid-template-columns: minmax(0, 1fr); gap: 32px; padding: 36px; }
}
@media (max-width: 700px) {
  .hero-bottom p, .heading p, .direction-grid p, .service p, .process p, .brief > div > p { font-size: 16px; }
  .grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .direction-grid { grid-template-columns: minmax(0, 1fr); }
  .card-title { font-size: 14px; line-height: 1.5; gap: 8px; }
  .card-title span { flex-shrink: 0; }
  .card small { font-size: 12px; line-height: 1.6; }
  .caption { font-size: 11px; }
  .hero .eyebrow { align-items: baseline; font-size: 11px; }
  .brief { padding: 28px; }
  .direct-contact { align-items: stretch; flex-direction: column; gap: 6px; }
  .direct-contact .pill { align-self: flex-start; }
  .contact-secondary { align-self: flex-start; padding-block: 8px; }
  .photo-viewer { padding: 12px; gap: 8px; }
  .viewer-top { gap: 10px; }
  .viewer-top p { font-size: 14px; }
}
@media (max-width: 400px) {
  .nav-context { display: none; }
  header nav { gap: 12px; }
  .brief { padding: 24px; }
  .image-label { gap: 12px; padding: 12px; right: 15px; font-size: 11px; flex-wrap: wrap; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .card img { transition: none; }
  .card:hover img { transform: none; }
}