/* Offsite Caravan — shared stylesheet
   Navy for trust, warm paper for calm, brass for the small marks.
   Same type pairing as Offsite Lodges so the two read as one family. */
:root{
  --navy:#10243F; --navy-deep:#0A1830; --navy-tint:#E9EDF3;
  --brass:#B8893B; --brass-light:#D9B36A;
  --bg:#F7F5F0; --panel:#FFFFFF; --fg:#17202B; --muted:#5B6470; --line:#DDD8CE;
  --on-navy:#F3F1EA;
  --display:"Libre Baskerville",Georgia,"Times New Roman",serif;
  --body:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}
html{color-scheme:light}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
img{max-width:100%}
h1,h2,h3{font-family:var(--display);font-weight:400;margin:0;line-height:1.15;text-wrap:balance}
h1{font-size:clamp(2.2rem,5.2vw,3.8rem);letter-spacing:-.01em}
h1 em{font-style:italic;color:var(--brass-light)}
h2{font-size:clamp(1.6rem,3.4vw,2.3rem)}
h3{font-size:1.15rem}
p{margin:0}
a{color:inherit}
.wrap{max-width:1120px;margin:0 auto;padding-inline:20px}
.wrap.narrow{max-width:820px}
.center{text-align:center}
.muted{color:var(--muted)}
.eyebrow{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--brass);font-weight:700;margin:0 0 1rem}
.micro{font-size:.8rem;color:var(--muted)}
.micro.center{text-align:center}
:focus-visible{outline:2px solid var(--brass);outline-offset:3px}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;padding:1rem 1.6rem;border-radius:3px;font-weight:700;font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;border:1px solid transparent;cursor:pointer;font-family:var(--body);min-height:48px}
.btn.wide{width:100%}
.btn-primary{background:var(--navy);color:var(--on-navy);border-color:var(--navy);box-shadow:0 6px 18px rgba(16,36,63,.18)}
.btn-primary:hover{background:var(--navy-deep)}
.btn-outline{background:transparent;color:var(--on-navy);border-color:var(--brass-light)}
.btn-outline:hover{background:rgba(255,255,255,.06)}
.top .btn-primary,.hero .btn-primary,.band .btn-primary{background:linear-gradient(180deg,var(--brass-light),var(--brass));color:#10243F;border-color:var(--brass);box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 6px 18px rgba(0,0,0,.25)}
.top .btn-primary:hover,.hero .btn-primary:hover,.band .btn-primary:hover{background:linear-gradient(180deg,#E6C47E,var(--brass-light))}

/* header */
.top{background:var(--navy);color:var(--on-navy);position:sticky;top:0;z-index:10;border-bottom:1px solid rgba(217,179,106,.35)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:66px}
.wordmark{font-family:var(--display);font-size:1.4rem;text-decoration:none;display:flex;align-items:center;gap:.6rem;white-space:nowrap;color:var(--on-navy)}
.wordmark .mark{width:46px;height:22px;color:var(--brass-light);flex:none}
.wordmark .word em{font-style:normal;color:var(--brass-light)}
.links{display:flex;gap:1.3rem;font-size:.9rem}
.links a{text-decoration:none;opacity:.9}
.links a:hover{opacity:1;border-bottom:1px solid var(--brass-light)}
.nav-right{display:flex;align-items:center;gap:1rem}
.nav-tel{display:grid;text-align:right;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:#B9BFC9;text-decoration:none;line-height:1.3}
.nav-tel{font-size:1rem;font-family:var(--display);color:var(--brass-light);text-transform:none;letter-spacing:0}
.nav-tel span{font-family:var(--body);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:#B9BFC9}
.menubtn{display:none;background:none;border:1px solid var(--brass-light);color:var(--on-navy);border-radius:3px;padding:.5rem .7rem;font:inherit;font-size:.9rem}
.menu{display:none;flex-direction:column;gap:.1rem;padding-block:.4rem 1rem}
.menu a{text-decoration:none;color:var(--on-navy);min-height:44px;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.08)}
.menu .menu-tel{color:var(--brass-light);border-bottom:none}
.menu.open{display:flex}
@media(max-width:1000px){.links,.nav-tel{display:none}.menubtn{display:inline-block}.nav .btn{display:none}}
.menu a{font-size:1rem}

/* hero */
.hero{background:var(--navy);color:var(--on-navy);padding-block:4.5rem 5rem;position:relative;overflow:hidden}
.hero::after{content:"";position:absolute;inset:auto -10% -40% auto;width:60%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(217,179,106,.22);pointer-events:none}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:3rem;align-items:center;position:relative}
@media(max-width:860px){.hero-grid{grid-template-columns:1fr}}
.hero .eyebrow{color:var(--brass-light)}
.hero .lead{font-size:1.12rem;max-width:34rem;color:#D6D9DF;margin-top:1.2rem}
.assure{display:flex;gap:2.2rem;flex-wrap:wrap;margin-top:2.4rem;padding-top:1.4rem;border-top:1px solid rgba(217,179,106,.3)}
.assure div{font-size:.85rem;color:#C9CDD5;display:grid;gap:.15rem}
.assure b{font-family:var(--display);font-weight:400;color:var(--brass-light);font-size:1.15rem}
.hero-form{background:rgba(255,255,255,.04);border:1px solid rgba(217,179,106,.45);padding:1.6rem;display:grid;gap:.9rem;min-width:0}
.hero-form h3{font-size:1.3rem;color:var(--on-navy)}
.hero-form .micro{color:#B9BFC9}
.field{display:grid;gap:.35rem;font-size:.8rem;font-weight:700;color:#C9CDD5}
.field input,.field select,.field textarea{font:inherit;font-weight:500;padding:.8rem .85rem;border:1px solid rgba(217,179,106,.35);border-radius:3px;background:rgba(255,255,255,.06);color:var(--on-navy);width:100%;min-height:48px}
.field input::placeholder{color:#7F8898}
.field input:focus{border-color:var(--brass-light)}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
@media(max-width:480px){.row2{grid-template-columns:1fr}}
.spec{border-bottom:1px solid var(--line);padding-block:1.3rem;background:var(--bg)}
.spec p{font-family:var(--display);font-style:italic;color:var(--muted);text-align:center;max-width:70ch;margin:0 auto;font-size:1rem}

/* sections */
section{padding-block:5rem}
section.alt{background:var(--navy-tint)}
.sec-head{display:grid;gap:1rem;max-width:40rem;margin-bottom:2.6rem}

/* example */
.example{background:var(--navy-deep);color:var(--on-navy)}
.example .muted{color:#C9CDD5}
.example-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
@media(max-width:860px){.example-grid{grid-template-columns:1fr}}
.example .eyebrow{color:var(--brass-light)}
.ticket{margin:0;border:1px solid rgba(217,179,106,.5);padding:1.6rem;display:grid;grid-template-columns:1fr auto;gap:.6rem 1rem;font-size:.95rem;background:rgba(255,255,255,.03)}
.ticket dt{color:#B9BFC9}
.ticket dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}
.ticket .big{font-family:var(--display);font-size:2rem;color:var(--brass-light)}
.ticket .gold{color:var(--brass-light);font-weight:700}
.ticket .sep{grid-column:1/-1;height:1px;background:rgba(217,179,106,.4)}

/* table */
.table-wrap{overflow-x:auto;border:1px solid var(--line);background:var(--panel)}
table{border-collapse:collapse;width:100%;min-width:600px;font-size:.93rem}
th,td{padding:.9rem 1rem;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
th{font-weight:700;font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
th.us,td.us{background:#F4EEDF;border-left:2px solid var(--brass)}
td.us{font-weight:700}
tr:last-child td{border-bottom:none}

/* steps */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}
.steps.three{grid-template-columns:repeat(3,1fr)}
@media(max-width:860px){.steps,.steps.three{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.steps,.steps.three{grid-template-columns:1fr}}
.step{border-top:1px solid var(--brass);padding-top:1rem;min-width:0}
.step .n{font-family:var(--display);color:var(--brass);font-size:1.4rem}
.step h3{margin:.5rem 0}
.step p{color:var(--muted);font-size:.95rem}

/* results */
.results{display:grid;gap:1px;background:var(--line);border:1px solid var(--line)}
.result{background:var(--panel);display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:1rem;padding:1rem 1.2rem;font-size:.95rem;align-items:center}
@media(max-width:600px){.result{grid-template-columns:1fr;gap:.2rem}}
.r-who{font-weight:700}
.r-was{color:var(--muted)}
.r-got{font-family:var(--display);color:var(--brass);font-size:1.15rem;text-align:right}
@media(max-width:600px){.r-got{text-align:left}}
.rating{margin-top:1.2rem;font-size:.9rem;color:var(--muted)}

/* faq */
details{border-top:1px solid var(--line);padding:1.1rem 0}
details:last-of-type{border-bottom:1px solid var(--line)}
summary{cursor:pointer;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:1rem;align-items:center}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";color:var(--brass);font-family:var(--display);font-size:1.3rem;flex:none}
details[open] summary::after{content:"–"}
details p{margin-top:.8rem;color:var(--muted);max-width:60ch}

/* band */
.band{background:var(--navy);color:var(--on-navy);padding-block:4rem}
.band-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:2.5rem;align-items:center}
@media(max-width:860px){.band-grid{grid-template-columns:1fr}}
.band p{color:#C9CDD5;margin-top:.8rem}
.band-actions{display:grid;gap:.8rem}

/* sticky mobile cta */
.sticky{display:none;position:fixed;left:0;right:0;bottom:0;z-index:20;background:var(--navy-deep);border-top:1px solid rgba(217,179,106,.4);padding:.7rem 16px;padding-bottom:calc(.7rem + env(safe-area-inset-bottom,0px))}
.sticky .btn-primary{background:linear-gradient(180deg,var(--brass-light),var(--brass));color:#10243F;border-color:var(--brass)}
@media(max-width:860px){.sticky{display:block}body{padding-bottom:4.5rem}}

/* footer */
footer{background:var(--navy-deep);color:#B9BFC9;padding-block:3rem 2.5rem;font-size:.88rem}
.foot{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:2rem}
@media(max-width:860px){.foot{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.foot{grid-template-columns:1fr}}
.foot h4{font-family:var(--body);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--brass-light);margin:0 0 .8rem}
.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}
.foot a{text-decoration:none;color:#B9BFC9}
.foot a:hover{color:var(--on-navy)}
.foot .wordmark{margin-bottom:.8rem;font-size:1.3rem}
.foot-contact{margin-top:.8rem;color:var(--on-navy)}
.legal-line{margin-top:2.4rem;padding-top:1.4rem;border-top:1px solid rgba(217,179,106,.3);font-size:.8rem}

/* generic inner pages (prose, forms) */
.prose{max-width:760px;margin:0 auto;padding-block:3rem 5rem;line-height:1.7}
.prose h1{font-size:2.1rem;margin-bottom:1rem}
.prose h2{font-size:1.4rem;margin:1.6rem 0 .6rem}
.prose p,.prose li{color:var(--muted);margin:.5rem 0}
.card{background:var(--panel);border:1px solid var(--line);padding:1.8rem;display:grid;gap:1rem}
.card .field{color:var(--muted)}
.card .field input,.card .field select,.card .field textarea{background:var(--bg);color:var(--fg);border-color:var(--line)}
.page-hero{background:var(--navy);color:var(--on-navy);padding-block:4rem}
.page-hero .eyebrow{color:var(--brass-light)}
.page-hero p{color:#C9CDD5;max-width:36rem;margin-top:1rem;font-size:1.08rem}
@media(prefers-reduced-motion:no-preference){.btn{transition:background .15s}}

/* arranged home */
.hero{padding-block:5rem 5.5rem}
.explain-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:center}
@media(max-width:860px){.explain-grid{grid-template-columns:1fr}}
.ticket.light{background:var(--panel);border-color:var(--line);color:var(--fg)}
.ticket.light dt{color:var(--muted)}
.ticket.light .big{color:var(--brass)}
.ticket.light .gold{color:var(--brass)}
.ticket.light .sep{background:var(--line)}
.ticket .t-head{grid-column:1/-1;font-family:var(--display);font-size:1.05rem;margin-bottom:.4rem}
.ask{background:var(--navy);color:var(--on-navy)}
.ask .muted{color:#C9CDD5}
.ask .eyebrow{color:var(--brass-light)}
.ask-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
@media(max-width:860px){.ask-grid{grid-template-columns:1fr}}
.ask .btn-primary{background:linear-gradient(180deg,var(--brass-light),var(--brass));color:#10243F;border-color:var(--brass)}

/* punchy home */
.ticks{list-style:none;margin:1.8rem 0 0;padding:0;display:grid;gap:.5rem;font-size:.95rem;color:#D6D9DF}
.ticks li::before{content:"";display:inline-block;width:.5rem;height:.5rem;border:1px solid var(--brass-light);transform:rotate(45deg);margin-right:.7rem;vertical-align:middle}
.ic{display:inline-block;width:40px;height:40px;color:var(--brass)}
.ic svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}
.doors-sec{padding-block:3rem}
.line{text-align:center;font-family:var(--display);font-size:1.15rem;color:var(--muted);margin-bottom:1.6rem}
.line b{font-weight:400;color:var(--fg)}
.doors{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
@media(max-width:600px){.doors{grid-template-columns:1fr 1fr}}
.door{background:var(--panel);padding:1.5rem 1rem;display:grid;justify-items:center;gap:.3rem;text-align:center}
.door b{font-family:var(--display);font-weight:400;font-size:1.2rem;margin-top:.4rem}
.door span{font-size:.82rem;color:var(--muted)}
.proof{background:var(--navy-deep);color:var(--on-navy);padding-block:3.5rem}
.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
@media(max-width:700px){.proof-grid{grid-template-columns:1fr}}
.pbox{border:1px solid rgba(217,179,106,.4);padding:1.4rem 1.6rem;display:grid;gap:.3rem}
.pbox .k{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:#B9BFC9}
.pbox .n{font-family:var(--display);font-size:2.6rem;line-height:1;font-variant-numeric:tabular-nums}
.pbox.was .n{color:#C9CDD5;text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:rgba(201,205,213,.6)}
.pbox.got{border-color:var(--brass-light);background:rgba(217,179,106,.08)}
.pbox.got .n,.pbox.kept .n{color:var(--brass-light)}
.pcap{grid-column:1/-1;color:#B9BFC9;font-size:.9rem;margin-top:.4rem}
.fee{display:grid;grid-template-columns:1fr 1fr;gap:1rem;max-width:760px;margin:0 auto}
@media(max-width:600px){.fee{grid-template-columns:1fr}}
.fbox{padding:1.8rem;display:grid;gap:.3rem;text-align:center;border:1px solid var(--line);background:var(--panel)}
.fbox .k{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.fbox .n{font-family:var(--display);font-size:2.8rem;line-height:1}
.fbox.them .n{color:#8A3B2E}
.fbox.us{border-color:var(--brass);background:#F4EEDF}
.fbox.us .n{color:var(--navy)}
.fbox .s{font-size:.85rem;color:var(--muted)}
.bigsteps{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:2.4rem}
@media(max-width:860px){.bigsteps{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.bigsteps{grid-template-columns:1fr}}
.bs{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:start;border-top:1px solid var(--brass);padding-top:1rem}
.bs b{font-family:var(--display);font-weight:400;font-size:2.6rem;line-height:1;color:var(--brass)}
.bs h3{font-size:1.1rem}
.bs p{color:var(--muted);font-size:.9rem;margin-top:.3rem}
.trust4{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}
@media(max-width:860px){.trust4{grid-template-columns:1fr 1fr}}
.trust4>div{display:grid;gap:.3rem;justify-items:start}
.trust4 b{font-family:var(--display);font-weight:400;font-size:1.15rem;margin-top:.4rem}
.trust4 span{font-size:.88rem;color:var(--muted)}
.quotes-sec{padding-block:4rem}
.quotes{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
@media(max-width:700px){.quotes{grid-template-columns:1fr}}
.quote{background:var(--panel);border:1px solid var(--line);padding:1.6rem;display:grid;gap:1rem}
.quote .q{font-family:var(--display);font-size:1.25rem;line-height:1.35}
.quote .who{display:flex;gap:.8rem;align-items:center;font-size:.85rem;color:var(--muted)}
.quote .av{width:38px;height:38px;border-radius:50%;background:var(--navy);color:var(--brass-light);display:grid;place-items:center;font-family:var(--display);flex:none}
.rating.center{margin-top:1.4rem}
.guar-sec{padding-block:0 4rem}
.guar{display:flex;gap:1.2rem;align-items:center;border:1px solid var(--brass);background:var(--panel);padding:1.4rem 1.6rem;max-width:760px;margin:0 auto}
.guar .badge-g{flex:none;width:68px;height:68px;border-radius:50%;background:var(--navy);color:var(--brass-light);display:grid;place-items:center;font-family:var(--display);font-size:1.5rem;line-height:1;text-align:center}
.guar .badge-g small{display:block;font-family:var(--body);font-size:.55rem;letter-spacing:.12em;color:#C9CDD5}
.guar b{font-family:var(--display);font-weight:400;font-size:1.15rem;display:block}
.guar span{font-size:.9rem;color:var(--muted)}
h2.center{text-align:center}

/* sell / register layouts */
.sell-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:3rem;align-items:start}
@media(max-width:900px){.sell-grid{grid-template-columns:1fr}}
.fee-strip{display:flex;flex-wrap:wrap;gap:.5rem 1.4rem;font-size:.85rem;color:var(--muted);padding-bottom:1rem;border-bottom:1px solid var(--line)}
.fee-strip b{color:var(--navy)}
.seg{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
.seg button{min-height:46px;border:1px solid var(--line);background:var(--panel);font:inherit;font-weight:600;border-radius:3px;cursor:pointer}
.seg button[aria-pressed="true"]{background:var(--navy);color:var(--on-navy);border-color:var(--navy)}
.field small{font-weight:400;color:var(--muted);font-size:.75rem}
.checks2{display:flex;gap:1.4rem;flex-wrap:wrap;font-size:.95rem}
.checks2 label,.check{display:flex;gap:.5rem;align-items:flex-start;font-weight:500}
.check{font-size:.88rem;color:var(--muted)}
.check input,.checks2 input{accent-color:var(--navy);margin-top:.2rem}
.sidebox{background:var(--panel);border:1px solid var(--line);padding:1.4rem;margin-bottom:1rem}
.sidebox .side-n{font-family:var(--display);font-size:1.7rem;color:var(--navy);margin:.2rem 0}
ol.plain{margin:0;padding-left:1.1rem;display:grid;gap:.45rem;color:var(--muted);font-size:.93rem}
ol.plain li::marker{color:var(--brass);font-family:var(--display)}
.row3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.8rem}
@media(max-width:600px){.row3{grid-template-columns:1fr}}
/* buy */
.filters{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.6rem;align-items:center}
.filters button{border:1px solid var(--line);background:var(--panel);font:inherit;font-size:.85rem;font-weight:600;padding:.55rem .9rem;border-radius:3px;cursor:pointer}
.filters button[aria-pressed="true"]{background:var(--navy);color:var(--on-navy);border-color:var(--navy)}
.filters .mine{margin-left:auto;border-color:var(--brass);color:var(--navy)}
.ugrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
@media(max-width:900px){.ugrid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.ugrid{grid-template-columns:1fr}}
.ucard{display:block;background:var(--panel);border:1px solid var(--line);text-decoration:none;color:inherit;min-width:0}
.ucard:hover{border-color:var(--brass)}
.uimg{position:relative;aspect-ratio:4/3;background:var(--navy-tint);display:grid;place-items:center;color:var(--muted);font-size:.85rem;overflow:hidden}
.uimg img{width:100%;height:100%;object-fit:cover;display:block}
.umode{position:absolute;top:.7rem;left:.7rem;background:var(--navy);color:var(--brass-light);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;padding:.3rem .55rem}
.ubody{padding:1rem 1.1rem 1.2rem;display:grid;gap:.6rem}
.ubody h3{font-size:1.15rem}
.uchips{display:flex;flex-wrap:wrap;gap:.35rem}
.uchips span{font-size:.74rem;border:1px solid var(--line);padding:.2rem .5rem;color:var(--muted)}
.uchips.big span{font-size:.85rem;margin-top:.6rem}
.uprice{display:grid;gap:.1rem;margin-top:.3rem}
.uprice b{font-family:var(--display);font-weight:400;font-size:1.35rem;color:var(--navy)}
.uprice span{font-size:.8rem;color:var(--brass)}
.emptybox{background:var(--panel);border:1px solid var(--line);padding:2.4rem;text-align:center;display:grid;gap:.8rem;justify-items:center}
.back{display:inline-block;font-size:.9rem;color:var(--muted);text-decoration:none;margin-bottom:1rem}
.unit-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:3rem;align-items:start}
@media(max-width:900px){.unit-grid{grid-template-columns:1fr}}
.gallery{display:flex;gap:.6rem;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.4rem}
.gallery img{flex:0 0 86%;aspect-ratio:4/3;object-fit:cover;scroll-snap-align:start;background:var(--navy-tint);border:1px solid var(--line)}
.nophoto{aspect-ratio:4/3;background:var(--navy-tint);display:grid;place-items:center;color:var(--muted);width:100%}
.spec{margin-top:2rem;background:var(--panel);border:1px solid var(--line);padding:1.4rem}
.spec dl{margin:1rem 0;display:grid;grid-template-columns:1fr 1fr;gap:.8rem 1.4rem}
@media(max-width:480px){.spec dl{grid-template-columns:1fr}}
.spec dt{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.spec dd{margin:0;font-weight:600}
.bidbox{background:var(--navy);color:var(--on-navy);padding:1.5rem;display:grid;gap:.9rem;border:1px solid rgba(217,179,106,.5);margin-bottom:1rem}
.bidbox .k{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:#B9BFC9}
.bidbox .n{font-family:var(--display);font-size:2.2rem;line-height:1;color:var(--brass-light)}
.bidbox .n.small{font-size:1.2rem;font-family:var(--body);color:var(--on-navy)}
.bidbox .field{color:#C9CDD5}
.bidbox .field input{background:rgba(255,255,255,.06);border-color:rgba(217,179,106,.35);color:var(--on-navy)}
.bidbox .btn-primary{background:linear-gradient(180deg,var(--brass-light),var(--brass));color:#10243F;border-color:var(--brass)}
.bidbox .micro{color:#B9BFC9}
.bidrow{display:flex;justify-content:space-between;align-items:end;gap:1rem}
.or{display:flex;align-items:center;gap:.8rem;color:#B9BFC9;font-size:.8rem}
.or i{flex:1;height:1px;background:rgba(217,179,106,.35)}
.okbox{background:#F4EEDF;color:var(--navy);padding:1rem;font-weight:600}
.warnbox{background:#F4EEDF;color:var(--navy);padding:1rem;border-left:2px solid var(--brass);margin-bottom:1rem}
.mybid{display:flex;gap:1rem;align-items:center;background:var(--panel);border:1px solid var(--line);padding:.8rem;margin-bottom:.6rem}
.mybid img{width:72px;height:56px;object-fit:cover;background:var(--navy-tint);flex:none}
.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(5.5rem + env(safe-area-inset-bottom,0px));background:var(--navy);color:var(--on-navy);padding:.7rem 1rem;font-size:.9rem;opacity:0;transition:opacity .2s;pointer-events:none;max-width:90%;text-align:center;z-index:30;border:1px solid var(--brass)}
.toast.show{opacity:1}

/* blog */
.posts3{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
@media(max-width:860px){.posts3{grid-template-columns:1fr}}
.post{background:var(--panel);padding:1.6rem;text-decoration:none;color:inherit;display:grid;gap:.6rem;align-content:start;min-width:0}
.post:hover h3{color:var(--brass)}
.post .meta{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.post h3{font-size:1.15rem;line-height:1.3}
.post p:last-child{color:var(--muted);font-size:.92rem}
.article{max-width:720px;padding-block:3.5rem 5rem}
.article h1{font-size:clamp(2rem,4.5vw,2.8rem);margin:.6rem 0 1rem}
.article .standfirst{font-family:var(--display);font-style:italic;font-size:1.15rem;color:var(--muted);line-height:1.5}
.article .meta{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:1.2rem}
.article .body{margin-top:2.2rem;font-size:1.04rem;line-height:1.7}
.article .body p{margin:0 0 1.1rem}
.article .body h2{font-size:1.5rem;margin:2rem 0 .8rem}
.article .body ul{padding-left:1.2rem;margin:0 0 1.1rem}
.article .body li{margin-bottom:.5rem}
.article .body a{color:var(--brass)}
.article .cta-box{margin-top:3rem;background:var(--navy);color:var(--on-navy);padding:1.8rem;display:grid;gap:.8rem}
.article .cta-box h3{color:var(--brass-light)}
.article .cta-box p{color:#C9CDD5}
.article .cta-box .btn-primary{background:linear-gradient(180deg,var(--brass-light),var(--brass));color:#10243F;border-color:var(--brass)}
.mini-t{width:100%;border-collapse:collapse;font-size:.9rem;min-width:0}
.mini-t td{padding:.5rem 0;border-bottom:1px solid var(--line)}
.mini-t td:last-child{text-align:right;font-weight:600;color:var(--navy)}
.foot-contact a{color:var(--on-navy)}
@media(max-width:900px){.sell-grid .card{order:0}.sell-side{order:1}}

/* timeline (how it works) */
.tl-step{padding-block:3.5rem;border-top:1px solid var(--line)}
.tl-step.alt{background:var(--navy-tint)}
.tl-grid{display:grid;grid-template-columns:7rem 1fr 9rem;gap:2rem;align-items:center}
@media(max-width:700px){.tl-grid{grid-template-columns:1fr}}
.tl-n{font-family:var(--display);font-size:5rem;line-height:1;color:var(--brass)}
.tl-step h2{font-size:1.7rem;margin-bottom:.6rem}
.tl-step p{color:var(--muted);max-width:52ch}
.tl-side{display:grid;gap:.2rem;border-left:1px solid var(--brass);padding-left:1.2rem}
.tl-side .k{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.tl-side b{font-family:var(--display);font-weight:400;font-size:1.5rem;color:var(--navy)}
@media(max-width:700px){.tl-side{border-left:none;padding-left:0;border-top:1px solid var(--brass);padding-top:.8rem}}
/* parks tiles */
.tiles{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(217,179,106,.35);border:1px solid rgba(217,179,106,.45)}
.tile{background:var(--navy);padding:1.6rem;display:grid;gap:.3rem}
.tile b{font-family:var(--display);font-weight:400;font-size:2.6rem;line-height:1;color:var(--brass-light)}
.tile span{font-size:.88rem;color:#C9CDD5}
.strip4{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-top:1.4rem}
@media(max-width:860px){.strip4{grid-template-columns:1fr 1fr}}
.strip4>div{display:grid;gap:.3rem;border-top:1px solid rgba(217,179,106,.4);padding-top:1rem}
.strip4 b{font-family:var(--display);font-weight:400;font-size:2rem;color:var(--brass-light);line-height:1}
.strip4 span{color:#C9CDD5;font-size:.95rem}
/* faq layout */
.faq-layout{display:grid;grid-template-columns:14rem 1fr;gap:3rem;align-items:start}
@media(max-width:800px){.faq-layout{grid-template-columns:1fr}}
.faq-nav{position:sticky;top:5.5rem;display:grid;gap:.4rem}
.faq-nav a:not(.btn){text-decoration:none;color:var(--muted);padding:.4rem 0;border-bottom:1px solid var(--line)}
.faq-nav a:not(.btn):hover{color:var(--brass)}
@media(max-width:800px){.faq-nav{position:static;grid-template-columns:1fr 1fr 1fr}.faq-nav .btn{grid-column:1/-1}}
.faq-group{margin-bottom:2.6rem}
.faq-group h2{font-size:1.4rem;margin-bottom:.6rem}
/* about */
.about-cols{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:center}
@media(max-width:800px){.about-cols{grid-template-columns:1fr}}
.big-p{font-size:1.2rem;line-height:1.6;margin-bottom:1.2rem;color:var(--fg)}
.pull{margin:0;border-left:2px solid var(--brass);padding:1rem 0 1rem 1.6rem;font-family:var(--display);font-size:1.5rem;line-height:1.35}
.pull cite{display:block;font-family:var(--body);font-style:normal;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:.8rem}
.uprice b{font-size:1.5rem}