.directory-heading{position:relative;display:flex;justify-content:space-between;align-items:flex-end;gap:60px;padding:64px 0 42px;overflow:hidden}.studio-page[data-page=projects] .directory-heading h1{font-size:clamp(42px,4.8vw,66px);line-height:1.12;margin:0;flex-shrink:0}.directory-heading>p{font-size:14px;line-height:1.95;color:var(--muted);max-width:340px;margin:0 0 7px}.directory-tools{position:sticky;top:70px;z-index:30;background:#f4f4f1ed;backdrop-filter:blur(16px);border-block:1px solid var(--line);padding:17px 0}.directory-tools-inner{display:flex;justify-content:space-between;gap:25px;align-items:center}.directory-filters{display:flex;gap:8px;flex-wrap:wrap}.directory-filters button{display:inline-flex;gap:9px;align-items:center;min-height:42px;padding:9px 14px;border:1px solid var(--line-strong);border-radius:50px;background:transparent;color:var(--muted);font-family:var(--studio-sans);font-size:11px;cursor:pointer;white-space:nowrap}.directory-filters button>span{font-size:9px;opacity:.6}.directory-filters [aria-pressed=true]{color:#f4f4f1;background:#1a2020;border-color:#1a2020}.directory-search{min-width:245px;max-width:295px;flex:1}.directory-search label{display:flex;gap:10px;align-items:center;border-bottom:1px solid var(--line-strong);padding:5px 0 7px}.directory-search svg{width:18px;height:18px;flex-shrink:0;fill:none;stroke:#747d74;stroke-width:1.2}.directory-search input{background:transparent;border:0;border-radius:0;color:var(--text);font-family:var(--studio-sans);font-size:11px;line-height:1.8;width:100%;min-width:0;padding:8px 3px;outline-offset:0}.directory-result-count{margin:24px 0 19px;color:var(--muted);font-size:11px}.directory-result-count strong{font-weight:600;color:var(--text)}.directory-results{padding-bottom:70px}.directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.directory-card{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden;scroll-margin-top:165px}.directory-card[hidden]{display:none}.directory-visual{position:relative;display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:16/10;overflow:hidden;background:#101719;text-decoration:none}.directory-visual>img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .5s}.directory-card:hover .directory-visual>img{transform:scale(1.025)}.directory-visual.is-app{background:#e7eae4}.directory-aedon .directory-visual{background:radial-gradient(ellipse at 60% 30%,#37415d,#171c2a)}.directory-aedon .directory-visual>img{width:70%;height:100%;object-fit:contain;transform:rotate(-6deg)}.directory-aedon:hover .directory-visual>img{transform:rotate(-3deg) scale(1.03)}.directory-rota .directory-visual{padding:35px;background:#e7eae4}.directory-visual.is-type{padding:30px;background:#dfe4db;color:#4e5b51}.directory-visual.is-type>span{position:relative;z-index:1;font-size:27px;font-weight:500;line-height:1.3;letter-spacing:-.04em;text-align:center;max-width:260px}.directory-visual.is-type svg{position:absolute;width:60%;height:100%;right:-10%;top:12%;fill:none;stroke:#7b91752b;stroke-width:1}.directory-image-note{position:absolute;bottom:11px;left:13px;color:#dfccb0;background:#0b1017d9;font-size:9px;padding:4px 7px;border-radius:3px}.directory-card-body{flex:1;padding:24px 24px 8px}.directory-card-meta{display:flex;gap:9px;align-items:center;flex-wrap:wrap;color:#7f877e;font-size:10px;line-height:1.8}.studio-page[data-page=projects] .directory-card-meta .status-pill{margin:0}.studio-page[data-page=projects] .directory-card h2{font-size:25px;font-weight:600;line-height:1.3;margin:17px 0 14px;letter-spacing:-.05em}.directory-card h2 a{text-decoration:none}.directory-card h2 a:hover{color:var(--accent)}.directory-card-body>p{font-size:12px;line-height:1.95;color:var(--muted);margin:0 0 20px;word-break:keep-all}.directory-platform{font-size:10px;color:#8e978d;margin:20px 0 10px}.directory-card-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 24px 27px}.studio-page[data-page=projects] .directory-card-actions .button{padding:10px 15px;font-size:10px;min-height:40px}.directory-detail{display:inline-flex;align-items:center;gap:8px;font-size:10px;line-height:1.7;color:#64715e;text-decoration:none;min-height:30px}.directory-detail>span{font-size:18px}.directory-feedback{padding:55px 0 65px;background:#e9ece5;border-top:1px solid var(--line)}.studio-page[data-page=projects] .directory-feedback h2{font-size:28px;line-height:1.5;margin-bottom:13px}.directory-feedback p{font-size:13px;color:var(--muted);line-height:1.9;margin-bottom:25px}.directory-empty{text-align:center;padding:70px 25px}.directory-empty[hidden]{display:none}.directory-empty h2{font-size:25px;margin-bottom:25px}@media (max-width: 1100px){.directory-tools-inner{align-items:flex-start;flex-direction:column;gap:13px}.directory-search{width:100%;max-width:400px}.directory-tools{position:static}.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.directory-heading{gap:35px}.directory-heading>p{max-width:280px}.directory-card{scroll-margin-top:110px}}@media (max-width: 760px){.directory-heading{display:block;padding:40px 0 29px}.studio-page[data-page=projects] .directory-heading h1{font-size:40px;line-height:1.2}.directory-heading>p{max-width:390px;margin-top:20px;font-size:12px;line-height:1.9}.directory-tools{padding:15px 0 17px}.directory-tools-inner{gap:15px}.directory-filters{gap:7px}.directory-filters button{font-size:10px;min-height:39px;padding:9px 12px;gap:7px}.directory-search{min-width:0;max-width:none}.directory-search input{font-size:12px}.directory-grid{grid-template-columns:minmax(0,1fr);gap:22px}.directory-result-count{margin-top:22px}.directory-results{padding-bottom:45px}.directory-visual{aspect-ratio:16/9}.directory-card-body{padding:22px 23px 6px}.studio-page[data-page=projects] .directory-card h2{font-size:26px}.directory-card-body>p{font-size:12px}.directory-card-actions{padding:9px 23px 25px}.directory-feedback{padding:40px 0 50px}.studio-page[data-page=projects] .directory-feedback h2{font-size:25px}.directory-feedback p{font-size:12px}.directory-visual.is-type>span{font-size:29px}.directory-rota .directory-visual{padding:30px}.directory-aedon .directory-visual>img{width:65%}}@media (min-width: 550px) and (max-width: 760px){.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-page[data-page=projects] .directory-card h2{font-size:22px}.directory-card-body{padding:20px 18px 6px}.directory-card-actions{padding-inline:18px}}.motion-reduced .directory-visual>img,.motion-reduced .directory-aedon .directory-visual>img{transform:none!important;transition:none}
