@font-face{font-family:Anton;src:url(/fonts/anton.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Karla;src:url(/fonts/karla.woff2) format("woff2");font-style:normal;font-weight:400 500;font-display:swap}:root{color-scheme:dark;--background:#0c0c0c;--text:#efefeb;--muted:#969692;--sidebar:352px;--mono:ui-monospace,"Cascadia Code",Consolas,monospace;background:var(--background);color:var(--text);font-family:Karla,Arial,sans-serif;font-synthesis:none;--muted-foreground:158 159 169;--font-size-xxs:.6rem;--font-size-xs:.75rem;--font-size-s:.8rem;--font-size-m:.9rem;--font-size-l:1rem;--font-size-xl:24px;--font-size-2xl:2.25rem;--font-size-3xl:3rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #edb68d;outline-offset:6px;border-radius:2px}::selection{background:#ecb594;color:#101010}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:fixed;top:12px;left:12px;z-index:20;padding:12px 18px;background:var(--text);color:var(--background);transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.profile-container{grid-template-columns:var(--sidebar) 1fr;height:100dvh}.profile-container,.work{display:grid;overflow:hidden}.work{grid-template-columns:repeat(12,minmax(0,1fr));gap:12px;align-content:start;width:100%;height:100%;padding:24px 0;outline:none;overflow-y:auto;scrollbar-width:thin}.work .col-span-1{grid-column:span 1/span 1}.work .col-span-2{grid-column:span 2/span 2}.work .col-span-3{grid-column:span 3/span 3}.work .col-span-4{grid-column:span 4/span 4}.work .col-span-5{grid-column:span 5/span 5}.work .col-span-6{grid-column:span 6/span 6}.work .col-span-7{grid-column:span 7/span 7}.work .col-span-8{grid-column:span 8/span 8}.work .col-span-9{grid-column:span 9/span 9}.work .col-span-10{grid-column:span 10/span 10}.work .col-span-11{grid-column:span 11/span 11}.work .col-span-12{grid-column:span 12/span 12}.profile{width:var(--sidebar);height:100dvh;padding:26px 26px 30px;display:flex;flex-direction:column;justify-content:space-between;gap:48px;overflow-y:auto;scrollbar-width:thin}.profile-meta{display:flex;align-items:center;gap:12px;color:var(--muted);font:11px/1.5 var(--mono);white-space:nowrap}.avatar{display:grid;width:50px;height:50px;-webkit-mask-image:url(/dt.icon.svg);mask-image:url(/dt.icon.svg);background:linear-gradient(170deg,rgb(57 22 255) 7.5%,rgb(255 34 143) 92.5%);background:linear-gradient(170deg,#00f6ff 10%,#007388 75%)}.meta-dot{margin:0 5px;color:#666}.local-time{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}h1{margin:28px 0 0;font-family:Impact,Arial Narrow,sans-serif;font-size:92px;font-weight:400;line-height:1.04;text-transform:uppercase;letter-spacing:-1.5px}.name-dot{display:inline-block;width:.35ch;height:.35ch;border-radius:3px;margin:auto auto 0 .08ch;background:linear-gradient(170deg,#00f6ff 10%,#007388 75%)}.bio{font-size:16px;line-height:1.55;max-width:300px}.bio p{margin:0 0 19px}.bio p:last-child{margin-bottom:0}.contact{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-top:36px}.contact a{transition:color .2s}.contact a .title{font-size:var(--font-size-l);font-weight:var(--font-weight-semibold)}.contact a .description{color:rgb(var(--muted-foreground));font:12px/1.5 var(--mono)}.contact a:hover{color:var(--text)}.contact a .title>span[aria-hidden]{display:inline-block;margin-left:5px;transition:transform .18s ease}.contact a:hover span{transform:translate(3px,-3px)}.project{display:grid;align-items:center;width:100%;margin:0;border-radius:12px;background:rgb(25 25 25)}.project-media-frame,.project-media-frame .project-media-frame-layer{display:grid;width:100%;height:100%;margin:auto;border-radius:12px}.project-media-frame .project-media-frame-layer{grid-area:1/-1;position:relative;z-index:auto}.project-float{display:grid;grid-auto-flow:row;grid-gap:12px;line-height:1.55;width:80%;max-width:300px;margin:auto;font-size:var(--font-size-m);font-weight:var(--font-weight-bold)}.project-float h2,.project-float h4,.project-float p{margin:0}.project img,.project video{display:block;width:100%;height:auto;border-radius:12px;transition:transform .6s ease}.project figcaption{position:absolute;inset:auto 0 0;padding:38px 24px 20px;display:flex;flex-direction:column;gap:4px;background:linear-gradient(transparent,#000c);color:white;font-size:14px;line-height:1.3;opacity:0;transition:opacity .25s;pointer-events:none}.project figcaption span:last-child{font-size:11px;opacity:.7}@media (min-width:1600px){:root{--sidebar:390px}.profile{padding:32px}h1{font-size:100px}.work{padding-top:32px;padding-right:24px}}@media (max-width:800px){.profile{position:static;width:auto;height:auto;padding:26px 24px 36px;gap:32px;overflow:visible}.profile-meta{font-size:11px}h1{font-size:clamp(42px,12.4vw,100px);letter-spacing:-1px;white-space:nowrap;margin-top:24px}.desktop-break{display:none}.bio{max-width:560px}.contact{margin-top:26px}.work{margin-left:0;padding:0 12px;gap:10px}}.project__content{display:grid;grid-auto-flow:row;grid-gap:12px;line-height:1.55;width:80%;max-width:460px;margin:auto;font-size:var(--font-size-m);font-weight:var(--font-weight-bold)}.project[data-name=hoopdex-platform] .project__content{padding:36px;width:unset}.project__eyebrow{color:var(--accent);font-size:var(--font-size-xxs);font-weight:var(--font-weight-semibold);letter-spacing:.12em;text-transform:uppercase}.project__title{margin:0;color:#f7f7f7;font-size:clamp(2.25rem,5vw,5rem);font-weight:500;line-height:.98;letter-spacing:-.055em}.project__title span{color:#aaa}.project__description{color:#b8b8b8;margin:0;font-size:1.05rem;line-height:1.65;line-height:1.55;font-size:var(--font-size-m);font-weight:var(--font-weight-normal)}.project__technologies{display:flex;flex-wrap:wrap;gap:.55rem}.project__technologies span{display:inline-grid;align-items:center;height:fit-content;padding:6px 9px;background:rgb(255 255 255/.4);background:#202020;border-radius:3px;border:1px solid rgb(var(--muted-foreground)/.25);color:rgb(var(--muted-foreground));font-size:var(--font-size-xxs);font-weight:var(--font-weight-normal);font-family:var(--mono)}.project__link{display:inline-flex;align-items:center;gap:.6rem;color:#fff;font-weight:600;text-decoration:none}.project__link span{color:var(--accent);transition:transform .18s ease}.project__link:hover span{transform:translate(3px,-3px)}.project[data-name=hoopdex-platform]{--accent:#f36b0b;background-image:linear-gradient(rgb(255 255 255/.05) 1px,transparent 0),linear-gradient(90deg,rgb(255 255 255/.05) 1px,transparent 0);background-size:16px 16px;background-position:8px 8px}.project[data-name=hoopdex-admin],.project[data-name=hoopdex-mobile]{background-color:#bc4e17;background-image:radial-gradient(ellipse at 12% 8%,rgba(255,183,92,.65) 0,transparent 48%),radial-gradient(ellipse at 90% 35%,rgba(255,115,30,.75) 0,transparent 52%),radial-gradient(ellipse at 35% 100%,rgba(104,35,16,.6) 0,transparent 58%),linear-gradient(125deg,transparent 25%,rgba(255,219,171,.12) 45%,transparent 65%),linear-gradient(135deg,#e2610f,#bc4e17 55%,#943b19)}.project[data-name=hoopdex-admin]{aspect-ratio:16/9}.project[data-name=hoopdex-admin] .project-media-frame,.project[data-name=itelebill-sms-payment] .project-media-frame{display:grid;width:80%;max-width:1280px;height:fit-content;padding:10px;background:rgb(255 255 255/.5);border-radius:12px}.project[data-name=hoopdex-admin] img,.project[data-name=itelebill-sms-payment] video{border-radius:7px}.project[data-name=hoopdex-logo]{background:#191919}.project[data-name=itelebill-sms-payment]{aspect-ratio:16/9;background:#187dce}.project[data-name=itelebill-sms-payment] .project-media-frame{max-width:560px}@media (min-width:480px){.desktop-aspectratio-16x9{aspect-ratio:16/9}}@media (max-width:480px){.mobile-aspectratio-1x1{aspect-ratio:1/1}.profile-container{display:grid;grid-template-columns:1fr;height:auto;overflow:unset}.name-dot{border-radius:1px}.work{grid-template-columns:1fr;padding:0 8px;gap:8px}.work .col-span-1,.work .col-span-10,.work .col-span-11,.work .col-span-12,.work .col-span-2,.work .col-span-3,.work .col-span-4,.work .col-span-5,.work .col-span-6,.work .col-span-7,.work .col-span-8,.work .col-span-9{grid-column:unset}.project,.project img,.project video{border-radius:8px}.project[data-name=itelebill-sms-payment]{aspect-ratio:1/1}.project[data-name=itelebill-sms-payment] video{border-width:6px}.bio{font-size:16px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{transition:none!important}}