/* Black Tech Directory — premium discovery product */
.btd-page,.btd-submit-page{background:var(--paper);color:var(--ink)}
.btd-page .site-head,.btd-submit-page .site-head{background:rgba(10,10,10,.96);color:var(--paper);border-bottom-color:#393632;backdrop-filter:blur(16px)}
.btd-page .brand-mark i,.btd-submit-page .brand-mark i{background:var(--paper)}.btd-page .brand-mark i:nth-child(2),.btd-submit-page .brand-mark i:nth-child(2){background:var(--red)}
.btd-page .menu-btn,.btd-submit-page .menu-btn{border-color:var(--paper);color:var(--paper)}
.btd-page .nav a[aria-current="page"]:after{transform:scaleX(1)}
.btd-hero{background:var(--ink);color:var(--paper);display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,.55fr);min-height:620px;border-bottom:1px solid #3a3732}
.btd-hero-copy{padding:clamp(56px,7vw,110px) clamp(22px,5vw,78px);position:relative;overflow:hidden}.btd-hero-copy:after{content:'476';position:absolute;right:-.03em;bottom:-.2em;font:400 clamp(180px,27vw,430px)/.8 var(--display);color:#151412;pointer-events:none}
.btd-hero-copy>*{position:relative;z-index:1}.btd-hero h1{font:400 clamp(76px,10vw,156px)/.82 var(--display);text-transform:uppercase;margin:26px 0 34px;letter-spacing:-.01em}.btd-hero h1 span{color:transparent;-webkit-text-stroke:1.5px var(--paper)}
.btd-hero-copy>p:not(.eyebrow){font:400 clamp(19px,1.8vw,28px)/1.35 var(--serif);color:#c9c3b8;max-width:760px;margin:0}.btd-hero-count{display:flex;align-items:end;gap:16px;margin-top:48px;padding-top:22px;border-top:1px solid #393632;max-width:610px}.btd-hero-count strong{font:400 58px/.8 var(--display);color:var(--red)}.btd-hero-count span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:#aaa49a;max-width:180px}
.btd-submit-callout{padding:clamp(44px,5vw,76px) clamp(24px,4vw,54px);border-left:1px solid #393632;display:flex;flex-direction:column;justify-content:flex-end;background:#12110f}.btd-submit-callout>span{font-size:9px;text-transform:uppercase;letter-spacing:.13em;color:#928b82;font-weight:850}.btd-submit-callout h2{font:600 clamp(30px,3vw,46px)/1.05 var(--serif);letter-spacing:-.025em;margin:14px 0 18px}.btd-submit-callout p{font-size:14px;line-height:1.62;color:#aaa49a;margin:0 0 28px}.btd-submit-callout a{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #4a4640;border-bottom:1px solid #4a4640;padding:18px 0;font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--paper)}.btd-submit-callout a b{font:400 26px var(--serif);color:var(--red)}.btd-submit-callout small{font-size:9px;line-height:1.45;color:#817b72;margin-top:15px}
.btd-browser{max-width:1600px;margin:auto;padding:clamp(52px,7vw,100px) clamp(18px,4vw,64px) 100px}.btd-browser-head{display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:end;padding-bottom:34px}.btd-browser-head h2{font:400 clamp(48px,5.7vw,90px)/.92 var(--display);text-transform:uppercase;margin:13px 0 0}.btd-browser-head>p{font:400 17px/1.55 var(--serif);color:#5f5b54;max-width:600px;margin:0}
.btd-toolbox{border-top:3px solid var(--ink);border-bottom:1px solid var(--line);padding:24px 0 18px}.btd-toolbox>label{display:block;font-size:9px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;margin-bottom:10px}.btd-search-row{display:grid;grid-template-columns:1fr auto;border:1px solid var(--ink);background:var(--white)}.btd-search-row input{border:0;background:transparent;min-width:0;padding:17px 18px;font:500 17px var(--sans);outline:0}.btd-search-row input:focus-visible{box-shadow:inset 0 0 0 3px var(--red)}.btd-search-row button{border:0;border-left:1px solid var(--ink);background:var(--ink);color:var(--paper);padding:0 22px;font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.btd-search-row button:hover,.btd-search-row button:focus-visible{background:var(--red);color:var(--ink)}
.btd-live-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:20px 0 12px}.btd-live-row p{font:400 30px/1 var(--display);text-transform:uppercase;margin:0}.btd-category-toggle{display:none;border:1px solid var(--ink);background:transparent;padding:9px 12px;font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.btd-categories{display:flex;flex-wrap:wrap;gap:7px}.btd-filter{border:1px solid #9e988d;background:transparent;padding:9px 11px;font-size:9px;font-weight:850;letter-spacing:.055em;text-transform:uppercase;color:#47433d}.btd-filter span{color:#7d776e;margin-left:4px}.btd-filter:hover,.btd-filter:focus-visible{border-color:var(--ink);color:var(--ink)}.btd-filter.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.btd-filter.active span{color:#c9c3b8}.btd-filter:focus-visible,.btd-letter:focus-visible,.btd-category-toggle:focus-visible{outline:3px solid var(--red);outline-offset:2px}
.btd-az{display:flex;gap:2px;overflow-x:auto;scrollbar-width:thin;margin-top:18px;padding-bottom:7px}.btd-letter{flex:0 0 36px;height:36px;border:1px solid #b6b0a5;background:transparent;font-size:10px;font-weight:900}.btd-letter:first-child{flex-basis:48px}.btd-letter.active{background:var(--red);border-color:var(--red);color:var(--ink)}.btd-letter:disabled{opacity:.28;cursor:not-allowed}.btd-active-summary{padding:15px 0;font-size:10px;font-weight:750;letter-spacing:.04em;color:#69645c}
.btd-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-left:1px solid var(--line);border-top:1px solid var(--line)}.btd-card{min-height:330px;padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;background:var(--paper);position:relative;transition:background .18s ease,color .18s ease}.btd-card:hover{background:#11100e;color:var(--paper)}.btd-card[hidden]{display:none!important}.btd-card-top{display:grid;grid-template-columns:44px 1fr;gap:15px;align-items:start}.btd-initial{width:44px;height:44px;border:1px solid currentColor;display:grid;place-items:center;font:400 22px var(--display);color:#c4271c}.btd-category{font-size:9px;font-weight:850;letter-spacing:.075em;text-transform:uppercase;line-height:1.45;color:#6e685f;padding-top:2px}.btd-card:hover .btd-category{color:#aaa49a}.btd-card h2{font:600 clamp(25px,2vw,34px)/1.05 var(--serif);letter-spacing:-.02em;text-transform:none;margin:40px 0 22px;overflow-wrap:anywhere}.btd-founder{display:grid;grid-template-columns:64px 1fr;gap:12px;margin:auto 0 26px;font-size:12px;line-height:1.5}.btd-founder span{font-size:8px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#69645c}.btd-unresolved{color:#6c675f}.btd-card-foot{border-top:1px solid var(--line);padding-top:17px;min-height:42px}.btd-card:hover .btd-card-foot{border-top-color:#403c37}.btd-card-link{display:flex;justify-content:space-between;gap:16px;align-items:center;font-size:9px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.btd-card-link span{font:400 20px var(--serif);color:var(--red)}.btd-no-link{font-size:9px;color:#69645c;text-transform:uppercase;letter-spacing:.08em}.btd-empty{padding:70px 24px;text-align:center;border:1px solid var(--line)}.btd-empty h2{font:600 42px/1.05 var(--serif);margin:16px 0 8px}.btd-empty p:not(.eyebrow){color:#6c675f}.btd-empty button{margin-top:18px;border:0;background:var(--ink);color:var(--paper);padding:13px 18px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}
.btd-bottom-submit{background:var(--red);color:var(--ink);display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:clamp(50px,7vw,90px) clamp(22px,5vw,80px)}.btd-bottom-submit .eyebrow:before{background:var(--ink)}.btd-bottom-submit h2{font:400 clamp(55px,7vw,105px)/.88 var(--display);text-transform:uppercase;margin:18px 0 0}.btd-bottom-submit>div:last-child{align-self:end;max-width:580px}.btd-bottom-submit p{font:400 19px/1.45 var(--serif)}.btd-bottom-submit a{display:flex;justify-content:space-between;border-top:1px solid rgba(10,10,10,.55);border-bottom:1px solid rgba(10,10,10,.55);padding:16px 0;margin-top:26px;font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.btd-bottom-submit small{display:block;margin-top:12px;font-size:9px}.btd-footer small{display:block;margin-top:20px;line-height:1.7}
/* submission */
.btd-submit-main{max-width:1600px;margin:auto}.btd-submit-hero{background:var(--ink);color:var(--paper);padding:clamp(60px,8vw,115px) clamp(22px,5vw,78px);display:grid;grid-template-columns:1fr 340px;gap:70px}.btd-submit-hero h1{font:400 clamp(66px,8.5vw,130px)/.84 var(--display);text-transform:uppercase;margin:24px 0 32px;grid-column:1}.btd-submit-hero>p:not(.eyebrow){font:400 21px/1.45 var(--serif);color:#bbb4aa;max-width:760px;grid-column:1}.btd-submit-hero>div{grid-column:2;grid-row:1/4;border-left:1px solid #3c3934;padding-left:34px;align-self:end}.btd-submit-hero>div strong{display:block;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#918b82}.btd-submit-hero>div span{display:block;font:400 44px/1 var(--display);text-transform:uppercase;color:var(--red);margin-top:10px}.btd-form-shell{display:grid;grid-template-columns:340px minmax(0,850px);justify-content:center;gap:clamp(40px,7vw,90px);padding:clamp(54px,7vw,96px) 22px}.btd-form-shell>aside{align-self:start;position:sticky;top:90px;border-top:3px solid var(--red);padding-top:20px}.btd-form-shell aside h2{font:600 34px/1.05 var(--serif);margin:14px 0 18px}.btd-form-shell aside ul{padding-left:18px;color:#5f5a53;font-size:13px;line-height:1.65}.btd-form-shell aside a{display:inline-block;margin-top:20px;text-decoration:underline;text-underline-offset:4px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.09em}.btd-form-shell form{display:grid;grid-template-columns:1fr 1fr;gap:22px 18px;border:1px solid var(--line);padding:clamp(24px,4vw,46px);background:#f7f3ea}.btd-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.btd-field{display:grid;gap:8px}.btd-field-wide{grid-column:1/-1}.btd-field label{font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.btd-field label span{color:#6e685f;font-weight:700}.btd-field input,.btd-field textarea{width:100%;border:1px solid #9c968c;background:var(--white);padding:13px 14px;color:var(--ink);border-radius:0}.btd-field textarea{resize:vertical;min-height:120px}.btd-field input:focus-visible,.btd-field textarea:focus-visible{outline:3px solid var(--red);outline-offset:1px}.btd-field [aria-invalid="true"]{border-color:#a20d00;background:#fff6f4}.btd-form-error{grid-column:1/-1;border-left:4px solid #a20d00;background:#fff1ee;padding:16px 18px;font-size:12px}.btd-form-error ul{margin:8px 0 0;padding-left:20px}.btd-form-actions{grid-column:1/-1;border-top:1px solid var(--line);padding-top:24px;margin-top:8px;display:flex;align-items:center;justify-content:space-between;gap:22px}.btd-form-actions button{border:0;background:var(--ink);color:var(--paper);padding:16px 18px;min-width:230px;display:flex;justify-content:space-between;gap:20px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.btd-form-actions button:hover,.btd-form-actions button:focus-visible{background:var(--red);color:var(--ink)}.btd-form-actions p{font-size:10px;color:#6e685f;max-width:260px;margin:0}.btd-success{min-height:70vh;background:var(--ink);color:var(--paper);display:grid;place-items:center;padding:70px 22px}.btd-success>div{max-width:950px;border-left:3px solid var(--red);padding-left:clamp(24px,4vw,48px)}.btd-success h1{font:600 clamp(40px,5vw,72px)/1.02 var(--serif);letter-spacing:-.03em;margin:20px 0}.btd-success p{font:400 19px/1.55 var(--serif);color:#bcb6ac}.btd-success strong{display:block;color:var(--red);margin-top:20px}.btd-success-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:34px}.btd-success-actions a{border:1px solid #6b655d;padding:12px 15px;font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
@media(max-width:1180px){.btd-hero{grid-template-columns:1fr}.btd-submit-callout{border-left:0;border-top:1px solid #393632}.btd-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.btd-page .nav,.btd-submit-page .nav{display:none}.btd-page .menu-btn,.btd-submit-page .menu-btn{display:inline-flex}.site-nav-open.btd-page .nav,.site-nav-open.btd-submit-page .nav{display:flex;position:absolute;left:0;right:0;top:100%;background:#0a0a0a;padding:22px;flex-direction:column;border-bottom:1px solid #444;gap:18px}.btd-submit-hero{grid-template-columns:1fr}.btd-submit-hero>div{grid-column:1;grid-row:auto;border-left:0;border-top:1px solid #3c3934;padding:24px 0 0}.btd-form-shell{grid-template-columns:280px 1fr}}
@media(max-width:1000px){body.site-nav-open .site-head .nav{display:flex;position:absolute;left:0;right:0;top:100%;background:var(--paper);padding:20px;flex-direction:column;border-bottom:1px solid var(--line);gap:18px;max-height:calc(100vh - 58px);overflow:auto}body.site-nav-open.btd-page .site-head .nav,body.site-nav-open.btd-submit-page .site-head .nav{background:#0a0a0a;color:var(--paper)}}
@media(max-width:760px){.btd-hero-copy{padding:58px 20px}.btd-hero-copy:after{font-size:240px}.btd-hero h1{font-size:clamp(72px,23vw,105px)}.btd-submit-callout{padding:38px 20px}.btd-browser{padding:56px 16px 70px}.btd-browser-head{grid-template-columns:1fr;gap:18px}.btd-browser-head h2{font-size:52px}.btd-search-row{grid-template-columns:1fr}.btd-search-row button{border-left:0;border-top:1px solid var(--ink);padding:13px}.btd-live-row{margin-bottom:10px}.btd-category-toggle{display:inline-flex;gap:10px}.btd-categories{display:none;max-height:300px;overflow:auto;border:1px solid var(--line);padding:8px}.btd-categories.mobile-open{display:flex}.btd-filter{flex:1 0 calc(50% - 7px);text-align:left}.btd-grid{grid-template-columns:1fr}.btd-card{min-height:285px;padding:24px 20px}.btd-card h2{font-size:30px;margin-top:32px}.btd-bottom-submit{grid-template-columns:1fr}.btd-bottom-submit h2{font-size:62px}.btd-form-shell{grid-template-columns:1fr;padding-left:16px;padding-right:16px}.btd-form-shell>aside{position:static}.btd-form-shell form{grid-template-columns:1fr;padding:24px 18px}.btd-field-wide{grid-column:auto}.btd-form-actions{display:grid}.btd-form-actions button{width:100%}.btd-submit-hero{padding:58px 20px}.btd-submit-hero h1{font-size:68px}.btd-submit-hero>p:not(.eyebrow){font-size:18px}}
@media(prefers-reduced-motion:reduce){.btd-card{transition:none}}
