@font-face{font-family:Poppins;src:url('assets/poppins-400.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Poppins;src:url('assets/poppins-500.ttf') format('truetype');font-weight:500;font-display:swap}@font-face{font-family:Poppins;src:url('assets/poppins-600.ttf') format('truetype');font-weight:600;font-display:swap}@font-face{font-family:Poppins;src:url('assets/poppins-700.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--green:#8EB430;--dark:#444e49;--ink:#151a17;--muted:#606a64;--line:#dce2de;--light:#f6f8f3}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font-family:Poppins,Arial,sans-serif;font-size:16px;line-height:1.6}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--green);outline-offset:4px}button[hidden],[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip{position:fixed;top:-100px;left:20px;background:var(--dark);color:white;padding:12px;z-index:10}.skip:focus{top:10px}.masthead{height:100px;border-bottom:1px solid #161b18;padding:0 max(5vw,24px);display:flex;align-items:center;justify-content:space-between}.brand-logo{width:290px;height:70px;background:url('assets/brand-reference.png') no-repeat;background-size:1107.75px 627.75px;background-position:-427px -12px}.header-label{font-size:14px;color:var(--muted)}main{max-width:1440px;padding:0 5vw 64px;margin:auto}.intro{display:flex;align-items:center;justify-content:space-between;padding:40px 0 28px;min-height:290px;gap:25px}.eyebrow{font-size:13px;letter-spacing:.12em;font-weight:600;color:var(--muted);margin:0 0 10px}h1{font-size:clamp(32px,3.5vw,52px);line-height:1.15;letter-spacing:-.035em;margin:0 0 14px;font-weight:600}h1 span{color:var(--green)}.subtitle{max-width:660px;color:var(--muted);margin:0;font-size:16px}.subtitle em{font-weight:500;color:var(--ink)}.statline{margin-top:17px;font-size:14px;color:var(--muted);display:flex;gap:7px;align-items:center}.statline strong{color:var(--dark)}.statline span{padding:0 6px}.intro-people{display:flex;width:360px;min-width:280px;height:220px;align-self:end;overflow:hidden}.portrait{background-image:var(--image);background-repeat:no-repeat;background-size:500% auto;background-position:calc(var(--person) * 25%) top;width:100%;height:100%}.intro-people .portrait{width:33.333%;height:100%}.searchbar{display:flex;align-items:center;gap:14px;border:1px solid #a9b1ab;border-radius:8px;padding:14px 20px;box-shadow:0 3px 0 #edf0e9;min-height:62px}.searchbar svg{flex-shrink:0;color:var(--dark)}.searchbar input{border:0;outline:0;background:transparent;width:100%;min-width:0;font-size:16px;color:var(--ink)}.searchbar:focus-within{border-color:var(--green);box-shadow:0 0 0 2px #8eb43040}.text-button{border:0;background:transparent;color:var(--dark);font-size:14px;white-space:nowrap;text-decoration:underline;text-underline-offset:4px}.viewbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:24px 0 28px;border-bottom:1px solid var(--line)}.viewtabs{display:flex;gap:30px}.viewtab{padding:12px 0;border:0;background:white;color:var(--muted);font-size:16px;border-bottom:3px solid transparent}.viewtab.active{border-bottom-color:var(--green);font-weight:600;color:var(--ink)}.help{padding:18px 24px;background:var(--light);border-left:4px solid var(--green);margin-bottom:25px;font-size:14px}.help p{margin:0 0 8px}.help p:last-child{margin:0}.workspace{display:grid;grid-template-columns:255px minmax(0,1fr);gap:36px}.category-sidebar{border-right:1px solid var(--line);padding-right:23px}.category-sidebar h2{font-size:15px;margin:0 0 15px;font-weight:600}.category-sidebar nav{display:flex;flex-direction:column;gap:4px}.catlink{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;border:0;border-radius:6px;background:white;padding:10px 12px;gap:12px;color:var(--muted);font-size:14px;line-height:1.45}.catlink .count{font-size:12px;min-width:25px;color:var(--muted)}.catlink:hover{background:#f4f6f1}.catlink.active{background:var(--dark);color:white}.catlink.active .count{color:#cce392}.category-heading{border-bottom:1px solid var(--line);min-height:150px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.heading-copy{padding:10px 0 24px}.category-heading h2{font-size:27px;line-height:1.25;letter-spacing:-.025em;margin:0 0 10px;font-weight:600}.category-heading p{font-size:14px;color:var(--muted);margin:0;max-width:480px}.category-heading .category-portrait{width:145px;height:170px;flex-shrink:0;align-self:end;overflow:hidden}.category-heading.all{min-height:95px}.results-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 20px}#resultCount{margin:0;font-size:14px;color:var(--muted)}.language-note{font-size:13px;color:var(--muted);white-space:nowrap}.language-note span{color:#64821d;padding:0 7px}.entry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;outline:none}.entry{border:1px solid var(--line);padding:22px 24px 20px;border-radius:8px;transition:border-color .15s}.entry:hover{border-color:#8eb430}.entry-meta{font-size:12px;color:var(--muted);line-height:1.45;margin:0 0 10px}.entry h3{font-size:21px;font-weight:600;line-height:1.35;letter-spacing:-.02em;margin:0 0 10px}.entry .meaning{font-size:15px;line-height:1.6;margin:0 0 17px}.example{border-left:3px solid var(--green);padding:0 0 0 12px;margin:0 0 17px;font-size:15px;line-height:1.6;font-style:italic;font-weight:500}.french{padding:12px 0 0;border-top:1px solid var(--line);font-size:15px;margin:0;line-height:1.55}.french span{display:block;font-size:12px;font-weight:600;letter-spacing:.07em;color:#58731b;margin-bottom:4px}.register{font-size:12px;color:var(--muted);margin:12px 0 0;line-height:1.5}.register strong{font-weight:500}.empty{grid-column:1/-1;padding:45px 20px;text-align:center;background:var(--light);border-radius:8px}.empty h3{margin:0 0 7px}.empty p{color:var(--muted)}.pagination{display:flex;gap:14px;align-items:center;justify-content:center;margin-top:30px}.pagination button{padding:10px 18px;background:white;color:var(--dark);border:1px solid var(--line);border-radius:5px;font-size:14px}.pagination button:disabled{opacity:.4;cursor:default}.pagination span{font-size:14px;color:var(--muted)}.sectiontitle h2{font-size:28px;margin:0 0 6px}.sectiontitle p{margin:0 0 30px;color:var(--muted)}.category-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:25px 18px}.category-card{background:white;border:1px solid var(--line);border-radius:8px;padding:0;text-align:left;overflow:hidden;display:flex;flex-direction:column;transition:border-color .15s,transform .15s}.category-card:hover{border-color:var(--green);transform:translateY(-3px)}.category-card .category-portrait{width:100%;height:210px;overflow:hidden;background:white}.category-card-copy{padding:16px;flex:1;border-top:1px solid var(--line)}.category-card h3{font-size:16px;font-weight:500;line-height:1.45;margin:0 0 8px}.category-card .category-number{font-size:12px;color:#64821d;font-weight:600;display:block;margin-bottom:7px}.category-card p{font-size:12px;color:var(--muted);margin:0}.mobile-filter{display:none}footer{padding:28px 5vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:13px;color:var(--muted)}footer strong{font-weight:500;color:var(--dark)}footer p{margin:5px 0 0;color:#58731b}footer>span{align-self:center}
@media(min-width:1600px){main{padding-left:50px;padding-right:50px}}@media(max-width:1100px){.workspace{grid-template-columns:220px minmax(0,1fr);gap:24px}.category-sidebar{padding-right:15px}.entry{padding:18px}.intro-people{width:270px;min-width:220px;height:190px}.category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.category-card .category-portrait{height:200px}}
@media(max-width:800px){.masthead{height:82px;padding:0 22px}.brand-logo{width:230px;height:58px;background-size:886.2px 502.2px;background-position:-342px -10px}.header-label{display:none}main{padding:0 22px 45px}.intro{padding:28px 0 20px;min-height:0}.intro-people{width:170px;min-width:170px;height:150px}.eyebrow{font-size:11px}.subtitle{font-size:14px}.statline{font-size:12px;flex-wrap:wrap}.workspace{display:block}.category-sidebar{display:none}.mobile-filter{display:flex;flex-direction:column;gap:7px;margin-bottom:20px}.mobile-filter label{font-size:13px;font-weight:500}.mobile-filter select{width:100%;padding:12px;background:white;border:1px solid var(--line);border-radius:6px;font-size:14px}.category-heading h2{font-size:24px}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-card .category-portrait{height:180px}.viewbar{align-items:start}.viewtabs{gap:22px}.viewbar .text-button{white-space:normal;max-width:150px;text-align:right;font-size:12px}.category-heading .category-portrait{width:110px;height:145px}}
@media(max-width:560px){.intro{display:block;position:relative;padding-bottom:150px}.intro-people{position:absolute;bottom:0;right:0;width:220px;height:145px}.intro-copy{position:relative;z-index:1}.statline{margin-top:12px}.searchbar{padding:13px 12px;gap:10px}.searchbar input{font-size:14px}.viewtab{font-size:14px}.viewbar{gap:12px}.entry-grid{grid-template-columns:1fr}.entry h3{font-size:20px}.entry .meaning,.example,.french{font-size:15px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.category-card .category-portrait{height:180px}.category-card-copy{padding:12px}.category-card h3{font-size:14px}.language-note{font-size:12px}.category-heading h2{font-size:22px}.category-heading .category-portrait{width:100px;height:145px}.category-heading p{font-size:13px}footer{flex-direction:column;padding:24px 22px}footer>span{align-self:start}.viewbar .text-button{max-width:100px}.pagination{gap:10px}.pagination button{padding:9px 12px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}