/* Seatly — register: season-column
   Bone + forest teal + ochre. The dominant device is a VERTICAL SEASON LIST:
   dates running down the page, most kept, a few released. The emotional object
   is the gap in a season, not a price. Hero leads with an oversized date, not
   a sentence.

   Ochre is split: #a8762c for the mark and fills, #8c6322 for text
   (#a8762c measures 3.51:1 on bone and fails AA). */

:root{
  --ink:#1f2320;
  --surface:#f4f1e8;
  --raised:#fffdf7;
  --muted:#6b6459;
  --border:#d8d2c4;
  --teal:#1f4f46;
  --ochre:#a8762c;
  --accent:#8c6322;
  --max:72rem;
  --display:'Instrument Serif', Georgia, serif;
  --body:'Figtree', -apple-system, BlinkMacSystemFont, sans-serif;
  --mono:'Geist Mono', ui-monospace, monospace;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--surface);color:var(--ink);
  font-family:var(--body);font-size:17px;line-height:1.62;
  -webkit-font-smoothing:antialiased;
}
.wrap{max-width:var(--max);margin:0 auto;padding:0 clamp(20px,4vw,48px)}

h1{
  font-family:var(--display);font-weight:400;
  font-size:clamp(3rem,1.5rem + 5.6vw,7rem);
  line-height:.98;letter-spacing:-.02em;margin:0;
}
h2{
  font-family:var(--display);font-weight:400;
  font-size:clamp(2rem,1.3rem + 2.6vw,3.4rem);
  line-height:1.08;letter-spacing:-.015em;margin:0;
}
p{margin:0}
a{color:inherit}

.eyebrow{
  font-family:var(--mono);font-size:.67rem;font-weight:500;
  letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:0;
}

.btn{
  display:inline-block;padding:13px 28px;border-radius:4px;
  background:var(--teal);color:#fff;text-decoration:none;
  font-weight:600;font-size:.95rem;border:1px solid var(--teal);
}
.btn:hover{filter:brightness(1.12)}
.btn--quiet{background:transparent;color:var(--ink);border-color:var(--border)}
.btn--quiet:hover{border-color:var(--ink);filter:none}