.brand-logo{display:block;width:auto;height:46px;max-width:180px;object-fit:contain;object-position:left center}.portfolio-hero{padding:180px 0 100px;background:linear-gradient(115deg,#eef5ff 0%,#f8fafc 52%,#e6f3ee 100%)}.portfolio-hero-content{max-width:800px}.portfolio-hero h1{max-width:10ch;color:var(--navy);font-size:clamp(3.4rem,6vw,6.4rem)}.portfolio-hero p:not(.kicker){max-width:58ch;margin:24px 0 33px;color:var(--muted);font-size:1.14rem}.portfolio-list{padding:90px 0 120px;background:var(--white)}.portfolio-intro{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:64px}.portfolio-intro p{max-width:47ch;color:var(--muted);font-size:1.05rem}.portfolio-intro span{color:var(--blue);font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.portfolio-project{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);align-items:center;gap:clamp(36px,7vw,100px);padding:64px 0;border-top:1px solid var(--line)}.portfolio-project:last-child{border-bottom:1px solid var(--line)}.project-reverse .project-preview{grid-column:2}.project-reverse .project-details{grid-column:1;grid-row:1}.project-preview{height:clamp(330px,42vw,510px);overflow:hidden;border:1px solid var(--line);background:#eaf0f5;box-shadow:0 15px 35px rgba(7,27,51,.08)}.project-preview iframe{display:block;width:200%;height:200%;border:0;transform:scale(.5);transform-origin:top left;pointer-events:none}.project-details>span{color:var(--blue);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.project-details h2{margin:14px 0;color:var(--navy);font-size:clamp(2rem,3.2vw,3.25rem)}.project-details p{max-width:31ch;color:var(--muted);font-size:1.02rem}.project-link{display:inline-flex;gap:10px;align-items:center;margin-top:28px;padding-bottom:4px;border-bottom:1px solid var(--navy);color:var(--navy);font-size:.88rem;font-weight:700}.project-link:hover{border-color:var(--blue);color:var(--blue)}.portfolio-cta{padding:90px 0;background:var(--navy);color:white}.portfolio-cta .container{display:flex;align-items:end;justify-content:space-between;gap:40px}.portfolio-cta .kicker{color:#68d6b8}.portfolio-cta h2{max-width:12ch;font-size:clamp(2.5rem,4.5vw,4.8rem)}.button-light{background:white;color:var(--navy)}@media(max-width:800px){.brand-logo{height:38px;max-width:145px}.portfolio-hero{padding:120px 0 68px}.portfolio-hero h1{font-size:clamp(2.8rem,12vw,4.7rem)}.portfolio-list{padding:60px 0 80px}.portfolio-intro{display:block;margin-bottom:30px}.portfolio-intro span{display:block;margin-top:14px}.portfolio-project,.project-reverse{display:flex;flex-direction:column;align-items:stretch;gap:25px;padding:42px 0}.project-reverse .project-preview,.project-reverse .project-details{display:block}.project-preview{height:280px}.project-details h2{font-size:2.2rem}.portfolio-cta{padding:65px 0}.portfolio-cta .container{align-items:flex-start;flex-direction:column}.portfolio-cta h2{font-size:clamp(2.45rem,10vw,3.6rem)}}