@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap";@font-face{font-family:VT323;font-style:normal;font-display:swap;font-weight:400;src:url(https://cdn.jsdelivr.net/fontsource/fonts/vt323@latest/latin-400-normal.woff2) format("woff2"),url(https://cdn.jsdelivr.net/fontsource/fonts/vt323@latest/latin-400-normal.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{font-family:system-ui,Avenir,Helvetica,Arial,Montserrat,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#fff;text-decoration:inherit}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1d1d1dd6;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--bg: #0b0f14;--panel: #0f1722;--panel-2: #101b28;--text: #e7edf6;--muted: #a8b3c5;--border: rgba(255, 255, 255, .08);--border-2: rgba(255, 255, 255, .14);--shadow: 0 10px 30px rgba(0, 0, 0, .35);--radius: 18px;--radius-sm: 12px;--focus: 0 0 0 3px rgba(125, 211, 252, .35)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Helvetica,Montserrat,Roboto,Arial,"Apple Color Emoji","Segoe UI Emoji";background:radial-gradient(1000px 800px at 20% 0%,rgba(56,189,248,.1),transparent 55%),radial-gradient(900px 700px at 90% 20%,rgba(168,85,247,.1),transparent 55%),var(--bg);color:var(--text);justify-content:center}button{font:inherit;color:inherit}button:focus-visible,[role=button]:focus-visible{outline:none}.about-media{height:250px;border-radius:20px}.about-meta{padding:18px 18px 20px;border-top:1px solid var(--border);margin-top:5%}.about-name{font-weight:700;letter-spacing:-.01em;margin-bottom:6px;font-family:Montserrat}.about-role{color:var(--muted);font-size:14px;font-family:Roboto,sans-serif;white-space:pre-line}.allContainer{width:100%;display:flex;justify-content:center;flex-direction:column;align-items:center}.app-shell{min-height:100vh;display:grid;grid-template-columns:1.7fr 1fr;grid-template-rows:auto 1fr;padding:28px}.assetThumb{height:150px}.otherAssets-grid.assets-grid--twocol{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;justify-content:unset}.otherAssets-grid.assets-grid--twoCol .itemGrouper{min-width:0;width:auto}.aside{display:flex;align-items:flex-start;justify-content:flex-end;padding-top:8px}.backPanel{display:flex;padding:1% 1% 0;position:sticky;top:0;background:radial-gradient(1000px 800px at 20% 0%,rgba(56,189,248,.1),transparent 55%),radial-gradient(900px 700px at 90% 20%,rgba(168,85,247,.1),transparent 55%),#0b0f14db;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);font-family:Montserrat}.brand{font-family:Roboto,sans-serif;display:flex;justify-content:center;width:250px;padding:10px 14px;font-size:1.2em}.caseStudy-body{border-top:1px solid #7dd3fc59;margin-top:10px}.caseStudy-section{margin-bottom:10px}.cert-content{display:flex;flex-direction:column;padding:0 4%}.certImg{height:550px}.certInfo{display:flex;flex-direction:column;padding:2%;width:30%}.certLI{display:flex;width:100%;justify-content:center;padding:0 2% 2%}.contactDropdown{position:absolute;display:flex;flex-direction:column;right:35px;top:80px;border:1px #7dd3fc59 solid;font-family:Montserrat;border-radius:7px;background:radial-gradient(1000px 800px at 20% 0%,rgba(56,189,248,.1),transparent 55%),radial-gradient(900px 700px at 90% 20%,rgba(168,85,247,.1),transparent 55%),#0b0f14ba}.contactDropdownItem{font-weight:500;color:#fff;text-decoration:inherit;cursor:pointer;padding:5px}.contactDropdownItem:hover{border-radius:inherit;background:radial-gradient(1000px 800px at 20% 0%,rgba(56,189,248,.1),transparent 55%),radial-gradient(900px 700px at 90% 20%,rgba(168,85,247,.1),transparent 55%),#243b58db}.copiedTag{position:absolute;left:100%;width:150px;margin-left:10px;color:#fff;top:25%;opacity:0;transform:translateY(-50%) translate(40px);transition:opacity .3s ease,transform .5s ease;pointer-events:none}.copiedTag.is-visible{opacity:1;transform:translateY(-50%) translate(0)}.csBackPanel{display:flex;flex-direction:column;padding:1% 1% 0;position:sticky;top:0;background:radial-gradient(1000px 800px at 20% 0%,rgba(56,189,248,.1),transparent 55%),radial-gradient(900px 700px at 90% 20%,rgba(168,85,247,.1),transparent 55%),#0b0f14db;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);font-family:Montserrat}.csModal-content{display:flex;width:100%;padding:0 5%;font-family:Roboto,sans-serif;margin-top:15px}.description{margin:0}.hero{padding:26px;border:1px solid var(--border);background:linear-gradient(180deg,#ffffff0a,#ffffff05);border-radius:var(--radius);box-shadow:var(--shadow)}.hero-title{margin:0 0 10px;font-size:clamp(28px,3vw,35px);font-family:Montserrat}.hero-subtitle{margin:0;color:var(--muted);max-width:56ch;font-size:16px;line-height:1.6;font-family:Roboto,sans-serif}.infoSection{width:100%}.itemGrouper{padding:10px}.itemGrouper--assets:nth-child(2n){padding:10px;display:flex;flex-direction:column;align-items:flex-end}.lowerBackPanel{display:flex;justify-content:center}.main{display:flex;flex-direction:column;gap:22px;padding-top:8px}.mainLabel{margin:0;font-size:1.1em}.mockupsGrid{display:grid;grid-template-columns:repeat(var(--cols, 4),minmax(0,1fr));gap:24px;align-items:start}.mockupsCell{border-radius:14px;overflow:hidden}.mockupsImg{width:100%;height:auto;display:block}.mockupsGrid>.itemGrouper{width:auto;min-width:0}.modal-backdrop{position:fixed;inset:0;display:flex;place-items:center;justify-content:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000038}.modal-close{background:none;border-radius:50px;height:50px;width:50px}.modal-content{display:flex;padding:0 10%;font-family:Roboto,sans-serif}.modal-h3{font-size:1.2em;font-weight:600}.modal-header{padding-left:15px}.modal-list{display:flex;flex-direction:column;justify-content:center;margin:0}.modal-list-item{display:flex;align-items:flex-start;flex-direction:column}#modal-root{position:relative;z-index:9999}.modal-panel{overflow:auto;background:#1d1d1d9e;width:70%;height:80%;background:radial-gradient(1000px 800px at 20% 0%,rgba(56,189,248,.1),transparent 55%),radial-gradient(900px 700px at 90% 20%,rgba(168,85,247,.1),transparent 55%),#0b0f14db;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid #7dd3fc59;border-radius:30px}.modal-section .modal-list>li:has(.resume-item){list-style:none}.modal-tabs{display:flex;gap:3px;padding:10px 16px 0}.modal-tab{border:1px solid rgba(255,255,255,.25);border-bottom:none;padding:10px 16px;border-radius:12px 12px 0 0;background:#0a141e59;color:#fff;cursor:pointer}.modal-tab.is-active{background:#233649bf;border-color:#646cff}.myName{margin:0}.navbar{grid-column:1 / -1;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav{display:flex;align-items:center;justify-content:center;padding:14px 8px}.nav-button{font-family:Montserrat,sans-serif;width:250px;height:100%;display:flex;justify-content:center;align-items:center;padding:10px 14px;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.nav-button:hover,.nav-button.is-open{font-size:1.1em;border-color:var(--border-2)}.nav-button:focus-visible{font-size:1.1em}.nav-left,.nav-right{display:flex;align-items:center;height:85px}.otherAssets-grid{display:flex;flex-direction:column;justify-content:center}.otherAssets-group{display:flex;flex-direction:column;border:1px solid #646cff45;border-radius:15px;background:radial-gradient(1000px 800px at 20% 0%,rgba(56,189,248,.1),transparent 55%),radial-gradient(900px 700px at 90% 20%,rgba(168,85,247,.1),transparent 55%),#0b0f142e;margin-bottom:10px;padding:15px;width:70%}.otherAssets-group-title{font-size:1.2em}.pinned-heading{width:85%;padding:1%}.portrait-card{width:min(420px,100%);border-radius:var(--radius);border:1px solid var(--border);background:#ffffff05;overflow:hidden;box-shadow:var(--shadow)}.portrait-media{height:500px;border-radius:10px;background:radial-gradient(800px 400px at 40% 20%,rgba(56,189,248,.18),transparent 60%),radial-gradient(600px 380px at 70% 55%,rgba(168,85,247,.14),transparent 62%),#ffffff08}.portrait-meta{padding:18px 18px 20px;border-top:1px solid var(--border)}.portrait-name{font-weight:700;letter-spacing:-.01em;margin-bottom:6px;font-family:Montserrat}.portrait-role{color:var(--muted);font-size:14px;font-family:Roboto,sans-serif}.products-grid,.otherAssets-grid{display:flex;justify-content:center}.products-group{display:flex;flex-direction:column;border:1px solid #646cff45;border-radius:15px;background:radial-gradient(1000px 800px at 20% 0%,rgba(56,189,248,.1),transparent 55%),radial-gradient(900px 700px at 90% 20%,rgba(168,85,247,.1),transparent 55%),#0b0f142e;margin-bottom:10px;padding:15px;width:60%}.products-group-title{width:14%}.products-thumb,.otherAssets-thumb{height:300px;transition:box-shadow .2s ease-in-out;border-radius:10px;margin:1%}.products-thumb:hover{box-shadow:1px 4px 15px #4fd1ffad}.resume-section[open] .resume-caret{transform:rotate(90deg);margin-bottom:15px}.resume-section{margin-bottom:15px}.resume-bullet-group{list-style:none}.resume-bullet-group--bulleted{list-style:circle}.resume-job{padding:5px;list-style:none}.resume-position{font-style:italic}.rightDiv{padding:2% 0 2% 2%}.selected-work{padding:22px;border:1px solid var(--border);background:#ffffff05;border-radius:var(--radius)}.section-title{margin:0 0 14px;font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.tabpanel{width:100%}.titlePanel{display:flex}.work-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px}.work-list-item{margin:0}.work-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px;border-radius:var(--radius-sm);border:1px solid var(--border);background:linear-gradient(180deg,#ffffff08,#ffffff04);cursor:pointer;transition:transform .17s ease,border-color .17s ease,background .17s ease}.work-card:hover,.work-card:focus-visible{transform:translateY(-2px);border-color:#7dd3fc59;background:linear-gradient(180deg,#7dd3fc14,#ffffff05)}.work-card-text{display:flex;flex-direction:column;gap:6px;min-width:0}.work-card-title{font-weight:650;letter-spacing:-.01em;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Montserrat}.work-card-subtitle{color:var(--muted);font-size:14px;font-family:Roboto,sans-serif}.work-card-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.work-card-button{border:1px solid var(--border);background:#ffffff0a;padding:10px 12px;border-radius:999px;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease;font-family:Roboto,sans-serif;font-size:.75em}.work-card-button:hover{transform:translateY(-1px);color:#fff;border-color:#7dd4fc67}.zippyDiv{padding:1%}.contactSheetBackdrop{position:fixed;inset:0;display:flex;place-items:center;justify-content:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000038}.contactSheet{width:30%;height:50%;border-radius:18px;border:1px solid #7dd4fc67;background:#0a1218b8;box-shadow:0 20px 60px #00000073;overflow:hidden;display:flex;flex-direction:column}.contactSheetHeader{display:flex;align-items:center;justify-content:space-between;padding:14px 14px 10px}.contactSheetTitle{font-size:20px;font-weight:700;color:#ffffffeb}.contactSheetBody{padding:0 14px 14px;overflow:auto}.contactSheetIntro{margin:0 0 12px;color:#ffffffb8;font-size:13px;line-height:1.4}.contactSheetForm{display:grid;gap:10px}.contactSheetRow{display:flex;flex-direction:column;grid-template-columns:1fr 1fr;gap:10px}.methods{display:flex;gap:10px}.contactInput{width:100%;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#fcfcfc33;color:#ffffffeb;padding:10px 12px;outline:none}.contactInput::placeholder{color:#ffffff73}.contactInput:focus{border-color:#646cff}.contactTextarea{resize:vertical;min-height:120px}.contactSend{width:20%;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#78a0ff33;color:#ffffffeb;padding:10px 12px;cursor:pointer}.contactOk{color:#8cffb4e6;font-size:13px}.contactErr{color:#ff8c8cf2;font-size:13px}.hpField{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.subButton{display:flex;justify-content:flex-end}@media(max-width:720px){.contactSheetBackdrop{justify-content:center;padding:10px}.contactSheetRow{grid-template-columns:1fr}}@media(max-width:720px){.contactModal{justify-content:center;padding:10px}.contactContent{width:100%;border-radius:16px}}@media(max-width:980px){.app-shell{grid-template-columns:1fr}.portrait-card{width:100%}.portrait-media{height:260px}}