@charset "UTF-8";
:root{color-scheme:light;--paper:#f7f5ef;--ink:#343b32;--muted:#7d8074;--line:#ddded3;--accent:#ba6448;--green:#53644a;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;--serif:Georgia,"Noto Serif SC","Songti SC",STSong,SimSun,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:3;opacity:.065;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.6' filter='url(%23n)'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:2px solid var(--accent);outline-offset:7px;border-radius:3px}svg{display:block}p,h1,h2,figure{margin:0}.page-shell{width:calc(100% - 112px);max-width:1160px;margin:0 auto}.site-header{height:106px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:28px}.wordmark{display:inline-flex;align-items:center;gap:12px;font-family:Georgia,serif;font-size:28px;font-weight:600;letter-spacing:-1.1px}.wordmark-dot{color:var(--accent)}.brand-flower{width:31px;height:31px;color:var(--accent);transition:transform .7s cubic-bezier(.2,.7,.2,1)}.wordmark:hover .brand-flower{transform:rotate(90deg)}.header-note{color:var(--muted);font-size:11px;letter-spacing:2px;margin-left:auto;margin-right:24px}.github-link{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500;transition:color .2s}.github-link:hover{color:var(--accent)}.external-arrow{width:13px;height:13px;margin-left:2px;stroke:currentColor;stroke-width:1.4}.hero{display:grid;grid-template-columns:1fr 1.02fr;align-items:center;gap:62px;padding:79px 0 77px}.eyebrow{display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:2px;color:var(--muted);font-weight:500;margin-bottom:31px}.little-line{height:1px;width:22px;background:var(--accent)}.hello{font-size:15px;letter-spacing:.5px;margin-bottom:19px}.hello>span:first-child{font-family:Georgia,serif;font-size:20px;letter-spacing:0;margin-left:4px}.hello-wave{display:inline-block;color:var(--accent);font-size:21px;line-height:1;margin-left:10px;vertical-align:-1px}h1{font-family:var(--serif);font-size:clamp(40px,4.7vw,62px);font-weight:400;letter-spacing:3px;line-height:1.43;white-space:nowrap}.grow{position:relative;isolation:isolate}.grow svg{position:absolute;left:-4px;bottom:-5px;width:100%;height:17px;z-index:-1;stroke:#bf7956;stroke-width:2;opacity:.68;stroke-linecap:round}.full-stop{color:var(--accent)}.intro{font-size:12px;line-height:2.1;letter-spacing:.6px;color:var(--muted);margin-top:29px}.mobile-break{display:none}.wander-link{display:inline-flex;align-items:center;gap:20px;margin-top:26px;font-size:11px;letter-spacing:1px;padding:6px 0}.wander-link svg{stroke:var(--accent);stroke-width:1.3;transition:transform .25s}.wander-link:hover svg{transform:translateY(4px)}.postcard{position:relative;padding:12px 12px 0;background:#fdfcf8;box-shadow:0 7px 24px #35332612,0 1px 3px #35332614;transform:rotate(2.1deg);margin-top:10px;transition:transform .6s ease;min-width:0}.postcard:hover{transform:rotate(.6deg) translateY(-3px)}.postcard-tape{position:absolute;z-index:1;top:-15px;left:calc(50% - 39px);width:79px;height:28px;background:#d6d0b99c;backdrop-filter:blur(1px);transform:rotate(-7deg);clip-path:polygon(1% 0,98% 2%,100% 93%,97% 97%,4% 100%,0 92%,3% 76%,0 59%,3% 41%,0 18%)}.postcard-image-wrap{overflow:hidden;aspect-ratio:1.36;background:#ddd9c5}.landscape{display:block;width:100%;height:100%;object-fit:cover;object-position:58% 50%;transition:transform 1.2s}.postcard:hover .landscape{transform:scale(1.025)}figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:51px;padding:2px 7px 0}figcaption>span:first-child{font-size:7px;letter-spacing:1.35px;color:#898b7f}.postcard-handwriting{font-family:var(--serif);font-size:12px;letter-spacing:1.5px;color:#777b69}.postcard-spark{position:absolute;right:-27px;top:-30px;width:48px;height:48px;stroke:var(--accent);stroke-width:1.3;transform:rotate(8deg)}.destinations{border-top:1px solid var(--line);scroll-margin-top:30px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:25px 0 18px}h2{font-size:12px;font-weight:500;letter-spacing:2px}.section-heading>p{font-size:8px;letter-spacing:1.4px;color:var(--muted)}.section-heading>p span{font-size:15px;margin-left:11px;color:var(--accent)}.door-list{display:grid;grid-template-columns:1fr 1fr;gap:36px}.door{display:flex;align-items:center;gap:17px;min-height:101px;padding:17px 13px 22px 0;border-bottom:1px solid var(--line);transition:background .25s,padding .25s}.door:hover{background:#eae9de55;padding-left:8px;padding-right:5px}.door-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid #d7ddce;border-radius:12px;flex:none}.door-icon svg{width:27px;height:27px;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.fieldnotes-icon{background:#eaf0e3;color:#52674e}.opencode-icon{background:#f2e9de;color:#986f4e;border-color:#e6dacc}.door-copy{display:block;min-width:0}.door-name{display:flex;align-items:center;gap:14px;font-family:Georgia,serif;font-size:23px;letter-spacing:-.4px}.door-tag{font-family:var(--sans);font-size:9px;letter-spacing:1px;color:#99998b}.door-description{display:block;margin-top:7px;font-size:10px;letter-spacing:.5px;color:var(--muted)}.door-arrow{margin-left:auto;flex:none;width:27px;color:#8a8e7e}.door-arrow svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.2;transition:transform .25s,color .25s}.door:hover .door-arrow svg{transform:translate(3px,-3px);color:var(--accent)}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:113px;color:#95968b;font-size:10px;letter-spacing:.4px}.site-footer>p:first-child{font-size:9px;letter-spacing:.7px}.footer-message{display:flex;gap:11px;align-items:center;letter-spacing:1px}.footer-message span{color:#b18265;font-size:16px}.local-time{display:flex;align-items:center;gap:8px;font-size:9px;font-variant-numeric:tabular-nums;letter-spacing:.6px}.time-dot{width:5px;height:5px;border-radius:50%;background:#81946a;box-shadow:0 0 0 3px #81946a0d}.time-location{color:#a8a99d;margin-left:-4px}.skip-link{position:fixed;top:8px;left:10px;background:var(--ink);color:var(--paper);padding:12px 18px;z-index:10;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}
@media(min-width:1440px){.page-shell{max-width:1160px}.site-header{height:116px}.hero{padding:86px 0 88px;gap:80px}h1{font-size:65px}.intro{font-size:13px}.postcard-image-wrap{aspect-ratio:1.35}.site-footer{min-height:119px}}
@media(max-width:1050px){.page-shell{width:calc(100% - 80px)}.hero{gap:36px;padding:65px 0}.eyebrow{font-size:8px;letter-spacing:1.4px}h1{font-size:clamp(40px,4.9vw,54px);letter-spacing:1px}.intro{font-size:11px}.postcard-handwriting{font-size:10px;letter-spacing:.4px}figcaption>span:first-child{font-size:6px;letter-spacing:.6px}.door-tag{display:none}.header-note{margin-right:10px}.postcard-spark{width:38px;height:38px;right:-19px}}
@media(max-width:760px){.page-shell{width:calc(100% - 48px);max-width:570px}.site-header{height:86px;gap:20px}.wordmark{font-size:25px;gap:10px}.brand-flower{width:26px;height:26px}.header-note{display:none}.github-link{font-size:11px;gap:6px}.github-link>svg:first-child{width:14px;height:14px}.hero{grid-template-columns:1fr;gap:54px;padding:51px 0 47px}.hero-copy{padding-left:4px}.eyebrow{font-size:8px;letter-spacing:1.7px;margin-bottom:27px}.hello{font-size:14px;margin-bottom:15px}.hello>span:first-child{font-size:19px}h1{font-size:clamp(42px,8.7vw,56px);letter-spacing:2px;line-height:1.4}.intro{font-size:12px;line-height:2.05;margin-top:25px}.wander-link{margin-top:21px}.postcard{margin:0 7px 0 5px;padding:10px 10px 0;transform:rotate(1.7deg)}.postcard-image-wrap{aspect-ratio:1.49}.postcard-spark{width:38px;height:38px;right:-19px;top:-24px}figcaption{min-height:46px;padding:0 4px}.postcard-handwriting{font-size:11px;letter-spacing:1px}figcaption>span:first-child{font-size:6px;letter-spacing:1px}.section-heading{margin:24px 0 6px}.section-heading>p{font-size:6px;letter-spacing:1px}.section-heading>p span{margin-left:3px}.door-list{grid-template-columns:1fr;gap:0}.door{min-height:107px;padding:22px 4px 22px 0}.door-name{font-size:23px;gap:13px}.door-tag{display:inline;font-size:9px}.door-description{font-size:10px;margin-top:7px}.site-footer{flex-wrap:wrap;gap:21px;min-height:0;padding:31px 0 29px;justify-content:space-between}.footer-message{order:3;width:100%;justify-content:center;font-size:10px;margin-top:8px}.site-footer>p:first-child{font-size:9px}.time-location{font-size:8px}.local-time{font-size:9px}.grow svg{height:15px;bottom:-5px}}
@media(max-width:370px){.page-shell{width:calc(100% - 36px)}.wordmark{font-size:23px}.github-link{font-size:10px}h1{font-size:40px;letter-spacing:1px}.intro{font-size:11px}.mobile-break{display:block}.door-tag{font-size:8px}.door-name{gap:10px}.door{gap:14px}.section-heading>p{font-size:5.5px;letter-spacing:.6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Keep the quiet secondary copy comfortably legible at every size. */
:root { --muted: #6f7468; }
.intro { font-size: 13px; }
.door-description { font-size: 11px; }
.door-tag { color: #767c6f; }
.wander-link { font-size: 12px; }
.door-entry { display: flex; align-items: stretch; gap: 8px; min-width: 0; border-bottom: 1px solid var(--line); }
.door-entry .door { flex: 1; min-width: 0; border-bottom: 0; padding-right: 4px; }
.repository-link { display: grid; place-items: center; flex: 0 0 40px; height: 40px; align-self: center; margin-bottom: 5px; border: 1px solid transparent; border-radius: 50%; color: var(--muted); transition: color .2s, background .2s, border-color .2s; }
.repository-link svg { width: 18px; height: 18px; }
.repository-link:hover { color: var(--accent); background: #f0ece2; border-color: var(--line); }
.site-footer { flex-wrap: wrap; min-height: 0; padding: 32px 0 22px; row-gap: 14px; }
.icp-record { flex-basis: 100%; order: 4; text-align: center; color: var(--muted); font-size: 11px; letter-spacing: .5px; line-height: 1.8; }
.icp-record a { display: inline-block; padding: 4px 8px; }
.icp-record a:hover { color: var(--accent); text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 370px) {
  .door-entry { gap: 2px; }
  .door-entry .door { gap: 10px; }
  .door-entry .door-icon { width: 40px; height: 40px; }
  .door-entry .door-tag { display: none; }
  .door-entry .door-arrow { width: 21px; }
}
@media (max-width: 370px) {
  .intro { font-size: 12px; }
}