@font-face{font-family:Clash Display;src:url(/fonts/ClashDisplay-Semibold.woff2) format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Clash Display;src:url(/fonts/ClashDisplay-Medium.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:General Sans;src:url(/fonts/GeneralSans-Regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:General Sans;src:url(/fonts/GeneralSans-Medium.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono-Regular.woff2) format("woff2");font-weight:400;font-display:swap}:root{--surface: #0A0E14;--raised: #131A24;--text: #F2F5F9;--text-2: #8B96A5;--flow-a: #58C99A;--flow-b: #D5E5DD;--radius: 2px;--display: "Clash Display", "Avenir Next", "Helvetica Neue", sans-serif;--body: "General Sans", "Helvetica Neue", Arial, sans-serif;--mono: "JetBrains Mono", "SF Mono", Menlo, monospace}*{box-sizing:border-box;margin:0}body{background:var(--surface);color:var(--text);font-family:var(--body);font-size:17px;line-height:26px}.mono{font-family:var(--mono);font-size:14px;line-height:20px;letter-spacing:.08em}#field{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.75}.skip{position:absolute;left:-9999px;top:0;z-index:10;background:var(--flow-a);color:var(--surface);padding:8px 16px}.skip:focus{left:16px}.top{position:fixed;top:0;left:0;right:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:24px 40px}.brand-logo{height:30px;opacity:.85;width:auto;display:block;opacity:.9}.brand-link:focus-visible{outline:2px solid var(--flow-a);outline-offset:4px}.lang{color:var(--text);text-decoration:none;border-bottom:1px solid var(--flow-a);padding-bottom:2px}.lang:focus-visible,a:focus-visible{outline:2px solid var(--flow-a);outline-offset:4px}main{position:relative;z-index:1}.scene{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;max-width:1200px;margin:0 auto;padding:104px 40px}.hero-logo{width:min(680px,82vw);height:auto;display:block}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.hero .sub{font-size:20px;line-height:28px;margin-top:40px}.scene h1,.scene h2,.scene h3,.scene p,.scene li{text-shadow:0 1px 12px rgba(10,14,20,.9),0 0 32px rgba(10,14,20,.7)}.hint{color:var(--text-2);margin-top:64px}.title{font-family:var(--display);font-weight:500;font-size:32px;line-height:38px;margin-bottom:24px}.what-list{list-style:none;padding:0;max-width:640px}.what-list li{margin-bottom:24px;font-size:20px;line-height:28px}.project .desc{max-width:560px;color:var(--text)}.tags{margin-top:24px;display:flex;flex-wrap:wrap;gap:8px}.tag{border:1px solid var(--raised);border-radius:var(--radius);padding:4px 10px;color:var(--text-2);background:#131a2499}.out{display:inline-block;align-self:flex-start;margin-top:24px;color:var(--flow-a);text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px;min-height:44px}.email a{color:var(--flow-a);font-size:24px;text-decoration:none}.legal{margin-top:104px;color:var(--text-2)}@media (max-width: 640px){.scene{padding:64px 24px}.top{padding:16px 24px}}.studio{max-width:640px;margin-bottom:24px;color:var(--text)}.project{gap:40px}.project.has-gallery{display:grid;grid-template-columns:minmax(320px,5fr) 7fr;align-items:center}.project-text{display:flex;flex-direction:column;align-items:flex-start}.gallery{position:relative;min-height:420px}.frame{margin:0;border:1px solid var(--raised);border-radius:6px;overflow:hidden;background:var(--raised);box-shadow:0 24px 64px #0000008c}.frame img{display:block;width:100%;height:auto}.frame-desktop{width:86%}.frame-mobile{position:absolute;right:0;bottom:-32px;width:26%;border-radius:14px;box-shadow:0 16px 48px #000000a6}@media (max-width: 900px){.project.has-gallery{display:flex;flex-direction:column;align-items:flex-start}.gallery{width:100%;min-height:0}.frame-mobile{bottom:-24px}}.gallery-solo .frame-desktop{width:100%}.gallery-solo{min-height:0}.gallery-phones{display:flex;gap:24px;align-items:flex-start;min-height:0}.frame-phone{width:46%;border-radius:14px}.frame-phone:last-child{margin-top:48px}