@font-face{font-family:Fira;src:url('https://www.inknexo.com/font/FiraSansCondensed-Light.ttf') format('truetype');font-weight:300;font-display:swap}
:root{--ink:#111;--text:#243142;--muted:#687079;--line:#dce0e3;--light:#f6f7f8;--radius:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:white;font:18px/1.5 Fira,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}[hidden]{display:none!important}:focus-visible{outline:3px solid #255f85;outline-offset:3px}.wrap{width:min(1400px,calc(100% - 64px));margin-inline:auto}.header{border-bottom:1px solid var(--line)}.header-inner{min-height:96px;padding-block:16px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{width:170px;flex-shrink:0}.logo img{width:100%;height:auto}.nav{display:flex;align-items:center;gap:28px;flex-wrap:wrap;font-size:18px}.nav a{padding-block:10px;border-bottom:2px solid transparent}.nav a:hover,.nav a.active{border-color:#111}.hero{padding:52px 0 34px;display:flex;align-items:flex-end;justify-content:space-between;gap:36px}.eyebrow{font-size:13px;letter-spacing:2px;text-transform:uppercase;color:#555;margin:0 0 16px;font-weight:600}.hero h1{margin:0 0 18px;font-size:clamp(36px,4vw,56px);line-height:1.12;letter-spacing:-1px;font-weight:600;color:#111}.hero p{margin:0;color:var(--muted);font-size:21px;max-width:700px}.join{max-width:260px;flex-shrink:0;border-left:1px solid #bbb;padding-left:24px}.join p{font-size:17px;margin:0 0 10px}.join a{display:inline-flex;align-items:center;min-height:44px;color:#111;font-size:17px;border-bottom:1px solid #111;gap:12px}.search-bar{display:flex;gap:12px;padding:20px;border:1px solid #111;border-radius:14px;margin-bottom:18px}.search-input{position:relative;flex:1;min-width:0}.search-input svg{position:absolute;top:50%;left:14px;transform:translateY(-50%);width:20px;height:20px;pointer-events:none}svg{fill:none;stroke:currentColor;stroke-width:1.7}.search-input input{width:100%;min-width:0;padding:12px 12px 12px 44px;min-height:48px;border:1px solid #c7ccd1;border-radius:7px;background:white;font-size:18px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 18px;border:1px solid #111;border-radius:7px;background:#111;color:#fff;font-size:16px;line-height:1.3}.btn:hover{background:#333}.btn.secondary{background:white;color:#111}.btn.secondary:hover{background:#f3f3f3}.btn:disabled{opacity:.4;cursor:default}.demo-note{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:15px;background:#f7f7f7;border:1px solid #e5e5e5;border-radius:8px;padding:12px 16px;margin-bottom:26px}.demo-note strong{font-weight:600;color:#111}.layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:32px;align-items:start;margin-top:28px;margin-bottom:64px}.filters{position:sticky;top:20px;border:1px solid var(--line);border-radius:var(--radius);padding:22px;min-width:0}.filters-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:24px}.filters h2{font-size:21px;font-weight:600;margin:0;color:#111}.text-button{border:0;background:none;padding:8px 0;min-height:44px;color:#666;font-size:15px;text-decoration:underline;text-underline-offset:4px}.field{margin-bottom:20px}.field label{display:block;font-size:16px;font-weight:600;margin-bottom:7px;color:#333}.field input,.field select,.sort select{min-width:0;width:100%;min-height:44px;border:1px solid #c7ccd1;border-radius:7px;padding:9px 10px;background:white;color:var(--text);font-size:16px}.check{display:flex;align-items:flex-start;gap:10px;font-size:16px;line-height:1.4;margin-bottom:14px;cursor:pointer}.check input{width:18px;height:18px;margin:2px 0 0;flex:0 0 18px;accent-color:#111}.filters-tip{font-size:14px;color:var(--muted);padding-top:16px;border-top:1px solid var(--line);margin:22px 0 0}.mobile-filters{display:none}.results{min-width:0}.results-head{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:22px;min-height:44px}.results-head h2{font-size:20px;margin:0;font-weight:600;color:#111}.sort{display:flex;align-items:center;gap:10px;font-size:15px}.sort label{white-space:nowrap}.sort select{width:auto;max-width:230px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.designer-card{min-width:0;border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column;overflow:hidden;background:white}.card-top{height:54px;background:#f4f5f6;border-bottom:1px solid var(--line)}.card-body{padding:0 20px 20px;display:flex;flex-direction:column;flex:1}.avatar{width:66px;height:66px;margin-top:-33px;position:relative;border:4px solid #fff;border-radius:50%;background:#e6e8ea;display:grid;place-items:center;font:500 22px/1 system-ui,sans-serif;color:#555;overflow:hidden;flex-shrink:0}.avatar img{width:100%;height:100%;object-fit:cover}.sample{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#777;margin:12px 0 4px}.name{font-size:24px;line-height:1.2;color:#111;font-weight:600;margin:12px 0 6px;overflow-wrap:anywhere}.sample+.name{margin-top:0}.headline{font-size:17px;margin:0 0 12px;overflow-wrap:anywhere}.location{font-size:14px;color:#777;margin:0 0 14px;overflow-wrap:anywhere}.bio{font-size:16px;color:#666;margin:0 0 16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.tag{font-size:12px;background:#f4f5f6;border:1px solid #e3e5e7;border-radius:5px;padding:4px 8px}.details{display:grid;gap:6px;border-top:1px solid var(--line);padding-top:14px;font-size:14px;margin-top:auto}.detail{display:flex;justify-content:space-between;gap:10px}.detail strong{font-weight:500;text-align:right;overflow-wrap:anywhere}.availability{font-size:13px;color:#666;display:flex;align-items:center;gap:7px;margin:16px 0}.availability::before{content:'';width:6px;height:6px;border-radius:50%;background:#111;flex-shrink:0}.card-actions{display:flex;gap:8px;flex-wrap:wrap}.card-actions .btn{flex:1;font-size:15px;padding-inline:10px}.state{border:1px dashed #c8cdd2;border-radius:var(--radius);padding:48px 24px;text-align:center;background:#fafafa}.state h3{font-size:26px;color:#111;margin:0 0 10px;font-weight:600}.state p{color:#666;margin:0 auto 20px;max-width:420px}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap;margin-top:30px;font-size:15px}.loading{font-size:17px;padding:40px;text-align:center;color:#666}.footer{border-top:1px solid var(--line);padding:30px 0;color:#666;font-size:16px}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}.footer p{margin:0}.footer a{display:inline-flex;align-items:center;min-height:44px;color:#111}.profile-dialog{width:min(660px,calc(100% - 32px));max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);padding:0;border:1px solid var(--line);border-radius:20px;color:var(--text);overflow-y:auto;box-shadow:0 20px 80px #0003}.profile-dialog::backdrop{background:#0007}.dialog-top{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid var(--line);gap:20px}.dialog-top h2{font-size:18px;margin:0;font-weight:600}.close{border:0;background:white;min-width:44px;height:44px;font:26px/1 system-ui,sans-serif;color:#111;border-radius:7px}.close:hover{background:#f4f4f4}.dialog-body{padding:28px}.dialog-identity{display:flex;gap:18px;align-items:center;margin-bottom:22px}.dialog-identity .avatar{margin:0;width:78px;height:78px;border:1px solid var(--line)}.dialog-identity h3{margin:0 0 6px;font-size:29px;line-height:1.2;color:#111;overflow-wrap:anywhere}.dialog-identity p{margin:0;font-size:18px}.dialog-bio{white-space:pre-line;overflow-wrap:anywhere;color:#666;margin:0 0 22px}.dialog-label{font-size:17px;font-weight:600;margin:24px 0 10px;color:#111}.dialog-details{display:grid;gap:10px;font-size:17px;padding-top:18px;border-top:1px solid var(--line)}.dialog-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.dialog-actions .btn{flex:1 1 auto}.dialog-note{font-size:15px;color:#777;margin:20px 0 0}.skip{position:absolute;top:-100px;left:16px;background:white;z-index:5;padding:12px}.skip:focus{top:16px}
@media(max-width:1250px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.layout{grid-template-columns:230px minmax(0,1fr);gap:24px}.wrap{width:calc(100% - 48px)}}
@media(max-width:850px){.layout{grid-template-columns:1fr;gap:20px}.filters{display:none;position:static}.filters.is-open{display:block}.mobile-filters{display:inline-flex}.filters-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.filters-tip{margin-top:8px}.hero{align-items:flex-start}.join{max-width:220px}.nav{gap:18px;font-size:16px}.logo{width:145px}}
@media(max-width:560px){.wrap{width:calc(100% - 32px)}.header-inner{flex-direction:column;gap:6px;padding-block:16px}.logo{width:155px}.nav{gap:24px;font-size:15px}.hero{flex-direction:column;gap:24px;padding-top:32px}.hero h1{font-size:39px;letter-spacing:-.6px}.hero p{font-size:19px}.join{max-width:none;padding-left:18px}.join p{font-size:16px}.search-bar{padding:12px;flex-wrap:wrap;gap:10px}.search-input{flex-basis:100%}.search-input input{font-size:16px}.search-bar>.btn{flex:1}.filters-fields{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.results-head{gap:12px}.sort{width:100%;justify-content:space-between}.sort select{flex:1}.layout{margin-top:20px;margin-bottom:40px}.profile-dialog{width:calc(100% - 24px)}.dialog-body{padding:22px 18px}.dialog-top{padding:12px 18px}.dialog-identity{gap:14px;align-items:flex-start}.dialog-identity h3{font-size:25px}.dialog-identity .avatar{width:66px;height:66px}.dialog-actions{flex-direction:column}.footer-inner{flex-direction:column;align-items:flex-start}.pagination{gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
