@font-face{font-family:Geist;src:url('/assets/mls-geist-400.woff2') format('woff2'),url('/assets/mls-geist-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Geist;src:url('/assets/mls-geist-500.woff2') format('woff2'),url('/assets/mls-geist-500.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:'Instrument Serif';src:url('/assets/mls-instrument.woff2') format('woff2'),url('/assets/mls-instrument.ttf') format('truetype');font-style:normal;font-display:swap}
@font-face{font-family:'Instrument Serif';src:url('/assets/mls-instrument-italic.woff2') format('woff2'),url('/assets/mls-instrument-italic.ttf') format('truetype');font-style:italic;font-display:swap}
/* Same tokens as the shop theme: body text 17-18px, nothing under 15px, controls at least 48px tall. */
:root{color-scheme:light;--paper:#faf9f6;--ivory:#f4f1eb;--ink:#1c1d1c;--stone:#d9d6cf;--line:#e6e3dc;--muted:#5d615c;--radius:6px;--ease-out:cubic-bezier(.23,1,.32,1)}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.6 Geist,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.2em}
:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
h1,h2,h3{font-weight:400}
em{font-family:'Instrument Serif',Georgia,serif;font-style:italic}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.skip-link{position:absolute;left:16px;top:-100px;z-index:2;padding:12px 18px;border-radius:var(--radius);background:var(--ink);color:#fff;font-weight:500}
.skip-link:focus{top:12px}
.page-shell{width:min(1320px,100%);margin:auto;padding:0 clamp(16px,4vw,56px)}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:96px;border-bottom:1px solid var(--line)}
.site-header>a:not(.brand){display:inline-flex;align-items:center;min-height:48px;font-size:16px}
.brand{display:block;flex-shrink:0;width:180px;height:60px;overflow:hidden;line-height:0}
.brand img{display:block;width:180px;height:auto;margin-top:-37px}
.header-place{color:var(--muted);font-size:15px;text-align:right}
.kicker,.eyebrow{margin:0 0 14px;color:var(--muted);font-size:16px;font-weight:500}
.hero{padding:56px 0 64px}
.display{margin:0 0 22px;font-family:'Instrument Serif',Georgia,serif;font-size:clamp(48px,9vw,104px);line-height:1;letter-spacing:-.01em}
.display em{display:block}
.lead{max-width:40ch;margin:0 0 30px;font-size:19px;line-height:1.55}
.actions{display:flex;flex-wrap:wrap;gap:12px}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:12px 26px;border:1.5px solid var(--ink);border-radius:var(--radius);background:var(--ink);color:#fff;font-size:17px;font-weight:500;text-decoration:none;transition:background-color 160ms ease,color 160ms ease,transform 140ms var(--ease-out)}
.button--outline{background:transparent;color:var(--ink)}
.button:active{transform:scale(.98)}
@media(hover:hover) and (pointer:fine){.button:hover{background:#3b3c3b;border-color:#3b3c3b;color:#fff}.button--outline:hover{background:var(--ink);border-color:var(--ink)}}
.info{padding:48px 0 56px;border-top:1px solid var(--line)}
.info h2{margin:0 0 28px;font-family:'Instrument Serif',Georgia,serif;font-size:clamp(36px,7vw,56px);line-height:1.05}
.info-grid{display:grid;gap:16px}
.info-card{padding:22px;border-radius:8px;background:#fff}
.info-card h3{margin:0 0 8px;font-size:18px;font-weight:600}
.info-card p{margin:0 0 4px;line-height:1.6}
.text-link{display:inline-flex;align-items:center;min-height:44px;font-weight:500}
.site-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding:20px 0 28px;border-top:1px solid var(--line);color:var(--muted);font-size:15px}
.site-footer nav{display:flex;gap:22px}
.site-footer a{display:inline-flex;align-items:center;min-height:44px}
.legal-main{max-width:760px;margin:48px auto 72px}
.legal-main h1{margin:8px 0 32px;font-family:'Instrument Serif',Georgia,serif;font-size:clamp(44px,9vw,76px);line-height:1.05}
.legal-main h2{margin:36px 0 12px;font-size:22px;font-weight:600}
.legal-main p,.legal-main li{overflow-wrap:anywhere}
.legal-main ul{padding-left:22px}
.legal-main li{margin:.35em 0}
.legal-main .legal-intro{padding-bottom:24px;border-bottom:1px solid var(--line)}
@media(min-width:900px){
  body{font-size:18px}
  .site-header{min-height:120px}
  .brand{width:246px;height:82px}.brand img{width:246px;margin-top:-50px}
  .hero{padding:96px 0 104px}
  .lead{font-size:21px}
  .info-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
}
@media(max-width:599px){
  .actions .button{flex:1 1 100%}
  .header-place{max-width:120px}
}
@media(prefers-reduced-motion:reduce){.button{transition-property:background-color,color}.button:active{transform:none}}