.portfolio-site{--project-accent:#31533b;color:#181a17;background:#f5f4ef;min-height:100vh;font-family:Manrope,Arial,sans-serif}.project-header{z-index:5;border-bottom:1px solid #1b1e191c;grid-template-columns:1fr auto 1fr;align-items:center;height:82px;padding:0 clamp(20px,5vw,76px);display:grid;position:relative}.project-header .back{color:#686c65;align-items:center;gap:8px;font-size:.8rem;display:flex}.project-header .back svg{width:16px}.project-brand{letter-spacing:.08em;font-size:1.15rem;font-weight:800}.project-header nav{justify-content:flex-end;gap:30px;font-size:.82rem;display:flex}.project-menu{display:none}.project-hero{grid-template-columns:48% 52%;min-height:680px;display:grid}.hero-project-copy{flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(70px,10vw,140px) clamp(25px,7vw,110px);display:flex}.hero-project-copy>span,.section-intro>span,.project-about>div>span,.project-contact span{letter-spacing:.14em;color:var(--project-accent);font-size:.72rem;font-weight:750}.hero-project-copy h1{letter-spacing:-.065em;margin:24px 0 30px;font-size:clamp(3.7rem,6vw,7rem);font-weight:560;line-height:.98}.hero-project-copy p{color:#5c625a;max-width:540px;font-size:1.05rem;line-height:1.8}.project-cta{background:var(--project-accent);color:#fff;border-radius:2px;align-items:center;gap:34px;min-height:56px;margin-top:34px;padding:0 22px;font-weight:700;display:inline-flex}.project-cta svg,.project-contact>a svg{width:19px}.hero-project-image{position:relative;overflow:hidden}.hero-project-image img{object-fit:cover;width:100%;height:100%}.hero-project-image>span{letter-spacing:.08em;background:#f5f4efe8;padding:9px 12px;font-size:.62rem;position:absolute;bottom:18px;right:20px}.project-metrics{border-block:1px solid #1b1e191c;grid-template-columns:repeat(3,1fr);padding:0 clamp(20px,5vw,76px);display:grid}.project-metrics>div{border-right:1px solid #1b1e191c;flex-direction:column;padding:34px clamp(20px,4vw,55px);display:flex}.project-metrics>div:last-child{border:0}.project-metrics strong{letter-spacing:-.04em;font-size:2rem}.project-metrics span{color:#686c65;margin-top:5px;font-size:.8rem}.project-section{padding:110px clamp(20px,6vw,90px)}.section-intro{grid-template-columns:1fr 2fr;align-items:start;gap:30px;margin-bottom:60px;display:grid}.section-intro h2,.project-about h2,.project-contact h2{letter-spacing:-.055em;max-width:850px;font-size:clamp(2.4rem,4vw,4.8rem);font-weight:550;line-height:1.06}.service-list{border-top:1px solid #1b1e1930;grid-template-columns:repeat(3,1fr);display:grid}.service-list article{border-right:1px solid #1b1e1930;min-height:310px;padding:34px 32px 42px;position:relative}.service-list article:last-child{border:0}.service-list article>span{color:#7b8077;font-size:.75rem}.service-icon{background:var(--project-accent);color:#fff;border-radius:50%;place-items:center;width:46px;height:46px;margin:38px 0;display:grid}.service-icon svg{width:20px}.service-list h3{margin-bottom:14px;font-size:1.4rem}.service-list p{color:#666b63;max-width:330px;font-size:.95rem;line-height:1.75}.service-arrow{width:18px;position:absolute;bottom:38px;right:28px}.project-about{color:#f3f2ec;background:#1b1d19;grid-template-columns:1fr 1fr;display:grid}.about-visual{background:var(--project-accent);flex-direction:column;justify-content:center;align-items:center;gap:28px;min-height:570px;display:flex}.about-visual svg{stroke-width:1px;width:105px;height:105px}.about-visual span{letter-spacing:.1em;font-size:2rem;font-weight:800}.project-about>div:last-child{padding:clamp(55px,8vw,110px)}.project-about h2{margin:25px 0}.project-about p{color:#bdc1b8;max-width:620px;font-size:1rem;line-height:1.8}.project-about ul{gap:14px;margin-top:35px;display:grid}.project-about li{align-items:center;gap:12px;font-size:.9rem;display:flex}.project-about li svg{width:17px;color:var(--project-accent)}.project-testimonial{text-align:center;padding:110px 25px}.project-testimonial>svg{width:32px;color:var(--project-accent);margin:auto}.project-testimonial blockquote{letter-spacing:-.045em;max-width:950px;margin:30px auto;font-size:clamp(2rem,3.5vw,4rem);font-weight:520;line-height:1.2}.project-testimonial p{color:#6a6f66;font-size:.82rem}.project-contact{background:var(--project-accent);color:#fff;grid-template-columns:1fr auto;align-items:end;gap:40px;padding:90px clamp(25px,7vw,110px);display:grid}.project-contact span{color:#ffffffb5}.project-contact h2{max-width:750px;margin-top:22px}.project-contact>a{color:#181a17;background:#fff;align-items:center;gap:28px;padding:18px 22px;font-weight:750;display:flex}.project-contact>p{color:#ffffffb8;grid-column:1/-1;align-items:center;gap:8px;font-size:.8rem;display:flex}.project-contact>p svg{width:16px}.project-footer{align-items:center;gap:35px;padding:32px clamp(25px,5vw,76px);display:flex}.project-footer strong{letter-spacing:.08em}.project-footer span{color:#777c73;margin-right:auto;font-size:.78rem}.project-footer a{font-size:.78rem;text-decoration:underline}.pulse{color:#f2f4ed;background:#111310}.pulse .project-header,.pulse .project-metrics,.pulse .project-metrics>div,.pulse .service-list,.pulse .service-list article{border-color:#ffffff1c}.pulse .project-header .back,.pulse .hero-project-copy p,.pulse .project-metrics span,.pulse .service-list p{color:#a8afa0}.pulse .hero-project-image img{filter:saturate(.8)contrast(1.08)}.pulse .project-section{background:#171a15}.pulse .project-testimonial{background:#111310}.pulse .project-about{color:#181a17;background:#eef0e8}.pulse .project-about p{color:#62685d}.pulse .project-about li svg{color:#546d28}.forma{color:#24201c;background:#ece8df}.forma .project-brand{letter-spacing:.2em;font-weight:500}.forma .hero-project-image img{filter:saturate(.75)}.forma .project-cta{border-radius:0}.forma .about-visual{background:#b86a3f}.viva{color:#25402d;background:#f6f3ea}.viva .project-header{background:#f6f3ea}.viva .hero-project-image img{object-position:55% 28%}.viva .project-brand{color:#31533b}.viva .service-list article{background:#fbfaf5}.viva .project-about{color:#25402d;background:#e4eadf}.viva .project-about p{color:#526357}.viva .about-visual{color:#fff;background:#31533b}@media (max-width:800px){.project-header{grid-template-columns:1fr auto}.project-header .back,.project-header nav{display:none}.project-menu{justify-self:end;display:block}.project-hero{grid-template-columns:1fr}.hero-project-copy{padding:70px 25px}.hero-project-copy h1{font-size:3.6rem}.hero-project-image{height:480px}.project-metrics{padding:0 20px}.project-metrics>div{padding:25px 12px}.project-metrics strong{font-size:1.45rem}.section-intro,.service-list{grid-template-columns:1fr}.service-list article{border-bottom:1px solid #1b1e1930;border-right:0;min-height:260px}.project-about{grid-template-columns:1fr}.about-visual{min-height:350px}.project-contact{grid-template-columns:1fr;align-items:start}.project-contact>p{grid-column:1}.project-contact>a{justify-self:start}.project-footer{flex-direction:column;align-items:flex-start;gap:12px}.project-footer span{margin:0}}@media (max-width:520px){.project-header{height:70px}.hero-project-copy h1{font-size:3rem}.hero-project-copy p{font-size:1rem}.hero-project-image{height:390px}.project-metrics{grid-template-columns:1fr}.project-metrics>div{border-bottom:1px solid #1b1e191c;border-right:0}.project-section{padding-block:75px}.section-intro{margin-bottom:35px}.section-intro h2,.project-about h2,.project-contact h2{font-size:2.35rem}.service-list article{padding-inline:10px}.project-about>div:last-child{padding:55px 25px}.project-testimonial{padding-block:75px}.project-testimonial blockquote{font-size:2rem}}
