:root{color-scheme:dark;--black: #0a0a0a;--white: #ffffff;--muted: rgba(255, 255, 255, .6);--soft: rgba(255, 255, 255, .4);--faint: rgba(255, 255, 255, .22);--line: rgba(255, 255, 255, .1);--cyan: #00d3f3;--purple: #5b4fcf;--blue: #1a6fd4;--green: #1a8f3c;--gold: #c47a1a;--red: #c41a1a;--page-padding-x: 28px;--page-padding-y: 28px;--nav-top: 26px;--nav-left: 45px;--nav-gap: 15px;--nav-font-size: 20px;--nav-letter-spacing: 1px;--nav-opacity: .22;--nav-active-opacity: .7;--hero-zone-left: 24px;--hero-zone-width: min(52vw, 880px);--hero-zone-bottom: 80px;--hero-title-size: clamp(6rem, 7.45vw, 10rem);--hero-title-line-height: .88;--hero-title-letter-spacing: -.055em;--hero-copy-gap: 28px;--hero-copy-size: clamp(1rem, 1.5vw, 2rem);--hero-copy-line-height: 1.5;--hero-availability-size: clamp(.8rem, .9vw, 1rem);--hero-action-size: clamp(.85rem, .9vw, .95rem);--hero-underline-height: 1px;--hero-underline-offset: -.035em;--hero-underline-opacity: 0;--hero-underline-one-width: 86%;--hero-underline-two-width: 84%;--project-zone-width: 810px;--project-zone-top: 72px;--project-zone-right: 72px;--featured-card-height: 590px;--featured-card-radius: 26px;--featured-card-padding-x: 32px;--featured-header-height: 85px;--featured-body-height: 375px;--youtube-feature-body-height: calc(var(--featured-body-height) + 59px);--youtube-footer-min-height: calc(var(--featured-card-height) - var(--featured-header-height) - var(--youtube-feature-body-height));--youtube-footer-padding-block: 10px;--expanded-media-surface-max-width: 660px;--project-media-gap: clamp(14px, 1.6vw, 22px);--project-media-row-short: clamp(180px, 18vw, 280px);--project-media-row-medium: clamp(220px, 24vw, 360px);--project-media-row-large: clamp(320px, 36vw, 560px);--project-media-radius: 22px;--carousel-margin-top: 30px;--carousel-label-gap: 40px;--carousel-stage-height: 180px;--carousel-card-width: 170px;--carousel-card-height: 175px;--carousel-card-gap: clamp(8px, 1.25vw, 18px);--carousel-card-side-offset: clamp(145px, 27vw, 235px);--carousel-card-background-offset: clamp(82px, 16vw, 130px);--carousel-active-scale: 1;--carousel-active-opacity: 1;--carousel-side-scale: .9;--carousel-side-opacity: .7;--carousel-background-scale: .75;--carousel-background-opacity: .2;--carousel-transition-duration: .32s;--carousel-transition-ease: cubic-bezier(.22, 1, .36, 1);--carousel-animation-duration: var(--carousel-transition-duration);--carousel-controls-margin-top: 38px;--carousel-controls-gap: 30px;--carousel-title-width: 250px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--black);color:var(--white);font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace}body.home-page{position:relative;height:100vh;overflow:hidden;background:radial-gradient(circle at 84% 34%,rgba(17,31,26,.78),transparent 34rem),radial-gradient(circle at 32% 76%,rgba(14,28,23,.42),transparent 28rem),var(--black)}body:after{content:"";position:fixed;inset:auto 0 0;height:1px;background:var(--line);pointer-events:none}a{color:inherit;text-decoration:none}button{border:0;color:inherit;font:inherit}p,h1,h2,h3{margin:0}.side-nav{position:absolute;z-index:20;top:var(--nav-top);left:var(--nav-left);display:flex;width:70px;flex-direction:column;gap:var(--nav-gap)}.side-nav a{color:rgba(255,255,255,var(--nav-opacity));font-size:var(--nav-font-size);letter-spacing:var(--nav-letter-spacing);line-height:15px;text-transform:uppercase;transition:color .16s ease}.side-nav a:hover,.side-nav a:focus-visible,.side-nav a.active{color:rgba(255,255,255,var(--nav-active-opacity))}.screen{position:relative;min-height:740px;overflow:hidden;background:var(--black)}.ambient-glow{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.3;pointer-events:none}.ambient-glow:before,.ambient-glow:after{content:"";position:absolute;border-radius:9999px;filter:blur(64px)}.ambient-glow:before{top:0;left:min(45.6vw,501px);width:600px;height:600px;background:linear-gradient(135deg,#00b8db33,#0000)}.ambient-glow:after{top:240px;left:0;width:500px;height:500px;background:linear-gradient(45deg,#2b7fff1a,#0000)}.home-screen{height:100vh;min-height:740px;background:radial-gradient(circle at 82% 35%,rgba(13,27,23,.9),transparent 36rem),radial-gradient(circle at 19% 82%,rgba(10,25,20,.5),transparent 30rem),var(--black)}.home-layout{position:relative;z-index:1;width:100%;height:100%;min-height:inherit}.hero-zone{position:absolute;z-index:3;bottom:var(--hero-zone-bottom);left:var(--hero-zone-left);width:var(--hero-zone-width);overflow:visible}.hero-title{width:max-content;max-width:none;overflow:visible}.hero-title h1{position:relative;z-index:1;font-family:Anybody,system-ui,sans-serif;font-size:var(--hero-title-size);font-variation-settings:"wdth" 100;font-weight:900;letter-spacing:var(--hero-title-letter-spacing);line-height:var(--hero-title-line-height)}.hero-line{position:relative;z-index:0;display:block;width:max-content;max-width:none;overflow:visible}.hero-line:after{content:"";position:absolute;z-index:-1;bottom:var(--hero-underline-offset);left:0;height:var(--hero-underline-height);border-radius:999px;opacity:var(--hero-underline-opacity);background:var(--blue)}.hero-line-one:after{width:var(--hero-underline-one-width)}.hero-line-two:after{width:var(--hero-underline-two-width)}.intro-copy{width:min(457px,100%);margin-top:var(--hero-copy-gap);color:#ffffff47;font-size:var(--hero-copy-size);letter-spacing:.22px;line-height:var(--hero-copy-line-height)}.intro-copy strong{color:#ffffffa6;font-weight:700}.availability{display:flex;align-items:center;gap:6px;margin-top:28px;color:#ffffff40;font-size:var(--hero-availability-size);letter-spacing:.63px;line-height:1.5;text-transform:uppercase}.availability span,.status span{width:5px;height:5px;border-radius:999px;background:#2ecc71}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:24px}.primary-cta{display:inline-flex;min-width:150px;height:36px;align-items:center;justify-content:center;border-radius:6px;background:var(--white);color:var(--black);font-size:var(--hero-action-size);font-weight:800;letter-spacing:.4px}.text-link{color:#ffffff47;font-size:var(--hero-action-size);letter-spacing:.5px}.project-zone{position:absolute;z-index:10;top:var(--project-zone-top);right:var(--project-zone-right);width:min(var(--project-zone-width),calc(100vw - var(--project-zone-right) - var(--page-padding-x)))}.project-demo{display:grid;width:100%;justify-items:center}.demo-label,.section-label{color:var(--soft);font-size:18px;font-weight:700;letter-spacing:1.65px;line-height:16.5px;text-transform:uppercase}.demo-label{margin-bottom:30px;text-align:center}.featured-project{position:relative;z-index:12;width:100%;height:var(--featured-card-height);overflow:hidden;border-top:3px solid var(--purple);border-radius:var(--featured-card-radius);background:var(--white);color:var(--black)}.featured-project header{height:var(--featured-header-height);padding:28px var(--featured-card-padding-x) 0;border-bottom:1px solid rgba(0,0,0,.08)}.project-kicker{color:var(--purple);font-size:10px;font-weight:700;letter-spacing:.8px;line-height:15px;text-transform:uppercase}.featured-project .project-kicker{font-size:11px;line-height:16px}.featured-project h2{margin-top:8px;font-size:24px;font-weight:800;letter-spacing:-.3px;line-height:32px}.workflow{height:var(--featured-body-height);padding:28px var(--featured-card-padding-x);background:#f7f7f5}.workflow>p:first-child{color:#0000004d;font-size:13px;font-weight:700;letter-spacing:.9px;line-height:18px;text-transform:uppercase}.workflow-steps{display:flex;width:min(620px,100%);flex-wrap:wrap;align-items:center;gap:14px 10px;margin-top:26px}.workflow-steps span{display:inline-flex;height:34px;align-items:center;border:1px solid rgba(0,0,0,.1);border-radius:16px;background:var(--white);color:var(--black);padding:0 18px;font-size:14px;font-weight:700;line-height:20px;white-space:nowrap}.workflow-steps .active-step{border-color:var(--purple);background:#f0eeff;color:var(--purple)}.workflow-steps b{color:#00000040;font-size:14px;font-weight:400}.workflow-status{width:min(560px,100%);margin-top:44px;color:#0006;font-size:14px;line-height:23px}.workflow-status strong{color:var(--purple);font-weight:700}.expanded-youtube-feature{height:var(--youtube-feature-body-height);padding-top:15px;padding-bottom:15px}.expanded-youtube-body{display:grid;height:calc(100% - 33px);place-items:center;margin-top:15px}.expanded-youtube-embed{width:min(100%,var(--expanded-media-surface-max-width));aspect-ratio:16 / 9;max-height:100%;overflow:hidden;border:1px solid rgba(0,0,0,.08);border-radius:18px;background:#5b4fcf14}.expanded-youtube-embed iframe{display:block;width:100%;height:100%;border:0}.expanded-youtube-thumbnail{display:grid;width:min(100%,var(--expanded-media-surface-max-width));aspect-ratio:16 / 9;max-height:100%;align-content:center;justify-items:center;border:1px solid rgba(0,0,0,.08);border-radius:18px;padding:22px;background:linear-gradient(135deg,#5b4fcf1f,#ffffffd1),var(--white);text-align:center}.expanded-youtube-play{display:inline-grid;width:42px;height:42px;place-items:center;border-radius:999px;background:var(--purple);color:var(--white);font-size:15px;line-height:1}.expanded-youtube-thumbnail p{margin-top:14px;color:#000000b8;font-size:13px;font-weight:800;letter-spacing:.2px;line-height:18px}.expanded-youtube-unavailable{color:#00000057;font-size:11px;font-weight:700;letter-spacing:.3px;line-height:16px}.expanded-youtube-unavailable{margin-top:8px;text-transform:uppercase}.expanded-external-app{height:var(--youtube-feature-body-height);padding-top:15px;padding-bottom:15px}.expanded-external-app-body{display:grid;height:calc(100% - 33px);place-items:center;margin-top:15px}.expanded-app-preview{width:min(100%,var(--expanded-media-surface-max-width));aspect-ratio:16 / 9;max-height:100%;overflow:hidden;border:1px solid rgba(0,0,0,.08);border-radius:18px;background:linear-gradient(145deg,#5b4fcf1a,#ffffffe6),var(--white);box-shadow:inset 0 0 0 1px #ffffffad}.expanded-app-iframe-frame{width:min(100%,var(--expanded-media-surface-max-width));aspect-ratio:16 / 9;max-height:100%;overflow:hidden;border:1px solid rgba(0,0,0,.08);border-radius:18px;background:#0000000a}.expanded-app-iframe{display:block;width:var(--iframe-viewport-width, 1200px);height:var(--iframe-viewport-height, 675px);border:0;transform:scale(var(--iframe-fit-scale, 1));transform-origin:top left}.expanded-demo-video-feature{height:var(--youtube-feature-body-height);padding-top:15px;padding-bottom:15px}.expanded-demo-video-body{display:grid;height:calc(100% - 33px);place-items:center;margin-top:15px}.expanded-demo-video-frame{width:min(100%,var(--expanded-media-surface-max-width));aspect-ratio:16 / 9;max-height:100%;overflow:hidden;border:1px solid rgba(0,0,0,.08);border-radius:18px;background:#00000014}.expanded-demo-video-frame video{display:block;width:100%;height:100%;object-fit:cover}.expanded-demo-video-fallback{display:grid;height:100%;align-content:center;justify-items:center;padding:22px;text-align:center}.expanded-demo-video-fallback strong{color:var(--black);font-size:17px;font-weight:800;line-height:22px}.expanded-demo-video-fallback p{margin-top:10px;color:#0000005c;font-size:12px;font-weight:800;letter-spacing:.4px;line-height:18px;text-transform:uppercase}.expanded-app-preview-header{display:flex;height:34px;align-items:center;gap:12px;border-bottom:1px solid rgba(0,0,0,.07);padding:0 16px}.expanded-app-preview-header span{position:relative;width:8px;height:8px;border-radius:999px;background:#0003;box-shadow:14px 0 #00000024,28px 0 #0000001a}.expanded-app-preview-header p{margin-left:auto;color:#00000057;font-size:10px;font-weight:800;letter-spacing:.7px;line-height:1;text-transform:uppercase}.expanded-app-preview-content{display:grid;min-height:calc(100% - 34px);align-content:center;gap:12px;padding:22px}.expanded-app-preview-content strong{color:var(--black);font-size:17px;font-weight:800;line-height:22px}.expanded-app-preview-content span:not(.short){display:block;height:12px;border-radius:999px;background:#5b4fcf24}.expanded-app-preview-content .short{display:block;width:58%;height:12px;border-radius:999px;background:#5b4fcf1a}.expanded-app-preview-content p{width:max-content;max-width:100%;border-radius:999px;background:#5b4fcf1a;color:var(--purple);padding:7px 10px;font-size:10px;font-weight:800;letter-spacing:.5px;line-height:1;text-transform:uppercase}.featured-project footer{display:flex;height:calc(var(--featured-card-height) - var(--featured-header-height) - var(--featured-body-height));align-items:center;justify-content:space-between;border-top:1px solid rgba(0,0,0,.06);padding:0 var(--featured-card-padding-x)}.featured-project footer p{width:min(310px,55%);color:#0000006b;font-size:16px;line-height:26px}.featured-project footer a{border-bottom:1px solid rgba(0,0,0,.15);color:var(--black);font-size:14px;font-weight:700;letter-spacing:.63px;line-height:21px;text-transform:uppercase;white-space:nowrap}.featured-project footer.expanded-youtube-footer,.featured-project footer.expanded-external-app-footer,.featured-project footer.expanded-demo-video-footer{height:auto;min-height:var(--youtube-footer-min-height);padding-block:var(--youtube-footer-padding-block)}.expanded-youtube-footer,.expanded-external-app-footer,.expanded-demo-video-footer{display:flex;align-items:center;justify-content:space-between;gap:24px}.expanded-secondary-link,.expanded-primary-link{color:var(--black);font-size:14px;font-weight:800;letter-spacing:.4px;line-height:20px;text-transform:uppercase;white-space:nowrap}.expanded-secondary-link{color:#00000073}.project-carousel{display:grid;width:100%;justify-items:center;margin-top:var(--carousel-margin-top)}.drag-hint{margin-bottom:var(--carousel-label-gap);color:#ffffff80;font-size:15px;letter-spacing:1.8px;line-height:16px;text-align:center;text-transform:uppercase}.carousel-cards,.mini-carousel{position:relative;z-index:2;display:block;height:var(--carousel-stage-height);width:100%;overflow:visible;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none}.mini-carousel:active,.mini-carousel.is-dragging{cursor:grabbing}.carousel-card,.mini-card{position:absolute;bottom:0;left:50%;width:var(--carousel-card-width);height:var(--carousel-card-height);overflow:hidden;border-radius:18px;padding:calc(var(--carousel-card-height) * .45) 18px 0;background:var(--card-bg);color:var(--black);transform-origin:bottom center;transform:translate(-50%) translate(var(--card-x, 0px)) scale(var(--card-scale, 1));opacity:var(--card-opacity, 1);z-index:var(--card-z, 1);will-change:transform,opacity,filter;transition:transform var(--carousel-transition-duration) var(--carousel-transition-ease),opacity var(--carousel-transition-duration) ease,filter var(--carousel-transition-duration) ease}.carousel-cards.is-dragging .carousel-card,.carousel-cards.no-transition .carousel-card{transition:none}.mini-card p{color:var(--card-accent);font-size:10px;font-weight:700;letter-spacing:.8px;line-height:15px;text-transform:uppercase}.mini-card h3{margin-top:5px;font-size:17px;font-weight:800;line-height:21px;overflow-wrap:anywhere}.carousel-card--far-prev,.carousel-card--far-next{filter:saturate(.8) blur(.4px);pointer-events:none}.carousel-controls{position:relative;z-index:5;display:flex;width:100%;align-items:center;justify-content:center;gap:var(--carousel-controls-gap);margin-top:var(--carousel-controls-margin-top)}.round-control{position:relative;flex:0 0 auto;width:40px;height:40px;border-radius:999px;border:1px solid var(--line);background:#ffffff0f;color:#ffffff80;font-size:22px;font-weight:500;line-height:16px}.carousel-caption,.carousel-active-title{position:relative;z-index:6;width:var(--carousel-title-width);color:#ffffffc7;font-size:15px;letter-spacing:1.08px;line-height:13.5px;text-align:center;text-transform:uppercase;white-space:nowrap}.page-title{font-family:Anybody,system-ui,sans-serif;font-size:75px;font-variation-settings:"wdth" 100;font-weight:900;letter-spacing:-2.5px;line-height:75px}.content-screen{min-height:100vh;padding:128px 96px 96px}.page-title{margin-bottom:64px}.detail-page{overflow:visible;padding:104px clamp(32px,6vw,96px) 96px clamp(180px,14vw,240px)}.detail-page .page-title{width:min(1120px,100%);max-width:1100px;margin-bottom:32px;font-size:clamp(3.8rem,6.6vw,7.5rem);line-height:.92;letter-spacing:-.07em}.page-hero{width:min(1120px,100%);margin-bottom:96px;padding-top:18px}.page-intro{display:grid;width:min(920px,100%);max-width:880px;gap:18px;color:var(--muted);font-size:17px;line-height:28px}.page-intro p:first-child{color:#ffffffc7;font-size:20px;line-height:31px}.page-section{width:min(1120px,100%);margin-bottom:96px}.content-stack{display:grid;gap:28px}.content-card{border:1px solid var(--line);border-radius:16px;padding:32px;background:linear-gradient(168deg,rgba(255,255,255,.035),transparent)}details.content-card{padding:0}.project-detail-summary{display:grid;gap:14px;padding:30px 32px;cursor:pointer;list-style:none}.project-detail-summary::-webkit-details-marker{display:none}.project-detail-summary:focus-visible{outline:1px solid rgba(255,255,255,.45);outline-offset:4px}.project-detail-card[open] .project-detail-summary{border-bottom:1px solid var(--line)}.project-detail-kicker{color:var(--cyan);font-size:10px;font-weight:700;letter-spacing:.8px;line-height:15px;text-transform:uppercase}.project-detail-title{color:var(--white);font-size:clamp(24px,3vw,34px);font-weight:800;line-height:1.15}.project-detail-summary-text{max-width:820px;color:var(--muted);font-size:14px;line-height:23px}.project-detail-toggle{justify-self:start;color:#ffffff80;font-size:10px;font-weight:700;letter-spacing:1px;line-height:15px;text-transform:uppercase;transition:color .16s ease}.project-detail-summary:hover .project-detail-toggle,.project-detail-summary:focus-visible .project-detail-toggle{color:#fffc}.project-detail-card[open] .project-detail-toggle{color:#ffffffc7}.project-detail-card[open] .project-detail-toggle:before{content:"Hide Details"}.project-detail-card[open] .project-detail-toggle{font-size:0}.project-detail-card[open] .project-detail-toggle:before{font-size:10px}.project-detail-body{display:block;overflow:visible;padding:30px 32px 32px}.project-expanded-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.65fr);gap:clamp(32px,5vw,72px);align-items:start}.project-expanded-main,.project-expanded-sidebar{min-width:0}.project-expanded-section+.project-expanded-section,.project-expanded-section+.potential-media{margin-top:28px}.project-expanded-section h3,.project-sidebar-block h4{margin-top:0}.project-expanded-sidebar{display:grid;gap:18px}.project-sidebar-block{border:1px solid var(--line);border-radius:14px;padding:18px;background:#ffffff06}.project-sidebar-block h4{color:var(--cyan);font-size:10px;font-weight:700;letter-spacing:.9px;line-height:15px;text-transform:uppercase}.project-sidebar-block p{margin-top:10px;color:var(--muted);font-size:13px;line-height:21px}.content-card h2{color:var(--white);font-size:clamp(24px,3vw,34px);font-weight:800;line-height:1.15}.content-card h3{margin-top:28px;color:#ffffffd1;font-size:16px;font-weight:800;letter-spacing:.2px;line-height:23px}.content-card p,.content-card li{color:var(--muted);font-size:14px;line-height:23px}.content-card p{margin-top:14px}.content-card h2+p,.content-card .card-meta+h2,.content-card .date+p{margin-top:14px}.intro-card p:first-child,.closing-card p:first-child{margin-top:0}.card-meta,.content-card .card-meta,.content-card .date{margin-top:0;color:var(--cyan);font-size:10px;font-weight:700;letter-spacing:.8px;line-height:15px;text-transform:uppercase}.status-line,.tech-line,.media-note{border-top:1px solid var(--line);padding-top:16px}.status-line strong,.tech-line strong{color:#ffffffdb}.media-note{color:var(--soft);font-size:12px;line-height:20px}.potential-media{display:grid;gap:6px}.potential-media strong{color:#ffffffb3}.project-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.project-links a{color:#ffffffc7;font-size:11px;font-weight:700;letter-spacing:.8px;line-height:16px;text-transform:uppercase}.project-media-grid{display:grid;gap:var(--project-media-gap);margin-bottom:clamp(44px,5vw,72px)}.project-media-grid--single{grid-template-columns:1fr}.project-media-grid--single .project-media-item{height:var(--project-media-row-large)}.project-media-grid--two-up{grid-template-columns:repeat(2,minmax(0,1fr))}.project-media-grid--two-up .project-media-item{height:var(--project-media-row-medium)}.project-media-grid--featured-stack{grid-template-columns:minmax(0,1.65fr) minmax(220px,.85fr);grid-template-rows:var(--project-media-row-short) var(--project-media-row-short)}.project-media-grid--featured-stack .project-media-item:nth-child(1){grid-column:1;grid-row:1 / span 2}.project-media-grid--featured-stack .project-media-item:nth-child(2){grid-column:2;grid-row:1}.project-media-grid--featured-stack .project-media-item:nth-child(3){grid-column:2;grid-row:2}.project-media-grid--featured-row{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:var(--project-media-row-large) var(--project-media-row-medium)}.project-media-grid--featured-row .project-media-item:nth-child(1){grid-column:1 / -1;grid-row:1}.project-media-grid--featured-row .project-media-item:nth-child(2){grid-column:1;grid-row:2}.project-media-grid--featured-row .project-media-item:nth-child(3){grid-column:2;grid-row:2}.project-media-grid--mixed-showcase{grid-template-columns:minmax(0,1.65fr) minmax(220px,.85fr);grid-template-rows:var(--project-media-row-short) var(--project-media-row-short) var(--project-media-row-medium)}.project-media-grid--mixed-showcase .project-media-item:nth-child(1){grid-column:1;grid-row:1 / span 2}.project-media-grid--mixed-showcase .project-media-item:nth-child(2){grid-column:2;grid-row:1}.project-media-grid--mixed-showcase .project-media-item:nth-child(3){grid-column:2;grid-row:2}.project-media-grid--mixed-showcase[data-media-count="4"] .project-media-item:nth-child(4){grid-column:1 / -1;grid-row:3}.project-media-grid--mixed-showcase[data-media-count="5"] .project-media-item:nth-child(4){grid-column:1;grid-row:3}.project-media-grid--mixed-showcase[data-media-count="5"] .project-media-item:nth-child(5){grid-column:2;grid-row:3}.project-media-grid--video-focus{grid-template-columns:repeat(2,minmax(0,1fr))}.project-media-grid--video-focus .project-media-item:first-child{grid-column:1 / -1;height:var(--project-media-row-large)}.project-media-grid--video-focus .project-media-item:not(:first-child){height:var(--project-media-row-medium)}.project-media-grid--custom{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:var(--project-media-row-medium)}.project-media-item{position:relative;isolation:isolate;overflow:hidden;min-height:0;border:1px solid var(--line);border-radius:var(--project-media-radius);margin:0;background:#ffffff0a}.project-media-item img,.project-media-item video{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;border:0;object-fit:cover}.project-media-item--cover img,.project-media-item--cover video{object-fit:cover}.project-media-item--contain img,.project-media-item--contain video{background:#000;object-fit:contain}.project-media-item--wide{aspect-ratio:16 / 9}.project-media-item--square{aspect-ratio:1 / 1}.project-media-item--portrait{aspect-ratio:9 / 16}.project-media-item--tall{aspect-ratio:3 / 4}.project-media-grid .project-media-item{aspect-ratio:auto}.project-media-label{position:absolute;z-index:2;bottom:14px;left:16px;padding:6px 8px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#0a0a0ab3;color:#ffffffd1;font-size:.68rem;font-weight:700;letter-spacing:.12em;line-height:1;text-transform:uppercase}.project-skill-list{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0;padding:0;list-style:none}.project-skill-list li{border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:6px 9px;color:#ffffffa8;font-size:10px;font-weight:700;letter-spacing:.6px;line-height:14px;text-transform:uppercase}.detail-list{display:grid;gap:10px;margin:16px 0 0;padding-left:20px}.compact-list{gap:8px}.columns-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}.skills-grid,.theme-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.skills-grid .content-card p,.theme-list .content-card p{margin-top:12px}.closing-section{margin-bottom:0}.projects-screen{min-height:1491px}.project-list{display:flex;width:905px;max-width:100%;flex-direction:column;gap:24px}.project-row{display:flex;min-height:186.5px;align-items:flex-start;justify-content:space-between;border:1px solid var(--line);border-radius:16px;padding:32px;background:linear-gradient(168deg,rgba(255,255,255,.03),transparent)}.project-row.active-now{min-height:217.5px}.project-row h2{margin-top:12px;color:var(--white);font-size:30px;font-weight:800;line-height:36px}.project-row p:last-child{width:768px;max-width:100%;margin-top:12px;color:var(--muted);font-size:14px;line-height:22.75px}.status{display:flex;align-items:center;gap:8px;margin-bottom:16px;color:var(--cyan);font-size:10px;letter-spacing:.5px;line-height:15px;text-transform:uppercase}.status span{width:8px;height:8px;background:var(--cyan);opacity:.82}.row-arrow{color:var(--soft);font-size:24px;line-height:32px}.accent-purple .project-kicker,.expertise-grid .accent-purple h2{color:var(--purple)}.project-row.accent-purple h2,.project-row.accent-blue h2,.project-row.accent-green h2,.project-row.accent-gold h2,.project-row.accent-red h2{color:var(--white)}.accent-blue .project-kicker,.expertise-grid .accent-blue h2{color:var(--blue)}.accent-green .project-kicker,.expertise-grid .accent-green h2{color:var(--green)}.accent-gold .project-kicker{color:var(--gold)}.accent-red .project-kicker{color:var(--red)}.experience-screen{min-height:1565px}.journey,.expertise{width:905px;max-width:100%}.journey{margin-bottom:128px}.section-label{margin-bottom:32px}.timeline{display:flex;flex-direction:column;gap:48px}.timeline article{min-height:168.5px;border-left:2px solid var(--line);padding-left:32px}.date{color:var(--cyan);font-size:10px;font-weight:700;letter-spacing:.8px;line-height:15px;text-transform:uppercase}.timeline h2{margin-top:8px;color:var(--white);font-size:24px;font-weight:800;line-height:32px}.org{margin-top:3px;color:var(--soft);font-size:14px;font-weight:700;line-height:20px}.timeline article>p:last-child{max-width:862px;margin-top:12px;color:var(--muted);font-size:14px;line-height:22.75px}.expertise-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.expertise-grid article{min-height:338px;border:1px solid var(--line);border-radius:16px;padding:33px}.expertise-grid h2{margin-bottom:24px;font-size:24px;font-weight:800;line-height:32px}.expertise-grid ul{display:flex;flex-direction:column;gap:12px;margin:0;padding-left:18px;color:var(--muted);font-size:14px;line-height:20px}.contact-screen{min-height:941.5px}.contact-screen .page-title{margin-bottom:32px}.contact-intro{width:672px;max-width:100%;margin-bottom:64px;color:var(--muted);font-size:18px;line-height:28px}.contact-grid{display:grid;width:896px;max-width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-bottom:64px}.contact-card{min-height:185px;overflow:hidden;border:1px solid var(--line);border-radius:16px;padding:32px}.contact-card p{color:var(--cyan);font-size:10px;font-weight:700;letter-spacing:.8px;line-height:15px;text-transform:uppercase}.contact-card h2{margin-top:16px;color:var(--white);font-size:24px;font-weight:800;line-height:32px;white-space:nowrap}.contact-card span{display:block;width:366px;max-width:100%;margin-top:15px;color:var(--muted);font-size:14px;line-height:20px}.platforms{width:896px;max-width:100%;min-height:126.5px;border:1px solid var(--line);border-radius:16px;padding:33px}.platforms div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.platforms a{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:14px;line-height:20px}.platforms a:before{content:"";width:8px;height:8px;border-radius:999px;background:var(--soft)}.contact-availability{top:auto;bottom:148px;left:96px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important}}@media(max-width:1675px){body.home-page{height:auto;min-height:100vh;overflow:auto}.home-screen{height:auto;min-height:100vh;overflow:visible}.home-layout{display:flex;min-height:100vh;flex-direction:column;align-items:center;gap:56px;padding:84px 24px 56px}.hero-zone,.project-zone{position:relative;inset:auto;width:min(100%,var(--project-zone-width))}.project-zone{order:1}.hero-zone{order:2}.hero-title h1{font-size:clamp(4.5rem,13vw,7rem)}.project-demo{width:100%}.content-screen{min-height:auto;padding:112px 24px 72px}.content-screen.detail-page{padding:112px clamp(32px,6vw,96px) 72px clamp(180px,14vw,240px)}.projects-screen,.experience-screen,.contact-screen{min-height:auto}.page-title{margin-bottom:48px}.project-row,.project-row.active-now{min-height:auto;padding:24px}.project-row h2{font-size:24px;line-height:32px}.row-arrow{padding-left:12px}.journey{margin-bottom:84px}.expertise-grid,.contact-grid,.platforms div,.columns-list,.skills-grid,.theme-list{grid-template-columns:1fr}.contact-card h2{white-space:normal}.contact-availability{position:static;margin-top:64px}}@media(max-width:1100px){.content-screen.detail-page{padding:148px clamp(28px,6vw,72px) 72px}.detail-page .page-title{max-width:100%;font-size:clamp(3.4rem,9vw,5.8rem)}.detail-page .page-hero{padding-top:0}}@media(max-width:900px){.project-expanded-layout{grid-template-columns:1fr}}@media(max-width:760px){.project-media-grid,.project-media-grid--single,.project-media-grid--two-up,.project-media-grid--featured-stack,.project-media-grid--featured-row,.project-media-grid--mixed-showcase,.project-media-grid--video-focus,.project-media-grid--custom{grid-template-columns:1fr;grid-template-rows:none}.project-media-grid .project-media-item,.project-media-grid .project-media-item:nth-child(1),.project-media-grid .project-media-item:nth-child(2),.project-media-grid .project-media-item:nth-child(3),.project-media-grid .project-media-item:nth-child(4),.project-media-grid .project-media-item:nth-child(5){grid-column:auto;grid-row:auto}.project-media-item{height:clamp(220px,56vw,360px)}.project-media-item--portrait{height:clamp(420px,120vw,680px)}}@media(max-width:640px){:root{--page-padding-x: 18px;--page-padding-y: 18px;--featured-card-height: 520px;--featured-card-padding-x: 22px;--featured-body-height: 310px;--youtube-feature-body-height: var(--featured-body-height);--youtube-footer-min-height: calc(var(--featured-card-height) - var(--featured-header-height) - var(--youtube-feature-body-height));--youtube-footer-padding-block: 14px;--carousel-card-width: clamp(96px, 28vw, 122px);--carousel-card-height: 158px;--carousel-controls-gap: 18px;--carousel-title-width: 150px}.side-nav{top:16px;right:16px;left:16px;width:auto;flex-direction:row;justify-content:space-between}.side-nav a{font-size:8px;letter-spacing:.8px}.home-layout{gap:48px;padding:100px 16px 44px}.content-screen.detail-page{padding:124px 24px 72px}.hero-title h1{font-size:clamp(3.1rem,13vw,4rem);line-height:.9;letter-spacing:-.06em}.intro-copy{font-size:13px;line-height:1.5}.detail-page .page-title{font-size:clamp(2.7rem,13vw,4.25rem);line-height:.92}.page-hero,.page-section{margin-bottom:64px}.page-intro,.page-intro p:first-child{font-size:15px;line-height:25px}.content-card{padding:24px}details.content-card{padding:0}.project-detail-summary,.project-detail-body{padding:24px}.hero-actions{flex-wrap:wrap}.demo-label{margin-bottom:18px}.featured-project h2{font-size:21px;line-height:28px}.workflow-steps{gap:10px 8px}.workflow-steps span{height:30px;padding:0 12px;font-size:11px}.workflow-status{margin-top:30px;font-size:12px;line-height:20px}.expanded-youtube-feature,.expanded-external-app,.expanded-demo-video-feature{padding-top:22px;padding-bottom:22px}.expanded-youtube-body,.expanded-external-app-body,.expanded-demo-video-body{margin-top:14px}.expanded-youtube-thumbnail{padding:16px}.expanded-app-preview-content{gap:9px;padding:16px}.featured-project footer.expanded-youtube-footer,.featured-project footer.expanded-external-app-footer,.featured-project footer.expanded-demo-video-footer{min-height:var(--youtube-footer-min-height)}.featured-project footer{align-items:flex-start;flex-direction:column;justify-content:center;gap:14px}.featured-project footer p{width:100%;font-size:13px;line-height:21px}.mini-card{border-radius:14px;padding:calc(var(--carousel-card-height) * .58) 12px 0}.mini-card h3{font-size:13px;line-height:16px}.carousel-caption,.carousel-active-title{font-size:8px;letter-spacing:.9px}.page-title{font-size:48px;line-height:50px}.project-row{flex-direction:column;gap:24px}.row-arrow{width:100%;border-left:0;padding-left:0}}