:root{color-scheme:light;--paper:#fdfdfd;--ink:#262925;--accent:#18382e;--line:#d9ddd6}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.55 system-ui,sans-serif}header,main,footer{max-width:1320px;margin:auto;padding-inline:clamp(20px,5vw,76px)}header,footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:22px;font-size:13px}header a{text-decoration:none}nav{display:flex;gap:20px}a{color:var(--accent);text-underline-offset:.24em}a:focus-visible{outline:2px solid var(--accent);outline-offset:4px} .hero{border-top:1px solid transparent;border-image:linear-gradient(90deg,#a36a48 0%,#bb805a 30%,#dea47d 52%,#b77a55 74%,#966246 100%) 1;display:grid;grid-template-columns:1.65fr 1fr;gap:clamp(24px,7vw,100px);align-items:end;padding-block:clamp(42px,6vw,88px)}h1,h2,h3{color:var(--accent);font-family:Georgia,serif;font-weight:400;line-height:1.05;margin:0}h1{font-size:clamp(65px,10vw,145px);letter-spacing:-.066em}.case h1{font-size:clamp(44px,6vw,90px)}h2{font-size:clamp(37px,5vw,64px);letter-spacing:-.04em}h3{font-size:clamp(24px,2.6vw,35px);margin-top:16px}.lead{font-size:clamp(18px,2.3vw,28px);margin:20px 0 0}.eyebrow,small{font-size:11px;font-weight:700;letter-spacing:.15em;color:var(--accent)}aside{border-left:1px solid var(--line);padding-left:24px}hr{border:0;border-top:1px solid var(--line)}section:not(.hero){border-top:1px solid var(--line);padding-block:35px 60px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:28px}.grid article{background:var(--paper);padding:22px}.products,.axes{grid-template-columns:repeat(2,1fr)}.prose>p:not(.eyebrow){max-width:72ch}.result{background:var(--accent);color:white;padding:26px;margin:30px 0}.result strong{font:48px Georgia,serif}.result p{margin-bottom:0}footer{border-top:1px solid var(--line)}@media(max-width:680px){.hero,.grid{grid-template-columns:1fr}aside{padding-left:16px}header{align-items:flex-start}nav{gap:12px}h1{font-size:clamp(52px,15vw,90px)}}

/* Dark opening, light reading surface */
.hero {
  position: relative;
  isolation: isolate;
  color: #d0d9d3;
  border-top: 0;
}
.hero::before {
  content: "";
  position: absolute;
  inset: 0 calc(50% - 50vw);
  z-index: -1;
  background: linear-gradient(115deg, #101f1a, #172c23);
  border-top: 1px solid transparent;
  border-image: linear-gradient(90deg, #a36a48, #bb805a 30%, #e9b28b 52%, #b77a55 74%, #966246) 1;
}
.hero h1 { color: #f4f5f0; }
.hero .eyebrow { color: #c4d2c8; }
.hero aside, .hero hr { border-color: #496156; }
html { overflow-x: clip; }
.hero + section { border-top: 0; }

.more { padding-left: 1.2em; }
.more li + li { margin-top: .45em; }
.prose h2 { margin-top: 1.2em; }
.case > div { min-width: 0; }
.case:has(> div:only-child) { grid-template-columns: minmax(0, 1fr); }
.case:has(> div:only-child) h1 { max-width: 18ch; overflow-wrap: anywhere; }
@media (max-width: 480px) {
  header { flex-wrap: wrap; }
  nav { flex-wrap: wrap; }
}

details {
  border-block: 1px solid var(--line);
  padding-block: 1rem;
  max-width: 72ch;
}
summary { cursor: pointer; color: var(--accent); font-weight: 650; }

.contact-link { font-weight: 700; }

.portrait { display: block; width: min(100%, 220px); height: auto; margin-bottom: 24px; border: 1px solid #bb805a; }