.tools-directory{max-width:1240px;margin:0 auto;padding:64px 24px 90px}.tools-intro{justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:48px;display:flex}.tools-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#ff8754;font-size:12px;font-weight:600}.tools-intro h1{letter-spacing:-.045em;margin:20px 0;font-size:clamp(42px,5.4vw,70px);font-weight:600;line-height:1.06}.tools-intro h1 em{font-family:var(--font-instrument-serif),serif;color:#ff8754;font-weight:400}.tools-intro>div>p:last-child{color:#b0b0b7;max-width:510px;font-size:17px;line-height:1.7}.tools-intro-note{border-left:1px solid #38383e;flex-shrink:0;align-items:center;gap:14px;padding-bottom:6px;padding-left:24px;display:flex}.tools-intro-note>span{color:#9be5ca;font-size:30px}.tools-intro-note p{font-size:13px!important;line-height:1.7!important}.tools-grid{grid-template-columns:1fr 1fr;gap:28px;display:grid}.tool-preview{background:#121215;border:1px solid #34343b;border-radius:22px;transition:border-color .2s,transform .2s;display:block;overflow:hidden}.tool-preview:hover{border-color:#b36d49;transform:translateY(-4px)}.tool-preview-mint:hover{border-color:#689c8b}.tool-preview:focus-visible{outline-offset:5px;outline:2px solid #ff8754}.tool-preview-art{aspect-ratio:8/5;background:#19191e;border-bottom:1px solid #34343b;position:relative;overflow:hidden}.tool-preview-art img{object-fit:cover;width:100%;height:100%}.tool-preview-open{color:#efefef;background:#17171c;border:1px solid #4a4a51;border-radius:50%;place-items:center;width:38px;height:38px;font-size:20px;display:grid;position:absolute;top:20px;right:20px}.tool-preview-copy{padding:28px 30px 30px}.tool-preview-copy h2{letter-spacing:-.03em;margin:10px 0 14px;font-size:30px;font-weight:600;line-height:1.2}.tool-preview-copy>p:not(.tools-eyebrow){color:#b5b5be;max-width:440px;font-size:15px;line-height:1.75}.tool-preview-mint .tools-eyebrow,.tool-preview-mint .tool-preview-link{color:#9be5ca}.tool-preview-link{color:#ff9569;border-top:1px solid #303037;justify-content:space-between;margin-top:26px;padding-top:20px;font-size:14px;font-weight:500;display:flex}.tools-next{border-top:1px solid #33333b;align-items:center;gap:24px;margin-top:56px;padding-top:32px;display:flex}.tools-next-mark{font-family:var(--font-instrument-serif),serif;color:#ff8754;font-size:60px;line-height:1}.tools-next h2{margin-bottom:8px;font-size:20px;font-weight:500}.tools-next p{color:#aaaab4;max-width:610px;font-size:14px;line-height:1.7}.tools-next>a{white-space:nowrap;color:#efefef;margin-left:auto;padding:12px 0;font-size:14px}.tools-next>a:hover{color:#ff8754}@media (max-width:760px){.tools-directory{padding:40px 20px 70px}.tools-intro{margin-bottom:32px}.tools-intro-note{display:none}.tools-grid{grid-template-columns:1fr;gap:24px}.tool-preview-copy{padding:24px}.tools-next{flex-wrap:wrap;align-items:flex-start;gap:16px}.tools-next>div{flex:1;min-width:210px}.tools-next>a{margin-left:40px}.tools-intro>div>p:last-child{font-size:15px}}@media (prefers-reduced-motion:reduce){.tool-preview{transition:none}.tool-preview:hover{transform:none}}.tool-preview-caption{color:#babac4;background:#19191e;border:1px solid #414149;border-radius:5px;padding:2px 6px;font-size:12px;position:absolute;top:6px;left:10px}
