@font-face{font-family:Electromagnetic;src:url(/assets/Electromagnetic-Lungs-iFum_2W7.otf)format("opentype")}:root{--container:1160px;--line:#1a1a1a;--line-strong:#2d2d2d;--text-muted:#888;--text-soft:#666}*{box-sizing:border-box;margin:0;padding:0}html,body{scrollbar-width:thin;scrollbar-color:#4a4a4a #0a0a0a}html::-webkit-scrollbar{width:10px;height:10px}body::-webkit-scrollbar{width:10px;height:10px}html::-webkit-scrollbar-track{background:#0a0a0a}body::-webkit-scrollbar-track{background:#0a0a0a}html::-webkit-scrollbar-thumb{background:#4a4a4a;border:2px solid #0a0a0a;border-radius:999px}body::-webkit-scrollbar-thumb{background:#4a4a4a;border:2px solid #0a0a0a;border-radius:999px}html::-webkit-scrollbar-thumb:hover{background:#666}body::-webkit-scrollbar-thumb:hover{background:#666}html::-webkit-scrollbar-corner{background:#0a0a0a}body::-webkit-scrollbar-corner{background:#0a0a0a}::selection{color:#fff;background:#ffffff38}::selection{color:#fff;background:#ffffff38}body{color:#fff;background:#000;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;position:relative}html{scroll-behavior:smooth}header{max-width:var(--container);margin:0 auto;padding:2.5rem 2rem 2rem;position:relative}a{color:#b8b6b6;transition:color .2s}a:hover{color:#fff}b{color:#b8b6b6;font-weight:600}.logo-section{border:1px solid var(--line);border-radius:10px;align-items:center;gap:.75rem;margin-bottom:3rem;padding:.5rem .9rem .5rem .5rem;transition:border-color .3s;display:inline-flex}.logo-section a{align-items:center;gap:.75rem;text-decoration:none;display:inline-flex}.logo-section:hover{border-color:var(--line-strong)}.logo{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;width:32px;height:32px}.brand{color:#fff;font-family:Electromagnetic,sans-serif;font-size:1.1rem}.hero{max-width:760px;position:relative}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.9)}}.hero h1{letter-spacing:-.03em;text-wrap:balance;color:#fff;margin-bottom:1.25rem;font-size:clamp(2.4rem,6vw,3.9rem);font-weight:500;line-height:1.08}.hero p{color:var(--text-muted);max-width:650px;font-size:1.05rem;line-height:1.7}main{max-width:var(--container);margin:0 auto;padding:2rem 2rem 4.25rem;position:relative}main:before{content:"";background:#1a1a1a;height:1px;position:absolute;top:0;left:2rem;right:2rem}main.why-shell:before,.opening-project #home-page,.opening-project footer{display:none}.projects-head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.05rem;display:flex}.section-label{letter-spacing:-.02em;color:#f2f2f2;text-transform:uppercase;align-items:baseline;gap:.5rem;font-size:clamp(1.12rem,2.2vw,.35rem);font-weight:500;line-height:1.2;display:inline-flex}.section-label-count{color:#7a7a7a;letter-spacing:0;font-size:1em;font-weight:500}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:1.35rem;display:grid}.projects-pagination{background:#ffffff05;border:1px solid #1a1a1a;border-radius:8px;justify-content:center;align-items:center;width:fit-content;height:30px;display:flex}.pagination-btn{color:#fff;width:30px;height:100%;line-height:0;font:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:7px 0 0 7px;place-items:center;padding:0;transition:background-color .2s,color .2s;display:grid}.pagination-btn:last-child{border-radius:0 7px 7px 0}.pagination-btn i{justify-content:center;align-items:center;width:15px;height:15px;font-size:15px;line-height:15px;display:flex}.pagination-btn i:before{line-height:1;display:block}.pagination-btn:hover:not(:disabled){background:#ffffff0f}.pagination-btn:focus-visible{background:#ffffff14;outline:none}.pagination-btn:disabled{cursor:default;color:#444}.pagination-status{font-variant-numeric:tabular-nums;color:#888;text-align:center;border-left:1px solid #1a1a1a;border-right:1px solid #1a1a1a;align-self:stretch;place-items:center;padding:0 .6rem;font-size:.8rem;display:grid}.project-card{border:1px solid var(--line);cursor:pointer;color:inherit;background:#000;border-radius:12px;text-decoration:none;transition:border-color .2s,background-color .2s,box-shadow .22s;display:block;overflow:hidden}.project-card:hover{background:#040404;border-color:#3a3a3a;box-shadow:inset 0 0 0 1px #ffffff08}.project-card:focus-visible{border-color:#4a4a4a;outline:none;box-shadow:0 0 0 2px #ffffff1a}.project-thumbnail-wrapper{aspect-ratio:16/9;background:#0a0a0a;width:100%;position:relative;overflow:hidden}.project-thumbnail-wrapper:after{content:"";pointer-events:none;border:1px solid #ffffff0d;border-radius:0;position:absolute;inset:0}.project-thumbnail{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;width:100%;height:100%;transition:filter .24s,opacity .24s}.project-card:hover .project-thumbnail{filter:saturate(1.03)brightness(1.06);opacity:.98}.project-info{padding:1.2rem 1.2rem 1.25rem}.project-title{letter-spacing:-.01em;text-wrap:balance;margin-bottom:.42rem;font-size:1.08rem;font-weight:450;line-height:1.33;transition:color .22s}.project-description{color:#838383;line-clamp:2;-webkit-line-clamp:2;text-wrap:pretty;-webkit-box-orient:vertical;font-size:.9rem;line-height:1.48;transition:color .22s;display:-webkit-box;overflow:hidden}.project-card:hover .project-title{color:#fff}.project-card:hover .project-description{color:#959595}.project-card:active{background:#030303;border-color:#303030}.project-page{max-width:min(760px,max(520px,177.778vh - 675.556px + 4rem));margin:0 auto;padding:2.5rem 2rem}.back-button{color:#666;-webkit-user-select:none;user-select:none;border:1px solid #1a1a1a;border-radius:10px;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.5rem 1rem .5rem .75rem;font-size:.95rem;text-decoration:none;transition:color .2s,border-color .2s,background-color .2s;display:inline-flex}.back-button:hover{color:#fff;background:#ffffff0a;border-color:#333}.project-main-thumbnail{aspect-ratio:16/9;border:1px solid var(--line);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;background:#0a0a0a;border-radius:12px;width:100%;margin-bottom:1.75rem;overflow:hidden}.project-main-thumbnail img{object-fit:cover;width:100%;height:100%}.project-header h1{letter-spacing:-.03em;margin-bottom:.6rem;font-size:clamp(2.2rem,4.5vw,3rem);font-weight:500}.project-header p{color:var(--text-soft);margin-bottom:1.5rem;font-size:1.1rem;line-height:1.55}.project-buttons{-webkit-user-select:none;user-select:none;grid-auto-columns:1fr;grid-auto-flow:column;gap:1rem;display:inline-grid}.btn{border:1px solid;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;min-width:136px;padding:.8rem 1.3rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{color:#000;background:#fff;border-color:#fff}.btn-primary:hover{color:#000;background:#f0f0f0;border-color:#f0f0f0}.btn-secondary{color:#fff;background:#ffffff0a;border-color:#3a3a3a}.btn-secondary:hover{color:#fff;background:#ffffff14;border-color:#4a4a4a}footer{max-width:var(--container);margin:0 auto;padding:2.7rem 2rem;position:relative}footer:before{content:"";background:var(--line);height:1px;position:absolute;top:0;left:2rem;right:2rem}.footer-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem 2rem;display:flex}.footer-brand{align-items:center;gap:.9rem;display:flex}.footer-brand>a{display:flex}.footer-brand-text{flex-direction:column;gap:.15rem;display:flex}.footer-side{align-items:center;gap:1rem;display:flex}.footer-side-divider{background:var(--line-strong);width:1px;height:22px}.footer-logo{opacity:.6;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;width:34px;height:34px}.footer-text{color:var(--text-soft);font-size:.9rem}.footer-a{color:var(--text-soft);text-decoration:none;transition:color .2s}.footer-a:hover{color:#fff;text-decoration:underline}.footer-license{color:#555;font-size:.8rem;line-height:1.5}.footer-links{gap:.5rem;display:flex}.footer-why{color:#6c6c6c;white-space:nowrap;align-items:center;gap:.35rem;font-size:.82rem;text-decoration:none;transition:color .2s;display:inline-flex}.footer-why-mark{color:#a8a8a8;font-size:.7rem;line-height:1;position:relative;top:-.02rem}.footer-why:hover{color:#fff}.footer-link{color:var(--text-soft);border:1px solid var(--line);border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.25rem;text-decoration:none;transition:border-color .2s,color .2s,background-color .2s;display:flex}.footer-link:hover{color:#fff;border-color:var(--line-strong);background:#ffffff0f}body.why-page{color:#fff;background:#000;flex-direction:column;min-height:100vh;margin:0;font-family:Inter,sans-serif;display:flex}.why-shell{width:100%;max-width:760px;margin:0 auto;padding:2.5rem 2rem 3rem}body.why-page footer{width:100%;max-width:760px}.why-heading{letter-spacing:-.03em;margin-bottom:.9rem;font-size:clamp(2.3rem,5vw,3.4rem);font-weight:500;line-height:1.08}.why-intro{color:#8a8a8a;max-width:60ch;margin-bottom:2rem;font-size:1.02rem;line-height:1.7}.why-divider{background:#1a1a1a;width:100%;height:1px;margin-bottom:2rem}.why-content{gap:1.2rem;display:grid}.why-content p{color:#b7b7b7;font-size:.98rem;line-height:1.75}.why-content strong{color:#fff;font-weight:600}@media (width<=768px){header{padding:2rem 1.5rem 1.7rem}.projects-grid{grid-template-columns:1fr;gap:1.1rem}main{padding:1.7rem 1.5rem 3.5rem}main:before{left:1.5rem;right:1.5rem}.project-page{padding:2rem 1.5rem}footer:before{left:1.5rem;right:1.5rem}.pagination-btn{flex:none}.footer-content{flex-direction:column;align-items:flex-start}.footer-brand{gap:.75rem}.footer-logo{width:28px;height:28px}.footer-text{white-space:nowrap}.footer-side{flex-direction:column;align-items:flex-start;gap:.75rem}.footer-side-divider{width:100%;height:1px}.why-shell{padding:2rem 1.5rem 2.5rem}}@media (width<=480px){.project-buttons{grid-template-columns:1fr 1fr;grid-auto-flow:row;display:grid}.project-buttons .btn{min-width:0}.footer-text{font-size:.85rem}}@media (width<=340px){.footer-text{font-size:.78rem}}.hidden{display:none}