@font-face{font-family:Panchang;src:url(/fonts/Panchang-Extrabold.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Panchang;src:url(/fonts/Panchang-Semibold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}:root{--bg-0:#121212;--bg-1:#1b1b1b;--fg-0:#f5f5f5;--fg-1:#bcbcbc;--hair:#ffffff14;--accent-1:#00ffe1;--accent-2:#ff00f7;--radius:14px}html,body{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:radial-gradient(1000px 500px at 20% -10%,#ffffff08 0%,transparent 60%),radial-gradient(1000px 500px at 80% 110%,#ffffff05 0%,transparent 60%),linear-gradient(180deg,var(--bg-1),var(--bg-0));color:var(--fg-0)}.noise:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background-image:url(/noise.png);background-size:300px 300px;opacity:.035}header{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#12121299;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--hair)}.logo{font-family:Panchang,Inter,sans-serif;letter-spacing:.08em;font-weight:800}.nav-links{display:flex;gap:16px;align-items:center}main{padding:24px 20px;max-width:1100px;margin:0 auto;min-height:60vh}footer{border-top:1px solid var(--hair);padding:16px 20px;opacity:.85}.accent-text{background:linear-gradient(90deg,var(--accent-1),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.hr{height:1px;background:linear-gradient(90deg,transparent,var(--hair),transparent);margin:16px 0}.btn-ghost{border:1px solid var(--fg-0);border-radius:999px;padding:10px 14px;background:transparent;color:var(--fg-0);text-decoration:none;display:inline-block;font-weight:700;transition:all .18s ease}.btn-ghost:hover{color:#111;border-color:transparent;background:linear-gradient(90deg,var(--accent-1),var(--accent-2));transform:translateY(-1px);box-shadow:0 8px 24px #0006}.uline{position:relative;text-decoration:none}.uline:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:linear-gradient(90deg,var(--accent-1),var(--accent-2));transform:scaleX(0);transform-origin:left;transition:transform .25s ease}.uline:hover:after{transform:scaleX(1)}h1,h2,h3,strong{font-family:Panchang,Inter,sans-serif;letter-spacing:.04em}.hero-title{font-size:clamp(28px,7vw,72px);line-height:.95;text-transform:uppercase;letter-spacing:.06em;margin:20px 0 8px}.muted{color:var(--fg-1)}body,a,button,[role=button],.btn-ghost,.work-card{cursor:none}#cursor{position:fixed;left:0;top:0;width:18px;height:18px;border:1px solid #ffffffaa;border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:width .15s ease,height .15s ease,border-color .15s ease,background .15s ease,opacity .2s;mix-blend-mode:difference}#cursor.--hover{width:36px;height:36px;border-color:transparent;background:radial-gradient(closest-side,#fff,transparent 70%);opacity:.9}.input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--hair);background:#0f0f0f;color:#fff;outline:none}label{display:block;font-size:12px;color:#cfcfcf;margin-bottom:6px}.wiz{margin-top:12px}.wiz-step{border:1px solid var(--hair);border-radius:var(--radius);padding:16px;background:linear-gradient(180deg,#ffffff08,transparent)}.row{display:flex;gap:12px}.col{flex:1}.actions{margin-top:12px;display:flex;gap:10px}.actions.between{justify-content:space-between}.preview{margin-top:10px;white-space:pre-wrap;background:#0f0f0f;border:1px solid #252525;padding:12px;border-radius:10px}.work-wrap{max-width:1100px;margin:0 auto;padding:20px}.section-title{text-transform:uppercase;letter-spacing:.08em;font-size:clamp(20px,3.6vw,40px);line-height:.95;background:linear-gradient(90deg,var(--accent-1),var(--accent-2));-webkit-background-clip:text;color:transparent;text-shadow:0 0 20px #ffffff0a}.work-grid{margin-top:22px;display:grid;grid-template-columns:1fr;gap:16px}@media (min-width:720px){.work-grid{grid-template-columns:1fr 1fr}}.work-card{display:block;border:1px solid var(--hair);border-radius:var(--radius);overflow:hidden;background:linear-gradient(180deg,#ffffff08,transparent);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;perspective:800px}.work-card:hover{transform:none}.work-card-media{height:180px;background:#0f0f0f}.work-card-media.--fallback{background:radial-gradient(120% 120% at 20% 0%,#222,#0f0f0f 60%)}.work-card:hover .work-card-media{transform:rotateX(3deg) rotateY(-3deg) translateZ(6px);box-shadow:0 10px 28px #0007}.work-card-meta{padding:14px}.work-card-meta h3{margin:0 0 4px;font-size:1.1rem}.case-layout{position:relative}.case-bg{position:fixed;top:0;right:0;bottom:0;left:0;background-position:center;background-size:cover;background-repeat:no-repeat;filter:blur(24px) brightness(.55) saturate(1.05);transform:scale(1.08);opacity:.35;z-index:0;pointer-events:none;background-image:radial-gradient(100% 60% at 50% 0%,#ffffff08,transparent 60%),linear-gradient(180deg,#151515,#0e0e0e)}.case-content{position:relative;z-index:1;max-width:1000px;margin:0 auto;padding:20px}.case-topbar{margin-bottom:8px}.case-header h1{font-size:clamp(1.8rem,4.8vw,3rem);text-transform:uppercase;letter-spacing:.06em;margin:8px 0 6px}.case-body p{margin:10px 0;color:#e9e9e9}.case-credits{border-top:1px solid var(--hair);padding-top:14px;margin-top:16px;color:#bcbcbc;text-align:center}
