/* Retro finish: colors taken from the photographs (aged tin red, faded navy,
   brass, amber-lit parchment), thin rules and double "label" borders,
   photos matted like old prints. Loaded last; remove this file to revert. */
:root{
  --paper:#efe6d3;
  --paper-2:#e5d9c0;
  --ink:#2e2620;
  --navy:#26304a;
  --red:#973a2c;
  --mustard:#a5803d;
  --brass-light:#d2b47a;
  --line:#2e262038;
  --serif:"Shippori Mincho B1",serif;
  --sans:"Zen Kaku Gothic Antique",system-ui,sans-serif;
}
body{font-weight:400;letter-spacing:.02em;background-color:var(--paper)}
::selection{background:var(--red);color:var(--paper)}

/* type: lighter, more spacing, quieter */
.serif,.logo,.sec-title,.hero h1,.page-head h1,.price,.tel,.cat h2,.steps .num,.timeline .year,.sign{font-weight:600}
.hero h1{letter-spacing:.06em}
.sec-title{letter-spacing:.06em}
.eyebrow{font-family:var(--serif);font-weight:600;letter-spacing:.32em;color:var(--red)}
.hero .eyebrow::before{background:var(--red)}
.title-dot{color:var(--red)}
.logo-star{color:var(--red)}
.price{color:var(--red)}
.card-row h3,.steps h3,.point h3,.timeline h3{font-weight:500}
.nav{font-weight:500}
.nav a[aria-current="page"]{color:var(--red);box-shadow:inset 0 -1px 0 var(--red)}

/* header / band / footer */
.site-header{background:var(--paper);border-bottom:3px double var(--line)}
.site-header.is-scrolled{box-shadow:none}
.band{background:var(--ink);color:var(--paper-2);border-block:1px solid var(--ink);box-shadow:inset 0 3px 0 var(--paper),inset 0 -3px 0 var(--paper),inset 0 4px 0 var(--ink),inset 0 -4px 0 var(--ink);font-family:var(--serif);font-weight:600}
.site-footer{background:var(--ink);color:var(--paper-2);border-top:3px double var(--brass-light)}
.foot-links a{color:var(--paper-2)}
.foot-links a:hover{color:var(--brass-light)}

/* buttons: flat, square, thin */
.btn{border:1px solid var(--ink);border-radius:0;font-weight:500;letter-spacing:.08em}
.btn-fill{background:var(--ink);color:var(--paper)}
.btn-fill:hover{background:var(--red);border-color:var(--red);color:var(--paper)}
.btn:hover{transform:none}
.more{font-weight:500;letter-spacing:.06em}

/* photos: matted like old prints */
.hero-art>img,.story-photo img,.teaser-art img,.page-head-photo img,.photo-card img{filter:sepia(.12) saturate(.92) contrast(.98)}
.hero-art{padding:10px;background:var(--paper-2);border:1px solid var(--line);margin-right:0}
.hero-art>img{box-shadow:none}
.story-photo,.page-head-photo,.teaser-art{padding:8px;background:var(--paper-2);border:1px solid var(--line)}
.photo-card{padding:6px;background:var(--paper-2);border:1px solid var(--line)}
.photo-tag{background:var(--paper);border:3px double var(--ink);color:var(--ink);right:26px;top:26px}
.photo-credit{color:var(--paper);text-shadow:0 1px 2px #0006}
.wind-button{background:var(--paper);border:1px solid var(--ink);box-shadow:none;font-weight:500;left:26px;bottom:26px}
.wind-button:hover{background:var(--paper-2);transform:none}
.story-photo figcaption{text-shadow:0 1px 3px #0008;left:26px;bottom:22px}

/* illustration tiles keep the same quiet frame */
.card-art:not(.photo-card){border:1px solid var(--line);background-image:none}
.bg-ink{background:var(--navy)}
.bg-red{background:var(--red)}
.bg-mustard{background:var(--mustard)}
.bg-paper{background:var(--paper-2);border:1px solid var(--line)}
.card-art svg{filter:none}
.card-row{border-bottom:1px solid var(--ink)}
.card:hover{translate:none}
.card:hover .photo-card img{transform:none}

/* sections */
.items,.section.alt{background:var(--paper-2)}
.teaser{background:var(--navy);color:var(--paper)}
.teaser .eyebrow{color:var(--brass-light)}
.teaser .more{color:var(--paper)}
.teaser .more:hover{color:var(--brass-light)}
.teaser-art{background:#1e273d;border-color:#ffffff22}
.cta{background:var(--ink)}
.cta .btn-fill:hover{background:var(--brass-light);border-color:var(--brass-light)}

/* tables & lists: double rule "label" frames */
.table{border:0;border-top:3px double var(--ink);border-bottom:3px double var(--ink);padding:4px 0}
.row+.row{border-top:1px solid var(--line)}
.row .closed{color:var(--red)}
.price-list{border-top:3px double var(--ink)}
.price-list .row{border-bottom:1px solid var(--line)}
.price-list .row:last-child{border-bottom:3px double var(--ink)}
.notice{border-left:2px solid var(--mustard)}
.faq details{border-bottom:1px solid var(--line)}
.faq details:first-child{border-top:3px double var(--ink)}
.faq summary::before{color:var(--red)}
.timeline li{border-bottom:1px solid var(--line)}
.timeline li:first-child{border-top:3px double var(--ink)}

/* boxes */
.steps li,.point{border:3px double var(--line);background:var(--paper)}
.steps .num{color:var(--red)}
.chips a{border:1px solid var(--ink);font-weight:500}
.chips a:hover{background:var(--ink);color:var(--paper)}
.cat h2{border-bottom:3px double var(--ink)}
.cat h2 small{font-family:var(--serif);color:var(--red)}
.map{background:var(--paper-2);border:1px solid var(--line)}
.tel{color:var(--ink)}

@media(max-width:680px){
  .hero-art{padding:6px}
  .story-photo,.page-head-photo,.teaser-art{padding:6px}
  .photo-tag{right:18px;top:18px}
  .wind-button{left:18px;bottom:18px}
}