@font-face{font-family:gomarice;src:url(/assets/gomarice_rockin_record-0859d35d.ttf)}@font-face{font-family:quicksand;src:url(/assets/quicksand_variable_weight-06927fae.ttf)}@font-face{font-family:simplymonobook;src:url(/assets/SimplyMono-Book-c29cde06.ttf)}#root{--page: #0d0e11;--page-soft: #17191f;--ink: #f7f3ea;--muted: #bbb4a8;--line: rgba(255, 255, 255, .12);--default-border-radius: 1rem;box-sizing:border-box;width:100%;display:flex;justify-content:center}*{box-sizing:border-box}.portfolio-shell{width:min(100%,1220px);min-height:100vh;padding:1rem clamp(1rem,4vw,2.25rem) 4rem;color:var(--ink)}.site-header{position:sticky;top:.75rem;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0;padding:.85rem 0;background:transparent;border:1px solid transparent;border-radius:1rem;transition:padding .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}.site-header--scrolled{padding:.85rem 1rem;border-color:var(--line);background:linear-gradient(180deg,rgba(13,14,17,.94),rgba(13,14,17,.76));box-shadow:0 18px 40px #00000047;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand,.social-link,.project-link,.game-banner__link{color:inherit;text-decoration:none}.brand{display:inline-flex;align-items:center;gap:.7rem;font-family:quicksand,system-ui,sans-serif;font-weight:800;letter-spacing:0}.brand__mark{display:grid;width:2.45rem;height:2.45rem;place-items:center;border:1px solid var(--line);border-radius:.75rem;background:linear-gradient(135deg,#f45b69,#2ec4b6 58%,#fff275);color:#111216;font-size:.85rem;box-shadow:0 16px 32px #00000052}.social-links{display:flex;align-items:center;gap:.6rem}.social-link{display:inline-flex;align-items:center;gap:.45rem;min-height:2.4rem;padding:0 .85rem;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.06);color:#ffffffdb;font-size:.92rem;font-weight:700;transition:background .18s ease,border-color .18s ease,transform .18s ease}.social-link:hover{border-color:#ffffff47;background:rgba(255,255,255,.11);transform:translateY(-1px)}.social-link img{display:block}.hero{display:grid;gap:1.05rem;padding:clamp(2.4rem,5vw,4.2rem) 0 clamp(1.4rem,3vw,2.25rem)}.hero__eyebrow{margin:0;color:#73d2de;font-family:quicksand,system-ui,sans-serif;font-size:.8rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.hero h1{max-width:850px;margin:0;font-family:quicksand,system-ui,sans-serif;font-size:clamp(3rem,6.35vw,5.35rem);font-weight:900;line-height:.96;letter-spacing:0}.hero__copy{max-width:720px;margin:0;color:var(--muted);font-size:clamp(1.02rem,2vw,1.28rem)}.project-list{display:grid;gap:clamp(1rem,3vw,1.55rem)}.project-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:1.35rem;background:rgba(255,255,255,.045);box-shadow:0 24px 70px #00000057}.project-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at top left,var(--accent-glow),transparent 36%);opacity:.9}.project-card--livewave{--accent: #f45b69;--accent-2: #5f4bb6;--accent-glow: rgba(244, 91, 105, .34)}.project-card--tilino{--accent: #2b7d63;--accent-2: #0cd3f5;--accent-glow: rgba(12, 211, 245, .28)}.project-card--onestep{--accent: #e36249;--accent-2: #d32200;--accent-glow: rgba(227, 98, 73, .3)}.project-card--bookshelf{--accent: #f6bd60;--accent-2: #84a59d;--accent-glow: rgba(246, 189, 96, .28)}.project-card--nardom{--accent: #ffe066;--accent-2: #0077b6;--accent-glow: rgba(255, 224, 102, .26)}.project-card--motes{--accent: #99d98c;--accent-2: #1a936f;--accent-glow: rgba(153, 217, 140, .3)}.project-card--numa{--accent: #2ec4b6;--accent-2: #e71d36;--accent-glow: rgba(46, 196, 182, .3)}.project-card--games{--accent: #ff9f1c;--accent-2: #e71d36;--accent-glow: rgba(255, 159, 28, .32)}.project-card--sfagent{--accent: #b8f2e6;--accent-2: #00bbf9;--accent-glow: rgba(184, 242, 230, .2)}.project-card--terminal{--accent: #8aff80;--accent-2: #30bced;--accent-glow: rgba(138, 255, 128, .22)}.project-cycle{position:relative;width:100%;height:22rem;overflow:hidden;isolation:isolate}.project-cycle--mini{height:38rem}.cycle-stack{position:absolute;inset:0 auto auto 0;height:100%;overflow:hidden;border-radius:inherit}.project-title-panel{position:absolute;inset:0 auto 0 0;z-index:5;width:21rem;overflow:hidden;border-radius:inherit;box-shadow:14px 0 28px #00000042}.project-title-panel--mini{inset:0 0 auto 0;width:100%;height:19rem;box-shadow:0 14px 28px #00000038}.image-slide-inner{position:absolute;top:0;overflow:hidden;width:30rem;height:22rem;border-radius:1.25rem;background:#15171c;box-shadow:14px 0 28px #0000003d,0 18px 38px #00000038;transition:translate .52s cubic-bezier(.2,.84,.23,1),filter .22s ease}.image-slide-inner:hover{filter:saturate(1.06) contrast(1.02)}.project-cycle--mini .image-slide-inner{height:19rem;border-top-right-radius:0}.image-banner,.game-banner,.app-screenshot-banner{width:100%;height:100%;background-color:#1a1d24}.image-banner,.game-banner{background-size:cover;background-repeat:no-repeat}.image-banner{position:relative}.image-banner:after,.game-banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.28),transparent 26%,rgba(0,0,0,.18))}.game-banner{position:relative;background-position:center}.app-screenshot-banner{position:relative;display:grid;place-items:center;overflow:hidden;padding:clamp(.9rem,2vw,1.45rem);background:radial-gradient(circle at 76% 24%,rgba(241,91,181,.26),transparent 16rem),radial-gradient(circle at 25% 76%,rgba(123,223,242,.22),transparent 14rem),linear-gradient(135deg,#101522,#17101f 58%,#0c111b)}.app-screenshot-banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:2.4rem 2.4rem;-webkit-mask-image:linear-gradient(90deg,transparent,black 18%,black 82%,transparent);mask-image:linear-gradient(90deg,transparent,black 18%,black 82%,transparent)}.app-screenshot-banner img{position:relative;z-index:1;display:block;width:auto;max-width:min(100%,70rem);height:auto;max-height:calc(100% - .1rem);border:1px solid rgba(255,255,255,.16);border-radius:.9rem;box-shadow:0 18px 44px #00000061;-o-object-fit:contain;object-fit:contain}.phone-preview-banner{--phone-pop-1: rgba(12, 211, 245, .26);--phone-pop-2: rgba(43, 125, 99, .26);--phone-bg-1: #0d1c19;--phone-bg-2: #102733;--phone-bg-3: #081116;position:relative;display:grid;height:100%;align-items:start;justify-items:center;overflow:hidden;padding:0 clamp(.55rem,1.4vw,.9rem) clamp(.45rem,1.2vw,.75rem);background:radial-gradient(circle at 76% 24%,var(--phone-pop-1),transparent 16rem),radial-gradient(circle at 25% 76%,var(--phone-pop-2),transparent 14rem),linear-gradient(135deg,var(--phone-bg-1),var(--phone-bg-2) 58%,var(--phone-bg-3))}.phone-preview-banner--onestep{--phone-pop-1: rgba(227, 98, 73, .3);--phone-pop-2: rgba(211, 34, 0, .24);--phone-bg-1: #1c100d;--phone-bg-2: #26100b;--phone-bg-3: #120807}.phone-preview-banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:2.4rem 2.4rem;-webkit-mask-image:linear-gradient(90deg,transparent,black 18%,black 82%,transparent);mask-image:linear-gradient(90deg,transparent,black 18%,black 82%,transparent)}.phone-preview-banner__label{position:absolute;top:1rem;right:1rem;z-index:2;padding:.42rem .7rem;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(12,17,27,.7);color:#ffffffd1;font-size:.78rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.phone-preview-banner__phones{position:relative;z-index:1;display:flex;width:min(100%,48rem);height:calc(100% + 5.2rem);align-items:flex-start;justify-content:center;gap:clamp(.45rem,1.6vw,.9rem);translate:0 -2.25rem}.phone-frame{display:grid;height:min(41.6rem,205%);aspect-ratio:9 / 20;place-items:center;overflow:hidden;border:.42rem solid #090b12;border-radius:1.35rem;background:#090b12;box-shadow:0 20px 46px #0000006b}.phone-frame img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.game-banner__title{position:absolute;top:1rem;right:1rem;z-index:1;max-width:calc(100% - 2rem);padding:.45rem .8rem;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(13,14,17,.72);color:#fff;font-family:quicksand,system-ui,sans-serif;font-size:.95rem;font-weight:850;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.game-banner__link{position:absolute;right:1rem;bottom:1rem;z-index:1;display:inline-flex;align-items:center;min-height:2.55rem;padding:0 1.1rem;border-radius:999px;background:white;color:#111216;font-weight:850;box-shadow:0 16px 38px #0000005c}.repo-banner{position:relative;display:grid;height:100%;grid-template-rows:auto 1fr;overflow:hidden;background:linear-gradient(135deg,rgba(255,255,255,.12),transparent 42%),radial-gradient(circle at 78% 28%,var(--repo-pop),transparent 18rem),linear-gradient(135deg,var(--repo-bg),#101319)}.repo-banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:2.6rem 2.6rem;-webkit-mask-image:linear-gradient(90deg,transparent,black 18%,black 82%,transparent);mask-image:linear-gradient(90deg,transparent,black 18%,black 82%,transparent)}.repo-banner--bookshelf{--repo-bg: #273043;--repo-pop: rgba(246, 189, 96, .42)}.repo-banner--sfagent{--repo-bg: #101820;--repo-pop: rgba(0, 187, 249, .34)}.repo-banner__chrome{position:relative;z-index:1;display:flex;gap:.42rem;padding:1rem 1.2rem;border-bottom:1px solid rgba(255,255,255,.1);background:rgba(7,8,11,.36)}.repo-banner__chrome span{display:block;width:.68rem;height:.68rem;border-radius:999px;background:rgba(255,255,255,.4)}.repo-banner__chrome span:nth-child(1){background:#ff6b6b}.repo-banner__chrome span:nth-child(2){background:#ffd166}.repo-banner__chrome span:nth-child(3){background:#06d6a0}.repo-banner__body{position:relative;z-index:1;display:flex;height:100%;flex-direction:column;justify-content:space-between;gap:1.4rem;padding:clamp(1.4rem,4vw,2rem) clamp(1.4rem,4vw,2rem) clamp(1.4rem,4vw,2rem) clamp(3.8rem,9vw,7rem)}.repo-banner__body p{margin:0 0 .5rem;color:#ffffffad;font-size:.83rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.repo-banner__body h3{max-width:12ch;margin:0;color:#fff;font-family:quicksand,system-ui,sans-serif;font-size:clamp(3rem,7vw,5rem);font-weight:950;line-height:.9;letter-spacing:0}.repo-banner--sfagent .repo-banner__body h3{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:clamp(2.8rem,6vw,4.4rem)}.repo-banner__detail-grid{display:flex;flex-wrap:wrap;gap:.55rem}.repo-banner__detail-grid span{display:inline-flex;align-items:center;min-height:2.2rem;padding:0 .8rem;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.09);color:#ffffffdb;font-size:.9rem;font-weight:800}.project-info{display:flex;height:100%;flex-direction:column;justify-content:space-between;gap:1rem;padding:1.55rem;background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.04)),linear-gradient(135deg,color-mix(in srgb,var(--accent) 30%,#111216),color-mix(in srgb,var(--accent-2) 38%,#111216));color:#fff}.project-info__eyebrow{color:#ffffffb8;font-family:quicksand,system-ui,sans-serif;font-size:.76rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.project-info h2{margin:.2rem 0 0;overflow-wrap:anywhere;font-size:clamp(2.45rem,5vw,4rem);line-height:.9;letter-spacing:0}.project-info p{margin:0;color:#ffffffc7;font-size:.98rem;line-height:1.55}.project-link{display:inline-flex;width:-moz-fit-content;width:fit-content;align-items:center;min-height:2.65rem;padding:0 1rem;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.12);color:#fff;font-weight:850;transition:background .18s ease,transform .18s ease}.project-link:hover{background:rgba(255,255,255,.2);transform:translateY(-1px)}.project-link--muted{color:#ffffffb8}.font-quicksand{font-family:quicksand,system-ui,sans-serif;font-weight:950}.project-info h2.title-livewave{font-size:clamp(2.25rem,4.2vw,3.35rem)}.project-info h2.title-tilino,.project-info h2.title-onestep,.project-info h2.title-bookshelf{font-size:clamp(2.2rem,4.25vw,3.35rem)}.project-info h2.title-sfagent{font-size:clamp(2.1rem,4vw,3rem)}.font-gomarice{font-family:gomarice,quicksand,system-ui,sans-serif;font-weight:700}.font-simply{font-family:simplymonobook,ui-monospace,monospace}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}@media (max-width: 749px){.portfolio-shell{padding-inline:.85rem}.site-header{position:static;flex-direction:column;align-items:stretch;margin:0}.site-header--scrolled{padding:.85rem 0;border-color:transparent;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.brand,.social-links{justify-content:center}.social-link{flex:1;justify-content:center}.hero{padding-top:2.4rem}.hero h1{font-size:clamp(2.8rem,14vw,4.25rem)}.project-card{border-radius:1.15rem}.project-info{padding:1.35rem}.project-info h2{font-size:clamp(2.3rem,12vw,3.55rem)}.project-info h2.title-livewave{font-size:clamp(2.05rem,10vw,3rem)}.project-info h2.title-tilino,.project-info h2.title-onestep,.project-info h2.title-bookshelf{font-size:clamp(2.05rem,9.5vw,2.95rem)}.project-info h2.title-sfagent{font-size:clamp(1.95rem,8.8vw,2.75rem)}.phone-preview-banner{padding:0 .45rem .45rem}.phone-preview-banner__phones{height:calc(100% + 3.4rem);gap:.45rem;translate:0 -1.75rem}.phone-frame{height:min(28.6rem,179%);border-width:.34rem;border-radius:1.1rem}}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.contents{display:contents}.resize{resize:both}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}:root{color-scheme:dark;color:#ffffffe6;background:linear-gradient(135deg,rgba(244,91,105,.16),transparent 24rem),linear-gradient(225deg,rgba(46,196,182,.14),transparent 28rem),#0d0e11;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;font-weight:400;line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}html{min-width:320px;scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}button,a{font:inherit}