:root{--font-display:'IBM Plex Mono',monospace;--font-body:'IBM Plex Sans',sans-serif;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:clamp(20px,2vw,24px);--text-xl:clamp(28px,3.2vw,40px);--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s8:32px;--s10:40px;--s12:48px;--bg:oklch(99% 0.002 85);--surface:#fff;--ink:oklch(18% 0.004 90);--muted:oklch(45% 0.008 85);--soft:oklch(95% 0.006 85);--line:oklch(from var(--ink) l c h / .16);--accent:oklch(73% .178 43);--accent-ink:#21160d;--radius:8px}
[data-theme=dark]{color-scheme:dark;--bg:#171816;--surface:#21231f;--ink:#f0f0e9;--muted:#afb2a8;--soft:#2b2e27;--line:#f0f0e933}
body{font:400 var(--text-base)/1.5 var(--font-body);color:var(--ink);background:var(--bg)}button,input,select{color:var(--ink)}button{background:var(--surface)}.site-header{display:flex;align-items:center;justify-content:space-between;padding:var(--s5) var(--s8);gap:var(--s6);border-bottom:1px solid var(--line)}.brand{display:flex;gap:var(--s3);align-items:center;text-decoration:none;font:700 var(--text-lg)/1.05 var(--font-display);letter-spacing:-.055em;white-space:nowrap}.brand svg{width:30px;height:34px;flex-shrink:0;color:var(--ink)}.brand-sub{display:block;letter-spacing:.26em;font-size:var(--text-xs);font-weight:500;margin-top:var(--s2)}.header-caption{font-size:var(--text-sm);color:var(--muted)}.header-actions{display:flex;align-items:center;gap:var(--s5)}.news-link{font:500 var(--text-xs) var(--font-display);text-decoration:none}.header-actions button{width:44px;border:1.5px solid var(--ink);border-radius:50%;font-size:var(--text-lg);box-shadow:2px 2px 0 var(--ink)}#main{max-width:1600px;margin:auto;padding:var(--s8)}.intro{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s4);margin-bottom:var(--s6)}h1{font:600 var(--text-xl)/1.2 var(--font-display);letter-spacing:-.055em}.intro p{color:var(--muted);font-size:var(--text-sm);margin-top:var(--s3)}.edition{font:500 var(--text-xs)/1.7 var(--font-display);text-align:right;white-space:nowrap;color:var(--muted)}.edition strong{display:block;color:var(--ink);font-weight:500}.search-row{display:flex;align-items:center;gap:var(--s3);margin-bottom:var(--s4)}.search-box{flex:1;position:relative}.search-box span{position:absolute;left:var(--s4);top:50%;transform:translateY(-50%);font-size:var(--text-lg);line-height:1;pointer-events:none}.search-box input{width:100%;height:48px;border:1.5px solid var(--ink);border-radius:var(--radius);background:var(--surface);font:400 var(--text-sm) var(--font-display);padding:var(--s3) var(--s4) var(--s3) var(--s12);box-shadow:2px 2px 0 var(--ink)}.search-box input::placeholder{color:var(--muted)}.filters{display:flex;flex-wrap:wrap;gap:var(--s3);align-items:center}.control{border:1.5px solid var(--ink);border-radius:6px;min-height:44px;padding:var(--s2) var(--s3);background:var(--surface);box-shadow:2px 2px 0 var(--ink);font:500 var(--text-sm) var(--font-display)}select.control{padding-right:var(--s6);min-width:148px}.control[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}.filter-toggle{display:none}.filter-group{display:flex;gap:var(--s3)}.result-line{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);margin:var(--s6) 0 var(--s4);font:400 var(--text-xs) var(--font-display);color:var(--muted)}.result-line strong{color:var(--ink);font-weight:600}.result-right{display:flex;align-items:center;gap:var(--s4)}.reset{font:500 var(--text-xs) var(--font-display);border:0;padding:0 var(--s2);text-decoration:underline;background:transparent;min-height:32px}.sample-tag{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s5)}.card{display:block;text-decoration:none;position:relative;border:1.5px solid var(--ink);border-radius:var(--radius);overflow:hidden;background:var(--surface);transition:transform .16s,box-shadow .16s}.card:hover{transform:translateY(-3px);box-shadow:4px 5px 0 var(--ink)}.card:active{transform:translateY(0)}.photo{position:relative;height:375px;overflow:hidden;background:var(--soft)}.photo>img{width:100%;height:100%;object-fit:cover;object-position:var(--crop,center);transition:transform .3s}.card:hover .photo>img{transform:scale(1.025)}.photo:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#00000015 0%,#00000008 28%,#0006 60%,#000b 100%);pointer-events:none}.card-top{position:absolute;z-index:1;left:var(--s4);right:var(--s4);top:var(--s4);display:flex;justify-content:space-between;gap:var(--s2)}.tag{background:#fff;color:#181918;padding:var(--s1) var(--s2);border:1px solid #181918;border-radius:4px;font:500 var(--text-xs)/1.5 var(--font-display);box-shadow:1px 1px 0 #181918}.tag.type{background:var(--accent);color:var(--accent-ink)}.card-title{position:absolute;z-index:1;left:var(--s6);right:var(--s6);top:50%;transform:translateY(-20%);color:#fff;text-align:center}.card-title h2{font:700 clamp(24px,2.7vw,36px)/1.18 var(--font-display);letter-spacing:-.05em;text-shadow:0 2px 12px #0007}.card-title p{font:400 var(--text-xs)/1.5 var(--font-display);margin-top:var(--s3)}.card-bottom{position:absolute;z-index:1;left:var(--s5);right:var(--s5);bottom:var(--s5);display:flex;justify-content:space-between;align-items:center;color:#fff;font:500 var(--text-xs)/1.5 var(--font-display);gap:var(--s2)}.card-bottom strong{font-size:var(--text-sm)}.card-arrow{display:grid;place-items:center;width:32px;height:32px;border:1px solid #fff8;border-radius:50%;font-size:var(--text-lg);flex-shrink:0}.card-caption,.fact-strip{display:none}.empty{grid-column:1/-1;text-align:center;border:1px dashed var(--line);padding:var(--s12) var(--s6);background:var(--soft);border-radius:var(--radius)}.empty h2{font:600 var(--text-lg) var(--font-display);margin-bottom:var(--s2)}.empty p{color:var(--muted);margin-bottom:var(--s6)}.browse-note{display:flex;align-items:center;justify-content:space-between;padding:var(--s6) 0;gap:var(--s4);font:400 var(--text-xs)/1.6 var(--font-display);color:var(--muted);border-bottom:1px solid var(--line)}.browse-note span:last-child{white-space:nowrap}.site-footer{display:flex;justify-content:space-between;align-items:center;padding:var(--s6) var(--s8);gap:var(--s4);font:400 var(--text-xs)/1.5 var(--font-display);color:var(--muted)}.site-footer button{border:0;background:transparent;text-decoration:underline;padding:0;font-size:var(--text-xs)}
.style-b .photo{height:260px}.style-b .photo:after{display:none}.style-b .card-title,.style-b .card-bottom{display:none}.style-b .card-caption{display:block;padding:var(--s5)}.card-caption h2{font:600 var(--text-lg)/1.2 var(--font-display);letter-spacing:-.055em}.card-caption p{font:400 var(--text-xs)/1.5 var(--font-display);color:var(--muted);margin-top:var(--s2)}.caption-facts{margin-top:var(--s4);padding-top:var(--s3);border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:var(--s2);font:500 var(--text-xs)/1.5 var(--font-display)}.caption-facts span:last-child{font-size:var(--text-base)}.style-b .tag.type{background:#fff}.style-b .card-top{left:var(--s3);right:var(--s3);top:var(--s3)}
.style-c .photo{height:310px}.style-c .photo:after{background:linear-gradient(180deg,#0000 35%,#000b 100%)}.style-c .card-title{text-align:left;top:auto;bottom:var(--s5);transform:none;left:var(--s5);right:var(--s5)}.style-c .card-title h2{font-size:clamp(24px,2.3vw,30px)}.style-c .card-title p{margin-top:var(--s2)}.style-c .card-bottom{display:none}.style-c .fact-strip{display:grid;grid-template-columns:1fr 1fr auto;gap:var(--s3);padding:var(--s4) var(--s5);font:500 var(--text-xs)/1.5 var(--font-display);border-top:1.5px solid var(--ink);align-items:center}.fact-strip small{font-size:var(--text-xs);color:var(--muted);display:block}.fact-strip .arrow{font-size:var(--text-lg)}.style-c .card-top .tag:first-child{background:#fff}
.back{display:inline-flex;align-items:center;gap:var(--s2);font:500 var(--text-xs) var(--font-display);background:transparent;border:0;padding:0;margin-bottom:var(--s4)}.detail-hero{position:relative;border:1.5px solid var(--ink);border-radius:var(--radius);overflow:hidden;background:var(--surface)}.detail-photo{height:410px;width:100%;object-fit:cover;object-position:var(--crop,center)}.detail-heading{position:absolute;inset:auto var(--s8) var(--s8);color:#fff;z-index:1}.detail-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0000 30%,#000b 100%);pointer-events:none}.detail-heading h1{margin:var(--s4) 0 var(--s2)}.detail-heading p{font:400 var(--text-sm) var(--font-display)}.detail-heading .tag{display:inline-block;box-shadow:none}.detail-facts{display:grid;grid-template-columns:repeat(4,1fr);border:1.5px solid var(--ink);border-radius:var(--radius);margin:var(--s5) 0 var(--s6);background:var(--surface)}.detail-facts>div{padding:var(--s5);border-right:1px solid var(--line)}.detail-facts>div:last-child{border:0}.detail-facts dt{font:400 var(--text-xs) var(--font-display);color:var(--muted);margin-bottom:var(--s2)}.detail-facts dd{font:600 var(--text-lg) var(--font-display);margin:0}.detail-nav{display:flex;gap:var(--s6);border-bottom:1px solid var(--line);margin-bottom:var(--s6);overflow:auto}.detail-nav a{font:500 var(--text-sm) var(--font-display);white-space:nowrap;text-decoration:none;padding:var(--s3) 0;border-bottom:2px solid transparent}.detail-nav a:hover{border-color:var(--ink)}.detail-nav a:first-child{border-color:var(--accent)}.detail-content{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:var(--s12)}.detail-content h2{font:600 var(--text-lg) var(--font-display);letter-spacing:-.04em;margin-bottom:var(--s4)}.detail-content section{scroll-margin-top:var(--s6);margin-bottom:var(--s8)}.detail-content p{line-height:1.7;max-width:68ch;color:var(--muted)}.detail-aside{padding:var(--s5);background:var(--soft);border:1px solid var(--line);border-radius:var(--radius);align-self:start}.detail-aside h3{font:600 var(--text-sm) var(--font-display);margin-bottom:var(--s3)}.detail-aside p{font-size:var(--text-sm);margin-bottom:var(--s4)}.official{display:block;text-align:center;background:var(--accent);color:var(--accent-ink);border:1.5px solid var(--ink);border-radius:6px;box-shadow:2px 2px 0 var(--ink);font:600 var(--text-sm) var(--font-display);text-decoration:none;padding:var(--s3)}table{width:100%;border-collapse:collapse;font:400 var(--text-sm) var(--font-display)}th,td{text-align:left;padding:var(--s3) 0;border-bottom:1px solid var(--line)}th{font-weight:500;color:var(--muted);font-size:var(--text-xs)}td:last-child,th:last-child{text-align:right}.table-note{font-size:var(--text-xs);margin-top:var(--s3)}.amenities{display:flex;flex-wrap:wrap;gap:var(--s2);padding:0;list-style:none}.amenities li{padding:var(--s2) var(--s3);background:var(--soft);border:1px solid var(--line);font-size:var(--text-sm);border-radius:4px}.photo-credit{font-size:var(--text-xs);color:var(--muted);margin-top:var(--s2)}.photo-credit a{text-underline-offset:3px}
.style-b .detail-hero{display:grid;grid-template-columns:1fr 1.15fr}.style-b .detail-hero:after{display:none}.style-b .detail-heading{position:static;order:-1;color:var(--ink);padding:var(--s8);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.style-b .detail-heading h1{font-size:var(--text-xl)}.style-b .detail-heading p{color:var(--muted);line-height:1.8}.style-b .detail-photo{height:360px}.style-c .detail-hero:after{display:none}.style-c .detail-photo{height:310px}.style-c .detail-heading{position:static;background:var(--ink);color:var(--bg);padding:var(--s5) var(--s6);display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--s2)}.style-c .detail-heading h1{grid-row:1;grid-column:1;margin:0}.style-c .detail-heading .tag{grid-column:2;grid-row:1/3}.style-c .detail-heading p{grid-column:1}.style-c .detail-heading h1{font-size:clamp(24px,3vw,32px)}
dialog{color:var(--ink);background:var(--surface);border:1.5px solid var(--ink);border-radius:var(--radius);padding:var(--s8);max-width:min(650px,calc(100% - 32px));max-height:85vh}dialog::backdrop{background:#0007}dialog h2{font:600 var(--text-lg) var(--font-display);margin-bottom:var(--s5);padding-right:var(--s8)}dialog h3{font:600 var(--text-base) var(--font-display);margin-top:var(--s6);margin-bottom:var(--s3)}dialog p{font-size:var(--text-sm);line-height:1.7;margin-bottom:var(--s4);color:var(--muted)}dialog li{font-size:var(--text-sm);margin-bottom:var(--s3)}dialog>a{font-size:var(--text-sm)}dialog .close{position:absolute;right:var(--s3);top:var(--s3);width:44px;border:0;font-size:var(--text-lg);background:transparent}
@media(min-width:1500px){.photo{height:430px}.style-b .photo{height:300px}.style-c .photo{height:365px}}
@media(max-width:1050px){.header-caption{display:none}.grid{gap:var(--s4)}#main{padding:var(--s6)}.site-header,.site-footer{padding:var(--s5) var(--s6)}.photo{height:340px}.card-title{left:var(--s4);right:var(--s4)}.card-title h2{font-size:var(--text-lg)}.card-top{left:var(--s3);right:var(--s3)}.tag{font-size:var(--text-xs)}.style-c .photo{height:280px}.style-c .card-title h2{font-size:var(--text-lg)}.style-b .photo{height:240px}.card-caption{padding:var(--s4)}.edition{display:none}.detail-content{grid-template-columns:minmax(0,1fr) 230px;gap:var(--s6)}.detail-facts dd{font-size:var(--text-base)}}
@media(max-width:760px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-group{flex-wrap:wrap}.filters{gap:var(--s3)}.detail-content{grid-template-columns:1fr}.detail-aside{order:-1}.detail-facts{grid-template-columns:repeat(2,1fr)}.detail-facts>div:nth-child(2){border-right:0}.detail-facts>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.style-b .detail-hero{display:block}.style-b .detail-heading{padding:var(--s6)}.style-b .detail-photo{height:300px}.style-b .detail-heading h1{margin-top:var(--s3)}.detail-nav{gap:var(--s5)}}
@media(max-width:520px){.site-header{padding:var(--s4);gap:var(--s2)}.brand{font-size:var(--text-lg);gap:var(--s2)}.brand svg{height:30px;width:27px}.brand-sub{margin-top:var(--s1);font-size:var(--text-xs)}.news-link{display:none}.header-actions button{box-shadow:1px 2px 0 var(--ink);width:40px}#main{padding:var(--s5) var(--s4)}.intro{margin-bottom:var(--s5)}h1{font-size:clamp(26px,7.1vw,34px)}.intro p{font-size:var(--text-sm);line-height:1.5;margin-top:var(--s2)}.search-row{gap:var(--s2)}.search-box input{font-size:var(--text-xs);padding-left:var(--s10)}.search-box span{left:var(--s3)}.filter-toggle{display:block;padding-inline:var(--s3);font-size:var(--text-xs)}.filters{display:none;padding:var(--s3);background:var(--soft);border:1px solid var(--line);border-radius:var(--radius)}.filters.open{display:flex}.filters select{flex:1;min-width:120px;font-size:var(--text-xs)}.filter-group{width:100%}.filter-group button{flex:1;font-size:var(--text-xs)}.grid{grid-template-columns:1fr;gap:var(--s5)}.photo{height:360px}.card-title h2{font-size:32px}.card-title{left:var(--s5);right:var(--s5)}.card-title p{font-size:var(--text-xs)}.card-top{left:var(--s4);right:var(--s4);top:var(--s4)}.result-line{margin:var(--s4) 0 var(--s3);gap:var(--s2);font-size:var(--text-xs)}.sample-tag{display:none}.result-right{gap:var(--s2)}.result-line .reset{padding:0}.style-b .photo{height:250px}.style-b .card-caption{padding:var(--s5)}.style-b .card-caption h2{font-size:24px}.style-c .photo{height:300px}.style-c .card-title h2{font-size:28px}.browse-note{align-items:flex-start;font-size:var(--text-xs)}.browse-note span:last-child{display:none}.site-footer{padding:var(--s4);flex-direction:column;align-items:flex-start;gap:var(--s2)}.detail-photo{height:330px}.detail-heading{inset:auto var(--s5) var(--s5)}.detail-heading h1{font-size:30px}.detail-heading p{font-size:var(--text-xs)}.detail-facts>div{padding:var(--s4)}.detail-facts dd{font-size:var(--text-base)}.detail-facts{margin-bottom:var(--s5)}.detail-nav{gap:var(--s5)}.detail-nav a{font-size:var(--text-xs)}.style-b .detail-photo{height:250px}.style-b .detail-heading{padding:var(--s5)}.style-b .detail-heading h1{font-size:30px}.style-c .detail-photo{height:270px}.style-c .detail-heading{padding:var(--s5);grid-template-columns:1fr}.style-c .detail-heading h1{font-size:28px}.style-c .detail-heading .tag{grid-column:1;grid-row:3;justify-self:start;margin-top:var(--s2)}.detail-aside{padding:var(--s4)}dialog{padding:var(--s5)}}