:root{--paper:#f7f6f2;--line:#e2e0d9}.directory-header{display:flex;align-items:center;justify-content:space-between;padding-block:27px;border-bottom:1px solid var(--line)}.directory-brand{display:flex;align-items:center;gap:12px;color:#2c2b27;font-weight:650;font-size:18px;letter-spacing:-.5px}.directory-brand:hover{text-decoration:none}.directory-main{max-width:1050px}.directory-intro{padding-block:65px 39px}.directory-kicker{font-size:11px;font-weight:700;letter-spacing:.13em;color:#7d786f;margin-bottom:14px;display:flex;align-items:center;gap:10px}.directory-kicker:before{content:'';height:1px;width:30px;background:#7d786f}.directory-intro h1{font-size:clamp(35px,4.4vw,58px);letter-spacing:-1px;line-height:1.45;font-weight:750;margin-bottom:12px}.directory-intro p{font-size:17px;color:#777166}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.project-card{border:1px solid transparent;border-radius:24px;min-height:260px;padding:26px 30px 22px;display:flex;flex-direction:column;color:white;position:relative;overflow:hidden;isolation:isolate;transition:transform .2s,box-shadow .2s}.project-card:hover{transform:translateY(-5px);box-shadow:0 22px 35px #28231c12;text-decoration:none}.project-top{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px}.project-category{opacity:.82}.project-arrow{width:32px;height:32px;border:1px solid #ffffff40;display:grid;place-items:center;border-radius:50%;font-size:20px;line-height:1;direction:ltr}.project-wordmark{margin-top:25px}.project-wordmark h2{font-size:35px;font-weight:750;letter-spacing:-1px;line-height:1.4}.project-card>p{font-size:13px;margin-top:5px;opacity:.86}.project-bottom{margin-top:auto;padding-top:30px;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:10px;opacity:.73;letter-spacing:.2px}.project-number{font-size:10px;letter-spacing:1px}.project-dev{background:#292f36}.project-dev .project-wordmark h2{font-family:'Segoe UI',Arial,sans-serif;direction:ltr;text-align:start;letter-spacing:-1.5px}.project-mix{background:#c8312d}.project-luma{background:#eedde5;color:#722444;border-color:#e9cfdc}.project-luma .project-arrow{border-color:#72244435}.project-araba{background:#f5d3b7;color:#6d351c;border-color:#eac4a6}.project-araba .project-arrow{border-color:#6d351c35}.directory-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;font-size:11px;color:#7f796e;padding-block:30px;border-top:1px solid var(--line);margin-top:54px}.directory-footer a{color:#696359}.directory-footer nav{display:flex;gap:13px}.directory-footer nav>span{color:#8b8479}
@media(max-width:780px){.directory-header{padding-block:21px}.directory-intro{padding-block:42px 28px}.directory-intro h1{font-size:37px}.directory-intro p{font-size:15px}.project-grid{gap:15px}.project-card{padding:22px;min-height:245px}.project-wordmark h2{font-size:29px}.project-card>p{font-size:12px}.project-bottom{font-size:9px}.directory-footer{margin-top:35px;padding-block:25px}}
@media(max-width:590px){.project-grid{grid-template-columns:1fr}.project-card{min-height:235px;padding:24px}.project-wordmark h2{font-size:35px}.directory-intro h1{font-size:34px}.directory-brand{font-size:16px}.directory-footer{gap:15px}.directory-footer nav{width:100%;border-top:1px solid var(--line);padding-top:16px}.directory-header .language-switch button{font-size:11px;padding-inline:10px}.directory-main{width:calc(100% - 36px)}}

.directory-header .language-switch{margin:0}

/* Give the four original brand marks a shared visual rhythm. */
.project-card{min-height:310px;padding:25px 28px 23px}
.project-card .project-wordmark{display:flex;align-items:center;height:104px;min-height:104px;margin:13px 0 2px}
.project-card .project-dev-logo{margin:0;width:145px;height:72px}
.project-card>p{line-height:1.8;margin-top:5px}
.project-bottom{padding-top:23px}
.project-artwork{display:block;position:relative;overflow:hidden;flex:none;direction:ltr}
.project-artwork>img{position:absolute;display:block;max-width:none;height:auto}
.project-luma-logo{width:118px;aspect-ratio:1014/891}
.project-luma-logo>img{width:111.83432%;left:-5.91716%;top:-6.73401%}
.project-araba-logo{width:195px;aspect-ratio:465/248}
.project-araba-logo>img{width:203.01075%;left:-51.61290%;top:-4.83871%}
.project-luma{background:radial-gradient(ellipse at 12% 0%,#fffaf0,transparent 75%),#f0e5d3;color:#634827;border-color:#e7dac4}
.project-luma .project-arrow{border-color:#63482735}
.project-araba{background:radial-gradient(ellipse at 12% 0%,#fffaf5,transparent 75%),#f7e1cc;color:#69371f;border-color:#ecd1b8}
.project-araba .project-arrow{border-color:#69371f35}
.project-card:focus-visible{outline:3px solid #302a25;outline-offset:5px}
@media(max-width:780px){.project-card{padding:22px;min-height:300px}.project-card .project-wordmark{height:100px;min-height:100px}.project-luma-logo{width:113px}.project-araba-logo{width:187px}}
@media(max-width:590px){.project-card{padding:23px;min-height:300px}.project-bottom{font-size:10px}}
@media(prefers-reduced-motion:reduce){.project-card{transition:none}.project-card:hover{transform:none}}

.directory-brand{gap:13px}.directory-brand .atarekak-logo-window{width:62px}
@media(max-width:590px){.directory-brand{gap:10px}.directory-brand .atarekak-logo-window{width:52px}.directory-header{padding-block:17px}}