.portfolio-home{--home-navy:#102a43;--home-dark:#061421;--home-orange:#f47a32;--home-orange-dark:#b9470d;--home-ink:#132536;--home-muted:#5d6f7f;--home-light:#f2f6f9;--home-line:#d9e2e8;color:var(--home-ink);background:#fff}.portfolio-home .hero{color:#fff;background:radial-gradient(circle at 90% 10%, #f47a3229, transparent 30%), linear-gradient(135deg, var(--home-dark), var(--home-navy));align-items:center;min-height:calc(100vh - 78px);padding:6rem 0 5.5rem;display:grid;position:relative;overflow:hidden}.portfolio-home .hero:before{content:"";opacity:.12;background-image:linear-gradient(#ffffff14 1px,#0000 1px),linear-gradient(90deg,#ffffff14 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0}.portfolio-home .hero-grid{z-index:1;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:center;gap:4rem;display:grid;position:relative}.portfolio-home .hero-copy{max-width:760px;color:inherit;margin:0}.portfolio-home .eyebrow,.portfolio-home .section-kicker,.portfolio-home .capability-label{color:var(--home-orange);text-transform:uppercase;letter-spacing:.16em;margin:0 0 1rem;font-size:.78rem;font-weight:850}.portfolio-home .section-kicker{color:var(--home-orange-dark)}.portfolio-home .section-navy .section-kicker,.portfolio-home .contact-section .section-kicker{color:var(--home-orange)}.portfolio-home .hero h1,.portfolio-home .section-heading h2,.portfolio-home .project-card h3,.portfolio-home .capability-card h3,.portfolio-home .contact-card h2{letter-spacing:-.045em;text-wrap:balance;margin:0;line-height:1.05}.portfolio-home .hero h1{max-width:10.5ch;font-size:clamp(3.6rem,6.5vw,6.5rem)}.portfolio-home .hero h1 span{color:var(--home-orange)}.portfolio-home .hero-lead{color:#ccdae4;max-width:42rem;margin:1.7rem 0 0;font-size:clamp(1.05rem,2vw,1.28rem);line-height:1.75}.portfolio-home .hero-actions,.portfolio-home .contact-actions{flex-wrap:wrap;align-items:center;gap:.9rem;margin-top:2rem;display:flex}.portfolio-home .button{border-radius:.8rem;justify-content:center;align-items:center;min-height:3.15rem;padding:.82rem 1.15rem;font-size:.92rem;font-weight:800;text-decoration:none;transition:transform .16s,border-color .16s,background .16s;display:inline-flex}.portfolio-home .button:hover{transform:translateY(-2px)}.portfolio-home .button-primary{color:#fff;background:var(--home-orange)}.portfolio-home .button-secondary{color:#fff;background:#ffffff0d;border:1px solid #ffffff47}.portfolio-home .system-card{background:linear-gradient(145deg,#ffffff2e,#ffffff0a);border-radius:1.5rem;min-height:34rem;padding:1px;position:relative;overflow:hidden;box-shadow:0 30px 80px #0000003d}.portfolio-home .system-card:before{content:"";backdrop-filter:blur(12px);background:linear-gradient(150deg,#ffffff14,#ffffff06);border-radius:calc(1.5rem - 1px);position:absolute;inset:1px}.portfolio-home .system-card-content{z-index:2;flex-direction:column;min-height:34rem;padding:2rem;display:flex;position:relative}.portfolio-home .system-route{z-index:1;opacity:.13;width:110%;position:absolute;bottom:-1.5rem;right:-5rem}.portfolio-home .system-route path{fill:none;stroke:var(--home-orange);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.portfolio-home .system-route circle{fill:var(--home-orange);stroke:#fff;stroke-width:2px}.portfolio-home .system-kicker{color:#ffae7c;text-transform:uppercase;letter-spacing:.18em;margin:0 0 2rem;font-size:.75rem;font-weight:900}.portfolio-home .system-brand{align-items:center;gap:1rem;display:flex}.portfolio-home .system-brand-mark{color:#fff;background:var(--home-orange);letter-spacing:-.04em;border-radius:1rem 1rem 1rem .3rem;place-items:center;width:4rem;height:4rem;font-size:1.1rem;font-weight:950;display:grid}.portfolio-home .system-brand>span:last-child{line-height:1.05;display:grid}.portfolio-home .system-brand strong{font-size:1.35rem}.portfolio-home .system-brand small{color:#afc3d1;text-transform:uppercase;letter-spacing:.18em;margin-top:.35rem;font-size:.72rem;font-weight:800}.portfolio-home .snapshot-list{gap:0;margin:2rem 0 0;display:grid}.portfolio-home .snapshot-list>div{border-top:1px solid #ffffff1f;padding:1.2rem 0}.portfolio-home .snapshot-list dt{color:#9fb5c5;text-transform:uppercase;letter-spacing:.13em;margin-bottom:.35rem;font-size:.72rem;font-weight:850}.portfolio-home .snapshot-list dd{color:#fff;margin:0;font-weight:800}.portfolio-home .snapshot-list dd span{display:block}.portfolio-home .snapshot-list dd span+span{margin-top:.18rem}.portfolio-home .system-status{color:#c8d7e1;align-items:center;gap:.7rem;margin:auto 0 0;font-size:.82rem;font-weight:750;display:flex}.portfolio-home .system-status span{background:var(--home-orange);border-radius:50%;width:.65rem;height:.65rem;box-shadow:0 0 0 6px #f47a321f}.portfolio-home .section{padding:7rem 0}.portfolio-home .section-light{background:var(--home-light)}.portfolio-home .split-layout{grid-template-columns:.8fr 1.2fr;align-items:start;gap:5rem;display:grid}.portfolio-home .section-heading h2{color:#0b2033;max-width:18ch;font-size:clamp(2.4rem,5vw,4.5rem)}.portfolio-home .section-heading>p:last-child:not(.section-kicker){max-width:45rem;color:var(--home-muted);margin:1.25rem 0 0}.portfolio-home .section-heading.centered{text-align:center;max-width:760px;margin:0 auto 3.5rem}.portfolio-home .section-heading.centered h2,.portfolio-home .section-heading.centered>p:last-child{margin-inline:auto}.portfolio-home .about-copy p{color:var(--home-muted);margin:0}.portfolio-home .about-copy p+p{margin-top:1.2rem}.portfolio-home .about-copy .large-copy{color:var(--home-ink);font-size:clamp(1.25rem,2.5vw,1.65rem);font-weight:650}.portfolio-home blockquote{color:var(--home-navy);border-left:5px solid var(--home-orange);background:#fff;border-radius:0 .9rem .9rem 0;margin:2rem 0 0;padding:1.3rem 1.4rem;font-weight:700}.portfolio-home .project-grid,.portfolio-home .capability-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;display:grid}.portfolio-home .project-card{min-height:29rem;color:var(--home-ink);border:1px solid var(--home-line);background:#fff;border-radius:1.4rem;flex-direction:column;grid-column:auto;padding:1.65rem;transition:transform .18s,border-color .18s;display:flex;box-shadow:0 12px 32px #102a4314}.portfolio-home .project-card:hover{border-color:#f47a3280;transform:translateY(-4px)}.portfolio-home .project-card.featured{color:#fff;background:radial-gradient(circle at 95% 0%, #f47a323d, transparent 30%), var(--home-navy)}.portfolio-home .project-topline{justify-content:space-between;gap:1rem;margin-bottom:4rem;display:flex}.portfolio-home .project-index{color:var(--home-orange);font-size:.78rem;font-weight:900}.portfolio-home .project-status,.portfolio-home .tag-list li{color:#173f5f;background:var(--home-light);border-radius:999px;padding:.4rem .65rem;font-size:.73rem;font-weight:800}.portfolio-home .featured .project-status,.portfolio-home .featured .tag-list li{color:#ffd9c3;background:#ffffff14}.portfolio-home .project-card h3{color:#0b2033;font-size:clamp(1.7rem,3vw,2.4rem)}.portfolio-home .featured h3{color:#fff}.portfolio-home .project-card>p{color:var(--home-muted);margin:1rem 0 0;line-height:1.7}.portfolio-home .featured>p{color:#c8d6e0}.portfolio-home .tag-list{flex-wrap:wrap;gap:.45rem;margin:auto 0 1.4rem;padding:2rem 0 0;list-style:none;display:flex}.portfolio-home .project-card>a,.portfolio-home .project-note{color:#d95f1f;text-underline-offset:.3rem;font-weight:850;text-decoration:underline}.portfolio-home .featured>a{color:#ffb286}.portfolio-home .project-note{color:var(--home-muted);text-decoration:none}.portfolio-home .section-navy{color:#fff;background:radial-gradient(circle at 5% 100%, #f47a3224, transparent 25%), var(--home-dark)}.portfolio-home .section-heading.on-dark h2{color:#fff}.portfolio-home .section-heading.on-dark>p:last-child{color:#b8c8d4}.portfolio-home .capability-grid{margin-top:3rem}.portfolio-home .capability-card{background:#ffffff12;border:1px solid #ffffff26;border-radius:1.4rem;padding:1.6rem}.portfolio-home .capability-card h3{color:#fff;font-size:clamp(1.65rem,3vw,2.3rem)}.portfolio-home .capability-card ul{color:#c2d0da;gap:.75rem;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}.portfolio-home .capability-card li{padding-left:1.3rem;position:relative}.portfolio-home .capability-card li:before{content:"";background:var(--home-orange);border-radius:50%;width:.45rem;height:.45rem;position:absolute;top:.67rem;left:0}.portfolio-home .technology-strip{border:1px solid #ffffff1a;border-radius:1.4rem;flex-wrap:wrap;gap:.65rem;margin-top:1.25rem;padding:1.2rem;display:flex}.portfolio-home .technology-strip span{color:#dce6ed;background:#ffffff0f;border-radius:.55rem;padding:.45rem .68rem;font-size:.78rem;font-weight:750}.portfolio-home .principles-list{margin:0;padding:0;list-style:none}.portfolio-home .principles-list li{border-top:1px solid var(--home-line);grid-template-columns:3rem 1fr;gap:1rem;padding:1.4rem 0;display:grid}.portfolio-home .principles-list li:last-child{border-bottom:1px solid var(--home-line)}.portfolio-home .principles-list li>span{color:#d95f1f;font-size:.78rem;font-weight:900}.portfolio-home .principles-list p{color:var(--home-muted);margin:.35rem 0 0}.portfolio-home .contact-section{background:var(--home-orange);padding:3rem 0}.portfolio-home .contact-card{color:#fff;background:#0b2033;border-radius:2rem;grid-template-columns:1fr auto;align-items:center;gap:2rem;padding:2.7rem;display:grid}.portfolio-home .contact-card h2{font-size:clamp(2.2rem,5vw,4.1rem)}.portfolio-home .contact-card p:last-child{color:#c9d7e1;max-width:46rem;margin:1rem 0 0}.portfolio-home .contact-actions{margin:0}.portfolio-home .reveal{transition:opacity .7s,transform .7s}.portfolio-home .reveal.reveal-pending{opacity:0;transform:translateY(22px)}.portfolio-home .reveal.visible{opacity:1;transform:none}.portfolio-home .delay-1{transition-delay:90ms}@media (width<=960px){.portfolio-home .hero{min-height:auto;padding:5rem 0}.portfolio-home .hero-grid,.portfolio-home .split-layout,.portfolio-home .contact-card{grid-template-columns:1fr}.portfolio-home .hero-grid,.portfolio-home .split-layout{gap:3rem}.portfolio-home .hero-copy{max-width:820px}.portfolio-home .system-card{max-width:720px;min-height:auto}.portfolio-home .system-card-content{min-height:31rem}.portfolio-home .contact-actions{margin-top:.5rem}}@media (width<=760px){.portfolio-home .hero{padding:4rem 0}.portfolio-home .hero h1{font-size:clamp(2.9rem,13vw,4.8rem)}.portfolio-home .system-card-content{min-height:29rem;padding:1.5rem}.portfolio-home .system-route{display:none}.portfolio-home .section{padding:5rem 0}.portfolio-home .project-grid,.portfolio-home .capability-grid{grid-template-columns:1fr}.portfolio-home .project-card{min-height:auto}.portfolio-home .project-topline{margin-bottom:2.75rem}.portfolio-home .tag-list{margin-top:1.5rem}.portfolio-home .contact-card{border-radius:1.4rem;padding:2rem 1.25rem}}@media (width<=480px){.portfolio-home .hero-grid{gap:2.5rem}.portfolio-home .hero-actions,.portfolio-home .contact-actions{flex-direction:column;align-items:stretch}.portfolio-home .button{width:100%}.portfolio-home .system-card-content{min-height:28rem;padding:1.25rem}.portfolio-home .system-brand-mark{width:3.5rem;height:3.5rem}.portfolio-home .system-brand strong{font-size:1.15rem}.portfolio-home .project-card,.portfolio-home .capability-card{padding:1.25rem}}@media (prefers-reduced-motion:reduce){.portfolio-home .reveal{opacity:1!important;transition:none!important;transform:none!important}}
