:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f2f4ff;font-synthesis:none;text-rendering:optimizelegibility;--accent:#7c9cff;--warm:#ff9d7a;--muted:#99a3b8;--line:#ffffff1a;--panel:#101523d1;background:#080a14;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:5rem}body{background:#080a14;min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a{cursor:pointer}img{max-width:100%;display:block}::selection{color:#fff;background:#7c9cff47}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.portfolio-page{isolation:isolate;min-height:100vh;position:relative;overflow:clip}.ambient-background{--pointer-x:50vw;--pointer-y:25vh;z-index:-1;pointer-events:none;background:radial-gradient(700px circle at var(--pointer-x) var(--pointer-y),#5266dc1f,transparent 68%),radial-gradient(ellipse at 70% 8%,#7f5cd721,transparent 38%),linear-gradient(180deg,#080a14,#090d18 58%,#070912);position:fixed;inset:0}.ambient-background:after{content:"";opacity:.14;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 55%);mask-image:linear-gradient(#000,#0000 55%)}.skip-link{z-index:100;background:var(--accent);color:#090b18;border-radius:.5rem;padding:.7rem 1rem;font-weight:700;position:fixed;top:.75rem;left:.75rem;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.page-shell,.nav-shell,.portfolio-footer{width:min(1180px,100% - 3rem);margin-inline:auto}.page-section{padding-block:7rem;scroll-margin-top:5rem;position:relative}.portfolio-header{z-index:50;border-bottom:1px solid #0000;transition:background .25s,border-color .25s,-webkit-backdrop-filter .25s,backdrop-filter .25s;position:fixed;inset:0 0 auto}.portfolio-header.is-scrolled{border-color:var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080a14d6}.nav-shell{justify-content:space-between;align-items:center;gap:2rem;height:4.5rem;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:.7rem;font-weight:750;display:inline-flex}.brand-mark{aspect-ratio:1;width:2rem;color:var(--accent);background:#7c9cff14;border:1px solid #7c9cff4d;border-radius:.45rem;place-items:center;font:700 .7rem ui-monospace,monospace;display:grid}.site-nav{align-items:center;gap:1.75rem;margin-left:auto;display:flex}.site-nav>a:not(.resume-link){color:#abb3c6;padding-block:1.7rem;font-size:.84rem;position:relative}.site-nav>a:not(.resume-link):after{content:"";background:var(--accent);height:1px;transition:transform .2s;position:absolute;inset:auto 0 1rem;transform:scaleX(0)}.site-nav>a:hover,.site-nav>a.active{color:#fff}.site-nav>a.active:after{transform:scaleX(1)}.nav-actions{align-items:center;gap:.6rem;display:flex}.resume-link{color:#dbe2ff;background:#7c9cff12;border:1px solid #7c9cff40;border-radius:.45rem;align-items:center;gap:.55rem;padding:.6rem .8rem;font-size:.8rem;font-weight:650;display:inline-flex}.resume-link svg{width:.95rem}.menu-button,.mobile-resume{display:none}.hero-section{grid-template-columns:.88fr 1.12fr;align-items:center;gap:4.5rem;min-height:min(940px,100svh);padding-top:9rem;display:grid}.availability-badge{color:#d7e0ff;background:#7c9cff0f;border:1px solid #7c9cff33;border-radius:999px;align-items:center;gap:.55rem;width:fit-content;padding:.4rem .65rem;font-size:.76rem;display:flex}.availability-badge>span{aspect-ratio:1;background:var(--accent);border-radius:50%;width:.45rem;box-shadow:0 0 12px #7c9cffcc}.hero-kicker{color:#adb5c8;text-transform:uppercase;letter-spacing:.14em;margin:2rem 0 .25rem;font:.82rem ui-monospace,monospace}.hero-copy h1{letter-spacing:-.075em;margin:0;font-size:clamp(4rem,7.4vw,7.2rem);font-weight:750;line-height:.86}.hero-copy h1 span{color:#0000;-webkit-text-stroke:1px #f2f4ff8c;display:block}.hero-role{color:var(--accent);margin:1.5rem 0 0;font:600 clamp(1rem,1.7vw,1.25rem) ui-monospace,monospace}.hero-description{color:#a8b0c3;max-width:34rem;margin:1.3rem 0 0;font-size:1.04rem;line-height:1.8}.hero-actions,.project-links,.badge-list{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.hero-actions{margin-top:2rem}.button{border:1px solid #0000;border-radius:.45rem;justify-content:center;align-items:center;gap:.6rem;padding:.78rem 1rem;font-size:.85rem;font-weight:700;transition:transform .18s,background .18s,border-color .18s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button svg,.project-links svg{width:1rem;height:1rem}.button.primary{color:#090b18;background:var(--accent)}.button.secondary{color:#e9ecf5;border-color:var(--line);background:#ffffff09}.icon-link{aspect-ratio:1;border:1px solid var(--line);color:#b2bacd;border-radius:.45rem;place-items:center;width:2.75rem;display:grid}.icon-link svg{width:1.1rem}.hero-visual{min-width:0;padding:3rem 0 2rem 2.5rem;position:relative}.portrait-frame{aspect-ratio:.76;z-index:-1;background:linear-gradient(160deg,#7c9cff73,#0000 70%);border-radius:48% 48% 1.2rem 1.2rem;width:37%;padding:1px;position:absolute;top:-2rem;right:1rem}.portrait-placeholder{text-align:center;border-radius:inherit;background:radial-gradient(circle at 50% 32%,#7c9cff2e,#0000 28%),#101522;place-content:center;height:100%;display:grid;overflow:hidden}.portrait-placeholder span{color:#7c9cff61;letter-spacing:-.08em;font-size:clamp(3rem,7vw,6rem);font-weight:800}.portrait-placeholder small{color:#778096;text-transform:uppercase;letter-spacing:.12em;font:.65rem ui-monospace,monospace}.project-window{background:#0c0f1bf5;border:1px solid #ffffff21;border-radius:.8rem;max-width:650px;margin-top:9rem;position:relative;overflow:hidden;box-shadow:0 32px 80px #0000007a}.window-bar{border-bottom:1px solid var(--line);color:#747d94;text-transform:uppercase;letter-spacing:.1em;grid-template-columns:1fr auto 1fr;align-items:center;min-height:2.5rem;padding:0 .8rem;font:.62rem ui-monospace,monospace;display:grid}.window-bar>:last-child{text-align:right}.window-dots{gap:.35rem;display:flex}.window-dots i{aspect-ratio:1;background:#41485f;border-radius:50%;width:.45rem}.window-dots i:nth-child(2){background:#555f98}.window-dots i:nth-child(3){background:var(--accent)}.window-image,.project-card-image{aspect-ratio:16/9;background:#0b0e19;overflow:hidden}.window-image img,.project-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .35s}.window-content{padding:1.25rem}.window-content h2{margin:.2rem 0 0;font-size:1.4rem}.window-content>p{color:var(--muted);font-size:.85rem;line-height:1.6}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.16em;margin:0;font:600 .7rem ui-monospace,monospace}.tech-badge{color:#b2bacd;background:#ffffff06;border:1px solid #ffffff17;border-radius:.3rem;padding:.32rem .5rem;font:.68rem ui-monospace,monospace}.window-footer{border-top:1px solid var(--line);justify-content:space-between;gap:1rem;margin-top:1rem;padding-top:1rem;display:flex}.project-links a{color:#d0d6e5;align-items:center;gap:.4rem;font-size:.76rem;font-weight:650;display:inline-flex}.project-links a:hover{color:var(--accent)}.carousel-controls{gap:.4rem;display:flex}.carousel-controls button{aspect-ratio:1;border:1px solid var(--line);color:#c1c9da;background:0 0;border-radius:.35rem;place-items:center;width:2rem;display:grid}.carousel-controls svg{width:.9rem}.section-heading{max-width:700px}.section-heading h2,.contact-copy h2{letter-spacing:-.055em;margin:.75rem 0 0;font-size:clamp(2.3rem,5vw,4.6rem);line-height:1.02}.section-description{max-width:620px;color:var(--muted);margin:1.2rem 0 0;font-size:1rem;line-height:1.75}.about-grid{grid-template-columns:.9fr 1.1fr;align-items:start;gap:5rem;display:grid}.about-copy{padding-top:1.7rem}.about-copy p{color:#adb5c8;margin:0 0 1.25rem;font-size:1.08rem;line-height:1.8}.about-copy p:first-child{color:#e1e5f0;font-size:1.35rem}.fact-grid,.specialization-grid{grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:4rem;display:grid}.fact-card,.specialization-card,.skill-group{border:1px solid var(--line);background:#0f1422ab;border-radius:.65rem}.fact-card{flex-direction:column;min-height:180px;padding:1.3rem;display:flex}.fact-card svg,.specialization-card svg{width:1.3rem;color:var(--accent)}.fact-card p{color:#778096;text-transform:uppercase;letter-spacing:.12em;margin:auto 0 .35rem;font:.66rem ui-monospace,monospace}.fact-card h3{color:#eaedf6;margin:0;font-size:.92rem;line-height:1.4}.specialization-section{border-block:1px solid #ffffff0e}.specialization-card{padding:1.5rem;transition:border-color .2s,background .2s,transform .2s}.specialization-card:hover{background:#151b2dcc;border-color:#7c9cff40;transform:translateY(-3px)}.specialization-card>div{justify-content:space-between;display:flex}.specialization-card>div span{color:#5d6580;font:.65rem ui-monospace,monospace}.specialization-card h3{margin:3.5rem 0 .7rem;font-size:1.05rem}.specialization-card p{color:var(--muted);margin:0;font-size:.87rem;line-height:1.65}.skill-grid{grid-template-columns:repeat(5,1fr);gap:.8rem;margin-top:3.5rem;display:grid}.skill-group{padding:1.2rem}.skill-group h3{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;margin:0 0 1rem;font:.7rem ui-monospace,monospace}.skill-group ul{margin:0;padding:0;list-style:none}.skill-group li{color:#c5ccdc;border-top:1px solid #fff1;padding:.6rem 0;font-size:.84rem}.projects-section{padding-top:8rem}.featured-project{margin-top:3.5rem}.featured-project .project-card{grid-template-columns:1.35fr .65fr;display:grid}.featured-project .project-card-image{aspect-ratio:auto;min-height:440px}.featured-project .project-card-content{padding:2rem}.project-grid{grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1rem;display:grid}.project-card{border:1px solid var(--line);background:#0e121fd1;border-radius:.7rem;transition:border-color .2s,background .2s;overflow:hidden}.project-card:hover,.project-card:focus-within{background:#121828eb;border-color:#7c9cff4d}.project-card:hover .project-card-image img,.project-card:focus-within .project-card-image img{transform:scale(1.015)}.project-card-content{padding:1.35rem}.project-title-row{justify-content:space-between;align-items:start;gap:1rem;display:flex}.project-title-row h3{margin:0;font-size:1.15rem}.project-title-row>span{color:#bdc9ff;text-transform:uppercase;border:1px solid #7c9cff2e;border-radius:99px;flex:none;padding:.25rem .45rem;font:.58rem ui-monospace,monospace}.project-card-content>p{min-height:4.6em;color:var(--muted);font-size:.86rem;line-height:1.6}.project-card .project-links{border-top:1px solid var(--line);margin-top:1.25rem;padding-top:1rem}.timeline{max-width:850px;margin-top:4rem}.timeline-item{grid-template-columns:70px 1fr;gap:1.5rem;min-height:180px;display:grid}.timeline-marker{justify-content:center;display:flex;position:relative}.timeline-marker:after{content:"";background:linear-gradient(var(--accent),#7c9cff14);width:1px;position:absolute;top:2.4rem;bottom:0}.timeline-item:last-child .timeline-marker:after{display:none}.timeline-marker span{z-index:1;width:2.4rem;height:2.4rem;color:var(--accent);background:#0c0f1d;border:1px solid #7c9cff47;border-radius:50%;place-items:center;font:.62rem ui-monospace,monospace;display:grid;position:relative}.timeline-item>div:last-child{padding-bottom:2rem}.timeline-item p:first-child{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;margin:0;font:.65rem ui-monospace,monospace}.timeline-item h3{margin:.55rem 0 .6rem;font-size:1.25rem}.timeline-item p:last-child{max-width:600px;color:var(--muted);margin:0;line-height:1.65}.contact-section{background:radial-gradient(circle at 12% 0,#7c9cff1a,#0000 40%),#0c101cd1;border:1px solid #7c9cff29;border-radius:1rem;margin-bottom:3rem;padding:4rem}.contact-grid{grid-template-columns:.85fr 1.15fr;gap:5rem;display:grid}.contact-copy>p:not(.eyebrow){color:var(--muted);line-height:1.7}.contact-links{gap:.6rem;margin-top:2rem;display:grid}.contact-links a{color:#e1e5f0;border-radius:.5rem;align-items:center;gap:.8rem;padding:.7rem;display:flex}.contact-links a:hover{background:#ffffff09}.contact-links svg{width:1rem;color:var(--accent)}.contact-links a>svg:last-child{margin-left:auto}.contact-links span{font-size:.82rem;font-weight:650;display:grid}.contact-links small{color:#858da3;margin-top:.15rem;font-weight:400}.contact-form{gap:1rem;display:grid}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.contact-form label{color:#bdc5d7;gap:.45rem;font-size:.78rem;display:grid}.contact-form input,.contact-form textarea{border:1px solid var(--line);color:#fff;resize:vertical;background:#0003;border-radius:.45rem;width:100%;padding:.78rem}.contact-form input:focus,.contact-form textarea:focus{border-color:#7c9cff80;outline:none;box-shadow:0 0 0 3px #7c9cff17}.contact-form .button{width:fit-content}.portfolio-footer{border-top:1px solid var(--line);color:#858da3;justify-content:space-between;align-items:center;min-height:7rem;font-size:.75rem;display:flex}.portfolio-footer a{color:#b2bacd;align-items:center;gap:.4rem;display:flex}.portfolio-footer svg{width:.9rem}@media (width<=1024px){.hero-section{grid-template-columns:1fr;gap:1rem;padding-top:9rem;padding-bottom:5rem}.hero-copy{max-width:720px}.hero-visual{width:100%;max-width:800px;margin-inline:auto}.portrait-frame{width:28%;right:2rem}.project-window{max-width:620px}.fact-grid,.specialization-grid{grid-template-columns:repeat(2,1fr)}.skill-grid{grid-template-columns:repeat(3,1fr)}.featured-project .project-card{grid-template-columns:1fr}.featured-project .project-card-image{aspect-ratio:16/9;min-height:0}.contact-grid{gap:3rem}.site-nav{gap:1rem}}@media (width<=760px){.page-shell,.nav-shell,.portfolio-footer{width:min(100% - 2rem,1180px)}.page-section{padding-block:5rem}.desktop-resume{display:none}.menu-button{aspect-ratio:1;border:1px solid var(--line);color:#fff;background:#ffffff09;border-radius:.45rem;place-items:center;width:2.5rem;display:grid}.menu-button svg{width:1.15rem}.site-nav{background:#080a14fa;flex-direction:column;align-items:stretch;gap:0;padding:2rem;display:none;position:fixed;inset:4.5rem 0 0}.site-nav.is-open{display:flex}.site-nav>a:not(.resume-link){border-bottom:1px solid var(--line);padding:1rem;font-size:1rem}.site-nav>a:not(.resume-link):after{display:none}.mobile-resume{width:fit-content;margin:1.5rem 1rem;display:inline-flex}.hero-copy h1{font-size:clamp(3.6rem,18vw,6rem)}.hero-visual{padding:10rem 0 0}.portrait-frame{width:42%;min-width:175px;top:0;right:50%;translate:50%}.project-window{margin-top:0}.about-grid,.contact-grid{grid-template-columns:1fr;gap:2rem}.about-copy{padding-top:0}.project-grid{grid-template-columns:1fr}.skill-grid{grid-template-columns:repeat(2,1fr)}.contact-section{margin-inline:-.25rem;padding:2rem}.form-row{grid-template-columns:1fr}}@media (width<=480px){.fact-grid,.specialization-grid,.skill-grid{grid-template-columns:1fr}.hero-actions .button{flex:auto}.window-footer{align-items:flex-end}.project-links{gap:.8rem}.contact-section{padding:1.25rem}.portfolio-footer{flex-direction:column;align-items:flex-start;gap:1rem;padding-block:1.5rem}.timeline-item{grid-template-columns:45px 1fr;gap:.8rem}}.fact-card:nth-child(3){background:linear-gradient(145deg,#ff9d7a0e,#101522ab);border-color:#ff9d7a33}.fact-card:nth-child(3) svg,.fact-card:nth-child(3) p,.specialization-card:nth-child(4) svg,.skill-group:last-child h3,.timeline-item:last-child p:first-child{color:var(--warm)}.specialization-card:nth-child(4):hover{background:#1f1923b8;border-color:#ff9d7a47}.skill-group:last-child{border-color:#ff9d7a2e}.skill-group:last-child .technology-logo{color:var(--warm)}.timeline-item:last-child .timeline-marker span{color:var(--warm);border-color:#ff9d7a4d;box-shadow:0 0 24px #ff9d7a14}.project-card[data-status=In\ development] .project-title-row>span{color:#ffc1ad;background:#ff9d7a0f;border-color:#ff9d7a40}.skill-group li{align-items:center;gap:.65rem;padding-block:.65rem;display:flex}.technology-logo{flex:none;place-items:center;width:1.2rem;height:1.2rem;display:grid}.technology-logo svg{width:1.05rem;height:1.05rem}.contact-form .button{padding:.55rem .78rem;font-size:.78rem}.hero-visual{isolation:isolate}.portrait-frame{z-index:0;overflow:hidden}.portrait-photo{object-fit:cover;object-position:22% 52%;border-radius:inherit;filter:saturate(.88)contrast(1.04);width:100%;height:100%}.project-window{z-index:1}.menu-backdrop{display:none}.project-card,.project-window{--project-accent:var(--accent)}[data-project=smart-budget-pro]{--project-accent:#63e6be}[data-project=flowdesk]{--project-accent:#5ecbff}[data-project=garden-landscaping-pros]{--project-accent:#a8d86f}[data-project=buff-me-up]{--project-accent:#ff7d9c}[data-project=stock-market-dashboard]{--project-accent:#9aa8ff}.project-card-image,.window-image{position:relative}.project-card-image:after,.window-image:after{content:"";pointer-events:none;background:linear-gradient(180deg,transparent 62%,color-mix(in srgb,var(--project-accent) 14%,transparent));position:absolute;inset:0}.project-card:hover,.project-card:focus-within,.project-window:focus-within{border-color:color-mix(in srgb,var(--project-accent) 42%,transparent)}.project-card .project-title-row>span{color:color-mix(in srgb,var(--project-accent) 78%,white);border-color:color-mix(in srgb,var(--project-accent) 30%,transparent);background:color-mix(in srgb,var(--project-accent) 7%,transparent)}.project-card .project-links a:hover,.project-window .project-links a:hover,.project-window .eyebrow{color:var(--project-accent)}.project-window .window-dots i:nth-child(3){background:var(--project-accent);box-shadow:0 0 10px color-mix(in srgb,var(--project-accent) 50%,transparent)}@media (width<=960px){.portfolio-header{border-color:var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080a14e6}.desktop-resume{display:none}.menu-button{aspect-ratio:1;border:1px solid var(--line);color:#fff;background:#ffffff09;border-radius:.45rem;place-items:center;width:2.5rem;display:grid}.menu-button svg{width:1.15rem}.menu-backdrop{z-index:1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#03050ca8;border:0;width:100%;display:block;position:fixed;inset:4.5rem 0 0}.site-nav{z-index:2;width:min(24rem,100%);height:calc(100dvh - 4.5rem);padding:1.25rem 1.25rem calc(1.25rem + env(safe-area-inset-bottom));overscroll-behavior:contain;border-left:1px solid var(--line);background:#0c1020;flex-direction:column;align-items:stretch;gap:0;margin:0;display:none;position:fixed;inset:4.5rem 0 0 auto;overflow-y:auto;box-shadow:-24px 0 60px #0006}.site-nav.is-open{display:flex}.site-nav>a:not(.resume-link){border-bottom:1px solid var(--line);padding:1rem .75rem;font-size:1rem}.site-nav>a:not(.resume-link):after{display:none}.mobile-resume{width:fit-content;margin:1.5rem .75rem;display:inline-flex}.brand,.nav-actions{z-index:3;position:relative}}.fact-card,.specialization-card,.skill-group,.project-card,.project-window,.contact-section{position:relative;box-shadow:inset 0 1px #ffffff09,0 18px 45px #00000029}.fact-card:before,.specialization-card:before,.skill-group:before,.project-card:before,.project-window:before,.contact-section:before{content:"";z-index:2;border-radius:inherit;pointer-events:none;-webkit-mask-composite:xor;opacity:.68;background:linear-gradient(135deg,#ffffff38,#7c9cff2b 24%,#ffffff0b 48%,#0000 68%,#ffffff13);padding:1px;transition:opacity .22s,filter .22s;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.project-card:before,.project-window:before{background:linear-gradient(135deg,#ffffff3d,color-mix(in srgb,var(--project-accent) 48%,transparent) 26%,#ffffff0a 50%,transparent 68%,color-mix(in srgb,var(--project-accent) 20%,transparent))}.fact-card:hover:before,.specialization-card:hover:before,.skill-group:hover:before,.project-card:hover:before,.project-card:focus-within:before,.project-window:focus-within:before{opacity:1;filter:brightness(1.12)}.project-card:hover,.project-card:focus-within{box-shadow:inset 0 1px #ffffff0e,0 22px 55px #00000038}.portfolio-header:after{content:"";pointer-events:none;opacity:.8;background:linear-gradient(90deg,#0000 4%,#7c9cff14 24%,#7c9cff4d 50%,#ff9d7a1a 76%,#0000 96%);height:1px;position:absolute;inset:auto 0 -1px}.specialization-section{border:0}.specialization-section:before,.specialization-section:after{content:"";background:linear-gradient(90deg,#0000,#7c9cff29 22%,#ffffff1a 50%,#7c9cff29 78%,#0000);width:100vw;height:1px;position:absolute;left:50%;translate:-50%}.specialization-section:before{top:0}.specialization-section:after{bottom:0}.device-showcase{background:radial-gradient(circle at 18% 15%,color-mix(in srgb,var(--project-accent) 11%,transparent),transparent 42%),linear-gradient(150deg,#ffffff06,#00000026);grid-template-columns:minmax(0,1fr) clamp(78px,20%,112px);align-items:end;gap:clamp(.8rem,2vw,1.5rem);min-width:0;min-height:280px;padding:clamp(1rem,3vw,1.75rem);display:grid;position:relative;overflow:hidden}.device-showcase:before{content:"";pointer-events:none;opacity:.17;background-image:linear-gradient(#ffffff0e 1px,#0000 1px),linear-gradient(90deg,#ffffff0e 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(135deg,#000,#0000 72%);mask-image:linear-gradient(135deg,#000,#0000 72%)}.device-preview{z-index:1;min-width:0;margin:0;position:relative}.device-preview figcaption{color:#858da3;text-align:center;text-transform:uppercase;letter-spacing:.14em;margin-top:.7rem;font:.58rem ui-monospace,monospace}.laptop-lid{background:linear-gradient(145deg,#202638,#0d111d);border:1px solid #ffffff2e;border-radius:11px 11px 5px 5px;padding:6px 6px 8px;position:relative;box-shadow:0 18px 35px #00000052,inset 0 1px #ffffff14}.laptop-camera{z-index:2;aspect-ratio:1;background:#070914;border-radius:50%;width:3px;position:absolute;top:2px;left:50%;translate:-50%;box-shadow:0 0 0 1px #ffffff14}.laptop-screen{aspect-ratio:16/10;background:#080a14;border-radius:6px 6px 3px 3px;position:relative;overflow:hidden}.laptop-screen:after,.phone-screen:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff0e}.laptop-screen img,.phone-screen img{object-fit:cover;object-position:top center;width:100%;height:100%}.laptop-base{clip-path:polygon(3% 0,97% 0,100% 68%,96% 100%,4% 100%,0 68%);background:linear-gradient(#363d50,#151a27 70%,#0a0d16);border-top:1px solid #ffffff30;border-radius:2px 2px 45% 45%;width:108%;height:11px;margin-left:-4%;position:relative;box-shadow:0 8px 16px #00000047}.laptop-base span{background:#111623;border-radius:0 0 4px 4px;width:16%;height:3px;position:absolute;top:0;left:42%;box-shadow:inset 0 1px #ffffff1c}.device-phone{justify-self:center;width:100%;max-width:112px}.phone-frame{aspect-ratio:9/19.5;background:linear-gradient(145deg,#343b51,#101522 42%,#2b3143);border:1px solid #ffffff3b;border-radius:clamp(20px,3vw,30px);padding:5px;position:relative;box-shadow:0 18px 35px #00000061,inset 0 1px #ffffff1f}.phone-frame:after{content:"";border-radius:inherit;pointer-events:none;border:1px solid #ffffff0f;position:absolute;inset:2px}.phone-island{z-index:3;background:#05060b;border-radius:999px;width:43%;height:4.5%;min-height:7px;position:absolute;top:9px;left:50%;translate:-50%;box-shadow:inset 0 -1px #ffffff12}.phone-button{background:#596176;border-radius:0 2px 2px 0;width:2px;position:absolute;right:-3px}.phone-button-top{height:12%;top:24%}.phone-button-bottom{height:18%;top:40%}.phone-screen{background:#090c18;border-radius:clamp(16px,2.6vw,25px);width:100%;height:100%;position:relative;overflow:hidden}.mobile-image-placeholder{height:100%;color:color-mix(in srgb,var(--project-accent) 72%,white);text-align:center;background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--project-accent) 20%,transparent),transparent 35%),linear-gradient(180deg,#101525,#090c18);place-content:center;justify-items:center;gap:.55rem;padding:.45rem;display:grid}.mobile-image-placeholder svg{width:clamp(1rem,3vw,1.45rem)}.mobile-image-placeholder span{text-transform:uppercase;letter-spacing:.1em;font:.48rem/1.45 ui-monospace,monospace}.project-window>.device-showcase{border-bottom:1px solid var(--line);min-height:300px}.project-card:hover .laptop-lid,.project-card:focus-within .laptop-lid,.project-window:focus-within .laptop-lid{border-color:color-mix(in srgb,var(--project-accent) 35%,#ffffff2e)}.project-card:hover .phone-frame,.project-card:focus-within .phone-frame,.project-window:focus-within .phone-frame{border-color:color-mix(in srgb,var(--project-accent) 42%,#fff3)}.laptop-screen{aspect-ratio:2}.device-showcase{grid-template-columns:minmax(0,1fr) clamp(108px,24%,150px);gap:clamp(1rem,2.4vw,1.75rem);min-height:320px}.device-phone{max-width:150px}.phone-frame{aspect-ratio:9/19.5;border-color:#ffffff4d;border-radius:18px;padding:4px;box-shadow:0 22px 42px #00000070,inset 0 1px #ffffff26}.phone-frame:after{inset:1px}.phone-screen{background:#090c18;border-radius:13px}.phone-viewport{background:#090c18;position:absolute;inset:0;overflow:hidden}.phone-viewport img{display:block}.phone-screen:before,.phone-island{display:none}.phone-button{right:-3px}.project-window>.device-showcase{min-height:350px}.featured-project .device-showcase{min-height:460px}@media (width<=480px){.device-showcase{grid-template-columns:minmax(0,1fr) 88px;gap:.75rem;min-height:235px;padding:.85rem}.featured-project .device-showcase,.project-window>.device-showcase{min-height:250px}.laptop-lid{border-radius:7px 7px 3px 3px;padding:4px 4px 6px}.laptop-base{height:8px}.phone-frame{border-radius:14px;padding:3px}.phone-screen{border-radius:10px}.phone-island{min-height:5px;top:5px}.phone-screen:before{height:2px;bottom:3px}.device-preview figcaption{margin-top:.45rem;font-size:.48rem}.mobile-image-placeholder span{font-size:.4rem}}.tech-badge{align-items:center;gap:.38rem;display:inline-flex}.tech-badge-logo{width:.76rem;height:.76rem;color:var(--project-accent,var(--accent));opacity:.9;place-items:center;display:grid}.tech-badge-logo svg{width:100%;height:100%}.phone-island{background:#020308;border:1px solid #ffffff09;width:34%;height:12px;min-height:0;display:block;top:7px;box-shadow:inset 0 1px 1px #ffffff0b,0 2px 5px #00000059}.phone-island:after{content:"";aspect-ratio:1;background:#111a2c;border-radius:50%;width:3px;position:absolute;top:50%;right:8%;translate:0 -50%;box-shadow:inset 0 0 1px #7291ff8c}@media (width<=480px){.phone-island{width:32%;height:8px;top:5px}.phone-island:after{width:2px}}@media (pointer:coarse),(prefers-reduced-motion:reduce){.ambient-background{--pointer-x:50vw;--pointer-y:20vh}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}