/* Tokay: deliberately minimal static informational site. No JavaScript. */
:root { color-scheme: light; --ink:#19262b; --muted:#66757a; --line:#e3e9e8; --accent:#d77b40; --bg:#f8faf9; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--bg); color:var(--ink); font:16px/1.65 ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-underline-offset:3px; }
a:hover { color:#ad5e30; }
.site-shell { max-width:1000px; margin:0 auto; padding:0 28px; }
.header { min-height:94px; display:flex; justify-content:space-between; align-items:center; gap:20px; }
.logo { display:inline-flex; align-items:center; gap:10px; text-decoration:none; font-size:29px; font-weight:800; line-height:1; letter-spacing:-1.1px; }
.logo img { width:36px; height:36px; }
.logo-dot { color:var(--accent); }
.header-link { text-decoration:none; color:#57686e; font-size:14px; }
.hero { margin-top:32px; display:grid; grid-template-columns:1fr 1.06fr; align-items:center; gap:44px; }
.hero-copy { padding:18px 0; }
.eyebrow { font-size:11px; letter-spacing:.15em; text-transform:uppercase; font-weight:700; color:#657c7b; margin:0 0 22px; }
h1 { font-size:clamp(38px,5.2vw,60px); letter-spacing:-.055em; line-height:1.12; font-weight:750; margin:0 0 24px; }
h1 em { font-style:normal; color:#ba683c; }
.lead { color:#5c6c70; font-size:17px; max-width:410px; margin:0; }
.hero-image { overflow:hidden; border-radius:14px; background:#c7d9c8; }
.hero-image img { display:block; width:100%; height:440px; object-fit:cover; object-position:42% 50%; }
.notice { border-top:1px solid var(--line); padding:38px 0 43px; margin-top:52px; max-width:100%; }
.notice h2 { font-size:17px; letter-spacing:-.025em; margin:0 0 8px; }
.notice p { margin:0; color:#637175; font-size:15px; max-width:820px; }
.notice strong { color:#243439; font-weight:650; }
.footer { border-top:1px solid var(--line); padding:24px 0 35px; display:flex; justify-content:space-between; align-items:flex-start; gap:20px; font-size:12px; color:#778587; }
.footer p { margin:0; max-width:610px; }
.footer nav { flex-shrink:0; display:flex; gap:16px; }
.footer a { color:#58696d; text-decoration:none; }
.footer a:hover { text-decoration:underline; }
.legal { max-width:720px; padding:55px 0 78px; }
.legal .eyebrow { margin-bottom:10px; }
.legal h1 { font-size:clamp(37px,5vw,49px); margin:0 0 5px; }
.legal-date { font-size:13px; color:#8b989a; margin:0 0 30px; }
.legal-intro { margin:0 0 36px; font-size:17px; color:#526268; }
.legal-body section { padding:21px 0 22px; border-top:1px solid var(--line); }
.legal-body section h2 { margin:0 0 11px; font-size:18px; letter-spacing:-.02em; }
.legal-body section p, .legal-body section li { color:#55656b; font-size:14px; line-height:1.8; }
.legal-body p { margin:0 0 12px; }
.legal-body ul { margin:0; padding-left:22px; }
.legal-body li { margin:4px 0; }
.legal-body a { color:#336776; overflow-wrap:anywhere; }
.legal-highlight { margin-top:15px; padding:18px; background:#edf3f0; border-radius:9px; }
.legal-highlight p { margin:6px 0 0; }
@media (max-width:760px) {
  .site-shell { padding:0 20px; }
  .header { min-height:76px; }
  .hero { grid-template-columns:1fr; gap:27px; margin-top:22px; }
  .hero-copy { padding:0; }
  .eyebrow { margin-bottom:16px; }
  h1 { font-size:clamp(37px,9vw,52px); }
  .hero-image img { height:auto; aspect-ratio:1.75; object-fit:cover; }
  .notice { margin-top:32px; padding:27px 0 31px; }
  .footer { flex-direction:column; gap:10px; }
  .legal { padding:34px 0 54px; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }
