:root{color-scheme:dark;color:#f5ead8;background:#1b100a;font-family:Noto Sans SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 83% 12%,#0000 0 76px,#e0aa7414 77px 79px,#0000 80px 106px,#e0aa740e 107px 109px,#0000 110px),radial-gradient(circle at 8% 32%,#70391d57,#0000 34rem),linear-gradient(145deg,#24140c 0%,#160d09 48%,#21120b 100%);min-width:320px;min-height:100svh;margin:0;overflow-x:hidden}button,a{font:inherit}button{color:inherit}.shell{width:min(1440px,100% - 52px);margin:0 auto}.topbar{border-bottom:1px solid #f5ead824;justify-content:space-between;align-items:center;gap:24px;min-height:78px;display:flex}.back-link,.home-link{color:#f5ead8;font-size:13px;font-weight:800;text-decoration:none}.back-link{align-items:center;gap:10px;display:inline-flex}.back-link span{color:#d89a61;font-size:20px}.home-link{color:#f5ead8b3;text-underline-offset:5px;text-decoration:underline}.hero{grid-template-columns:minmax(0,.9fr) minmax(360px,.62fr);align-items:center;gap:clamp(38px,7vw,110px);padding:clamp(58px,8vw,108px) 0 64px;display:grid}.eyebrow{color:#d89a61;letter-spacing:.24em;margin:0 0 20px;font-size:11px;font-weight:900}h1{letter-spacing:-.085em;max-width:780px;margin:0;font-family:Georgia,Noto Serif SC,serif;font-size:clamp(68px,10vw,146px);font-weight:500;line-height:.82}h1 span{color:#d9ae87;letter-spacing:.06em;margin-left:.52em;font-size:.47em;line-height:1.35;display:block}.intro{color:#f5ead899;max-width:690px;margin:34px 0 0;font-family:Georgia,Noto Serif SC,serif;font-size:clamp(16px,1.55vw,20px);line-height:1.85}.hero-stats{flex-wrap:wrap;gap:12px 28px;margin-top:34px;display:flex}.hero-stat{border-top:1px solid #f5ead833;min-width:92px;padding-top:10px}.hero-stat strong,.hero-stat span{display:block}.hero-stat strong{font-family:Georgia,serif;font-size:26px;font-weight:500}.hero-stat span{color:#f5ead870;letter-spacing:.12em;margin-top:4px;font-size:10px}.hero-cover{aspect-ratio:.84;background:#2b180e;border:1px solid #f5ead82e;border-radius:50% 50% 22px 22px;position:relative;overflow:hidden;box-shadow:0 34px 90px #00000061}.hero-cover:after{content:"";pointer-events:none;background:linear-gradient(#0000 58%,#150a0594);position:absolute;inset:0}.hero-cover img{object-fit:cover;width:100%;height:100%}.cover-note{z-index:1;color:#fff6e8b8;letter-spacing:.12em;justify-content:space-between;gap:12px;font-size:10px;display:flex;position:absolute;bottom:22px;left:24px;right:24px}.control-bar{z-index:12;backdrop-filter:blur(18px);background:#1c100ae8;border:1px solid #f5ead821;border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px 22px;margin-bottom:50px;padding:14px 16px;display:grid;position:sticky;top:8px;box-shadow:0 16px 54px #00000047}.view-toggle{background:#ffffff0e;border-radius:999px;gap:5px;padding:4px;display:flex}.view-button,.year-button{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;min-height:36px;font-size:12px;font-weight:800}.view-button{color:#f5ead88f;padding:0 15px}.view-button[aria-pressed=true]{color:#2a160d;background:#f0d4b7}.year-filters{scrollbar-width:none;gap:7px;min-width:0;display:flex;overflow-x:auto}.year-filters::-webkit-scrollbar{display:none}.year-button{color:#f5ead8a3;border-color:#f5ead824;flex:none;padding:0 13px}.year-button:hover{color:#fff3e1;border-color:#d89a61a8}.year-button[aria-pressed=true]{color:#24120a;background:#d89a61;border-color:#d89a61}.visible-count{color:#f5ead880;white-space:nowrap;font-size:12px}[data-view-panel][hidden]{display:none}.month-section{margin-bottom:clamp(62px,7vw,102px);scroll-margin-top:140px}.month-section[hidden]{display:none}.month-heading{border-bottom:1px solid #f5ead824;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:20px;margin-bottom:22px;padding-bottom:15px;display:grid}.month-heading h2{margin:0;font-family:Georgia,Noto Serif SC,serif;font-size:clamp(28px,4vw,48px);font-weight:500}.month-count{color:#f5ead870;font-size:12px}.gallery{columns:4;column-gap:16px}.photo-card{break-inside:avoid;cursor:zoom-in;content-visibility:auto;contain-intrinsic-size:320px 260px;background:#2a180f;border:0;border-radius:13px;width:100%;margin:0 0 16px;padding:0;display:block;overflow:hidden}.photo-card[hidden]{display:none}.photo-card img{width:100%;height:auto;transition:filter .36s,transform .48s;display:block}.photo-card:hover img{filter:brightness(1.06)saturate(1.04);transform:scale(1.014)}.map-layout{grid-template-columns:minmax(0,1.65fr) minmax(280px,.55fr);gap:18px;padding-bottom:70px;display:grid}.coffee-map{background:radial-gradient(circle at 46% 48%,#97532b3b,#0000 30rem),#120c08;border:1px solid #f5ead821;border-radius:24px;min-height:min(670px,60vw);position:relative;overflow:hidden}.coffee-map svg{width:100%;height:100%;position:absolute;inset:0}.map-grid line{stroke:#f2d2b114;stroke-width:1px}.map-land{fill:#d7a97b17;stroke:#deb18438;stroke-width:1.2px}.map-caption{color:#f5ead86b;letter-spacing:.18em;margin:0;font-size:10px;font-weight:900;position:absolute;top:20px;left:22px}.map-marker{z-index:2;top:var(--y);left:var(--x);color:#29150c;cursor:pointer;background:#f0d4b7;border:2px solid #2a160d;border-radius:50%;place-items:center;width:28px;height:28px;padding:0;font-size:10px;font-weight:900;transition:z-index,background .15s,transform .15s;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 5px 20px #0000006b}.map-marker:hover,.map-marker[aria-pressed=true]{z-index:6;background:#d9894a;transform:translate(-50%,-50%)scale(1.18)}.map-marker[hidden]{display:none}.map-sidebar{background:#2d190fa3;border:1px solid #f5ead821;border-radius:24px;flex-direction:column;justify-content:space-between;gap:28px;min-width:0;padding:clamp(22px,3vw,36px);display:flex}.map-sidebar-label{color:#d89a61;letter-spacing:.15em;margin:0 0 12px;font-size:10px;font-weight:900}.map-sidebar h2{margin:0;font-family:Georgia,Noto Serif SC,serif;font-size:clamp(30px,4vw,52px);font-weight:500;line-height:1.05}.map-location-meta{color:#f5ead880;min-height:1.5em;margin:12px 0 0;font-size:12px;line-height:1.6}.map-previews{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-width:0;display:grid}.map-preview{aspect-ratio:1;cursor:zoom-in;background:#2b190f;border:0;border-radius:9px;width:100%;min-width:0;padding:0;overflow:hidden}.map-preview img{object-fit:cover;width:100%;height:100%}.preview-remainder{color:#f5ead894;place-items:center;font-size:12px;display:grid}.location-index{flex-wrap:wrap;gap:6px;display:flex}.location-button{color:#f5ead88f;cursor:pointer;background:0 0;border:1px solid #f5ead821;border-radius:999px;min-height:30px;padding:0 10px;font-size:10px}.location-button[aria-pressed=true]{color:#f3d8bc;border-color:#d89a61}.location-button[hidden]{display:none}dialog{color:#fff;background:#0f0805fa;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0}dialog::backdrop{background:#0a0503fa}dialog[open]{grid-template-rows:1fr auto;display:grid}.lightbox-stage{place-items:center;min-height:0;padding:62px 86px 24px;display:grid;position:relative}.lightbox-stage img{object-fit:contain;border-radius:8px;width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 150px);box-shadow:0 28px 90px #0000007a}.lightbox-control{cursor:pointer;background:#00000057;border:1px solid #ffffff3d;border-radius:50%;place-items:center;width:48px;height:48px;font-size:24px;display:grid;position:absolute}.lightbox-close{top:18px;right:20px}.lightbox-previous,.lightbox-next{top:50%;transform:translateY(-50%)}.lightbox-previous{left:20px}.lightbox-next{right:20px}.lightbox-caption{color:#ffffffa8;justify-content:center;gap:16px;min-width:0;padding:10px 20px 24px;font-size:12px;display:flex}#lightbox-file{color:#ffffff61;white-space:nowrap}footer{color:#f5ead870;border-top:1px solid #f5ead81f;justify-content:space-between;gap:20px;padding:34px 0 46px;font-size:12px;display:flex}.photo-card:focus-visible,.map-preview:focus-visible,.map-marker:focus-visible,.location-button:focus-visible,.year-button:focus-visible,.view-button:focus-visible,.back-link:focus-visible,.home-link:focus-visible,.lightbox-control:focus-visible{outline-offset:4px;outline:3px solid #d89a61}@media (width<=1080px){.gallery{columns:3}.map-layout{grid-template-columns:1fr}.coffee-map{min-height:58vw}}@media (width<=760px){.shell{width:min(100% - 24px,1440px)}.topbar{min-height:66px}.hero{grid-template-columns:1fr;gap:44px;padding:52px 0 48px}h1{font-size:clamp(68px,23vw,98px)}.intro{margin-top:25px}.hero-cover{aspect-ratio:1.06;border-radius:48% 48% 18px 18px;justify-self:center;width:min(100%,430px)}.control-bar{grid-template-columns:1fr;gap:10px;margin-bottom:40px;padding:12px}.view-toggle{width:fit-content}.visible-count{padding-left:3px}.gallery{columns:2;column-gap:10px}.photo-card{border-radius:8px;margin-bottom:10px}.coffee-map{border-radius:18px;min-height:116vw}.map-layout{gap:12px}.map-sidebar{border-radius:18px}.location-index{scrollbar-width:none;flex-wrap:nowrap;padding-bottom:3px;overflow-x:auto}.location-index::-webkit-scrollbar{display:none}.location-button{flex:none}.lightbox-stage{padding:58px 10px 88px}.lightbox-stage img{max-height:calc(100dvh - 180px)}.lightbox-previous,.lightbox-next{top:auto;bottom:18px;transform:none}.lightbox-previous{left:calc(50% - 58px)}.lightbox-next{right:calc(50% - 58px)}.lightbox-caption{text-align:center;gap:3px;width:100%;padding:0 14px;display:grid;position:absolute;bottom:77px}footer{flex-direction:column;padding-bottom:30px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.photo-card img,.map-marker{transition:none}}