@charset "UTF-8";@font-face{font-family:Segment A;src:url(/assets/fonts/SegmentAKeyTrial-Bold.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Segment A;src:url(/assets/fonts/SegmentAKeyTrial-Black.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Segment A;src:url(/assets/fonts/SegmentAKeyTrial-Regular.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}:root{--font-display: "Segment A", ui-sans-serif, system-ui, sans-serif;--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif}html,body{font-family:var(--font-sans)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display)}button,input,textarea,select,label{font-family:var(--font-sans)}:root{--c-black: #0b0b0e;--c-white: #ffffff;--c-pink: #f6b6c1;--c-gray-50: #f8f8fb;--c-gray-100: #f1f2f6;--c-gray-200: #e2e4ec;--c-gray-300: #c9cdd9;--c-gray-400: #a7adbd;--c-gray-500: #7d8599;--c-gray-600: #5b6273;--c-gray-700: #3f4553;--c-gray-800: #242834;--c-gray-900: #141723;--c-bg: var(--c-black);--c-surface: rgba(255, 255, 255, .04);--c-surface-2: rgba(255, 255, 255, .07);--c-border: rgba(255, 255, 255, .1);--c-text: rgba(255, 255, 255, .92);--c-text-muted: rgba(255, 255, 255, .7);--c-accent: var(--c-pink);--c-focus: rgba(246, 182, 193, .55)}:root{--fs-12: .75rem;--fs-14: .875rem;--fs-16: 1rem;--fs-18: 1.125rem;--fs-20: 1.25rem;--fs-24: 1.5rem;--fs-h1: clamp(2.6rem, 6vw, 4.2rem);--fs-h2: clamp(1.9rem, 3.5vw, 2.8rem);--fs-h3: clamp(1.4rem, 2.2vw, 1.9rem);--lh-tight: 1.05;--lh-normal: 1.5;--lh-relaxed: 1.7;--ls-tight: -.015em;--ls-normal: 0;--ls-wide: .06em}:root{--sp-0: 0;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.25rem;--sp-6: 1.5rem;--sp-8: 2rem;--sp-10: 2.5rem;--sp-12: 3rem;--sp-16: 4rem;--sp-20: 5rem;--sp-24: 6rem}:root{--r-0: 0;--r-8: .5rem;--r-12: .75rem;--r-16: 1rem;--r-24: 1.5rem;--r-pill: 999px}:root{--sh-1: 0 1px 10px rgba(0, 0, 0, .35);--sh-2: 0 10px 30px rgba(0, 0, 0, .45);--sh-3: 0 20px 60px rgba(0, 0, 0, .55);--glow-accent: 0 0 0 3px var(--c-focus), 0 0 40px rgba(246, 182, 193, .18)}:root{--container: 72rem;--gutter: var(--sp-6);--section-pad-y: clamp(3rem, 6vw, 6rem)}:root{--ease: cubic-bezier(.2, .8, .2, 1);--dur-1: .16s;--dur-2: .24s;--dur-3: .42s}*,*:before,*:after{box-sizing:border-box}html{color-scheme:dark;scroll-behavior:smooth}body{margin:0;min-height:100dvh;background:var(--c-bg);color:var(--c-text);font-family:var(--font-sans);font-size:var(--fs-16);line-height:var(--lh-normal);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-y:auto;overflow-x:hidden}img,svg,video{max-width:100%;display:block}a{color:inherit;text-decoration:none;transition:color var(--dur-2) var(--ease),opacity var(--dur-2) var(--ease)}a:hover{color:var(--c-accent)}a:focus-visible{outline:none;box-shadow:var(--glow-accent);border-radius:var(--r-8)}h1,h2,h3{margin:0 0 var(--sp-4);font-family:var(--font-display);letter-spacing:var(--ls-tight);line-height:var(--lh-tight)}h1{font-size:var(--fs-h1)}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3)}p{margin:0 0 var(--sp-4);color:var(--c-text-muted);line-height:var(--lh-relaxed)}button,.button{appearance:none;border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text);border-radius:var(--r-pill);padding:.75rem 1.1rem;font:inherit;cursor:pointer;transition:transform var(--dur-2) var(--ease),background var(--dur-2) var(--ease),border-color var(--dur-2) var(--ease),box-shadow var(--dur-2) var(--ease),color var(--dur-2) var(--ease),opacity var(--dur-2) var(--ease)}button:hover,.button:hover{background:var(--c-surface-2);border-color:#f6b6c159;transform:translateY(-1px)}button:active,.button:active{transform:translateY(0);opacity:.95}button:focus-visible,.button:focus-visible{outline:none;box-shadow:var(--glow-accent)}button:disabled,.button:disabled{opacity:.5;cursor:not-allowed}.button--primary{background:#f6b6c129;border-color:#f6b6c173}.button--primary:hover{background:#f6b6c138}section,.section{padding-block:var(--section-pad-y)}.container{width:min(var(--container),100% - var(--gutter) * 2);margin-inline:auto}.surface{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-24);box-shadow:var(--sh-1);padding:var(--sp-6)}.h-scroll{display:flex;flex-direction:row;height:100dvh;min-height:100dvh;will-change:transform;transform:translateZ(0)}.h-scroll>section{width:100vw;height:100dvh;min-height:100dvh;flex:0 0 100vw;overflow:hidden;padding-block:0}.desktop-only{display:block}.mobile-only{display:none}@media(max-width:1023px){body{overflow-y:auto!important;overflow-x:hidden;height:auto!important;min-height:100dvh}.h-scroll{display:block!important;width:100%!important;height:auto!important;transform:none!important;will-change:auto!important}.h-scroll>section{width:100%!important;height:auto!important;min-height:100dvh;flex:none!important}}html{scrollbar-width:thin;scrollbar-color:rgba(246,182,193,.5) rgba(11,11,14,.2)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#0b0b0e4d;border-radius:10px;margin-block:4px}::-webkit-scrollbar-thumb{background:#f6b6c180;border-radius:10px;border:3px solid rgba(11,11,14,.95);background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#f6b6c1cc;border-width:2px}::-webkit-scrollbar-track:hover{background:#0b0b0e80}app-root{display:block;width:100%;height:100%}@media(max-width:1023px){body.project-modal-open app-nav,body.project-modal-open app-navbar,body.project-modal-open .dc-nav,body.project-modal-open nav{opacity:0!important;visibility:hidden!important;pointer-events:none!important}}@media(max-width:1023px){body{background:#07070a}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(300px 280px at 8% 6%,rgba(246,182,193,.22),transparent 72%),radial-gradient(180px 200px at 92% 12%,rgba(255,255,255,.1),transparent 70%),radial-gradient(220px 260px at 4% 62%,rgba(246,182,193,.14),transparent 75%),radial-gradient(260px 240px at 96% 88%,rgba(246,182,193,.18),transparent 72%),radial-gradient(140px 140px at 48% 4%,rgba(246,182,193,.1),transparent 70%),radial-gradient(160px 160px at 52% 96%,rgba(255,255,255,.06),transparent 75%),radial-gradient(1200px 900px at 50% 50%,#0000,#000000d1 75%);opacity:1}body:after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.035;background-image:url(/noise.svg);background-repeat:repeat;background-size:220px 220px}app-root{position:relative;z-index:1}}html.project-modal-open,body.project-modal-open{overflow:hidden!important;height:100vh}html.project-modal-open,body.project-modal-open{overflow:hidden!important;height:100dvh}body.project-modal-open app-nav,body.project-modal-open app-navbar,body.project-modal-open .dc-nav,body.project-modal-open nav{opacity:0!important;visibility:hidden!important;pointer-events:none!important}body.project-modal-open .vero-modal-backdrop{z-index:2147483647!important}@media(max-width:1023px){body{background:#07070a}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(300px 280px at 8% 6%,rgba(246,182,193,.22),transparent 72%),radial-gradient(180px 200px at 92% 12%,rgba(255,255,255,.1),transparent 70%),radial-gradient(220px 260px at 4% 62%,rgba(246,182,193,.14),transparent 75%),radial-gradient(260px 240px at 96% 88%,rgba(246,182,193,.18),transparent 72%),radial-gradient(140px 140px at 48% 4%,rgba(246,182,193,.1),transparent 70%),radial-gradient(160px 160px at 52% 96%,rgba(255,255,255,.06),transparent 75%),radial-gradient(1200px 900px at 50% 50%,#0000,#000000d1 75%);opacity:1}body:after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.035;background-image:url(/noise.svg);background-repeat:repeat;background-size:220px 220px}app-root{position:relative;z-index:1}}@media(max-width:1023px){app-animated-bg{display:none!important}}.h-scroll{overflow-y:hidden}.h-scroll>section{max-height:100dvh;overflow:hidden}.h-scroll>section>*{max-height:100%}@media(min-width:1024px)and (max-height:600px){.about-neon-architecture,.projects-page,.home-page,.tech-page,.contact-page,.about-page{height:100dvh;min-height:100dvh;max-height:100dvh;overflow-y:hidden!important}}::selection{background:#f6b6c147;color:#fff}::-moz-selection{background:#f6b6c147;color:#fff}
