:root{--paper:#f7f3ea;--ink:#242923;--muted:#53594e;--line:#d9d0bf;--gold:#79521f;--dark:#26362f}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:1rem/1.65 system-ui,sans-serif}a{color:inherit;text-underline-offset:.25em}a:hover{color:var(--gold)}:focus-visible{outline:3px solid #ad6723;outline-offset:4px}.wrap{width:min(1160px,calc(100% - 2.5rem));margin:auto}.preview{background:#ebdfc9;text-align:center;font-size:.78rem;padding:.25rem 1rem}.skip{position:absolute;left:-100vw}.skip:focus{left:1rem;top:1rem;background:white;z-index:4}header{border-bottom:1px solid var(--line)}.bar{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:79px}.brand{text-decoration:none;display:flex;align-items:center;gap:.75rem;font:600 1.35rem Georgia,serif;white-space:nowrap}.brand small{display:block;font:600 .61rem system-ui;letter-spacing:.13em;text-transform:uppercase;margin-top:.2rem}.mark{display:grid;place-items:center;background:var(--dark);color:white;width:42px;height:42px;border-radius:50%;font-size:1.15rem}nav ul{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;padding:0;list-style:none}nav a{font-size:.88rem;text-decoration:none}nav a[aria-current]{text-decoration:underline;color:var(--gold)}section,.section{padding:clamp(2.8rem,6vw,5.5rem) 0}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2rem,5vw,5rem)}figure{margin:0}figure img{display:block;width:100%;height:auto;border-radius:48% 48% 4px 4px / 28% 28% 4px 4px}figcaption,.kicker{font-size:.75rem;letter-spacing:.17em;text-transform:uppercase;font-weight:750;color:var(--gold)}figcaption{text-align:center;margin-top:.7rem}h1,h2,h3{font-family:Georgia,serif;font-weight:500;line-height:1.08;margin:0 0 .5em}h1{font-size:clamp(2.7rem,6vw,5.5rem);letter-spacing:-.06em}h2{font-size:clamp(2rem,4vw,3.35rem);letter-spacing:-.04em}h3{font-size:1.65rem}p{margin:.5rem 0 1.25rem}.lead{font-size:1.15rem;color:var(--muted);max-width:60ch}.actions{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.5rem 0}.btn,button{display:inline-block;background:var(--dark);color:white;border:1px solid var(--dark);padding:.8rem 1.05rem;text-decoration:none;font:650 .88rem system-ui;cursor:pointer}.btn:hover,button:hover{background:#43574a;color:white}.secondary{background:transparent;color:var(--ink)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,245px),1fr));gap:1rem}.card{border:1px solid var(--line);padding:1.5rem;background:#fffcf5}.card strong.price{font:3.3rem Georgia,serif}.card ul{padding-left:1.1rem}.card li{margin:.4rem 0}.band{background:#eee6d7}.dark{background:var(--dark);color:var(--paper)}.dark .btn{background:var(--paper);color:var(--ink)}.prose{max-width:70ch}.prose h2{font-size:2rem;margin-top:1.5em}.crumb{font-size:.86rem;color:var(--muted);margin-bottom:1.75rem}.note{border-left:3px solid #a67842;background:#eee6d7;padding:.9rem 1.15rem}.compare{width:100%;border-collapse:collapse;table-layout:fixed;font-size:.88rem}.compare caption{text-align:left;font-weight:700;margin-bottom:.75rem}.compare th,.compare td{border-bottom:1px solid var(--line);padding:.75rem .3rem;text-align:center}.compare th:first-child{width:46%;text-align:left}details{border-top:1px solid var(--line);padding:1rem 0}summary{cursor:pointer;font-weight:650}label{display:block;font-weight:650;margin-bottom:.3rem}input,select,textarea{width:100%;max-width:35rem;border:1px solid #847e70;background:#fffdf7;padding:.75rem;font:inherit;color:inherit}form>div{margin-bottom:1rem}.trap{position:absolute;left:-10000px}.result{display:block;font:2rem Georgia,serif}.status{margin-top:1rem}footer{border-top:1px solid var(--line);padding:2.5rem 0;color:var(--muted)}footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem}ol.steps{padding-left:1.4rem}ol.steps li{padding:.5rem}.rate-strip{display:flex;gap:1rem;flex-wrap:wrap}.rate-strip span{border-top:1px solid var(--line);flex:1;padding-top:.7rem;min-width:90px}.rate-strip b{display:block;font:2rem Georgia,serif}@media(max-width:850px){.bar{display:block;padding:.8rem 0}.bar nav ul{margin:.7rem 0 0}.hero{grid-template-columns:1fr}.hero figure{max-width:580px}.hero figure img{max-height:420px;object-fit:cover}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Editorial typography and a palette drawn from wood, limestone and fields. */
:root {
  --paper: #f8f6ef;
  --ink: #292b23;
  --muted: #55584c;
  --line: #d6d0c1;
  --gold: #79503a;
  --dark: #354336;
}
.preview { background: #e9e6db; color: #484c40; }
header { background: #fffdf7; }
.bar { min-height: 88px; }
.brand { font-size: 1.65rem; font-weight: 500; letter-spacing: -.035em; }
.brand small { font-size: .64rem; letter-spacing: .12em; }
.brand small span, .hero-role span { color: var(--gold); padding-inline: .25em; }
nav a { font-weight: 600; }
.home-hero { background: #f2eee2; padding-block: clamp(2.5rem, 6vw, 6rem); }
.hero { grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); }
.hero h1 { margin-bottom: .15em; font-size: clamp(3.1rem, 7vw, 6.3rem); }
.hero-role {
  margin: 0 0 1.4rem;
  font-size: .82rem;
  font-weight: 750;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.hero-art { border: 1px solid var(--line); padding: .55rem; background: #fffdf7; }
.hero-art img { border-radius: 0; }
.hero-art figcaption {
  display: flex;
  justify-content: space-between;
  gap: .75rem;
  margin: 0;
  padding: .65rem .3rem .2rem;
  color: var(--muted);
  letter-spacing: .1em;
}
.band { background: #efebe0; }
.card { background: #fffdf7; border-top: 2px solid #a48c73; }
.btn, button { border-radius: 2px; }
.dark { background: var(--dark); }
footer { background: #ece8dd; }
footer strong { font: 1.25rem Georgia, serif; color: var(--ink); }
@media (max-width: 850px) {
  .hero { grid-template-columns: 1fr; }
  .hero-art img { max-height: none; }
}

/* Lake blue, limestone ivory and brushed copper. */
:root {
  --paper: #faf7f0;
  --ink: #182a39;
  --muted: #465563;
  --line: #d9d0c2;
  --gold: #8c4a32;
  --dark: #203a50;
}
.preview { background: #e6eaf0; color: #30475a; }
header, .card, .hero-art { background: #fffdf8; }
.home-hero { background: #f3eee4; }
.band, footer { background: #ede7dc; }
.card { border-top-color: #b58267; }
.btn:hover, button:hover { background: #34536d; }
.dark .btn:hover { background: #e5d6c4; color: var(--ink); }
:focus-visible { outline-color: #9b5136; }

.analytics-controls {
    position: fixed;
    z-index: 2;
    inset: auto 1rem 1rem auto;
    width: min(26rem, calc(100% - 2rem));
    padding: 1rem;
    border: 1px solid var(--line);
    background: var(--paper);
    box-shadow: 0 4px 20px #0002;
}
.analytics-controls p { margin-top: 0; }
.analytics-controls button { margin: 0 .3rem .25rem 0; }
[data-analytics-settings] {
    color: inherit;
    background: transparent;
    border: 0;
    padding: 0;
    font: inherit;
    text-decoration: underline;
}
[data-analytics-settings]:hover { color: var(--gold); background: transparent; }