:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--theme-text);background:var(--theme-bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 5%,color-mix(in srgb,var(--theme-active) 20%,transparent),transparent 50%);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{color:#b9d9ff}a:focus-visible{outline:2px solid var(--theme-strong);outline-offset:6px}header,main,footer{max-width:1180px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:34px 40px;border-bottom:1px solid color-mix(in srgb,var(--theme-line) 40%,transparent);font-size:12px}.brand{font-weight:650;letter-spacing:1.4px}.brand span{color:#809abc;font-weight:400;font-size:10px;margin-left:13px}header>a:last-child{color:#a1b6d4;padding:8px 0}.intro{padding:88px 0 73px}.eyebrow,.collection-heading>span,.project-meta,dt,.preview-label,.preview-footer,.tags{font-family:ui-monospace,monospace}.eyebrow{font-size:11px;letter-spacing:2.3px;color:#8fb7f0}h1{font-size:clamp(52px,8vw,91px);line-height:1.07;font-weight:500;letter-spacing:-4px;margin:28px 0}h1 em{font-family:Georgia,serif;font-weight:400;color:#a6ccff}.description{color:#a0b4d2;max-width:525px;line-height:1.85;font-size:16px;margin-top:27px}main{padding:0 40px}.collection-heading{display:flex;align-items:center;justify-content:space-between;border-top:1px solid color-mix(in srgb,var(--theme-active) 40%,transparent);padding:29px 0}h2{font-size:17px;font-weight:550;margin:0;letter-spacing:-.3px}.collection-heading>span{font-size:10px;color:#8aa1c4;letter-spacing:1.2px}.project{border:1px solid var(--theme-active);border-radius:18px;overflow:hidden;display:grid;grid-template-columns:1fr 1.17fr;background:linear-gradient(145deg,color-mix(in srgb,var(--theme-control) 44%,transparent),transparent 70%),var(--theme-panel);box-shadow:0 20px 65px color-mix(in srgb,var(--theme-bg) 25%,transparent)}.preview{background:radial-gradient(ellipse at 60% 40%,color-mix(in srgb,var(--theme-border) 40%,transparent),transparent 75%),var(--theme-control);display:flex;flex-direction:column;justify-content:space-between;padding:36px}.preview:hover{background-color:var(--theme-control)}.preview-label{color:#96b7e6;letter-spacing:1.3px;font-size:10px;line-height:1.8}.preview svg{width:100%;height:auto;max-height:285px;margin:28px 0}.preview-footer{display:flex;justify-content:space-between;color:#9dbee9;font-size:10px;letter-spacing:1.2px;padding-top:12px;line-height:1.8}.preview-footer span{font-size:19px}.project-copy{padding:42px 40px}.project-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;color:var(--theme-muted);font-size:9px;letter-spacing:.8px;line-height:1.8}.live{color:#a6ccff}.live i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#a6ccff;margin-right:7px;box-shadow:0 0 10px #a6ccff55}h3{font-weight:550;font-size:28px;line-height:1.3;margin:28px 0 18px;letter-spacing:-.8px}.project-copy p{color:#a4b7d3;font-size:14px;line-height:1.9;margin:0}dl{display:flex;gap:39px;margin:30px 0;padding:22px 0;border-top:1px solid color-mix(in srgb,var(--theme-active) 50%,transparent);border-bottom:1px solid color-mix(in srgb,var(--theme-active) 50%,transparent)}dt{font-size:9px;color:#88a3ca;letter-spacing:1.2px}dd{margin:13px 0 0;font-size:16px;font-weight:450;color:#d0e3ff}.tags{display:flex;flex-wrap:wrap;gap:9px;margin:25px 0}.tags span{font-size:10px;color:#a5c4ed;border:1px solid var(--theme-border);border-radius:6px;padding:8px 11px;background:color-mix(in srgb,var(--theme-control) 18%,transparent)}.open-project{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(105deg,#91b9f6,#b5d5ff);color:var(--theme-panel)!important;border:1px solid #bbd8ff;border-radius:9px;padding:17px 20px;font-size:13px;font-weight:650;margin-top:29px;box-shadow:0 5px 22px #78a7ef10;transition:box-shadow .2s,filter .2s}.open-project:hover{filter:brightness(1.08);box-shadow:0 5px 28px #78a7ef30}.open-project span{font-size:19px}.privacy{font-size:12px;color:#8da4c6;margin:27px 0 78px;line-height:1.8;padding-left:2px}footer{display:flex;justify-content:space-between;gap:22px;padding:31px 40px 38px;border-top:1px solid color-mix(in srgb,var(--theme-active) 40%,transparent);font-size:11px;color:#8aa1c4;line-height:1.8}@media(max-width:700px){header{padding:26px 23px}.brand{font-size:11px}.brand span{display:block;margin:9px 0 0;font-size:9px}.intro{padding:55px 0 44px}h1{font-size:56px;letter-spacing:-2px;margin:23px 0}.description{font-size:14px;line-height:1.95;margin-top:22px}main{padding:0 23px}.eyebrow{font-size:10px}.collection-heading{padding:26px 0}.project{grid-template-columns:1fr;border-radius:15px}.preview{padding:29px}.preview svg{max-height:215px;margin:14px 0}.project-copy{padding:31px 27px}h3{font-size:25px;margin-top:24px}.project-meta{font-size:8px;gap:12px}.project-copy p{font-size:13px}dl{gap:28px;margin:26px 0;padding:21px 0}dt{font-size:8px}dd{font-size:14px}.tags span{font-size:9px}.privacy{margin:24px 0 48px;font-size:11px}footer{padding:26px 23px 32px;gap:22px;font-size:10px}.preview-label,.preview-footer{font-size:9px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}