/* Offlist · Map paper theme. Tokens from the Offlist brand system v1. */
:root{
  --paper:#eef1ec;--paper-sunk:#e1e7df;--paper-raised:#f8f9f6;--ink:#142028;--ink-muted:#4a5a62;--line:#c4ccc2;
  --blaze:#ee5a24;--on-blaze:#142028;--blaze-text:#b8400f;--moss:#2f5d4e;--on-moss:#eef1ec;--lichen:#c3d0be;
  --night:#142028;--night-ink:#e8ece6;--night-muted:#a3b0ad;--night-line:#2c3a40;
  --display:'Barlow Condensed','Arial Narrow',sans-serif;--body:Barlow,'Helvetica Neue',Arial,sans-serif;--mono:'IBM Plex Mono',ui-monospace,Menlo,monospace;
  --shadow:0 1px 2px rgba(20,32,40,.08),0 8px 24px rgba(20,32,40,.08);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}
img{max-width:100%}
a{color:var(--blaze-text)}a:hover{color:var(--ink)}
:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
h1,h2,h3{text-wrap:balance;margin:0}
p{margin:0}
.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;z-index:10;background:var(--paper-raised);padding:8px 12px;border-radius:8px}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.section{padding-top:80px;padding-bottom:80px}
.sunk{background:var(--paper-sunk);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.moss{background:var(--moss);color:var(--on-moss)}.moss a{color:var(--on-moss)}
.stack{display:flex;flex-direction:column;gap:16px}.stack-sm{display:flex;flex-direction:column;gap:8px}.stack-lg{display:flex;flex-direction:column;gap:32px}
.row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.split{display:flex;flex-wrap:wrap;gap:32px 64px}
.split>.lead{flex:1 1 340px}.split>.rest{flex:2 1 520px;min-width:0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}
.muted{color:var(--ink-muted)}.small{font-size:14px}.center{text-align:center}
.eyebrow{font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted)}
.eyebrow.blaze{color:var(--blaze-text)}.moss .eyebrow{color:var(--on-moss)}
.field-note{font-family:var(--mono);font-size:14px;color:var(--ink-muted)}
.display{font-family:var(--display);font-weight:700;text-transform:uppercase;line-height:.9;letter-spacing:-.5px;font-size:clamp(56px,9vw,112px)}
.h-xl{font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:clamp(40px,6vw,56px);line-height:.95}
.h2{font-family:var(--display);font-weight:600;font-size:40px;line-height:1}
.h3{font-family:var(--display);font-weight:600;font-size:26px;line-height:1.1}
.lede{font-size:21px;line-height:1.5;max-width:34em}
.prose{max-width:40em}

/* Header */
.site-header{border-bottom:1px solid var(--line);background:var(--paper);position:relative;z-index:2}
.site-header .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px;padding-top:18px;padding-bottom:18px}
.logo img{height:32px;width:auto;display:block}
.nav{display:flex;flex-wrap:wrap;align-items:center;gap:8px 28px;font-size:16px;font-weight:500}
.nav a{color:var(--ink);text-decoration:none}.nav a:hover{text-decoration:underline}
.nav a[aria-current="page"]{text-decoration:underline;text-underline-offset:6px}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:52px;padding:0 24px;border-radius:8px;border:0;background:var(--blaze);color:var(--on-blaze);font:600 17px/1 var(--body);text-decoration:none;cursor:pointer;white-space:nowrap}
.btn:hover{color:var(--on-blaze);filter:brightness(.96)}
.btn.sm{height:44px;padding:0 18px;font-size:16px}
.btn.ghost{background:transparent;border:1.5px solid var(--ink);color:var(--ink)}
.btn.ghost:hover{background:var(--paper-raised)}
.moss .btn.ghost{border-color:var(--on-moss);color:var(--on-moss)}.moss .btn.ghost:hover{background:rgba(238,241,236,.1)}
.btn.block{width:100%}
.btn[disabled]{opacity:.55;cursor:not-allowed}
.link-btn{background:none;border:0;padding:0;font:inherit;color:var(--blaze-text);text-decoration:underline;cursor:pointer}

/* Cards and chips */
.card{display:flex;flex-direction:column;gap:16px;padding:28px;border-radius:8px;border:1px solid var(--line);background:var(--paper-raised)}
.card.raised{box-shadow:var(--shadow)}
.card.flat{background:var(--paper)}
a.card{color:var(--ink);text-decoration:none}a.card:hover{border-color:var(--ink-muted)}
.chip{display:inline-flex;align-items:center;height:26px;padding:0 12px;border-radius:999px;background:var(--lichen);font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);white-space:nowrap}
.chip.outline{background:transparent;border:1px solid var(--ink-muted)}
.chip.ink{background:var(--ink);color:var(--paper)}
.blaze-bar{display:block;width:40px;height:6px;border-radius:999px;background:var(--blaze)}
.kv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-top:16px;border-top:1px solid var(--line)}
.kv div{display:flex;flex-direction:column;gap:4px}.kv b{font-size:17px;font-weight:600;font-variant-numeric:tabular-nums}

/* Hero */
.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
.hero .contours{position:absolute;right:-80px;top:-20px;width:760px;height:auto;max-width:none;fill:none;stroke:var(--line);stroke-width:1;pointer-events:none}
.hero .inner{position:relative;padding:88px 0 96px;display:flex;flex-wrap:wrap;align-items:flex-start;gap:48px 64px}
.hero .main{flex:1 1 560px;min-width:0;display:flex;flex-direction:column;gap:28px}
.hero .offset{flex:0 1 400px;align-self:flex-end;margin-top:48px}

/* Lists */
.checks{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.checks li{display:flex;gap:10px;align-items:flex-start}
.checks svg{flex:none;margin-top:3px;width:20px;height:20px;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.checks.yes svg{stroke:var(--moss)}.checks.no{color:var(--ink-muted)}.checks.no svg{stroke:var(--ink-muted)}
.steps{margin:0;padding:0;list-style:none}
.rows{margin:0;display:flex;flex-direction:column;border-top:1px solid var(--line)}
.rows>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 24px;padding:14px 0;border-bottom:1px solid var(--line)}
.rows dt{color:var(--ink-muted)}.rows dd{margin:0;font-weight:600;font-variant-numeric:tabular-nums;text-align:right}
.days{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}
.days li{display:flex;flex-wrap:wrap;gap:12px 48px;padding:32px 0;border-bottom:1px solid var(--line)}
.days .when{flex:0 0 200px;display:flex;flex-direction:column;gap:10px;padding-top:6px}
.days .what{flex:1 1 520px;display:flex;flex-direction:column;gap:10px;max-width:720px}
.glance{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));border-top:1px solid var(--line)}
.glance>div{display:flex;flex-direction:column;gap:10px;padding:24px 24px 24px 0;border-bottom:1px solid var(--line)}
.glance>div.standout{background:var(--paper-raised);padding-left:20px}
.safety-list{margin:0;padding:0;list-style:none}
.safety-list li{padding:14px 0;border-bottom:1px solid rgba(238,241,236,.3)}.safety-list li:last-child{border-bottom:0}

/* FAQ */
details{border-bottom:1px solid var(--line)}
summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;font-size:19px;font-weight:600;cursor:pointer;list-style:none}
summary::-webkit-details-marker{display:none}
summary .sign{font-size:24px;font-weight:400;color:var(--ink-muted);transition:transform .15s}
details[open] summary .sign{transform:rotate(45deg)}
details p{margin:0 0 20px;color:var(--ink-muted);max-width:40em}

/* Forms */
.form{display:flex;flex-direction:column;gap:20px}
.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}
.field{display:flex;flex-direction:column;gap:6px}
.field label,.legend{font-size:15px;font-weight:600}
.field .hint{font-size:14px;color:var(--ink-muted)}
input[type=text],input[type=email],input[type=tel],input[type=number],select,textarea{height:48px;padding:0 14px;border-radius:4px;border:1.5px solid var(--ink-muted);background:var(--paper);color:var(--ink);font:400 17px var(--body);width:100%}
textarea{height:auto;min-height:112px;padding:12px 14px;resize:vertical;line-height:1.5}
select{padding:0 12px}
input:focus,select:focus,textarea:focus{outline:2px solid var(--ink);outline-offset:1px}
.check{display:flex;gap:12px;align-items:flex-start;font-size:16px}
.check input{width:20px;height:20px;margin-top:3px;flex:none;accent-color:var(--ink)}
.pills{display:flex;flex-wrap:wrap;gap:8px}
.pill{min-height:44px;padding:0 16px;border-radius:999px;border:1.5px solid var(--ink-muted);background:var(--paper);color:var(--ink);font:600 15px var(--body);cursor:pointer}
.pill[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.alert{margin:0;font-size:15px;font-weight:500;color:var(--blaze-text)}
.ok-box{display:flex;flex-direction:column;gap:12px}

/* Configurator */
.choices{display:flex;flex-direction:column;gap:10px}
.choice{display:flex;gap:14px;align-items:flex-start;padding:16px;border-radius:8px;border:1.5px solid var(--line);background:var(--paper);cursor:pointer}
.choice:hover{border-color:var(--ink-muted)}
.choice input{width:20px;height:20px;margin-top:2px;flex:none;accent-color:var(--ink)}
.choice:has(input:checked){border-color:var(--ink);background:var(--paper-raised)}
.choice .t{display:flex;flex-direction:column;gap:2px;flex:1}
.choice .t b{font-weight:600}
.choice .price{font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.choice.disabled{opacity:.55;cursor:not-allowed}
.stepper{display:inline-flex;align-items:center;border:1.5px solid var(--ink-muted);border-radius:8px;overflow:hidden}
.stepper button{width:48px;height:48px;border:0;background:var(--paper);font:600 22px var(--body);color:var(--ink);cursor:pointer}
.stepper button:disabled{opacity:.4;cursor:not-allowed}
.stepper output{min-width:56px;text-align:center;font-weight:600;font-size:19px;font-variant-numeric:tabular-nums}
.summary{position:sticky;top:24px}
.lines{margin:0;padding:0;list-style:none;display:flex;flex-direction:column}
.lines li{display:flex;justify-content:space-between;gap:16px;padding:8px 0;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}
.lines li.total{border-bottom:0;font-weight:700;font-size:19px}
.lines li.deposit{border-bottom:0;color:var(--ink)}
.book-layout{display:flex;flex-wrap:wrap;gap:40px 48px;align-items:flex-start}
.book-layout>.main{flex:1 1 600px;min-width:0;display:flex;flex-direction:column;gap:40px}
.book-layout>aside{flex:0 1 380px;width:100%}
.stepno{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:999px;background:var(--ink);color:var(--paper);font:600 15px var(--mono)}
fieldset{margin:0;padding:0;border:0;min-width:0}

/* Concierge */
.chat{display:flex;flex-direction:column;gap:16px}
.chat-log{display:flex;flex-direction:column;gap:12px;max-height:440px;overflow:auto}
.msg{padding:14px 16px;border-radius:8px;max-width:92%;white-space:pre-wrap}
.msg.me{align-self:flex-end;background:var(--ink);color:var(--paper)}
.msg.bot{align-self:flex-start;background:var(--paper);border:1px solid var(--line)}
.msg.bot .who{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:4px}
.typing{color:var(--ink-muted);font-style:italic}

/* Trip cards */
.trip-card .top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.trip-card h3{font-family:var(--display);font-weight:700;font-size:40px;line-height:.95;text-transform:uppercase}
.city-block{display:flex;flex-wrap:wrap;gap:32px 64px;padding:56px 0;border-top:1px solid var(--line)}
.city-block .about{flex:1 1 380px;display:flex;flex-direction:column;gap:16px}
.city-block .trips{flex:1 1 440px;display:flex;flex-direction:column;gap:16px}
.facts{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;font-size:16px}
.facts b{font-weight:600}
.draft-note{display:flex;gap:12px;align-items:flex-start;padding:16px 20px;border-radius:8px;background:var(--paper-sunk);border:1px dashed var(--ink-muted);font-size:16px}
.skeleton{min-height:180px;border-radius:8px;background:linear-gradient(90deg,var(--paper-sunk),var(--paper-raised),var(--paper-sunk));background-size:200% 100%;animation:sk 1.4s infinite}
@keyframes sk{to{background-position:-200% 0}}

/* Footer */
.site-footer{background:var(--night);color:var(--night-ink)}
.site-footer a{color:var(--night-ink);text-decoration:none}.site-footer a:hover{text-decoration:underline}
.site-footer .wrap{padding-top:56px;padding-bottom:40px;display:flex;flex-direction:column;gap:32px}
.site-footer .cols{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px 48px}
.site-footer .col{display:flex;flex-direction:column;gap:10px;font-size:16px}
.site-footer .eyebrow{color:var(--night-muted)}
.site-footer .legal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 32px;padding-top:20px;border-top:1px solid var(--night-line);font-size:14px;color:var(--night-muted)}

@media (max-width:720px){
  .section{padding-top:56px;padding-bottom:56px}
  .rows dd{text-align:left}
  .hero .inner{padding:56px 0 64px}
  .h2{font-size:34px}
  .days .when{flex-basis:100%}
  .summary{position:static}
  .nav{gap:8px 18px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}