:root{
--jet:#0A0A0A;--coal:#141412;--slate:#1D1D1A;--line:#2E2E28;
--gold:#C9A227;--gold-lt:#E7C55C;--gold-dk:#8C6E14;--cream:#F2EDE2;--mute:#9A968B;
--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
--disp:"Fraunces",Georgia,"Times New Roman",serif;
--foil:linear-gradient(105deg,#8C6E14 0%,#E7C55C 28%,#FFF0BE 44%,#C9A227 60%,#8C6E14 100%);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--jet);color:var(--cream);font:400 16px/1.65 var(--sans)}
img{max-width:100%;height:auto;display:block}
a{color:var(--gold-lt)}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.wrap{max-width:1060px;margin:0 auto;padding:0 18px}
.gold-txt{background:var(--foil);-webkit-background-clip:text;background-clip:text;color:transparent}

/* rule with a gold hairline + brass tick */
.rule{height:1px;background:var(--line);position:relative}
.rule::before{content:"";position:absolute;left:0;top:-1px;width:64px;height:3px;background:var(--gold)}

.strip{background:var(--coal);border-bottom:1px solid var(--line);font:600 11px/1 var(--mono);
letter-spacing:.14em;text-transform:uppercase;color:var(--mute);padding:11px 0}
.strip .wrap{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;text-align:center}
.strip b{color:var(--gold);font-weight:600}

header.top{position:sticky;top:0;z-index:30;background:rgba(10,10,10,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(6px)}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 18px;max-width:1060px;margin:0 auto}
.mark{font:800 20px/1 var(--disp);letter-spacing:-.02em}
.mark small{display:block;font:600 9px/1.4 var(--mono);letter-spacing:.2em;color:var(--mute);text-transform:uppercase;margin-top:5px}

.btn{display:inline-block;font:700 14px/1 var(--sans);padding:13px 18px;text-decoration:none;
border:1px solid var(--gold);border-radius:2px;background:transparent;color:var(--gold-lt);transition:background .15s,color .15s}
.btn:hover{background:var(--gold);color:#0A0A0A}
.btn.solid{background:var(--gold);color:#0A0A0A;border-color:var(--gold)}
.btn.solid:hover{background:var(--gold-lt);border-color:var(--gold-lt)}
.btn.wa{background:#1E3B2F;border-color:#2F6B4F;color:#BFE8CF}
.btn.wa:hover{background:#2F6B4F;color:#fff}
.top .btn{padding:10px 15px;font-size:13px}

.hero{padding:52px 0 10px}
.eyebrow{font:600 11px/1.5 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin:0 0 16px}
h1{font:800 clamp(34px,7.2vw,62px)/1.03 var(--disp);letter-spacing:-.025em;margin:0 0 20px;max-width:16ch}
.lede{font-size:clamp(16px,2.4vw,19px);max-width:54ch;color:var(--mute);margin:0 0 26px}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:28px}
.plate{display:inline-block;background:var(--coal);border:1px solid var(--line);border-left:3px solid var(--gold);
padding:16px 20px;font:500 13px/1.7 var(--mono);color:var(--cream);max-width:38ch}
.plate b{display:block;font:700 10px/1 var(--mono);letter-spacing:.2em;color:var(--gold);margin-bottom:9px}

section{padding:48px 0;border-top:1px solid var(--line);margin-top:48px}
.hd{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:10px}
h2{font:800 clamp(25px,4.6vw,36px)/1.1 var(--disp);letter-spacing:-.02em;margin:0}
.tag{font:600 10px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--gold-dk);
border:1px solid var(--gold-dk);padding:6px 9px;border-radius:2px}
.sub{color:var(--mute);margin:0 0 28px;max-width:58ch}

/* the brass rate plate — the one filled surface on the page */
.board{background:linear-gradient(160deg,#E7C55C 0%,#C9A227 42%,#A8871B 100%);color:#14120A;
border:1px solid var(--gold-lt);border-radius:2px;overflow:hidden;box-shadow:0 18px 44px rgba(0,0,0,.55)}
.row{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:16px 18px;
border-bottom:1px solid rgba(20,18,10,.18)}
.row:last-child{border-bottom:0}
.rname{font:700 16px/1.3 var(--sans);color:#14120A}
.rname span{display:block;font:400 13px/1.45 var(--sans);color:#4A4023;margin-top:4px}
.price{font:700 19px/1 var(--mono);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;color:#14120A}
.price i{display:block;font:600 9px/1 var(--mono);font-style:normal;letter-spacing:.16em;text-transform:uppercase;color:#5C5029;margin-top:7px}
.rhead{background:#14120A;padding:12px 18px}
.rhead .rname,.rhead .price{font:700 10px/1 var(--mono);letter-spacing:.2em;color:var(--gold);text-transform:uppercase}
.note{font-size:14px;color:var(--mute);margin:16px 0 0}

/* commute board */
.commute{background:var(--coal);border:1px solid var(--line);border-radius:2px;padding:8px}
.commute-in{border:1px solid #26261F;padding:16px 14px}
.cline{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:baseline;padding:12px 4px;
border-bottom:1px solid #22221C;font:600 14px/1.3 var(--mono);color:var(--cream)}
.cline:last-child{border-bottom:0}
.cline b{color:var(--gold-lt);font-weight:700;font-variant-numeric:tabular-nums}
.cline u{text-decoration:none;font:600 9px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.cap{font:600 9px/1.5 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--gold-dk);padding:0 4px 12px}

.grid{display:grid;gap:16px}
@media(min-width:760px){.grid.two{grid-template-columns:1fr 1fr}.grid.three{grid-template-columns:repeat(3,1fr)}}
.card{border:1px solid var(--line);border-radius:2px;background:var(--coal);padding:22px}
.card h3{font:800 19px/1.2 var(--disp);margin:0 0 9px;color:var(--cream)}
.card p{margin:0;color:var(--mute);font-size:15px}
.step .n{font:700 11px/1 var(--mono);color:var(--gold);letter-spacing:.2em;display:block;margin-bottom:12px}

/* gallery — masonry columns, no cropping */
.gal{columns:2;column-gap:12px}
@media(min-width:760px){.gal{columns:3;column-gap:14px}}
.gal figure{margin:0 0 12px;break-inside:avoid;border:1px solid var(--line);background:var(--coal);overflow:hidden}
@media(min-width:760px){.gal figure{margin-bottom:14px}}
.gal figure:hover{border-color:var(--gold-dk)}
.gal img{width:100%;height:auto;display:block;background:#101010}
.gal figcaption{font:600 10px/1.4 var(--mono);letter-spacing:.13em;text-transform:uppercase;
color:var(--mute);padding:10px 11px;border-top:1px solid var(--line)}
.gal figcaption b{display:block;color:var(--gold);font-weight:700;margin-bottom:4px;letter-spacing:.1em}

.chips{display:flex;flex-wrap:wrap;gap:9px;padding:0;margin:0;list-style:none}
.chips li{border:1px solid var(--line);border-radius:2px;padding:9px 14px;background:var(--coal);font:600 13px/1 var(--sans);color:var(--cream)}
.chips li::before{content:"◆";color:var(--gold);font-size:8px;vertical-align:middle;margin-right:8px}

details{border:1px solid var(--line);border-radius:2px;background:var(--coal);margin-bottom:9px}
summary{cursor:pointer;padding:16px 18px;font:700 15px/1.4 var(--sans);list-style:none;
display:flex;justify-content:space-between;gap:14px;color:var(--cream)}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font:700 20px/1 var(--mono);color:var(--gold)}
details[open]{border-color:var(--gold-dk)}
details[open] summary::after{content:"–"}
details p{margin:0;padding:0 18px 17px;color:var(--mute);font-size:15px}

.addr{display:grid;gap:20px}
@media(min-width:760px){.addr{grid-template-columns:1.2fr 1fr}}
address{font-style:normal;font-size:16px;line-height:1.8;color:var(--cream)}
address strong{color:var(--gold-lt)}

footer{border-top:1px solid var(--line);background:var(--coal);color:var(--mute);padding:34px 0 104px;margin-top:48px;font-size:14px}
footer .fmark{font:800 19px/1 var(--disp);margin-bottom:12px}

/* desktop side rails */
.rail{display:none}
@media(min-width:760px){
.rail{display:flex;flex-direction:column;gap:10px;position:fixed;right:16px;top:50%;transform:translateY(-50%);z-index:40}
.rail a{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--gold);
background:var(--coal);text-decoration:none;box-shadow:0 6px 20px rgba(0,0,0,.6)}
.rail a:hover{background:var(--gold)}
.rail a:hover svg{fill:#0A0A0A}
.rail svg{width:24px;height:24px;fill:var(--gold-lt)}
.rail a.wa{border-color:#2F6B4F;background:#1E3B2F}
.rail a.wa svg{fill:#BFE8CF}
.rail a.wa:hover{background:#25D366;border-color:#25D366}
.rail a.wa:hover svg{fill:#0A0A0A}
}
/* mobile dock */
.dock{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;gap:9px;padding:10px;
background:rgba(10,10,10,.96);border-top:1px solid var(--line);backdrop-filter:blur(6px)}
.dock a{flex:1;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px}
.dock svg{width:17px;height:17px}
.dock .solid svg{fill:#0A0A0A}
.dock .wa svg{fill:#BFE8CF}
@media(min-width:760px){.dock{display:none}footer{padding-bottom:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* ---- added: internal link strip + breadcrumb + prose pages ---- */
.crumb{font:600 11px/1.6 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mute);padding:18px 0 0}
.crumb a{color:var(--gold-dk);text-decoration:none}
.crumb a:hover{color:var(--gold)}
.links{display:grid;gap:10px;grid-template-columns:1fr}
@media(min-width:700px){.links{grid-template-columns:1fr 1fr}}
.links a{display:block;border:1px solid var(--line);border-left:3px solid var(--gold-dk);background:var(--coal);
padding:14px 16px;text-decoration:none;color:var(--cream)}
.links a:hover{border-left-color:var(--gold);border-color:var(--gold-dk)}
.links b{display:block;font:700 15px/1.3 var(--sans);color:var(--gold-lt);margin-bottom:4px}
.links span{font-size:13px;color:var(--mute)}
.prose p{max-width:64ch;color:#CFC9BC}
.prose h3{font:800 20px/1.25 var(--disp);margin:30px 0 10px;color:var(--cream)}
.prose ul{max-width:64ch;color:#CFC9BC;padding-left:20px}
.prose li{margin-bottom:8px}
.tbl{width:100%;border-collapse:collapse;border:1px solid var(--line);font-size:15px}
.tbl th{background:#14120A;color:var(--gold);font:700 10px/1 var(--mono);letter-spacing:.16em;
text-transform:uppercase;text-align:left;padding:12px 14px}
.tbl td{border-top:1px solid var(--line);padding:12px 14px;color:#CFC9BC}
.tbl td:last-child{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--gold-lt);white-space:nowrap}