.has-submenu{position:relative}.submenu-toggle{border:0;background:none;color:inherit;padding:0;font:inherit;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.submenu-toggle span{display:inline-block;margin-left:4px;transition:transform .2s}.has-submenu.is-open .submenu-toggle span{transform:rotate(180deg)}.submenu{position:absolute;top:calc(100% + 24px);left:50%;transform:translateX(-50%) translateY(-8px);width:340px;padding:12px;background:#171713;border:1px solid rgba(255,255,255,.14);box-shadow:0 20px 50px rgba(0,0,0,.28);opacity:0;visibility:hidden;pointer-events:none;transition:.2s}.has-submenu:hover .submenu,.has-submenu:focus-within .submenu,.has-submenu.is-open .submenu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}.submenu a{display:block;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.08);font-size:.76rem;letter-spacing:.04em;text-transform:none}.submenu a:last-child{border:0}.submenu a:after{display:none}.submenu a:hover{color:var(--gold);background:rgba(255,255,255,.04)}.submenu small{display:block;color:#888;font-size:.65rem;margin-top:2px}.submenu-all{color:var(--gold)!important;text-transform:uppercase!important;letter-spacing:.1em!important}.slider-actions{display:flex;gap:10px}.slider-btn{width:50px;height:50px;border:1px solid var(--ink);background:transparent;color:var(--ink);font-size:1.25rem;cursor:pointer;transition:.2s}.slider-btn:hover{background:var(--ink);color:#fff}.project-slider{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain;padding-bottom:18px}.project-slider::-webkit-scrollbar{display:none}.project-slide{flex:0 0 calc((100% - 44px)/3);scroll-snap-align:start;min-width:0}.project-slide .project__image{aspect-ratio:4/3}.project-slide .project__meta{display:block}.project-slide .project__meta p{color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-slide .project__meta span{display:block;margin-top:14px}.slider-progress{height:2px;background:rgba(23,23,19,.14);margin:12px 0 34px;overflow:hidden}.slider-progress span{display:block;width:20%;height:100%;background:var(--gold);transition:width .15s}
@media(max-width:900px){.has-submenu{width:100%}.submenu-toggle{width:100%;text-align:left;display:flex;justify-content:space-between}.submenu{position:static;width:100%;transform:none!important;display:none;opacity:1;visibility:visible;pointer-events:auto;box-shadow:none;margin-top:12px;border-color:#333}.has-submenu:hover .submenu{display:none}.has-submenu.is-open .submenu{display:block}.project-slide{flex-basis:calc((100% - 22px)/2)}}
@media(max-width:620px){.project-slide{flex-basis:88%}.slider-actions{align-self:flex-end}.slider-btn{width:44px;height:44px}.project-slide .project__meta{padding-top:15px}.project-slide .project__meta p{font-size:.9rem}.submenu{max-height:55vh;overflow-y:auto}.menu{gap:20px}}