@font-face{font-family:Helv;src:url('./assets/helv.woff2') format('woff2');font-style:normal;font-weight:400 500;font-display:swap}
:root{font-family:Helv,Helvetica,Arial,sans-serif;color:#000;background:#fff;font-synthesis:none;--edge:clamp(16px,6.667vw,64px);--ui:clamp(12px,2vw,26px)}
*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{color:inherit}button{cursor:pointer;border:0}a{text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #315df7;outline-offset:4px}.close-dialog:focus,.close-dialog:focus-visible,.card-back:focus,.card-back:focus-visible{outline:none}button[hidden],[hidden]{display:none!important}svg{stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}::selection{background:#000;color:#fff}
.site-window{position:absolute;inset:8.45svh var(--edge);background:white;box-shadow:0 8px 19px #0003,0 0 7px #0002;border:1px solid #e8e8e8;container-type:inline-size}
.header{position:absolute;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:1.25cqw 1.05cqw;z-index:10;pointer-events:none}
.header>*{pointer-events:auto}.brand{display:block;width:21.35%;flex-shrink:0}.brand img{display:block;width:100%;height:auto}.header nav{display:flex;gap:.6cqw;align-items:center}.pill{display:inline-flex;align-items:center;justify-content:center;border-radius:99px;padding:.18em .8em;background:#bbbbbb3d;backdrop-filter:blur(15px) brightness(1.1);font-size:var(--ui);line-height:1.18;font-weight:400;white-space:nowrap;transition:background .15s,color .15s}.pill:hover,.pill[aria-current=true]{background:#000;color:white}.icon-button{width:1.55em;height:1.55em;padding:.23em}.icon-button svg{width:100%;height:100%}
.scroll-port{position:absolute;inset:0;overflow:auto;overflow-x:hidden;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior:contain}.scroll-port::-webkit-scrollbar{display:none}.hero{height:100%;min-height:260px;position:relative;display:flex;align-items:center;justify-content:center}
.language,.back-top{position:absolute;bottom:1.05cqw;z-index:12}.language{left:1.05cqw}.back-top{right:1.05cqw}.directory{padding:9cqw 3.8cqw 7cqw;scroll-margin-top:8cqw}.directory-list{max-width:1150px;margin:auto;display:flex;flex-wrap:wrap;justify-content:center;gap:.7cqw .6cqw}.directory-list .pill{font-size:clamp(13px,2.1cqw,27px);padding:.2em .85em;line-height:1.2}
.about{background:#000;color:white;padding:6.7cqw 18.3cqw;scroll-margin-top:0}.about-copy{max-width:1000px;margin:auto;font-size:clamp(6px,1.22cqw,18px);line-height:1.45}.about h1{font-size:clamp(16px,3cqw,46px);font-weight:400;text-align:center;line-height:1.25;margin:0 0 1.1cqw}.about p{margin:0 0 1.4em}.about p:last-child{margin-bottom:0}footer{text-align:center;font-size:clamp(9px,1.7cqw,18px);padding:3.8cqw 11cqw;color:#666;line-height:1.4}
.search-panel{position:absolute;top:calc(2cqw + 1.6 * var(--ui));right:1.05cqw;z-index:20;width:min(500px,90%)}.search-panel input{width:100%;border:1px solid #111;border-radius:99px;background:#eee;padding:.55em .9em;font-size:max(16px,var(--ui));outline-offset:3px}.search-panel #search-results{display:flex;align-items:flex-end;flex-direction:column;gap:5px;margin-top:9px;max-height:55svh;overflow:auto}.search-panel .pill{background:#000;color:white;max-width:100%}.search-panel p{background:#fff;padding:12px 18px;border-radius:24px;margin:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

@media(max-width:480px){:root{--edge:14px;--ui:12px}.site-window{inset:24px var(--edge)}.header{padding:12px 9px;gap:6px}.brand{width:28%}.header nav{gap:4px}.header .pill{padding:.25em .58em}.header .icon-button{padding:.2em;width:1.65em;height:1.65em}.hero{min-height:350px}.language,.back-top{bottom:9px}.language{left:9px}.back-top{right:9px}.directory{padding:55px 15px}.directory-list{gap:6px}.directory-list .pill{font-size:14px}.about{padding:40px 24px}.about-copy{font-size:14px}.about h1{margin-bottom:20px}.search-panel{top:52px;right:9px}footer{font-size:11px;padding:30px 34px}}
@media(prefers-reduced-motion:reduce){.scroll-port{scroll-behavior:auto}*{transition:none!important}}
dialog{width:min(820px,calc(100vw - 40px));max-height:85svh;padding:0 44px;border:1px solid #deded8;background:#fafaf7;color:#111;box-shadow:0 30px 100px #0002;overflow:auto;overscroll-behavior:contain}
dialog::backdrop{background:#fff9;backdrop-filter:blur(10px)}
.collection-toolbar{position:sticky;top:0;background:#fafaf7;display:flex;align-items:center;gap:20px;justify-content:space-between;padding:24px 0;border-bottom:1px solid #d8d8d2;font-size:12px;letter-spacing:.03em;z-index:1}
.collection-toolbar>span{margin-right:auto;color:#777}.collection-toolbar button{background:none;padding:4px 0;white-space:nowrap;font-size:13px}.collection-toolbar button:hover{text-decoration:underline}
.collection-header{padding:44px 0 0}.collection-header #collection-kind{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#686862;margin:0 0 20px}
.collection-header h2{font-size:clamp(36px,5.5vw,68px);line-height:1.06;letter-spacing:-.055em;font-weight:400;margin:0;text-wrap:balance;overflow-wrap:anywhere}
#collection-alternate{font-size:18px;color:#777;margin:12px 0 0}#collection-alternate:empty{display:none}
.profile-intro{font-size:clamp(17px,2vw,23px);line-height:1.5;max-width:580px;color:#55554f;margin:30px 0 42px}
.profile-section-heading{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:13px;border-bottom:1px solid #aaa}.profile-section-heading h3,.profile-section-heading span{font-size:12px;text-transform:uppercase;letter-spacing:.06em;font-weight:400;margin:0;color:#777}
.profile-link{width:100%;display:flex;gap:20px;text-align:left;align-items:baseline;padding:21px 0;border-bottom:1px solid #ddddd7;background:none;color:#111;transition:padding .15s,background .15s}.profile-link:hover{padding-left:10px;padding-right:10px;background:#efefe9}.profile-number{font-size:11px;color:#888}.profile-link-name{font-size:clamp(20px,2.6vw,30px);letter-spacing:-.035em;line-height:1.15}.profile-arrow{margin-left:auto;font-size:23px}
.profile-footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:35px 0 28px;font-size:11px;color:#888}.profile-source{color:#333;text-decoration:underline;text-underline-offset:4px}
@media(max-width:480px){dialog{width:calc(100vw - 28px);padding:0 22px;max-height:88svh}.collection-toolbar{padding:18px 0;gap:10px}.collection-toolbar>span{font-size:10px}.collection-header{padding-top:30px}.profile-intro{margin:24px 0 32px}.profile-link{gap:12px;padding:18px 0}.profile-footer{margin-top:28px}}
