/* Scoped to /portfolio; the shared Skillsquared shell and tokens remain intact. */
.portfolio-page{--portfolio-muted:#5b6960;--portfolio-line:rgba(13,23,17,.11);--portfolio-bright:var(--highlight);background:#fff}
.portfolio-page a{text-decoration:none}.portfolio-page h1,.portfolio-page h2,.portfolio-page h3,.portfolio-page h4{margin:0;font-weight:600;letter-spacing:-.045em}.portfolio-page p{margin:0;line-height:1.75}.portfolio-page button{font:inherit;cursor:pointer}.portfolio-page :focus-visible{outline:3px solid var(--brand-light);outline-offset:5px}.portfolio-page [hidden]{display:none!important}.portfolio-page .container-max{max-width:1360px;padding-inline:40px}
.portfolio-eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.13em;font-weight:600}.portfolio-dot{width:7px;height:7px;background:var(--portfolio-bright);border-radius:50%;display:inline-block;flex-shrink:0;box-shadow:0 0 14px #6be38c40}.portfolio-kicker{display:block;color:var(--brand-deep);font-size:11px;text-transform:uppercase;letter-spacing:.16em;font-weight:700}.portfolio-green{color:var(--brand-deep)}
.portfolio-page .portfolio-hero{padding:145px 0 0;background:radial-gradient(ellipse at 80% 48%,#133c2b 0%,transparent 52%),linear-gradient(120deg,#06100b,#0a1a12)!important}.portfolio-hero::after{opacity:.22;background-size:70px 70px}.portfolio-hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:35px;align-items:center;min-height:max(610px,calc(80vh - 145px));padding-bottom:60px}.portfolio-hero-copy{position:relative;z-index:3}.portfolio-hero h1{font-size:clamp(48px,4.9vw,70px);line-height:1.04;margin:25px 0;max-width:640px;letter-spacing:-.055em}.portfolio-hero h1>span{display:block;color:var(--portfolio-bright)}.portfolio-hero-copy>p{font-size:15px;color:#b6c9bf;max-width:560px;line-height:1.8}.portfolio-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.portfolio-button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:54px;padding:16px 23px;border-radius:10px;font-size:14px;font-weight:600;text-align:center;transition:transform .25s,background .25s,box-shadow .25s,border-color .25s}.portfolio-button>span{font-size:21px;transition:transform .25s}.portfolio-button:hover>span{transform:translate(3px,2px)}.portfolio-page .btn-primary.portfolio-button{background:var(--portfolio-bright);color:#082715;box-shadow:0 6px 22px #6be38c10}.portfolio-page .btn-primary.portfolio-button:hover{background:#8bf3a8;box-shadow:0 10px 30px #6be38c25;transform:translateY(-3px)}.portfolio-page .btn-secondary.portfolio-button{background:#ffffff03;border-color:#ffffff30}.portfolio-page .btn-secondary.portfolio-button:hover{background:#ffffff08;border-color:var(--portfolio-bright)}
.portfolio-benefits{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:17px;margin-top:36px;padding-top:26px;border-top:1px solid #ffffff14;max-width:590px}.portfolio-benefits>div{display:flex;align-items:flex-start;gap:9px;min-width:0}.portfolio-benefits i{font-size:14px;color:var(--portfolio-bright);margin-top:3px}.portfolio-benefits strong,.portfolio-benefits small{display:block}.portfolio-benefits strong{font-size:11px;font-weight:600;color:#e3eee7;line-height:1.5}.portfolio-benefits small{font-size:10px;color:#93aa9b;line-height:1.6;margin-top:3px}
.portfolio-collage{position:relative;min-width:0;height:510px;perspective:1100px;margin-top:20px}.portfolio-collage:before{content:'';position:absolute;inset:-10%;background:radial-gradient(ellipse,#52d77f25,transparent 65%);pointer-events:none}.portfolio-collage-orbit{position:absolute;width:90%;aspect-ratio:1;border:1px solid #6be38c12;border-radius:50%;top:-8%;left:6%;transform:rotateX(25deg)}.portfolio-collage-orbit:after{content:'';position:absolute;inset:38px;border:1px dashed #6be38c0e;border-radius:50%}.portfolio-collage-back{position:absolute;width:68%;top:2%;left:27%;transform:rotate(8deg) rotateY(-8deg);opacity:.7}.portfolio-collage-back .portfolio-browser{border-color:#819b8d50}.portfolio-collage-main{position:absolute;width:95%;top:25%;left:-3%;transform:rotate(-5deg) rotateY(-8deg);z-index:2}.portfolio-laptop{position:relative;padding-bottom:12px;min-width:0}.portfolio-laptop>.portfolio-browser{border:7px solid #202925;border-bottom-width:10px;border-radius:12px 12px 5px 5px;box-shadow:0 20px 38px -16px #0006}.portfolio-laptop-base{position:absolute;bottom:0;left:-5%;width:110%;height:14px;background:linear-gradient(#d0d5d2,#a7b0ab 45%,#68756c);border-radius:2px 2px 50% 50%;box-shadow:0 14px 18px -7px #0004}.portfolio-laptop-base:after{content:'';position:absolute;top:0;left:40%;width:20%;height:5px;background:#7d8981;border-radius:0 0 6px 6px}.portfolio-collage .portfolio-browser{box-shadow:0 24px 65px #0006}.portfolio-phone,.portfolio-featured-phone{position:absolute;border:6px solid #1e2822;border-radius:26px;overflow:hidden;background:#1e2822;box-shadow:0 24px 45px #0005}.portfolio-phone:after,.portfolio-featured-phone:after{content:'';position:absolute;top:4px;left:35%;width:30%;height:8px;background:#1e2822;border-radius:20px}.portfolio-phone{right:-1%;bottom:7%;width:27%;z-index:4;transform:rotate(6deg)}.portfolio-phone img,.portfolio-featured-phone img{display:block;width:100%;height:auto}.portfolio-collage-note{position:absolute;top:10%;left:0;z-index:5;display:flex;gap:12px;align-items:center;padding:15px 18px;color:#e2ede6;font-size:12px;line-height:1.5;background:#152e22ee;border:1px solid #8ff4ac30;border-radius:12px;box-shadow:0 12px 35px #0003;transform:rotate(-5deg)}.portfolio-collage-note i{display:grid;place-items:center;width:35px;height:35px;background:#6be38c15;border-radius:9px;color:var(--portfolio-bright);font-size:18px}.portfolio-collage-note strong{display:block;font-size:15px;font-weight:600}.portfolio-showcase-caption{position:absolute;bottom:1%;left:10%;display:flex;align-items:center;gap:8px;color:#9fb8a9;font-size:10px;letter-spacing:.04em}.portfolio-sketch-arrow{position:absolute;top:-7%;left:13%;width:100px;height:90px;color:#a0cbad80;transform:rotate(12deg)}.portfolio-hero-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff15;padding-block:20px;color:#8ca495;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.portfolio-hero-bottom a{color:#c8dacf;display:flex;align-items:center;gap:20px;min-height:30px}.portfolio-hero-bottom a span{font-size:18px;color:var(--portfolio-bright)}
.portfolio-trust{background:#fff;border-bottom:1px solid var(--portfolio-line)}.portfolio-trust>.container-max{display:grid;grid-template-columns:repeat(4,auto);justify-content:space-between;align-items:center;gap:20px;padding-block:23px;font-size:12px;color:#43554a}.portfolio-trust span,.portfolio-trust a{display:flex;align-items:center;gap:10px;min-height:36px}.portfolio-trust i{color:var(--brand-deep);font-size:15px}.portfolio-trust a{color:inherit}.portfolio-trust a:hover{color:var(--brand-deep)}
.portfolio-work{scroll-margin-top:95px;background:#f9fbf9}.portfolio-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:48px}.portfolio-section-heading h2{font-size:clamp(42px,4.7vw,64px);line-height:1.1;margin-top:12px}.portfolio-heading-dot{color:#a5b9ab}.portfolio-section-heading>p{max-width:410px;color:var(--portfolio-muted);font-size:15px}.portfolio-featured-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.portfolio-featured{min-width:0;overflow:hidden;border:1px solid #e7dfdf;border-radius:24px;background:linear-gradient(145deg,#fff9f9,#f4e5ea);box-shadow:0 8px 22px -18px #173b2660;transition:transform .35s,border-color .35s,box-shadow .35s}.portfolio-tone-2{background:linear-gradient(145deg,#fdfbf5,#eee8d9);border-color:#e8e3d9}.portfolio-tone-3{background:linear-gradient(145deg,#f7fbff,#e0edf4);border-color:#dce7ec}.portfolio-tone-4{background:linear-gradient(145deg,#fffdf4,#f3ecd5);border-color:#e9e4d3}.portfolio-tone-5{background:linear-gradient(145deg,#f6fcfa,#deeeea);border-color:#dbe8e4}.portfolio-tone-6{background:linear-gradient(145deg,#fff8fa,#eee0e7);border-color:#e9dfe4}.portfolio-project-info{padding:30px 32px 8px}.portfolio-project-index{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.portfolio-project-index>span:first-child{font:500 15px 'Space Grotesk',sans-serif;color:#7b8d80}.portfolio-project-index>span:last-child{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#4b6253;padding:6px 11px;border:1px solid #18362615;background:#ffffff60;border-radius:999px}.portfolio-project-info h3{font-size:clamp(24px,2.3vw,32px);line-height:1.15}.portfolio-project-info p{font-size:14px;color:var(--portfolio-muted);margin-top:13px;max-width:470px;min-height:49px}.portfolio-project-link{display:inline-flex;align-items:center;gap:15px;min-height:44px;margin-top:12px;color:var(--brand-deep);font-size:13px;font-weight:600}.portfolio-project-link>span[aria-hidden]{font-size:21px;transition:transform .3s}.portfolio-project-link:hover>span[aria-hidden]{transform:translateX(5px)}.portfolio-project-link:hover{color:#104a26}.portfolio-featured-visual{position:relative;padding:28px 52px 38px 32px;min-width:0;margin-top:8px}.portfolio-featured-visual .portfolio-laptop{transform:rotate(-2deg);transition:transform .35s}.portfolio-featured-visual .portfolio-laptop>.portfolio-browser{border-width:6px;border-bottom-width:9px;border-radius:9px 9px 4px 4px}.portfolio-featured-phone{right:23px;bottom:25px;width:22%;max-width:138px;border-width:4px;border-radius:20px;transform:rotate(5deg);transition:transform .35s}.portfolio-featured-phone:after{top:3px;height:6px}
.portfolio-browser{min-width:0;overflow:hidden;border-radius:9px;background:#fff;border:1px solid #0d17111f;box-shadow:0 12px 30px -12px #0b2f2140}.portfolio-browser-bar{height:27px;display:flex;align-items:center;gap:10px;padding:0 10px;background:#f5f7f5;color:#63756a;font-size:8px;border-bottom:1px solid #0d17110d}.portfolio-browser-dots{display:flex;gap:4px}.portfolio-browser-dots i{display:block;width:5px;height:5px;border-radius:50%;background:#c4cfc7}.portfolio-browser-dots i:first-child{background:#dd9c95}.portfolio-browser-dots i:nth-child(2){background:#e0c18d}.portfolio-browser-dots i:nth-child(3){background:#9cbd9f}.portfolio-browser-address{flex:1;text-align:center;padding:3px 8px;background:white;border:1px solid #0d171108;border-radius:4px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.portfolio-browser-screen{aspect-ratio:3/2;overflow:hidden;background:#edf3ef}.portfolio-browser-screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .35s}
.portfolio-more-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin:80px 0 28px}.portfolio-more-heading h3{font-size:34px;margin-top:10px}.portfolio-more-heading .portfolio-project-link{margin:0}.portfolio-more-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;scroll-margin-top:105px}.portfolio-compact{min-width:0;border:1px solid var(--portfolio-line);border-radius:14px;background:#fff;overflow:hidden;transition:transform .3s,box-shadow .3s,border-color .3s}.portfolio-compact-link{display:block;height:100%;color:var(--text-main)}.portfolio-compact .portfolio-browser{border:0;border-radius:0;box-shadow:none}.portfolio-compact .portfolio-browser-bar{display:none}.portfolio-compact .portfolio-browser-screen{aspect-ratio:3/2}.portfolio-compact-info{padding:20px 18px;display:flex;justify-content:space-between;align-items:center;gap:10px}.portfolio-compact-info h4{font-size:16px;line-height:1.35;letter-spacing:-.025em}.portfolio-compact-info div>span{display:block;color:var(--portfolio-muted);font-size:11px;line-height:1.5;margin-top:5px}.portfolio-external{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;border:1px solid var(--portfolio-line);border-radius:50%;font-size:18px;color:#748579;transition:color .3s,background .3s,border-color .3s}.portfolio-more-action{display:flex;flex-direction:column;align-items:center;margin-top:40px;gap:12px}.portfolio-more-action .portfolio-button{background:white;min-width:230px}.portfolio-more-action>p{font-size:12px;color:var(--portfolio-muted)}
.portfolio-section-title{font-size:clamp(38px,4.2vw,56px);line-height:1.13;margin-top:18px!important;max-width:880px}.portfolio-process-heading,.portfolio-solutions-heading{display:flex;align-items:center;justify-content:space-between;gap:40px}.portfolio-process .portfolio-section-title span{color:var(--portfolio-bright)}.portfolio-annotation{font-family:'Space Grotesk',sans-serif;font-size:20px;line-height:1.3;font-style:italic;transform:rotate(-8deg);color:var(--brand-deep);min-width:180px;text-align:center}.portfolio-annotation strong{font-weight:500}.portfolio-annotation>span{display:block;font-size:48px;line-height:1.1;transform:rotate(-15deg);margin-right:50px}.portfolio-process .portfolio-annotation{color:var(--portfolio-bright);padding-right:30px}.portfolio-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:50px}.portfolio-step{position:relative;border:1px solid #ffffff18;border-radius:18px;padding:32px;background:linear-gradient(140deg,#ffffff09,#ffffff03);box-shadow:inset 0 1px #ffffff06}.portfolio-step:not(:last-child):after{content:'→';position:absolute;right:-23px;top:50%;color:#6be38c80;font-size:23px;z-index:2}.portfolio-step-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.portfolio-step-top span{font:500 36px/1 'Space Grotesk',sans-serif;color:var(--portfolio-bright)}.portfolio-step-top i{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:#6be38c0d;color:#97ceaa;font-size:20px}.portfolio-step h3{font-size:24px;letter-spacing:-.03em}.portfolio-step p{color:#adbdB3;margin-top:15px;font-size:14px}
.portfolio-solutions{background:#fff}.portfolio-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:44px}.portfolio-service{border:1px solid var(--portfolio-line);border-radius:22px;padding:40px;background:linear-gradient(135deg,#fff,#f7fbf7)}.portfolio-service>i{display:grid;place-items:center;width:58px;height:58px;border-radius:16px;background:#eaf5ed;color:var(--brand-deep);font-size:24px;margin-bottom:26px}.portfolio-service h3{font-size:30px;line-height:1.2}.portfolio-service p{font-size:15px;color:var(--portfolio-muted);margin-top:18px;max-width:490px}.portfolio-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.portfolio-tags span{font-size:11px;border:1px solid var(--portfolio-line);background:#fff;border-radius:6px;padding:7px 11px;color:#4e6656}.portfolio-service .portfolio-project-link{margin-top:24px}
.portfolio-testimonials{background:#f3f7f4;border-top:1px solid #eaf0eb}.portfolio-testimonial-heading{text-align:center}.portfolio-testimonial-heading .portfolio-section-title{max-width:none}.portfolio-testimonial-carousel{margin-top:44px}.portfolio-testimonial-viewport{overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none}.portfolio-testimonial-viewport::-webkit-scrollbar{display:none}.portfolio-testimonial-grid{display:flex;gap:28px;width:max-content;padding:2px 1px}.portfolio-testimonial{position:relative;flex:0 0 min(530px,calc((100vw - 108px) / 2));scroll-snap-align:start;margin:0;background:#fff;border:1px solid var(--portfolio-line);border-radius:20px;padding:35px 40px;min-height:275px}.portfolio-testimonial-controls{display:flex;justify-content:center;gap:10px;margin-top:26px}.portfolio-testimonial-control{display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--portfolio-line);border-radius:50%;background:#fff;color:var(--brand-deep);transition:background .2s,color .2s,transform .2s}.portfolio-testimonial-control:hover:not(:disabled){background:var(--brand-deep);color:#fff;transform:translateY(-2px)}.portfolio-testimonial-control:disabled{opacity:.4;cursor:not-allowed}.portfolio-quote{display:block;font:600 86px/.85 'Space Grotesk',sans-serif;color:var(--brand-light);height:65px}.portfolio-testimonial blockquote{font:500 21px/1.6 'Space Grotesk',sans-serif;margin:12px 0 26px}.portfolio-testimonial figcaption{display:flex;flex-direction:column;gap:5px;font-size:13px;color:var(--portfolio-muted)}.portfolio-testimonial figcaption strong{color:var(--text-main)}.portfolio-placeholder-label{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#667c6d;padding:5px 8px;border:1px dashed #a9bcb0;border-radius:5px}.portfolio-testimonial-placeholder h3{font-size:23px;letter-spacing:-.03em;margin-top:20px}.portfolio-testimonial-placeholder p{font-size:13px;color:var(--portfolio-muted);margin-top:10px}.portfolio-placeholder-line{height:8px;max-width:120px;background:#ecf2ee;border-radius:6px;margin-top:25px}
.portfolio-page .portfolio-final{background:radial-gradient(ellipse at 82% 60%,#16442d,transparent 57%),#07150d!important;padding-bottom:130px}.portfolio-final-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:center;gap:65px}.portfolio-final h2{font-size:clamp(38px,4.1vw,56px);line-height:1.1;margin-top:25px}.portfolio-final h2 span{color:var(--portfolio-bright)}.portfolio-final p{max-width:530px;margin-top:24px;color:#b5cbbd;font-size:15px}.portfolio-final .portfolio-actions{flex-direction:column;margin:0;gap:12px}.portfolio-final .portfolio-button{min-height:64px;font-size:17px;justify-content:flex-start;padding-inline:25px}.portfolio-final .portfolio-button>span{margin-left:auto}.portfolio-assurances{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:20px;font-size:10px;color:#b6cfbf}
@media(hover:hover){.portfolio-featured:hover{transform:translateY(-6px);border-color:#7faa86;box-shadow:0 22px 40px -24px #0a352a55}.portfolio-featured:hover .portfolio-featured-visual .portfolio-laptop{transform:rotate(-2deg) scale(1.02)}.portfolio-featured:hover .portfolio-featured-phone{transform:rotate(5deg) translateY(-6px)}.portfolio-featured:hover .portfolio-project-link>span[aria-hidden]{transform:translateX(5px)}.portfolio-compact:hover{transform:translateY(-5px);box-shadow:0 18px 30px -17px #0b2f2125;border-color:#99bba1}.portfolio-compact:hover img{transform:scale(1.03)}.portfolio-compact:hover .portfolio-external{color:var(--brand-deep);background:#eef8f0;border-color:#b4d6bd}}
@media(prefers-reduced-motion:no-preference){.portfolio-collage-main{animation:portfolio-float 8s ease-in-out infinite}.portfolio-phone{animation:portfolio-phone-float 9s ease-in-out infinite}.portfolio-reveal.is-observed{opacity:0;translate:0 25px;transition:opacity .65s ease,translate .65s ease;transition-delay:var(--reveal-delay,0ms)}.portfolio-reveal.is-visible{opacity:1;translate:0 0}}
@keyframes portfolio-float{50%{transform:translateY(-6px) rotate(-5deg) rotateY(-8deg)}}@keyframes portfolio-phone-float{50%{transform:translateY(-5px) rotate(6deg)}}
@media(min-width:1024px) and (max-width:1199px){body:has(.portfolio-page) #site-header nav,body:has(.portfolio-page) #site-header .container-max>.hidden{display:none}body:has(.portfolio-page) #menu-toggle{display:flex}body:has(.portfolio-page) #mobile-nav{display:block}}
@media(max-width:1199px){.portfolio-page .container-max{padding-inline:32px}.portfolio-hero-grid{gap:25px;min-height:590px}.portfolio-hero h1{font-size:clamp(46px,5vw,60px)}.portfolio-collage{height:430px}.portfolio-collage-note{font-size:11px;padding:12px}.portfolio-collage-note strong{font-size:13px}.portfolio-benefits{gap:12px}.portfolio-benefits>div{gap:7px}.portfolio-benefits strong{font-size:10px}.portfolio-benefits small{font-size:9px}.portfolio-trust>.container-max{grid-template-columns:repeat(2,1fr);gap:8px 30px;padding-block:18px}.portfolio-trust span:nth-child(even),.portfolio-trust a:last-child{justify-content:flex-end}.portfolio-more-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.portfolio-step{padding:25px}.portfolio-step h3{font-size:22px}.portfolio-final-grid{gap:40px}}
@media(max-width:900px){.portfolio-hero{padding-top:125px}.portfolio-hero-grid{grid-template-columns:1fr;gap:0;min-height:0;padding-bottom:35px}.portfolio-hero-copy{max-width:680px}.portfolio-hero h1{font-size:clamp(48px,7vw,64px)}.portfolio-desktop-break{display:none}.portfolio-collage{width:90%;max-width:630px;height:530px;margin:45px auto 5px}.portfolio-collage-main{top:22%}.portfolio-phone{bottom:7%}.portfolio-hero-copy>p{max-width:630px}.portfolio-benefits{max-width:590px}.portfolio-section-heading{align-items:flex-start;flex-direction:column;gap:20px;margin-bottom:35px}.portfolio-section-heading>p{max-width:550px}.portfolio-featured-list{grid-template-columns:1fr;gap:24px}.portfolio-project-info{padding:26px 25px 8px}.portfolio-project-info h3{font-size:26px}.portfolio-project-info p{font-size:13px;min-height:70px}.portfolio-featured-visual{padding:24px 35px 32px 25px}.portfolio-featured-phone{right:12px;width:23%;border-radius:15px}.portfolio-more-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-steps{gap:18px}.portfolio-step{padding:24px 20px}.portfolio-step:not(:last-child):after{right:-17px}.portfolio-step p{font-size:13px}.portfolio-step h3{font-size:21px}.portfolio-annotation{font-size:16px;min-width:135px}.portfolio-section-title{font-size:42px}.portfolio-service{padding:30px}.portfolio-service h3{font-size:27px}.portfolio-final-grid{grid-template-columns:1fr;gap:35px}.portfolio-final-contact{max-width:520px;width:100%}.portfolio-testimonial{padding:30px;min-height:290px}}
@media(max-width:640px){.portfolio-page .container-max{padding-inline:20px}.portfolio-hero{padding-top:115px}.portfolio-hero h1{font-size:clamp(42px,8.6vw,54px);margin-block:23px}.portfolio-hero-copy>p{font-size:14px}.portfolio-eyebrow{font-size:9px;letter-spacing:.1em}.portfolio-actions{gap:10px}.portfolio-button{font-size:13px;gap:10px;padding-inline:18px}.portfolio-benefits{gap:10px;margin-top:28px;padding-top:23px}.portfolio-benefits>div{flex-direction:column;gap:6px}.portfolio-benefits strong{font-size:10px}.portfolio-benefits small{font-size:9px}.portfolio-benefits i{font-size:15px}.portfolio-collage{width:96%;height:clamp(285px,79vw,490px);margin-top:38px}.portfolio-collage-main{top:27%;width:94%;left:0}.portfolio-collage-back{width:67%;left:28%;top:6%}.portfolio-collage-note{left:0;top:8%;padding:9px 11px;gap:8px;border-radius:9px}.portfolio-collage-note i{width:27px;height:27px;font-size:13px}.portfolio-collage-note span{font-size:9px}.portfolio-collage-note strong{font-size:11px}.portfolio-phone{right:-1%;width:27%;border-width:4px;border-radius:20px;bottom:6%}.portfolio-phone:after{height:6px;top:2px}.portfolio-collage-main .portfolio-browser{border-width:5px;border-bottom-width:7px;border-radius:8px 8px 3px 3px}.portfolio-laptop-base{height:10px;bottom:3px}.portfolio-showcase-caption{font-size:8px;left:4%;bottom:0}.portfolio-sketch-arrow{display:none}.portfolio-hero-bottom{font-size:8px;letter-spacing:.08em;gap:20px;padding-block:14px}.portfolio-trust>.container-max{gap:8px 16px;padding-block:18px;font-size:10px}.portfolio-trust span,.portfolio-trust a{gap:7px;line-height:1.6;justify-content:flex-start!important;overflow-wrap:anywhere}.portfolio-trust i{font-size:13px;flex-shrink:0}.portfolio-trust a:nth-child(3){font-size:9px}.portfolio-section-heading h2{font-size:46px}.portfolio-section-heading>p{font-size:14px}.portfolio-featured-list{grid-template-columns:1fr;gap:24px}.portfolio-featured{border-radius:21px}.portfolio-project-info{padding:28px 26px 0}.portfolio-project-info h3{font-size:28px}.portfolio-project-info p{min-height:0;font-size:14px}.portfolio-featured-visual{padding:27px 45px 36px 26px}.portfolio-more-heading{margin-top:55px;gap:15px}.portfolio-more-heading h3{font-size:29px}.portfolio-more-heading .portfolio-project-link{font-size:11px;gap:8px}.portfolio-more-heading .portfolio-kicker{font-size:9px}.portfolio-more-grid{gap:14px}.portfolio-compact-info{padding:16px 13px;gap:6px;align-items:flex-start}.portfolio-compact-info h4{font-size:14px}.portfolio-compact-info div>span{font-size:10px}.portfolio-external{width:23px;height:23px;font-size:15px}.portfolio-section-title{font-size:clamp(34px,7.7vw,44px)}.portfolio-process-heading,.portfolio-solutions-heading{align-items:flex-start;flex-direction:column;gap:20px}.portfolio-annotation{align-self:flex-end;min-width:0;font-size:15px;padding-right:20px!important;margin-top:-5px}.portfolio-annotation>span{font-size:32px;margin-right:30px}.portfolio-process-heading .portfolio-annotation{display:none}.portfolio-steps{grid-template-columns:1fr;gap:18px;margin-top:35px}.portfolio-step{padding:28px}.portfolio-step-top{margin-bottom:25px}.portfolio-step h3{font-size:25px}.portfolio-step p{font-size:14px}.portfolio-step:not(:last-child):after{display:none}.portfolio-services{grid-template-columns:1fr;gap:20px;margin-top:30px}.portfolio-service{padding:29px}.portfolio-service h3{font-size:28px}.portfolio-service p{font-size:14px}.portfolio-tags span{font-size:10px}.portfolio-solutions-heading .portfolio-section-title br{display:none}.portfolio-testimonial-carousel{margin-top:30px}.portfolio-testimonial-grid{gap:20px}.portfolio-testimonial{flex-basis:calc(100vw - 72px);padding:30px;min-height:265px}.portfolio-testimonial-heading{text-align:left}.portfolio-testimonial-placeholder h3{font-size:22px}.portfolio-final h2{font-size:clamp(36px,8vw,46px)}.portfolio-final h2 br{display:none}.portfolio-final p{font-size:14px}.portfolio-final .portfolio-button{font-size:16px}.portfolio-page .portfolio-final{padding-bottom:90px}.portfolio-browser-bar{height:23px;font-size:7px;padding-inline:7px;gap:6px}.portfolio-browser-dots i{width:4px;height:4px}}
@media(max-width:480px){.portfolio-hero .portfolio-actions{flex-direction:column}.portfolio-hero .portfolio-button{width:100%}}
@media(max-width:380px){.portfolio-page .container-max{padding-inline:16px}.portfolio-hero h1{font-size:40px}.portfolio-hero .portfolio-actions{flex-direction:column}.portfolio-hero .portfolio-button{width:100%}.portfolio-benefits{gap:8px}.portfolio-benefits strong{font-size:9px}.portfolio-benefits small{font-size:8px}.portfolio-collage{height:275px}.portfolio-trust>.container-max{gap:8px 10px;font-size:9px}.portfolio-trust a:nth-child(3){font-size:8px}.portfolio-more-grid{grid-template-columns:1fr}.portfolio-compact-info{padding:20px}.portfolio-compact-info h4{font-size:18px}.portfolio-compact-info div>span{font-size:12px}.portfolio-more-heading{align-items:flex-start;flex-direction:column;gap:8px}.portfolio-project-info{padding-inline:22px}.portfolio-project-info h3{font-size:26px}.portfolio-featured-visual{padding-left:22px}.portfolio-assurances{font-size:9px}}
@media(prefers-reduced-motion:reduce){.portfolio-page *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.portfolio-reveal{opacity:1!important;translate:none!important;transform:none!important}html:has(.portfolio-page){scroll-behavior:auto}}
body:has(.portfolio-page) #mobile-nav:not(.open){visibility:hidden}body:has(.portfolio-page) #menu-toggle{min-width:44px;min-height:44px}body:has(.portfolio-page) .nav-link[aria-current="page"]::after{width:100%}body:has(.portfolio-page) .portfolio-browser-screen noscript+img[data-src]{color:transparent}