:root{--paper:#f4f2ed;--paper-raised:#fff;--ink:#10131a;--ink-soft:#525a67;--ink-faint:#8a909b;--accent:#3158d4;--accent-ink:#182a61;--border:#d9d7d0;--border-strong:#bbb9b1;--night:#0a0d13;--night-raised:#111722;--night-ink:#f7f7f4;--night-ink-soft:#aeb5c1;--night-border:#242b38;--night-accent:#8ca5ff;--font-display:"Fraunces", "Iowan Old Style", serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", "SFMono-Regular", Consolas, monospace;--step-1:clamp(.8rem, .77rem + .15vw, .9rem);--step0:clamp(1rem, .96rem + .2vw, 1.125rem);--step1:clamp(1.2rem, 1.13rem + .35vw, 1.4rem);--step2:clamp(1.5rem, 1.38rem + .6vw, 1.85rem);--step3:clamp(2rem, 1.7rem + 1.5vw, 2.75rem);--step4:clamp(2.6rem, 2.1rem + 2.5vw, 4rem);--step5:clamp(3.2rem, 2.4rem + 4vw, 5.5rem);--container:1240px;--gutter:clamp(1.25rem, 3vw, 3rem);--radius:10px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:var(--step0);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}img{max-width:100%;display:block}a{color:inherit}button{font-family:inherit}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-weight:500;line-height:1.08}p{margin:0}.container{width:100%;max-width:var(--container);padding-inline:var(--gutter);margin-inline:auto}.eyebrow{font-family:var(--font-mono);font-size:var(--step-1);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);align-items:center;gap:.6em;display:flex}.eyebrow:before{content:"";opacity:.6;background:currentColor;width:1.4em;height:1px}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}::selection{background:var(--accent);color:#fff}.section{padding-block:clamp(5rem,9vw,8.5rem)}.section-head{max-width:54rem;margin-bottom:clamp(3rem,6vw,5rem)}.section-head h2{letter-spacing:-.035em;margin-top:1rem;font-size:clamp(2.2rem,1.6rem + 2.6vw,4rem)}.section--dark{background:radial-gradient(circle at 85% 10%, #4c67be1a, transparent 28rem), var(--night);color:var(--night-ink)}.section--dark .eyebrow{color:var(--night-accent)}.section--dark .section-head h2{max-width:20ch}.btn{font-family:var(--font-mono);letter-spacing:.04em;cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.65rem;padding:.95rem 1.25rem;font-size:.78rem;font-weight:500;text-decoration:none;transition:transform .25s,background-color .25s,border-color .25s,color .25s,box-shadow .25s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--ink);color:var(--paper);box-shadow:0 8px 24px #10131a1a}.btn-primary:hover{background:var(--accent);box-shadow:0 10px 28px #3158d433}.btn-ghost{border-color:var(--border-strong);color:var(--ink);background:#ffffff52}.btn-ghost:hover{border-color:var(--ink);background:var(--paper-raised)}.section--dark .btn-ghost{border-color:var(--night-border);color:var(--night-ink);background:#ffffff06}.section--dark .btn-ghost:hover{border-color:var(--night-ink-soft);background:#ffffff12}.btn-arrow{transition:transform .25s}.btn:hover .btn-arrow{transform:translate(4px)}.divider{border:none;border-top:1px solid var(--border);margin:0}.section--dark .divider{border-top-color:var(--night-border)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.nav{z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f4f2edd6;border:1px solid #0000;border-radius:999px;width:min(100% - 2rem,1240px);margin:0 auto;transition:border-color .25s,box-shadow .25s;position:sticky;top:.75rem}.nav--scrolled{border-color:var(--border);box-shadow:0 10px 35px #10131a14}.nav__inner{justify-content:space-between;align-items:center;height:64px;display:flex}.nav__mark{font-family:var(--font-mono);letter-spacing:.08em;color:var(--ink);font-size:.75rem;font-weight:600;text-decoration:none}.nav__links{gap:1.8rem;display:none}.nav__links a{color:var(--ink-soft);font-size:.82rem;text-decoration:none;transition:color .2s}.nav__links a:hover{color:var(--ink)}.nav__cta{display:none}.nav__toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;width:34px;height:34px;padding:0;display:flex}.nav__toggle span{background:var(--ink);height:1px;transition:transform .2s,opacity .2s;display:block}.nav__mobile{opacity:0;pointer-events:none;z-index:40;background:#f4f2edfa;padding-top:5rem;transition:opacity .2s,transform .2s;position:fixed;inset:0;transform:translateY(-8px)}.nav__mobile--open{opacity:1;pointer-events:auto;transform:translateY(0)}.nav__mobile nav{padding:2.5rem var(--gutter);flex-direction:column;gap:1.5rem;display:flex}.nav__mobile nav a:not(.btn){color:var(--ink);font-family:var(--font-display);font-size:2.2rem;text-decoration:none}.nav__mobile .btn{width:fit-content;margin-top:.5rem}@media (width>=860px){.nav__links{display:flex}.nav__cta{display:inline-flex}.nav__toggle,.nav__mobile{display:none}}.hero{background:radial-gradient(circle at 84% 24%,#3158d41c,#0000 25rem),linear-gradient(#ffffff73,#0000 70%);padding-block:clamp(4.5rem,9vw,7.5rem) clamp(4rem,7vw,6rem);position:relative;overflow:hidden}.hero__inner{grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);align-items:center;gap:clamp(2rem,5vw,5rem);display:grid}.hero__headline{max-width:12ch;color:var(--ink);letter-spacing:-.055em;margin-top:1.3rem;font-size:clamp(3.2rem,6vw,6.5rem);line-height:.98}.hero__headline em{color:var(--accent);font-style:normal}.hero__role{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;margin-top:1.8rem;font-size:.78rem;font-weight:600}.hero__sub{max-width:44rem;color:var(--ink-soft);margin-top:1.35rem;font-size:clamp(1.02rem,1rem + .22vw,1.2rem);line-height:1.72}.hero__cta{flex-wrap:wrap;gap:.75rem;margin-top:2.3rem;display:flex}.hero__control{color:#eef2ff;background:radial-gradient(circle at 78% 18%,#3158d42b,#0000 30%),linear-gradient(145deg,#111722,#080b11);border:1px solid #10131a2e;border-radius:22px;min-height:500px;padding:1.2rem;position:relative;overflow:hidden;box-shadow:0 28px 80px #10131a24}.hero__control-grid{opacity:.7;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:30px 30px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 94%);mask-image:linear-gradient(#000,#0000 94%)}.hero__control-top,.hero__metrics,.hero__control-footer,.hero__architecture{z-index:1;position:relative}.hero__control-top{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:flex-start;padding-bottom:1rem;display:flex}.hero__micro,.hero__layer-label,.hero__sdlc-state,.hero__metrics span,.hero__control-footer,.hero__live{font-family:var(--font-mono);letter-spacing:.09em;text-transform:uppercase;font-size:.58rem}.hero__control-top strong{letter-spacing:.04em;margin-top:.3rem;font-size:.88rem;display:block}.hero__live{color:#aabaff;align-items:center;gap:.4rem;display:flex}.hero__live i{background:#8ca5ff;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #8ca5ff1f}.hero__architecture{padding:1.3rem 0 1rem}.hero__layer{background:#ffffff06;border:1px solid #ffffff1a;border-radius:12px;padding:.8rem}.hero__layer-label{color:#8ca5ff}.hero__nodes{grid-template-columns:repeat(3,1fr);gap:.45rem;margin-top:.6rem;display:grid}.hero__layer--technology .hero__nodes{grid-template-columns:repeat(4,1fr)}.hero__nodes span{text-align:center;font:600 .6rem var(--font-mono);color:#d9def0;border:1px solid #ffffff1c;border-radius:7px;padding:.5rem .35rem}.hero__connector{background:linear-gradient(#5e74c9,#5e74c90d);width:1px;height:18px;margin:auto}.hero__sdlc-head{justify-content:space-between;align-items:center;display:flex}.hero__sdlc-state{color:#737d91}.hero__sdlc{grid-template-columns:repeat(7,1fr);gap:.28rem;margin-top:.6rem;display:grid}.hero__sdlc span{color:#aab2c2;min-height:54px;font:500 .53rem var(--font-mono);border:1px solid #ffffff17;border-radius:7px;flex-direction:column;justify-content:space-between;padding:.45rem;display:flex}.hero__sdlc b{color:#66718a;font-size:.5rem}.hero__sdlc .is-active{color:#eef2ff;background:#4e68d721;border-color:#8ca5ff;box-shadow:inset 0 0 24px #4e68d714}.hero__sdlc .is-active b{color:#8ca5ff}.hero__metrics{grid-template-columns:repeat(4,1fr);gap:.5rem;margin-top:.4rem;display:grid}.hero__metrics div{border-top:1px solid #ffffff1a;padding-top:.65rem}.hero__metrics span{color:#707a8d;display:block}.hero__metrics strong{letter-spacing:-.03em;margin-top:.2rem;font-size:1.1rem;display:block}.hero__control-footer{color:#697489;flex-wrap:wrap;gap:.7rem;margin-top:1.1rem;display:flex}@media (width<=1050px){.hero__inner{grid-template-columns:1fr}.hero__control{max-width:760px}}@media (width<=600px){.hero{padding-top:3.5rem}.hero__headline{font-size:clamp(3rem,14vw,4.4rem)}.hero__control{min-height:470px;padding:.9rem}.hero__nodes span{font-size:.52rem}.hero__layer--technology .hero__nodes{grid-template-columns:repeat(2,1fr)}.hero__sdlc{grid-template-columns:repeat(4,1fr)}.hero__metrics{grid-template-columns:repeat(2,1fr)}}.summary__grid{gap:2.5rem;display:grid}.summary__body p{font-size:var(--step1);color:var(--ink-soft);max-width:42rem;line-height:1.6}.summary__list{border-top:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:0;max-width:42rem;margin:2.5rem 0 0;padding:0;list-style:none;display:grid}.summary__list li{border-bottom:1px solid var(--border);font-family:var(--font-mono);color:var(--ink);padding:.85rem .5rem .85rem 1.1rem;font-size:.85rem;position:relative}.summary__list li:before{content:"";background:var(--accent);border-radius:50%;width:5px;height:5px;position:absolute;top:1.15rem;left:0}.summary__list li:nth-child(odd){padding-right:1.5rem}@media (width>=780px){.summary__grid{grid-template-columns:.9fr 1.1fr}}@media (width<=560px){.summary__list{grid-template-columns:1fr}}.expertise__list{border-top:1px solid var(--border);margin:0;padding:0;list-style:none}.expertise__item{border-bottom:1px solid var(--border);align-items:baseline;gap:1.75rem;padding:1.4rem 0;transition:padding-left .25s;display:flex}.expertise__item:hover{padding-left:.6rem}.expertise__index{font-family:var(--font-mono);color:var(--accent);flex-shrink:0;width:2ch;font-size:.8rem}.expertise__title{font-family:var(--font-display);color:var(--ink);font-size:clamp(1.15rem,1rem + 1vw,1.7rem)}@media (width>=780px){.expertise__list{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.expertise__item{border-right:1px solid var(--border);padding-inline:1.5rem}.expertise__item:nth-child(2n){border-right:none}}.projects__group+.projects__group{margin-top:clamp(4rem,8vw,7rem)}.projects__group-head{grid-template-columns:1fr .75fr;align-items:end;gap:3rem;margin-bottom:1.4rem;display:grid}.projects__group-head h3{max-width:24ch;color:var(--night-ink);letter-spacing:-.035em;margin-top:.7rem;font-size:clamp(1.8rem,1.4rem + 1.2vw,2.7rem)}.projects__group-head>p{color:var(--night-ink-soft);max-width:38rem;line-height:1.7}.projects__grid{background:var(--night-border);border:1px solid var(--night-border);border-radius:20px;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid;overflow:hidden;box-shadow:0 28px 80px #0000002e}.project-card{background:var(--night);color:inherit;grid-template-columns:150px 1fr;gap:1.5rem;padding:clamp(1.3rem,3vw,2rem);text-decoration:none;transition:background .25s,transform .25s;display:grid;position:relative}.project-card:hover{background:var(--night-raised)}.project-card__visual{border:1px solid var(--night-border);background:radial-gradient(circle at 65% 30%,#8ca5ff2e,#0000 38%),linear-gradient(145deg,#111722,#0a0d13);border-radius:12px;align-items:flex-end;min-height:190px;padding:.75rem;display:flex;position:relative;overflow:hidden}.project-card__visual:before{content:"";border:1px solid #8ca5ff59;position:absolute;inset:20% 12% 18%;transform:skewY(-8deg)}.project-card__visual:after{content:"";background:#8ca5ff47;height:1px;position:absolute;top:42%;left:18%;right:18%}.project-card__visual i,.project-card__visual b{background:var(--night-accent);border-radius:50%;width:8px;height:8px;position:absolute;box-shadow:0 0 0 5px #8ca5ff14}.project-card__visual i{top:30%;right:24%}.project-card__visual b{bottom:26%;left:22%}.project-card__visual span{z-index:2;font-family:var(--font-mono);letter-spacing:.08em;color:var(--night-ink-soft);font-size:.55rem;position:relative}.project-card__visual-ui{z-index:2;font:.5rem var(--font-mono);color:#6f7c98;justify-content:space-between;display:flex;position:absolute;top:.65rem;left:.65rem;right:.65rem}.project-card__visual-ui strong{color:#aabaff;font-size:.65rem}.project-card__content{min-width:0}.project-card__top{align-items:flex-start;gap:.7rem;display:flex}.project-card__index{font-family:var(--font-mono);color:var(--night-accent);padding-top:.2rem;font-size:.65rem}.project-card__heading p{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--night-ink-soft);margin:0 0 .35rem;font-size:.58rem}.project-card__heading h3{color:var(--night-ink);letter-spacing:-.035em;font-size:clamp(1.35rem,1.1rem + .7vw,1.9rem)}.project-card__domain{font-family:var(--font-mono);color:var(--night-accent);text-transform:uppercase;letter-spacing:.05em;margin-top:.8rem;font-size:.58rem}.project-card__desc{color:var(--night-ink-soft);margin-top:.8rem;font-size:.9rem;line-height:1.6}.project-card__tech{flex-wrap:wrap;gap:.35rem;margin:.85rem 0 0;padding:0;list-style:none;display:flex}.project-card__tech li{font-family:var(--font-mono);border:1px solid var(--night-border);color:var(--night-ink-soft);border-radius:999px;padding:.3rem .48rem;font-size:.53rem}.project-card__link{font-family:var(--font-mono);color:var(--night-accent);align-items:center;gap:.4rem;margin-top:.9rem;font-size:.62rem;display:inline-flex}.project-card:hover .project-card__link span{transform:translate(3px,-3px)}@media (width<=900px){.projects__grid{grid-template-columns:1fr}.projects__group-head{grid-template-columns:1fr;gap:1rem}}@media (width<=650px){.project-card{grid-template-columns:1fr}.project-card__visual{min-height:150px}}.experience__list{border-top:1px solid var(--border);margin:0;padding:0;list-style:none}.experience__item{border-bottom:1px solid var(--border);gap:1rem;padding:clamp(2rem,4vw,3rem) 0;display:grid}.experience__period{font-family:var(--font-mono);color:var(--accent);font-size:.72rem;font-weight:600}.experience__org{color:var(--ink-faint);margin-top:.45rem;font-size:.8rem}.experience__detail h3{letter-spacing:-.03em;font-size:clamp(1.55rem,1.2rem + 1vw,2.2rem)}.experience__detail ul{color:var(--ink-soft);max-width:48rem;margin:1rem 0 0;padding-left:1.1rem;line-height:1.7}.experience__detail li+li{margin-top:.45rem}.experience__projects{border-top:1px solid var(--border);margin-top:2rem;padding-top:1.25rem}.experience__projects-head{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-faint);justify-content:space-between;gap:1rem;font-size:.65rem;display:flex}.experience__project-grid{grid-template-columns:repeat(2,1fr);gap:.65rem;margin-top:1rem;display:grid}.experience__project{border:1px solid var(--border);color:var(--ink);background:#ffffff52;border-radius:12px;grid-template-columns:2rem 1fr auto;align-items:center;gap:.75rem;padding:1rem;text-decoration:none;transition:transform .2s,border-color .2s,background .2s;display:grid}.experience__project:hover{border-color:var(--accent);background:var(--paper-raised);transform:translateY(-2px)}.experience__project>span{font-family:var(--font-mono);color:var(--accent);font-size:.62rem}.experience__project strong{font-size:.9rem;display:block}.experience__project small{color:var(--ink-faint);margin-top:.25rem;font-size:.72rem;display:block}.experience__project b{color:var(--accent);font-size:1rem;font-weight:400}@media (width>=780px){.experience__item{grid-template-columns:15rem 1fr;gap:3.5rem}}@media (width<=650px){.experience__project-grid{grid-template-columns:1fr}}.ai-tech{background:#eeece6}.ai-tech__grid{align-items:start;gap:3rem;display:grid}.ai-tech__grid h2{letter-spacing:-.04em;max-width:18ch;margin-top:.9rem;font-size:clamp(2.2rem,1.6rem + 2.4vw,3.7rem)}.ai-tech__note{max-width:38rem;color:var(--ink-soft);margin-top:1.6rem;line-height:1.7}.ai-tech__groups{gap:1.6rem;display:grid}.ai-tech__group{border-top:1px solid var(--border-strong)}.ai-tech__group-title{font:600 .65rem var(--font-mono);letter-spacing:.09em;text-transform:uppercase;color:var(--accent);padding:.7rem 0 .25rem}.ai-tech__list{grid-template-columns:1fr 1fr;margin:0;padding:0;list-style:none;display:grid}.ai-tech__list li{font-family:var(--font-mono);border-bottom:1px solid var(--border);color:var(--ink);letter-spacing:.02em;padding:.85rem 0;font-size:.72rem;font-weight:500;transition:padding-left .2s,color .2s}.ai-tech__list li:hover{color:var(--accent);padding-left:.45rem}@media (width>=900px){.ai-tech__grid{grid-template-columns:1.05fr .95fr;gap:6rem}}@media (width<=650px){.ai-tech__list{grid-template-columns:1fr}}.approach__grid{background:var(--night-border);border:1px solid var(--night-border);border-radius:16px;grid-template-columns:1fr;gap:1px;display:grid;overflow:hidden}.approach__card{background:var(--night);min-height:260px;padding:clamp(2rem,4vw,3rem);transition:background-color .25s,transform .25s}.approach__card:hover{background:var(--night-raised)}.approach__index{font-family:var(--font-mono);color:var(--night-accent);font-size:.72rem;font-weight:500}.approach__card h3{color:var(--night-ink);text-transform:capitalize;letter-spacing:-.025em;margin-top:2.5rem;font-size:clamp(1.45rem,1.15rem + .8vw,2rem)}.approach__card p{color:var(--night-ink-soft);margin-top:1rem;line-height:1.65}@media (width>=700px){.approach__grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1100px){.approach__grid{grid-template-columns:repeat(4,1fr)}}.education__grid{gap:2.5rem;display:grid}.education__body{background:var(--border);border-top:1px solid var(--border);border-bottom:1px solid var(--border);gap:1px;display:grid}.education__item{background:var(--paper);padding:clamp(1.5rem,3vw,2.25rem) 0}.education__label{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin:0;font-size:.75rem}.education__item h3{font-size:var(--step2);color:var(--ink);margin-top:.9rem}.education__degree{color:var(--ink-soft);margin-top:.6rem}.education__item--placeholder{border:1px dashed var(--border-strong);flex-direction:column;justify-content:center;padding-inline:1.5rem;display:flex}.education__placeholder-text{color:var(--ink-faint);margin-top:.9rem;font-style:italic}@media (width>=780px){.education__body{grid-template-columns:1fr 1fr}.education__item{padding-inline:2.5rem}.education__item:first-child{padding-left:0}}.education__certification{border-top:1px solid var(--border);max-width:42rem;margin-top:2.5rem;padding-top:2rem}.education__certification .eyebrow{margin-bottom:.8rem}.education__certification h3{font-size:var(--step2);color:var(--ink)}.education__certification p:last-child{color:var(--ink-soft);margin-top:.5rem;line-height:1.6}.contact{background:radial-gradient(circle at 80% 20%, #8ca5ff24, transparent 25rem), var(--night);position:relative;overflow:hidden}.contact__inner{text-align:left}.contact h2{max-width:14ch;color:var(--night-ink);letter-spacing:-.045em;margin-top:1rem;font-size:clamp(2.8rem,2rem + 4vw,5.4rem)}.contact__signature{border-top:1px solid var(--night-border);max-width:32rem;margin-top:3rem;padding-top:1.5rem}.contact__name{font-family:var(--font-display);font-size:var(--step2);color:var(--night-ink)}.contact__title{color:var(--night-ink-soft);font-family:var(--font-mono);letter-spacing:.03em;margin-top:.35rem;font-size:.78rem}.contact__links{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}.contact .btn-primary{background:var(--night-ink);color:var(--night)}.contact .btn-primary:hover{background:var(--night-accent);color:var(--night)}.contact__editable-note{color:var(--night-ink-soft);opacity:.55;margin-top:2.5rem;font-size:.72rem}.contact__editable-note code{font-family:var(--font-mono)}.footer{border-top:1px solid var(--border);padding-block:3rem 2rem}.footer__inner{gap:2rem;display:grid}.footer__name{font-family:var(--font-display);font-size:1.3rem}.footer__title{color:var(--ink-faint);margin-top:.3rem;font-size:.85rem}.footer__nav,.footer__contact{flex-wrap:wrap;gap:1.25rem;display:flex}.footer__nav a,.footer__contact a{color:var(--ink-soft);font-size:.9rem;text-decoration:none}.footer__nav a:hover,.footer__contact a:hover{color:var(--ink)}.footer__copy{border-top:1px solid var(--border);font-family:var(--font-mono);color:var(--ink-faint);margin-top:2.5rem;padding-top:1.5rem;font-size:.75rem}@media (width>=780px){.footer__inner{grid-template-columns:1fr auto auto;align-items:start}}.case__hero{background:var(--night);color:var(--night-ink);padding-block:clamp(3rem,7vw,6rem);overflow:hidden}.case__hero-inner{grid-template-columns:minmax(0,1fr) minmax(300px,.7fr);align-items:center;gap:3rem;display:grid}.case__back{color:var(--night-ink-soft);font-family:var(--font-mono);margin-bottom:2rem;font-size:.75rem;text-decoration:none;display:inline-block}.case__hero h1{letter-spacing:-.05em;max-width:14ch;margin-top:1rem;font-size:clamp(3rem,6vw,6rem)}.case__meta{font-family:var(--font-mono);color:var(--night-ink-soft);flex-wrap:wrap;gap:.8rem;margin-top:1.5rem;font-size:.68rem;display:flex}.case__meta span{border:1px solid var(--night-border);border-radius:999px;padding:.45rem .65rem}.case__visual{border:1px solid var(--night-border);background:radial-gradient(circle at 70% 20%,#8ca5ff26,#0000 40%),#090c12;border-radius:20px;min-height:360px;position:relative;overflow:hidden}.case__visual-grid{background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0}.case__visual-screen{background:#080b11c2;border:1px solid #ffffff1c;border-radius:14px;position:absolute;inset:1rem;overflow:hidden}.case__visual-toolbar{font:.55rem var(--font-mono);color:#8994aa;letter-spacing:.08em;border-bottom:1px solid #ffffff1a;justify-content:space-between;padding:.7rem .8rem;display:flex}.case__visual-toolbar i{background:#8ca5ff;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #8ca5ff14}.case__visual-main{grid-template-columns:105px 1fr;min-height:235px;display:grid}.case__visual-sidebar{border-right:1px solid #ffffff14;align-content:start;gap:.35rem;padding:.7rem;display:grid}.case__visual-sidebar span{font:.5rem var(--font-mono);color:#aab2c2;border:1px solid #ffffff12;border-radius:6px;padding:.45rem .4rem}.case__visual-sidebar b{color:#8ca5ff;margin-right:.35rem}.case__visual-canvas{padding:1rem;position:relative}.case__visual-diagram{background:#ffffff04;border:1px solid #ffffff12;border-radius:8px;height:150px;position:relative}.case__dot{background:#8ca5ff;border-radius:50%;width:10px;height:10px;position:absolute;box-shadow:0 0 0 5px #8ca5ff17}.case__dot--a{top:62%;left:16%}.case__dot--b{top:38%;left:48%}.case__dot--c{top:20%;right:15%}.case__line{transform-origin:0;background:#8ca5ff80;height:1px;position:absolute}.case__line--a{width:34%;top:60%;left:18%;transform:rotate(-18deg)}.case__line--b{width:34%;top:36%;left:51%;transform:rotate(-20deg)}.case__line--c{width:28%;top:40%;left:51%;transform:rotate(16deg)}.case__visual-metrics{flex-wrap:wrap;gap:.4rem;margin-top:.55rem;display:flex}.case__visual-metrics span{font:.48rem var(--font-mono);color:#78849b;border:1px solid #ffffff14;border-radius:999px;padding:.3rem .45rem}.case__visual-caption{color:#aab2c2;font:.55rem var(--font-mono);border-top:1px solid #ffffff1a;padding:.55rem .8rem}.case__body{gap:clamp(3rem,6vw,5rem);padding-block:clamp(4rem,7vw,7rem);display:grid}.case__lead{max-width:52rem}.case__kicker{font:600 .68rem var(--font-mono);letter-spacing:.09em;text-transform:uppercase;color:var(--accent)}.case__block>p:not(.case__kicker){color:var(--ink-soft);margin-top:1rem;font-size:clamp(1.1rem,1rem + .3vw,1.3rem);line-height:1.75}.case__two-col{grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,6rem);display:grid}.case__block ul{color:var(--ink);margin:1rem 0 0;padding-left:1.15rem;line-height:1.75}.case__block li+li{margin-top:.55rem}.case__tech-grid{grid-template-columns:1fr 1fr;gap:3rem;margin-top:1.3rem;display:grid}.case__tech-grid h3{font:600 .68rem var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-faint)}.case__tags{flex-wrap:wrap;gap:.5rem;list-style:none;display:flex;padding:0!important}.case__tags li{border:1px solid var(--border);font:.68rem var(--font-mono);border-radius:999px;padding:.45rem .65rem;margin:0!important}.case__outcome{border:1px solid var(--border);background:#eeece6;border-radius:18px;padding:clamp(2rem,4vw,3rem)}.case__outcome h2{letter-spacing:-.03em;max-width:40ch;margin-top:1rem;font-size:clamp(1.7rem,1.4rem + 1vw,2.5rem)}.case__gallery{grid-template-columns:.8fr 1.2fr;align-items:start;gap:3rem;display:grid}.case__gallery h2{letter-spacing:-.035em;margin-top:.8rem;font-size:clamp(1.7rem,1.3rem + 1vw,2.5rem)}.case__gallery-note{color:var(--ink-soft);margin-top:1rem;line-height:1.65}.case__source{font:.68rem var(--font-mono);color:var(--accent);margin-top:1rem;text-decoration:none;display:inline-block}.case__gallery-grid{grid-template-columns:repeat(2,1fr);gap:.7rem;display:grid}.case__gallery-card{border:1px solid var(--border);background:linear-gradient(145deg,#f8f7f3,#e6e4dd);border-radius:14px;flex-direction:column;justify-content:flex-end;min-height:190px;padding:1rem;display:flex;position:relative;overflow:hidden}.case__gallery-card--2{background:linear-gradient(145deg,#eef1fa,#dfe5f6)}.case__gallery-card--3{background:linear-gradient(145deg,#f3efe7,#e8e1d3)}.case__gallery-card-ui{font:.5rem var(--font-mono);color:var(--ink-faint);justify-content:space-between;display:flex;position:absolute;top:.75rem;left:.8rem;right:.8rem}.case__gallery-card-art{background:#ffffff59;border:1px solid #3158d424;border-radius:9px;height:85px;margin-bottom:.8rem;position:relative;overflow:hidden}.case__gallery-card-art span{transform-origin:0;background:#3158d447;height:1px;position:absolute}.case__gallery-card-art span:first-child{width:42%;top:66%;left:14%;transform:rotate(-18deg)}.case__gallery-card-art span:nth-child(2){width:35%;top:52%;left:47%;transform:rotate(-28deg)}.case__gallery-card-art span:nth-child(3){width:31%;top:54%;left:47%;transform:rotate(18deg)}.case__gallery-card-art i,.case__gallery-card-art b{background:var(--accent);border-radius:50%;width:9px;height:9px;position:absolute;box-shadow:0 0 0 5px #3158d414}.case__gallery-card-art i{top:61%;left:13%}.case__gallery-card-art b{top:17%;right:14%}.case__gallery-card strong{font-size:1rem}.case__gallery-card small{color:var(--ink-faint);margin-top:.25rem;font-size:.75rem}.case__footer-link{padding-bottom:5rem}@media (width<=850px){.case__hero-inner,.case__two-col,.case__tech-grid,.case__gallery{grid-template-columns:1fr}}@media (width<=600px){.case__visual{min-height:280px}.case__gallery-grid{grid-template-columns:1fr}}