/* A quiet travel journal, with locally hosted Iansui handwriting. */
@font-face{font-family:Iansui;src:url('./fonts/iansui-headings.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{--blue:#34564c;--ink:#293a33;--muted:#687069;--yellow:#e6d9bb;--line:#d8d8cc;--paper:#eeeee5;background:#f8f7f1}
body{background:#f8f7f1}
.header{min-height:106px;border-bottom-color:#d9dccf}
.brand{font-family:Iansui,"Microsoft JhengHei",serif;font-size:23px;font-weight:400;letter-spacing:1px}
.brand small{font-family:Arial,sans-serif;font-size:9px;letter-spacing:2.5px;color:var(--muted);font-weight:400}
.brand-icon{background:transparent;color:var(--blue);border:1px solid #829183;font-size:34px;padding:5px 10px 8px;border-radius:3px;transform:rotate(-5deg);letter-spacing:-2px}
.header nav{font-weight:400;color:#46564b}
.channel-link{border-color:#bac4b5;border-radius:3px;background:transparent}
.hero{padding-top:48px;padding-bottom:49px;gap:50px}
.eyebrow{font-weight:400;color:#6f725e;letter-spacing:2.3px}
h1{font-family:Iansui,"Microsoft JhengHei",serif;font-weight:400;font-size:clamp(44px,4.3vw,65px);line-height:1.5;letter-spacing:1px;margin-bottom:16px}
.underline{background:none;position:relative;white-space:nowrap}
.underline::after{content:"";position:absolute;left:0;right:4px;bottom:0;height:6px;border-bottom:2px solid #b27a5e;border-radius:50%;transform:rotate(-2deg)}
.hero-copy .eyebrow{font-size:13px;color:#8b614a;letter-spacing:1px}
.hero-description{color:#61685e;font-size:15px;line-height:2}
.button{border-radius:3px;font-weight:400;letter-spacing:1px}
.primary{background:#34564c}.primary:hover{background:#254438}
.hero-note{color:#737765;letter-spacing:1px}.small-line{background:#a1a892}
.feature{background:#334b40;border-radius:2px;min-height:392px;box-shadow:10px 10px 0 #e9eadf}
.feature>img{filter:saturate(.76)}
.feature-shade{background:linear-gradient(0deg,rgba(17,38,30,.91),rgba(17,38,30,.03) 85%)}
.feature-stamp{background:#ece6d6;color:#4d5d4b;border:1px solid #faf8ec;border-radius:2px;font-weight:400;letter-spacing:2px;padding:16px 12px;transform:rotate(5deg)}
.feature-caption h2{font-family:Iansui,"Microsoft JhengHei",serif;font-weight:400;font-size:32px;letter-spacing:1px}
.feature-caption .eyebrow{color:#ebe7d9;font-weight:400;letter-spacing:1.5px}
.ticker{background:#e9ecdf;border-top:1px solid #d7ddce;border-bottom:1px solid #d7ddce;color:#56624f;font-weight:400;padding:16px 20px;letter-spacing:2px}
.ticker b{color:#9b795e;font-weight:400;font-size:19px}
.library{padding-top:59px}.section-heading h2{font-family:Iansui,"Microsoft JhengHei",serif;font-size:36px;font-weight:400;letter-spacing:1px}
.section-heading .eyebrow{letter-spacing:3px;color:#818270;font-size:11px}
.section-heading>p{font-size:13px;color:#747866}
.topic{background:transparent;border-color:#cfd5c7;font-weight:400;border-radius:4px;letter-spacing:.5px;padding:11px 18px}
.topic[aria-pressed=true]{background:#34564c;border-color:#34564c}.topic:hover{border-color:#56705a}
.filter-panel{background:#f0f1e8;border:1px solid #dce0d3;border-radius:3px;padding:15px 20px}
.select-label select{background:#fafaf5;border-color:#d4dacb;border-radius:2px}
.card-media{border-radius:2px;background:#e6e9df}.card-media img{filter:saturate(.88)}
.card-labels{font-weight:400;letter-spacing:.6px;color:#697957}.card-labels span+span{color:#787d70}
.card h3{font-weight:500;color:#334438;font-size:16px;line-height:1.8}
.watch-label{color:#7b806f}.watch-label b{color:#7b886b;font-weight:400}
.outline{background:transparent;border-color:#889982;color:#41563e}.outline:hover{background:#e9edde}
.destinations-section{background:#e9ecdf;border-top:1px solid #dbe0d1}
.destination{border-radius:2px;background:#f7f7ef}.destination img{filter:saturate(.76)}
.destination strong{font-family:Iansui,"Microsoft JhengHei",serif;font-size:25px;font-weight:400}.destination small{font-size:10px;color:#858675;letter-spacing:2px}
.footer-brand{font-family:Iansui,"Microsoft JhengHei",serif;font-weight:400;font-size:27px}.footer-brand span{color:#a3775a}
.footer-links{color:#66715d}footer p{color:#78806e}.empty{background:#edf0e5}
@media(min-width:1500px){.feature{min-height:415px}}
@media(max-width:1000px){.hero{gap:30px}h1{font-size:44px;letter-spacing:0}.feature{min-height:370px}.brand{font-size:20px}.section-heading h2{font-size:32px}}
@media(max-width:680px){.header{min-height:90px}.brand{font-size:18px;gap:8px;letter-spacing:0}.brand-icon{font-size:27px;padding:4px 7px 7px}.brand small{font-size:7px;letter-spacing:1.2px}.channel-link{font-size:11px;padding:11px 8px}.hero{padding-top:28px;padding-bottom:33px;gap:28px}h1{font-size:42px;line-height:1.5;letter-spacing:0}.hero-description{font-size:14px}.hero-copy .eyebrow{font-size:12px}.feature{min-height:250px;box-shadow:6px 6px 0 #e9eadf}.feature-caption h2{font-size:27px}.feature-stamp{font-size:9px;padding:12px 9px}.ticker{font-size:11px;padding:12px 18px;gap:22px;letter-spacing:1px}.library{padding-top:36px}.section-heading h2{font-size:28px;letter-spacing:0}.section-heading .eyebrow{font-size:10px;letter-spacing:2px}.topic{padding:10px 13px}.filter-panel{padding:10px 12px}.card h3{font-size:14px}.destination strong{font-size:22px}.footer-brand{font-size:25px}}
@media(max-width:680px){.feature-caption{right:60px}.feature-caption h2{font-size:24px;letter-spacing:0}}
.topic-description{color:var(--muted);font-size:14px;line-height:1.8;margin:-10px 0 22px;max-width:900px}