:root{color-scheme:dark;--red:#ff5259;--ink:#edf2f8;--muted:#8e9eb5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0a101a;color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #ffc889;outline-offset:7px}.ambient{position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 10% 0,#28446438,transparent 55%),radial-gradient(ellipse at 100% 70%,#7b283320,transparent 45%)}header{height:105px;margin:0 6%;display:flex;align-items:center;border-bottom:1px solid #ffffff12;gap:35px}.logo{font-size:20px;font-weight:900;letter-spacing:-.03em;display:flex;align-items:center}.logo-dot{color:var(--red)}.logo-symbol{width:39px;height:42px;background:var(--red);color:#fff;font-size:30px;border-radius:6px;display:grid;place-items:center;margin-right:12px;position:relative}.logo-symbol span{position:absolute;top:-5px;right:0;font-size:21px;background:var(--red)}.header-note{font-family:monospace;letter-spacing:.13em;font-size:8px;color:#6f819a}header time{margin-left:auto;font-family:monospace;font-size:9px;color:#a2b3ca;letter-spacing:.04em}main{max-width:1320px;margin:auto;padding:70px 6% 65px}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:55px}.eyebrow{font-size:9px;letter-spacing:.19em;color:#c8bba9;font-weight:700;display:flex;align-items:center;gap:10px;margin:0 0 24px}.eyebrow span{width:5px;height:5px;border-radius:50%;background:var(--red);box-shadow:0 0 16px #ff525980}h1{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:clamp(39px,5vw,72px);line-height:1.05;letter-spacing:-.025em;margin:0 0 22px}h1 em{font-style:normal;color:#ff7774}.lead{color:var(--muted);font-size:13px;line-height:1.85;margin:0}.intro-stamp{font-family:monospace;font-size:8px;letter-spacing:.13em;line-height:1.8;color:#768ba6;text-align:right;border-right:2px solid #ff525955;padding-right:18px}.intro-stamp b{font-family:Arial,sans-serif;display:block;color:#eabc81;font-size:42px;margin-top:10px;font-weight:400}.projects-label{display:flex;align-items:center;gap:24px;font-family:monospace;font-size:8px;letter-spacing:.13em;color:#8194ae;margin-bottom:19px}.projects-label .line{height:1px;flex:1;background:linear-gradient(90deg,#31415b,transparent)}.project-card{display:grid;grid-template-columns:1.1fr 1fr;min-height:430px;border:1px solid #364259;border-radius:16px;overflow:hidden;background:linear-gradient(125deg,#1c2a3d,#111a28);box-shadow:0 25px 80px #0004;transition:transform .35s,border-color .35s,box-shadow .35s}.project-card:hover{transform:translateY(-6px);border-color:#d9787060;box-shadow:0 32px 90px #0007,0 0 50px #e7444410}.card-image{position:relative;min-height:430px;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover;object-position:66% center;display:block;position:absolute;inset:0;transition:transform .8s,filter .8s;filter:saturate(.8)}.project-card:hover .card-image img{transform:scale(1.05);filter:saturate(1.08)}.card-image::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#09111ce8 0%,transparent 65%)}.image-corner{position:absolute;top:24px;left:26px;font-family:monospace;font-size:8px;letter-spacing:.2em;color:#d5dce3;background:#0c162478;border:1px solid #ffffff20;padding:7px 10px;border-radius:4px}.image-caption{position:absolute;left:28px;bottom:29px;z-index:2;font-size:33px;font-weight:900;letter-spacing:-.04em;line-height:1.1;text-shadow:0 3px 30px #0006}.image-caption b{color:#ffa68a}.card-content{padding:29px 35px;display:flex;flex-direction:column}.card-top{display:flex;gap:9px;align-items:center;margin-bottom:28px}.project-index{font-family:monospace;font-size:10px;color:#71849e;margin-right:auto}.game-tag,.type-tag{font-size:7px;font-weight:700;letter-spacing:.09em;border:1px solid #5b708c50;padding:6px 8px;border-radius:4px;color:#b1c2d8}.type-tag{color:#ffc995;background:#d86b4d14;border-color:#aa705540}.card-name{display:flex;align-items:center;gap:12px;margin-bottom:22px}.transport-mark{width:39px;height:40px;background:#ff515b;display:grid;place-items:center;color:white;font-size:23px;font-weight:800;border-radius:6px;letter-spacing:-.18em;padding-right:5px}.card-name p{margin:0;font-size:11px;line-height:1.15;font-weight:800;letter-spacing:.01em}.card-name b{color:#ff7e7c}h2{font-size:clamp(25px,2.6vw,36px);line-height:1.12;letter-spacing:-.04em;margin:0 0 15px}.description{font-size:12px;color:#9aabc2;line-height:1.85;margin:0 0 20px;max-width:370px}.project-tags{display:flex;gap:14px;flex-wrap:wrap;font-family:monospace;font-size:7px;letter-spacing:.05em;color:#758da9;margin-bottom:24px}.project-tags span::before{content:"+";color:#d58178;margin-right:5px}.card-action{border-top:1px solid #58698340;padding-top:18px;margin-top:auto;display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:700;color:#f6d1b0}.action-arrow{width:35px;height:35px;display:grid;place-items:center;border-radius:50%;background:#ff515b;color:white;font-size:21px;font-weight:400;transition:transform .3s}.project-card:hover .action-arrow{transform:rotate(45deg)}.after-card{display:flex;justify-content:space-between;gap:20px;margin-top:22px;font-size:9px;color:#6a7e99}.after-card b{color:#d49a79;font-size:14px;margin-right:8px}.after-card>span:last-child{font-family:monospace;letter-spacing:.12em;font-size:8px}footer{margin:0 6%;padding:25px 0 30px;border-top:1px solid #ffffff10;display:flex;justify-content:space-between;gap:20px;color:#576c89;font-size:8px;font-family:monospace;letter-spacing:.07em}footer>a{color:#93a4bc}::selection{background:#ff5259;color:white}@media(min-width:1600px){main{padding-inline:0}header,footer{max-width:1400px;margin-inline:auto}}@media(max-width:700px){header{height:80px;margin-inline:6%;gap:10px}.logo{font-size:17px}.logo-symbol{width:31px;height:34px;font-size:24px;margin-right:9px}.logo-symbol span{font-size:17px}.header-note{display:none}header time{font-size:7px}main{padding:42px 6% 40px}.intro{margin-bottom:36px}.eyebrow{font-size:7px;letter-spacing:.15em;margin-bottom:22px}h1{font-size:clamp(34px,8.5vw,58px);line-height:1.07}.lead{font-size:12px;line-height:1.8}.intro-stamp{display:none}.desktop-break{display:none}.projects-label{font-size:6px;gap:11px;margin-bottom:14px}.project-card{grid-template-columns:1fr;border-radius:12px}.card-image{min-height:245px}.card-image img{object-position:65% 55%}.image-corner{top:16px;left:18px;font-size:7px}.image-caption{font-size:27px;left:19px;bottom:20px}.card-content{padding:22px 24px}.card-top{margin-bottom:22px}.card-name{margin-bottom:20px}h2{font-size:29px}.description{font-size:12px}.project-tags{font-size:7px;gap:11px}.card-action{font-size:12px}.after-card{font-size:8px;line-height:1.6}.after-card>span:last-child{display:none}footer{font-size:7px;flex-wrap:wrap;line-height:1.8}footer>span:nth-child(2){display:none}.project-card:hover{transform:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}