:root{--brown-900:#3b2415;--brown-800:#4e2e1b;--brown-700:#6b3f23;--brown-500:#a9702d;--gold-400:#c79a46;--gold-300:#ddb876;--sand-100:#f3ead8;--sand-50:#fbf7ef;--ink-900:#2a1c12;--ink-700:#5b4630;--line-200:#ddc9a3;--line-100:#eadfc7;--white:#fffdf9;--radius:10px;--shadow:0 1px 2px rgba(43,28,18,.07),0 6px 16px rgba(43,28,18,.07);--display:'Fraunces',serif;--body:'Public Sans',sans-serif}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--sand-50);color:var(--ink-900);font-family:var(--body);line-height:1.55}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3{font-family:var(--display);font-weight:600;line-height:1.15}.wrap,.page-wrap,.clan-header{margin:0 auto;max-width:1180px;padding-left:24px;padding-right:24px}.icon{fill:none;flex-shrink:0;height:1em;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;width:1em}.svg-sprite{height:0;position:absolute;width:0}
header.site{background:rgba(251,247,239,.97);border-bottom:1px solid var(--line-200);position:sticky;top:0;z-index:50}.site-bar{align-items:center;display:flex;gap:24px;justify-content:space-between;min-height:74px}.brand{align-items:center;color:var(--brown-900);display:flex;font-family:var(--display);font-size:21px;font-weight:600;gap:10px}.brand img{height:46px;object-fit:contain;width:46px}.primary{align-items:center;display:flex;gap:26px}.primary a{border-bottom:2px solid transparent;color:var(--ink-700);font-size:14.5px;font-weight:600;padding:8px 1px}.primary a:hover{border-color:var(--gold-400);color:var(--brown-700)}.icon-btn{align-items:center;background:var(--white);border:1px solid var(--line-200);border-radius:50%;color:var(--brown-800);cursor:pointer;display:none;height:40px;justify-content:center;width:40px}
.hero{background:var(--brown-900);color:var(--sand-100);overflow:hidden;padding:64px 24px;position:relative}.hero:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='34' viewBox='0 0 60 34'%3E%3Cpath d='M0 34 L15 0 L30 34 ZM30 34 L45 0 L60 34 Z' fill='none' stroke='%23C79A46' stroke-width='1.2'/%3E%3C/svg%3E");content:"";inset:0;opacity:.14;position:absolute}.hero-inner{margin:auto;max-width:820px;position:relative;text-align:center}.hero-logo{height:94px;margin:0 auto 15px;width:94px}.hero h1{color:var(--white);font-size:46px;margin:0 auto 16px}.hero .lead{font-size:17px;margin:0 auto 30px;max-width:650px;opacity:.88}.search-card{align-items:center;background:var(--sand-50);border-radius:14px;box-shadow:0 12px 30px rgba(0,0,0,.25);display:flex;gap:10px;margin:auto;max-width:650px;padding:8px 8px 8px 18px}.search-card .icon,.inline-search .icon{color:var(--brown-700);height:19px;width:19px}.search-card input,.inline-search input{background:none;border:0;color:var(--ink-900);flex:1;font:inherit;outline:0;padding:11px 0}.search-card button,.button{background:var(--brown-700);border:0;border-radius:8px;color:white;display:inline-block;font-weight:600;padding:12px 22px}.hero-note{font-size:13px;margin-top:14px;opacity:.65}.band-divider{background:var(--gold-400);height:8px;opacity:.7}
section{padding:55px 24px}.section-head{margin:0 auto 32px;max-width:650px;text-align:center}.section-head h2{font-size:31px;margin-bottom:9px}.section-head p,.page-intro p{color:var(--ink-700)}.collection-grid{display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin:auto;max-width:1180px}.collection-card{background:var(--white);border:1px solid var(--line-200);border-radius:var(--radius);box-shadow:var(--shadow);padding:25px}.collection-card:hover{border-color:var(--gold-400);}.icon-wrap{align-items:center;background:var(--brown-900);border-radius:9px;color:var(--gold-400);display:flex;height:44px;justify-content:center;margin-bottom:15px;width:44px}.collection-card h3{font-size:20px;margin-bottom:8px}.collection-card p{color:var(--ink-700);font-size:14px;min-height:44px}.view-link{align-items:center;color:var(--brown-700);display:flex;font-size:14px;font-weight:700;gap:5px;margin-top:14px}.about-strip{background:var(--sand-100);border-block:1px solid var(--line-200)}.about-inner{margin:auto;max-width:800px;text-align:center}.about-inner h2{font-size:28px;margin-bottom:12px}
.page-wrap{padding-bottom:70px}.page-wrap.narrow{max-width:850px}.breadcrumb{align-items:center;color:var(--ink-700);display:flex;flex-wrap:wrap;font-size:13px;gap:6px;margin-top:22px}.breadcrumb .icon{height:12px;width:12px}.breadcrumb span{color:var(--brown-700);font-weight:600}.page-intro{padding:26px 0 24px}.page-intro h1{font-size:40px;margin:6px 0 12px}.page-intro>p{max-width:720px}.eyebrow{color:var(--brown-700)!important;font-family:var(--display);font-style:italic}.inline-search{align-items:center;background:var(--white);border:1px solid var(--line-200);border-radius:9px;display:flex;gap:9px;margin-top:22px;max-width:430px;padding:5px 13px}.az-grid{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.az-item{align-items:center;background:var(--white);border:1px solid var(--line-200);border-radius:7px;color:var(--ink-700);cursor:pointer;display:flex;font-family:var(--display);font-weight:600;height:39px;justify-content:center;width:39px}.az-item:hover,.az-item.active{background:var(--brown-700);color:white}.directory-list{border-top:1px solid var(--line-200)}.directory-row{align-items:center;border-bottom:1px solid var(--line-200);display:flex;gap:20px;padding:18px 6px}.row-letter{align-items:center;background:var(--sand-100);border-radius:9px;color:var(--brown-700);display:flex;flex:0 0 44px;font-family:var(--display);font-size:17px;font-weight:600;height:44px;justify-content:center}.row-main{flex:1}.row-main h2{font-size:19px}.row-main p{color:var(--ink-700);font-size:13px;margin-top:3px}.view-btn{align-items:center;border:1px solid var(--line-200);border-radius:8px;color:var(--brown-700);display:flex;font-size:14px;font-weight:700;gap:5px;padding:9px 14px}.view-btn:hover{background:var(--sand-100);border-color:var(--gold-400)}.no-match{color:var(--ink-700);display:none;padding:25px 5px}
.clan-header{border-bottom:1px solid var(--line-200);padding-bottom:28px;padding-top:20px}.clan-header h1{font-size:40px;margin:6px 0 12px}.tag-row{display:flex;gap:9px}.tag{background:var(--sand-100);border:1px solid var(--line-200);border-radius:18px;color:var(--brown-700);font-size:13px;font-weight:700;padding:5px 11px}.clan-layout{align-items:start;display:grid;gap:36px;grid-template-columns:200px minmax(0,1fr) 250px;margin:auto;max-width:1180px;padding:34px 24px 70px}.toc,.facts{position:sticky;top:96px}.toc h2,.facts-card h2{font-family:var(--body);font-size:12px;letter-spacing:.04em;margin-bottom:12px;text-transform:uppercase}.toc a{border-left:2px solid var(--line-200);color:var(--ink-700);display:block;font-size:14px;padding:5px 0 5px 13px}.toc a:hover{border-color:var(--gold-400);color:var(--brown-700)}.clan-main section{padding:0 0 42px}.clan-main h2{font-size:25px;margin-bottom:14px}.empty-content{background:var(--white);border:1px dashed var(--line-200);border-radius:var(--radius);color:var(--ink-700);padding:24px}.empty-content strong{color:var(--brown-700);display:block;margin-bottom:5px}.facts-card{background:var(--white);border:1px solid var(--line-200);border-radius:var(--radius);padding:20px}.facts-card dl{display:grid;gap:12px}.facts-card dt{color:var(--ink-700);font-size:11px;text-transform:uppercase}.facts-card dd{border-bottom:1px solid var(--line-100);font-size:14px;font-weight:600;margin-top:-10px;padding-bottom:10px}.back-link{color:var(--brown-700);display:block;font-size:14px;font-weight:700;margin-top:18px}
.clan-intro{color:var(--ink-700);font-size:16px;max-width:780px;margin-bottom:18px}.source-notice{background:var(--sand-100);border:1px solid var(--line-200);border-radius:var(--radius);padding:22px;margin-bottom:18px}.source-notice strong{color:var(--brown-700);display:block;margin-bottom:6px}.clan-main p{color:var(--ink-700);margin-bottom:14px}.related-grid{display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.related-grid a{align-items:center;background:var(--white);border:1px solid var(--line-200);border-radius:8px;color:var(--brown-700);display:flex;font-size:14px;font-weight:700;justify-content:space-between;padding:12px 14px}.related-grid a:hover{border-color:var(--gold-400)}.faq-list{display:grid;gap:10px}.faq-list details{background:var(--white);border:1px solid var(--line-200);border-radius:8px;padding:14px 16px}.faq-list summary{color:var(--brown-900);cursor:pointer;font-weight:700}.faq-list details p{margin:10px 0 0}.review-note{background:var(--white);border-top:3px solid var(--gold-400);color:var(--ink-700);font-size:13px;padding:18px}
footer.site{background:var(--brown-900);color:var(--sand-100)}.footer-top{border-top:3px solid var(--gold-400);display:grid;gap:32px;grid-template-columns:1.4fr 1fr 1fr 1fr;margin:auto;max-width:1180px;padding:46px 24px 34px}.footer-brand{align-items:center;color:white;display:flex;font-family:var(--display);font-size:19px;font-weight:600;gap:9px;margin-bottom:10px}.footer-top p,.footer-col a{font-size:13.5px;opacity:.78}.footer-col h4{color:white;font-family:var(--display);font-size:16px;margin-bottom:12px}.footer-col ul{display:grid;gap:8px;list-style:none}.footer-col a:hover{color:var(--gold-300);opacity:1}.footer-bottom{border-top:1px solid rgba(255,255,255,.14);display:flex;font-size:12.5px;justify-content:space-between;margin:auto;max-width:1180px;opacity:.62;padding:17px 24px}
.praise-opening{background:var(--sand-100);border:1px solid var(--line-200);border-radius:var(--radius);padding:22px;margin-bottom:18px}.praise-opening strong{color:var(--brown-700);display:block;margin-bottom:10px}.praise-lines{list-style:none;margin:0;padding:0}.praise-lines li{display:block;font-size:18px;font-weight:650;line-height:1.65;margin:0;padding:2px 0}.actual-clan-names{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:16px 0;padding:0}.actual-clan-names li{background:var(--sand-100);border:1px solid var(--line-200);border-radius:999px;color:var(--brown-900);font-weight:700;padding:8px 14px}.praise-note{background:#fff8e8;border:1px solid #e4c97f;border-radius:var(--radius);margin-bottom:18px;padding:20px}.praise-note strong{color:var(--brown-700);display:block;margin-bottom:6px}.clan-main h3{color:var(--brown-900);font-size:19px;margin:24px 0 10px}
@media(max-width:900px){.primary{background:var(--sand-50);border-bottom:1px solid var(--line-200);display:none;left:0;padding:18px 24px;position:absolute;right:0;top:73px}.primary.open{display:grid}.menu-toggle{display:flex}.collection-grid{grid-template-columns:repeat(2,1fr)}.clan-layout{grid-template-columns:1fr}.toc,.facts{position:static}.toc{display:none}.footer-top{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.hero{padding:45px 18px}.hero h1,.page-intro h1,.clan-header h1{font-size:31px}.search-card{flex-wrap:wrap;padding:13px}.search-card button{width:100%}.collection-grid,.footer-top,.related-grid{grid-template-columns:1fr}.directory-row{flex-wrap:wrap}.view-btn{margin-left:64px}.footer-bottom{gap:8px;flex-direction:column}}
.directory-row[hidden]{display:none}
.footer-bottom .design-credit{margin-left:auto;text-align:right}
.footer-bottom .design-credit a{color:var(--gold-300);font-weight:700;opacity:1}
@media(max-width:560px){.footer-bottom .design-credit{margin-left:0;text-align:left}}