.tools-directory{--tools-quiet:#746c7c;--tools-line:#e9e2ee;--tools-tab:#786f81;--tools-tab-active:#6f359f;--tools-highlight:#e4ceff;--tools-cover-plate:#f1edf5;--tools-stamp:#dcb9ff;background:var(--page);color:var(--ink)}.tools-directory .hub-main{max-width:1180px;margin:0 auto;padding:0 0 90px}.tools-directory .hub-intro{justify-content:space-between;align-items:center;gap:50px;padding:70px 0 58px;display:flex}.tools-directory .directory-label{color:#8050aa;letter-spacing:-.35px;margin:0 0 20px;font-size:22px;font-weight:700;line-height:1.4}.tools-directory .hub-intro h1{letter-spacing:-2.8px;max-width:840px;margin:0;font-size:62px;font-weight:750;line-height:1.12}.tools-directory .hub-intro h1 span{background:linear-gradient(transparent 68%, var(--tools-highlight) 68%, var(--tools-highlight) 92%, transparent 92%)}.tools-directory .hub-intro p{max-width:560px;color:var(--tools-quiet);margin:23px 0 0;font-size:16px;line-height:1.85}.tools-directory .tools-intro-art{flex:0 0 340px;height:230px;margin-right:38px;position:relative}.tools-directory .mini-photo{background:var(--page);border:1px solid #e9e1ee;border-radius:6px;width:170px;height:187px;padding:7px 7px 20px;position:absolute;box-shadow:0 6px 17px #4629510d;container-type:inline-size}.tools-directory .mini-photo img{object-fit:cover;border-radius:2px;width:100%;height:100%}.tools-directory .fashion-wordmark{color:var(--page);letter-spacing:.065em;text-align:center;white-space:nowrap;text-shadow:0 1px 8px #00000014;pointer-events:none;font-family:Didot,Bodoni MT,Times New Roman,serif;font-size:15cqw;font-weight:400;line-height:1;position:absolute;top:calc(50% - 6.5px);left:7px;right:7px;transform:translateY(-50%)}.tools-directory .photo-back{top:15px;left:20px;transform:rotate(-13deg)}.tools-directory .photo-front{top:44px;left:148px;transform:rotate(10deg)}.tools-directory .brand-stamp{background:var(--tools-stamp);border:5px solid var(--page);border-radius:50%;place-items:center;width:66px;height:66px;display:grid;position:absolute;top:147px;left:118px;transform:rotate(-12deg)}.tools-directory .hub-directory>h2{letter-spacing:-.9px;margin:0 0 27px;font-size:30px;font-weight:700;line-height:1.25}.tools-directory .directory-toolbar{border-bottom:1px solid var(--tools-line);justify-content:space-between;align-items:center;gap:20px;margin-bottom:34px;padding-bottom:18px;display:flex}.tools-directory .category-tabs{flex-wrap:wrap;gap:24px;display:flex}.tools-directory .category-tabs button{color:var(--tools-tab);white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:9px 0;font-size:13px;font-weight:600;line-height:1.6;position:relative}.tools-directory .category-tabs button[aria-pressed=true]{color:var(--tools-tab-active)}.tools-directory .category-tabs button[aria-pressed=true]:after{content:"";background:var(--brand);border-radius:4px;height:3px;position:absolute;bottom:-19px;left:0;right:0}.tools-directory .category-tabs button:hover{color:var(--tools-tab-active)}.tools-directory .hub-search{color:#97899f;background:var(--page);border:1px solid #e8e1ed;border-radius:10px;flex:0 230px;align-items:center;gap:9px;padding:10px 13px;display:flex}.tools-directory .hub-search input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:none;font-size:12px}.tools-directory .hub-search:focus-within{outline:2px solid var(--brand);outline-offset:2px}.tools-directory .hub-search input::placeholder{color:#8a7e92}.tools-directory .tool-groups{row-gap:52px;display:grid}.tools-directory .group-title{letter-spacing:-.6px;margin:0 0 19px;font-size:24px;font-weight:700;line-height:1.3}.tools-directory .group-title small{vertical-align:middle;color:var(--tools-quiet);margin-left:7px;font-size:13px;font-weight:550}.tools-directory .hub-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:45px 27px;display:grid}.tools-directory .hub-card{min-width:0}.tools-directory .hub-card-link{color:inherit;outline-offset:6px;text-decoration:none;display:block}.tools-directory .tool-cover{aspect-ratio:1.4;background:var(--tools-cover-plate);border-radius:14px;place-items:center;display:grid;position:relative;overflow:hidden}.tools-directory .tool-cover>img{object-fit:cover;width:100%;height:100%;transition:transform .35s}.tools-directory .tool-cover.cover-placeholder>img{object-fit:contain;opacity:.28;width:53px;height:48px}.tools-directory .hub-card-link[href]:hover .tool-cover img{transform:scale(1.035)}.tools-directory .hub-card-copy{padding-top:17px}.tools-directory .hub-card-copy h3{letter-spacing:-.65px;margin:0 0 10px;font-size:21px;font-weight:700;line-height:1.37}.tools-directory .hub-card-link[href]:hover h3{color:var(--brand)}.tools-directory .hub-card-copy p{color:var(--tools-quiet);margin:0;font-size:13px;line-height:1.8}.tools-directory .hub-empty{text-align:center;background:linear-gradient(160deg,#f9f5ff,#fdfcfe);border:1px dashed #e3d7ed;border-radius:16px;padding:54px 24px}.tools-directory .hub-empty>img{opacity:.42;margin:0 auto 19px}.tools-directory .hub-empty h3{letter-spacing:-.6px;margin:0 0 12px;font-size:23px;font-weight:650}.tools-directory .hub-empty p{color:var(--tools-quiet);max-width:440px;margin:0 auto 18px;font-size:14px;line-height:1.8}.tools-directory .hub-empty a,.tools-directory .hub-empty button{color:#7a42ad;text-underline-offset:5px;cursor:pointer;background:0 0;border:0;padding:5px;font-size:13px;text-decoration:underline}.tools-directory .hub-load-more{justify-content:center;margin-top:42px;display:flex}.tools-directory .hub-load-more button{color:var(--tools-tab);cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:8px;font-size:13px;font-weight:600;display:inline-flex}.tools-directory .hub-load-more button:hover{color:var(--tools-tab-active)}.tools-directory .hub-load-more img{opacity:.7;width:18px;height:18px}.tools-directory .sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (min-width:1500px){.tools-directory .hub-main{max-width:1280px}.tools-directory .hub-intro h1{font-size:68px}.tools-directory .hub-grid{gap:48px 30px}}@media (max-width:1300px){.tools-directory .hub-main{margin-left:38px;margin-right:38px}.tools-directory .hub-intro h1{font-size:55px}.tools-directory .hub-grid{gap:36px 22px}.tools-directory .hub-card-copy h3{font-size:18px}.tools-directory .hub-card-copy p{font-size:12px}.tools-directory .tools-intro-art{flex-basis:285px;margin-right:15px}.tools-directory .mini-photo{width:146px;height:165px}.tools-directory .photo-front{left:122px}.tools-directory .brand-stamp{top:141px;left:102px}}@media (max-width:980px){.tools-directory .hub-main{margin-left:32px;margin-right:32px}.tools-directory .hub-intro{padding:50px 0 43px}.tools-directory .hub-intro h1{letter-spacing:-2px;font-size:47px}.tools-directory .hub-intro p{font-size:14px}.tools-directory .category-tabs{gap:20px}.tools-directory .category-tabs button{font-size:12px}.tools-directory .hub-search{flex-basis:185px}.tools-directory .hub-grid{gap:35px 19px}.tools-directory .hub-card-copy h3{letter-spacing:-.45px;font-size:17px;line-height:1.4}.tools-directory .hub-card-copy p{font-size:12px;line-height:1.7}.tools-directory .hub-directory>h2{font-size:27px}.tools-directory .tools-intro-art{flex-basis:238px;height:202px;margin-right:10px}.tools-directory .mini-photo{width:126px;height:148px}.tools-directory .photo-front{top:40px;left:110px}.tools-directory .photo-back{left:9px}.tools-directory .brand-stamp{width:57px;height:57px;top:128px;left:94px}}@media (max-width:760px){.tools-directory .hub-intro h1{font-size:43px}.tools-directory .tools-intro-art{display:none}.tools-directory .hub-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 23px}.tools-directory .hub-card-copy h3{font-size:20px}.tools-directory .hub-card-copy p{font-size:13px}.tools-directory .directory-toolbar{flex-direction:column-reverse;align-items:stretch;gap:18px;padding-bottom:13px}.tools-directory .hub-search{flex:auto;align-self:flex-end;width:230px}.tools-directory .category-tabs{gap:26px}.tools-directory .category-tabs button[aria-pressed=true]:after{bottom:-14px}.tools-directory .hub-main{padding-bottom:60px}}@media (max-width:520px){.tools-directory .hub-main{margin:0 24px}.tools-directory .hub-intro{padding:35px 0}.tools-directory .directory-label{margin-bottom:16px;font-size:19px}.tools-directory .hub-intro h1{letter-spacing:-1.65px;font-size:39px}.tools-directory .hub-intro p{margin-top:19px;font-size:13px;line-height:1.8}.tools-directory .hub-grid{grid-template-columns:1fr;gap:32px}.tools-directory .hub-card-copy h3{font-size:23px;line-height:1.35}.tools-directory .category-tabs{flex-wrap:nowrap;justify-content:space-between;gap:0}.tools-directory .category-tabs button{font-size:11px}.tools-directory .hub-search{width:100%;padding:12px}.tools-directory .directory-toolbar{margin-bottom:26px}.tools-directory .hub-directory>h2{margin-bottom:21px;font-size:26px}.tools-directory .hub-empty{padding:38px 18px}.tools-directory .tool-cover{aspect-ratio:1.65}}@media (prefers-reduced-motion:reduce){.tools-directory .tool-cover>img{transition:none}}