@import"https://fonts.googleapis.com/css2?family=Anton&family=Montserrat:ital,wght@0,400;0,600;0,700;1,400&display=swap";:root{font-family:Montserrat,Arial,sans-serif;color:#fff;background:#000;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 16px}a{color:inherit}a:focus-visible{outline:2px solid #fff;outline-offset:4px}p{margin:0}.logo-sub,.partner,.copyright{margin-right:calc(var(--ls) * -1)}main{flex:1;width:100%;display:flex;flex-direction:column;align-items:center}.logo{margin:clamp(28px,9vh,125px) 0 0;display:flex;flex-direction:column;align-items:center;font-weight:inherit}.mark{width:clamp(120px,22vh,182px);height:auto}.logo-name{margin-top:clamp(10px,1.6vh,14px);font-size:clamp(19px,2.6vh,24px);font-weight:700;letter-spacing:.3px;line-height:1}.logo-sub{--ls:1.6px;margin-top:8px;font-size:clamp(11px,1.4vh,13px);font-weight:400;letter-spacing:var(--ls);line-height:1}.tagline{margin:auto 0 0;padding:clamp(28px,7vh,100px) 0 clamp(24px,5vh,64px);font-size:clamp(15px,2vw,18px);font-style:italic;line-height:1.5;max-width:22em}footer{padding-bottom:clamp(24px,5vh,64px);display:flex;flex-direction:column;align-items:center}.founded{font-size:15px;font-style:italic}.social{display:flex;gap:16px;margin-top:clamp(22px,4.5vh,62px)}.social a{display:block;width:24px;height:24px;color:#d9d9d9;transition:color .2s}.social a:hover{color:#fff}.social svg{width:100%;height:100%}.email{display:inline-block;margin-top:clamp(16px,2.4vh,22px);font-size:14px}.partner{--ls:1.4px;margin-top:clamp(16px,2.4vh,22px);font-size:11px;letter-spacing:var(--ls);color:#bdbdbd}.copyright{--ls:1.6px;margin-top:6px;font-size:11px;font-weight:700;letter-spacing:var(--ls);color:#d9d9d9;line-height:1.6}.slate{margin:0 0 auto;padding-bottom:clamp(28px,6vh,90px);width:100%;max-width:1400px}.slate-label{--ls:3px;margin:0 calc(var(--ls) * -1) clamp(14px,2vh,22px) 0;font-size:10px;font-weight:600;letter-spacing:var(--ls);color:#8a8a8a}.slate-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:2px clamp(16px,2vw,28px)}.project{--a:#c58a1d;--b:#6b3f08;--c:#f2c35a;display:inline-block;font-family:Anton,Impact,Arial Narrow,sans-serif;font-size:clamp(22px,2.4vw,36px);line-height:1.15;letter-spacing:-.3px;background:none;border:0;padding:0;color:transparent;background-image:radial-gradient(circle at 20% 30%,var(--c) 0 8%,transparent 30%),radial-gradient(circle at 75% 70%,var(--c) 0 6%,transparent 28%),linear-gradient(115deg,var(--b),var(--a) 40%,var(--b) 70%,var(--a));background-size:200% 200%,180% 180%,300% 100%;-webkit-background-clip:text;background-clip:text;animation:drift 14s ease-in-out infinite alternate;opacity:.9;cursor:pointer;transition:filter .25s,transform .25s}.project[data-id=noir]{--a:#5a5a5a;--b:#1d1d1d;--c:#9a9a9a}.project[data-id=water]{--a:#4f6f9c;--b:#24395a;--c:#9dbbe0}.project[data-id=pirate]{--a:#6b3a33;--b:#2f1d2c;--c:#9a5a6e}.project.has-texture{background-image:var(--texture);background-size:cover;background-position:0 50%;animation:pan 22s ease-in-out infinite alternate}.project:hover,.project:focus-visible{filter:brightness(1.3) saturate(1.1);transform:translateY(-2px)}.project:focus-visible{outline:2px solid #fff;outline-offset:6px}@keyframes drift{to{background-position:100% 100%,0 0,100% 0}}@keyframes pan{to{background-position:100% 50%}}.card-open{overflow:hidden}.card{width:min(760px,100vw - 32px);max-width:none;max-height:none;margin:auto;padding:0;border:0;background:none;color:#fff;overflow:visible}.card::backdrop{background:#000b;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.card[open]{animation:card-in .5s cubic-bezier(.2,.7,.2,1)}.card[open]::backdrop{animation:fade .4s ease}.card-inner{max-height:min(86vh,86dvh);overflow-y:auto;overscroll-behavior:contain;background:#0c0c0c;border:1px solid #ffffff1f;border-radius:16px;box-shadow:0 30px 80px #000c;text-align:left;scrollbar-width:thin;scrollbar-color:#ffffff33 transparent}.card-head{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:clamp(18px,3vw,26px) clamp(18px,3vw,28px) 16px;background:linear-gradient(#0c0c0c 75%,#0c0c0c00)}.card-title{margin:0;font-family:Anton,Impact,sans-serif;font-weight:400;font-size:clamp(26px,3.4vw,36px);line-height:1.05;letter-spacing:.2px}.card-meta{--ls:2.4px;margin-top:10px;font-size:10px;font-weight:600;letter-spacing:var(--ls);text-transform:uppercase;color:#9a9a9a}.card-meta .dot{margin:0 8px;color:#555}.card-close{flex:none;width:40px;height:40px;border:1px solid #ffffff38;border-radius:50%;background:none;color:#fff;font:300 24px/1 Montserrat,sans-serif;cursor:pointer;transition:background .2s}.card-close:hover{background:#ffffff14}.card-close:focus-visible{outline:2px solid #fff;outline-offset:3px}.card-body{display:flex;flex-direction:column;gap:12px;padding:0 clamp(18px,3vw,28px) clamp(18px,3vw,28px)}.card-body img{display:block;width:100%;height:auto;border-radius:10px;background:#111}.card-empty{position:relative;aspect-ratio:2.39/1;border-radius:10px;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 30% 35%,var(--l) 0,transparent 35%),radial-gradient(circle at 70% 65%,var(--m) 0,transparent 50%),radial-gradient(circle,var(--d),#000 80%)}.card-empty span{--ls:3px;font-size:10px;font-weight:600;letter-spacing:var(--ls);text-transform:uppercase;color:#ffffffb3}@keyframes card-in{0%{opacity:0;transform:translateY(24px) scale(.98)}}@keyframes fade{0%{opacity:0}}@media(max-width:650px){.card{width:calc(100vw - 20px)}.card-inner{max-height:88dvh}}@media(max-width:650px){.mark{width:clamp(110px,18vh,150px)}.slate-list{gap:0 16px}}@media(max-width:380px){.copyright{--ls:1px;font-size:10px}}@media(max-height:620px){.logo{margin-top:6vh}.tagline{padding:5vh 0 4vh}.slate{padding-bottom:5vh}.social{margin-top:3.5vh}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}