.portfolio-hero{padding-bottom:75px;position:relative;overflow:hidden}.portfolio-hero h1{z-index:1;font-size:clamp(3rem,6.4vw,6rem);font-weight:600;position:relative}.portfolio-hero-bottom{z-index:1;justify-content:space-between;align-items:end;gap:40px;display:flex;position:relative}.portfolio-hero .intro{max-width:620px;margin:0}.portfolio-index{flex-direction:column;gap:20px;min-width:220px;display:flex}.portfolio-index a{border-bottom:1px solid #ffffff25;gap:18px;padding-bottom:12px;font-size:.8rem;display:flex}.portfolio-index span{color:var(--turquoise);min-width:45px;font-size:.65rem}.portfolio-orbit{inset-inline-end:-180px;pointer-events:none;border:1px solid #00c7ce20;border-radius:50%;width:550px;height:550px;position:absolute;top:35px;box-shadow:0 0 0 50px #00c7ce04,0 0 0 100px #00c7ce03}.portfolio-work{padding:85px 0 100px;scroll-margin-top:25px}.portfolio-feature+.portfolio-feature{margin-top:100px}.feature-heading{align-items:center;gap:28px;margin-bottom:28px;display:flex}.feature-number{letter-spacing:-.08em;color:#a4b8bd;font-family:Manrope,sans-serif;font-size:4rem;font-weight:500;line-height:1}.feature-heading .eyebrow{margin-bottom:8px}.feature-heading h2{margin:0;font-size:clamp(1.8rem,3vw,3rem);font-weight:600}.project-status{border:1px solid #d7e1dc;border-radius:30px;align-items:center;gap:9px;margin-inline-start:auto;padding:10px 15px;font-size:.7rem;display:flex}.project-status i{background:#009c91;border-radius:50%;width:6px;height:6px}.feature-preview{background:#d5e4e7;border-radius:22px;padding:25px;transition:transform .5s,box-shadow .5s;display:block;position:relative;box-shadow:0 25px 60px #06183a0a}.commerce .feature-preview{background:#cceff4}.preview-toolbar{color:#607680;background:#fff;border-radius:10px 10px 0 0;justify-content:space-between;align-items:center;padding:12px 18px;font-size:.6rem;display:flex}.window-dots{gap:5px;display:flex}.window-dots i{background:#c4d5d9;border-radius:50%;width:5px;height:5px}.preview-image{background:var(--navy);border-radius:0 0 10px 10px;overflow:hidden}.preview-image img{width:100%;height:auto;transition:transform .75s cubic-bezier(.2,.7,.2,1);display:block}.feature-preview:hover{transform:translateY(-5px);box-shadow:0 30px 65px #06183a18}.feature-preview:hover img{transform:scale(1.025)}.preview-action{bottom:45px;background:var(--navy);color:#fff;border:1px solid #ffffff30;border-radius:40px;align-items:center;gap:20px;padding:15px 20px;font-size:.8rem;display:flex;position:absolute;inset-inline-end:45px;box-shadow:0 5px 20px #0003}.preview-action b{color:var(--turquoise);font-size:1.2rem;font-weight:400;transition:transform .3s}.feature-preview:hover .preview-action b{transform:translate(3px,-3px)}.feature-summary{grid-template-columns:.55fr 1.2fr .7fr;align-items:start;gap:35px;padding-top:28px;display:grid}.feature-summary>.eyebrow{margin-top:7px;font-size:.62rem}.feature-summary p{color:var(--muted);margin:0;font-size:.88rem}.feature-summary .feature-concept{border-inline-start:2px solid #009eaa;margin-top:14px;padding-inline-start:12px;font-size:.7rem}.feature-expand{justify-content:end;align-items:center;gap:18px;padding-top:7px;font-size:.75rem;display:flex}.feature-expand span{color:#009eaa}.portfolio-personal{background:var(--navy);color:#fff;border-radius:45px 45px 0 0;padding:80px 0 85px;scroll-margin-top:20px}.personal-intro{grid-template-columns:1fr 1fr;align-items:end;gap:20px 70px;margin-bottom:40px;display:grid}.personal-intro>.eyebrow{color:var(--turquoise);grid-column:1/-1;margin:0}.personal-intro h2{margin:0;font-weight:600}.personal-intro>p:last-child{color:#b4c7d0;margin:0;font-size:.9rem}.personal-feature .feature-preview{background:#152c39;border:1px solid #ffffff18;padding:15px}.personal-feature .preview-image{border-radius:12px}.personal-caption{justify-content:space-between;align-items:center;gap:20px;padding-top:25px;display:flex}.personal-caption h3{margin:0;font-size:1.8rem}.personal-caption>span{color:#b4c7d0;border:1px solid #ffffff30;border-radius:30px;padding:10px 15px;font-size:.7rem}.portfolio-next{text-align:center;padding:85px 0}.next-symbol{color:#009eaa;font-size:4rem;line-height:1.3;display:inline-block}.portfolio-next h2{max-width:800px;margin:15px auto 20px;font-size:clamp(2.5rem,5vw,4.2rem);font-weight:600}.portfolio-next p{max-width:550px;color:var(--muted);margin:auto}.portfolio-next .actions{justify-content:center}.feature-reveal{opacity:0;transition:opacity .8s,transform .9s cubic-bezier(.2,.7,.2,1);transform:translateY(35px)}.feature-visible{opacity:1;transform:none}.feature-reveal .preview-image img{transition:transform 1.2s;transform:scale(1.04)}.feature-visible .preview-image img{transform:scale(1)}.feature-visible .feature-preview:hover img{transform:scale(1.025)}.portfolio-lightbox{background:var(--navy);color:#fff;border:1px solid #00c7ce45;border-radius:18px;width:min(1400px,100% - 24px);max-height:calc(100dvh - 24px);padding:20px;overflow:auto}.portfolio-lightbox::backdrop{backdrop-filter:blur(10px);background:#020d24e6}.lightbox-top{justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex}.lightbox-top h2{margin:0;font-size:1.1rem}.preview-close{width:44px;height:44px;color:var(--turquoise);cursor:pointer;background:#ffffff09;border:1px solid #ffffff30;border-radius:50%;font-size:1.8rem}.lightbox-image{border-radius:8px;width:100%;height:auto;display:block}.lightbox-original{text-align:end;color:var(--turquoise);padding-top:18px;font-size:.75rem;display:block}.preview-open{overflow:hidden}@media (width<=900px){.portfolio-hero-bottom{display:block}.portfolio-index{flex-flow:wrap;gap:20px 35px;margin-top:30px}.feature-summary{grid-template-columns:1fr 2fr}.feature-expand{grid-column:2;justify-content:start}.personal-intro{gap:25px 35px}.feature-heading{gap:20px}.feature-number{font-size:3rem}}@media (width<=600px){.portfolio-hero h1{font-size:2.8rem}.portfolio-hero{padding-bottom:50px}.portfolio-work{padding:55px 0 65px}.feature-heading{flex-wrap:wrap;gap:12px 20px}.feature-heading h2{font-size:1.7rem}.feature-heading .eyebrow{font-size:.6rem}.project-status{margin-inline-start:0;font-size:.65rem}.feature-preview{border-radius:14px;padding:10px}.preview-toolbar{padding:9px 12px;font-size:.5rem}.preview-action{justify-content:space-between;margin-top:10px;padding:12px 16px;font-size:.75rem;position:static}.feature-summary{padding-top:23px;display:block}.feature-summary>.eyebrow{margin-bottom:10px}.feature-expand{justify-content:start;margin-top:15px}.portfolio-feature+.portfolio-feature{margin-top:60px}.personal-intro{display:block}.personal-intro .eyebrow,.personal-intro h2{margin-bottom:20px}.portfolio-personal{border-radius:28px 28px 0 0;padding:55px 0}.personal-caption{flex-wrap:wrap;gap:15px}.personal-feature .feature-preview{padding:10px}.portfolio-next{padding:60px 0}.portfolio-lightbox{padding:14px}.portfolio-next .actions{gap:15px}}@media (prefers-reduced-motion:reduce){.feature-reveal{opacity:1;transition:none;transform:none}.feature-preview:hover,.feature-reveal .preview-image img,.feature-visible .feature-preview:hover img,.feature-preview:hover .preview-action b{transform:none}.preview-image img{transition:none}}