/* V25 – compact, reusable project templates: standard website and WooCommerce. */
.project-v25{color:#0B2324}
.pv25-hero{padding-top:clamp(46px,5vw,82px);padding-bottom:clamp(65px,6vw,105px)}
.pv25-hero-grid{display:grid;grid-template-columns:minmax(0,.80fr) minmax(0,1.20fr);gap:clamp(55px,7.5vw,140px);align-items:center}
.pv25-hero-copy{min-width:0}.pv25-kicker{color:#758889;font-size:10px;letter-spacing:.17em;font-weight:750;margin-bottom:clamp(36px,4vw,65px)}
.pv25-hero h1{font-size:clamp(76px,8vw,132px);font-weight:550;letter-spacing:-.084em;line-height:.92;margin:0}.pv25-hero h1 .soft{color:#879B9C}
.pv25-lead{font-size:clamp(16px,1.28vw,19px);line-height:1.72;color:#4D6465;max-width:530px;margin-top:clamp(30px,3.4vw,52px)}
.pv25-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.pv25-tags span{padding:9px 14px;border:1px solid #BACACA;border-radius:100px;font-size:11px;color:#2D4748;background:#ffffff30;font-weight:600}
.pv25-back{display:inline-flex;align-items:center;gap:25px;background:#E94B2B;color:#fff;padding:14px 20px;border-radius:100px;margin-top:35px;font-size:13px;font-weight:700;transition:transform .2s,background .2s}.pv25-back:hover{background:#CF3F24;transform:translateY(-2px)}.pv25-back span:last-child{font-size:23px;line-height:1}
.pv25-hero-visual{margin:0;min-width:0}.pv25-hero-visual img{width:100%;aspect-ratio:1304/920;object-fit:cover;border-radius:clamp(24px,2.8vw,44px);box-shadow:0 28px 75px rgba(11,35,36,.12);background:#172324}
.pv25-hero-visual figcaption{display:flex;justify-content:space-between;gap:15px;margin-top:18px;font-size:10px;letter-spacing:.1em;color:#788A8B}
.pv25-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #C5D1D1;border-bottom:1px solid #C5D1D1;margin-top:clamp(55px,5.6vw,90px)}.pv25-meta-item{padding:22px 25px 24px;border-right:1px solid #C5D1D1}.pv25-meta-item:first-child{padding-left:0}.pv25-meta-item:last-child{border-right:0}.pv25-meta-item small{display:block;color:#75898A;font-size:10px;letter-spacing:.11em;font-weight:700;margin-bottom:11px}.pv25-meta-item strong{font-size:14px;font-weight:600}
.pv25-intro,.pv25-preview{padding:clamp(90px,8vw,130px) 0}.pv25-intro{background:#E1E9E9;border-top:1px solid #CFDADA}.pv25-rule{display:flex;justify-content:space-between;gap:30px;color:#76898A;font-size:10px;letter-spacing:.14em;font-weight:700;border-top:1px solid #C3D0D0;padding-top:22px;margin-bottom:clamp(55px,5vw,82px)}
.pv25-intro-grid{display:grid;grid-template-columns:1fr .92fr;gap:clamp(60px,11vw,170px);align-items:start}.pv25-intro h2,.pv25-system h2,.pv25-preview h2{font-size:clamp(47px,5.4vw,85px);font-weight:530;letter-spacing:-.068em;line-height:1.06}.pv25-intro h2 em,.pv25-preview h2 em{font-style:normal;color:#7C9293}.pv25-intro-copy{max-width:600px}.pv25-intro-copy p{font-size:clamp(16px,1.22vw,18px);line-height:1.85;color:#53696A;margin:0 0 25px}
.pv25-system{background:#0B2324;color:#F9FBFB;padding:clamp(92px,8vw,135px) 0}.pv25-system .pv25-rule{color:#8EA2A3;border-color:#365253}.pv25-system-heading{display:grid;grid-template-columns:1.1fr .72fr;gap:clamp(60px,9vw,140px);align-items:end}.pv25-system h2{color:#829B9B}.pv25-system h2 span{color:#fff}.pv25-system-heading>p{font-size:17px;line-height:1.75;color:#AEC2C2;max-width:480px;padding-bottom:7px}
.pv25-features{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:clamp(70px,6vw,100px)}.pv25-feature{border-top:1px solid #365253;padding-top:25px}.pv25-feature>span{font-size:10px;color:#87A0A0;letter-spacing:.12em}.pv25-feature h3{font-size:clamp(21px,2vw,30px);font-weight:520;letter-spacing:-.035em;margin:38px 0 14px}.pv25-feature p{font-size:14px;line-height:1.65;color:#9DB3B3;max-width:340px}
.pv25-preview{background:#E8EEEE}.pv25-preview-grid{display:grid;grid-template-columns:minmax(0,.67fr) minmax(0,1.33fr);gap:clamp(50px,8vw,120px);align-items:center}.pv25-preview-text p{color:#597071;font-size:17px;line-height:1.76;max-width:440px;margin:32px 0 30px}.pv25-preview-text>a{font-size:14px;display:inline-flex;align-items:center;gap:26px;border-bottom:1px solid #92A4A4;padding-bottom:10px}.pv25-preview-text>a span{color:#E94B2B;font-size:24px}
.pv25-browser{background:#F5F7F7;border:1px solid #B5C5C5;border-radius:27px;overflow:hidden;box-shadow:0 35px 95px rgba(11,35,36,.14)}.pv25-browser-top{height:48px;display:flex;align-items:center;gap:14px;padding:0 20px;border-bottom:1px solid #D0DDDD;font-size:10px;color:#6C8182;letter-spacing:.03em}.pv25-browser-dots{display:flex;gap:6px}.pv25-browser-dots i{width:7px;height:7px;border-radius:50%;background:#9FAEAF}.pv25-scroll-mark{margin-left:auto;font-size:18px;color:#E94B2B}
.pv25-browser-scroll{height:clamp(430px,45vw,650px);overflow:auto;overscroll-behavior:contain;scrollbar-color:#9EB1B1 #E2EAEA;scrollbar-width:thin;background:#EDF1F1;display:flex;justify-content:center;align-items:flex-start}.pv25-browser-scroll img{display:block;width:min(100%,500px);height:auto;flex:0 0 auto}.pv25-browser[data-preview="commerce"] .pv25-browser-scroll img{width:100%;max-width:none}
/* Shared CTA appears directly above footer on every service and project detail page. */
.sub-contact-v25{background:#E8EEEE;padding:clamp(85px,8vw,130px) 0 clamp(90px,8vw,130px);border-top:1px solid #C7D3D3}.sub-contact-rule{border-top:1px solid #C7D3D3;padding-top:22px;display:flex;justify-content:space-between;color:#7B8F90;font-size:10px;letter-spacing:.14em;font-weight:700}.sub-contact-grid{display:grid;grid-template-columns:1fr .8fr;gap:clamp(65px,10vw,160px);align-items:end;margin-top:clamp(65px,6vw,100px)}.sub-contact-eyebrow{font-size:10px;letter-spacing:.15em;font-weight:700;color:#809494;margin-bottom:20px}.sub-contact-grid h2{font-size:clamp(72px,9vw,144px);line-height:.92;letter-spacing:-.084em;font-weight:520;color:#0B2324}.sub-contact-copy{padding-bottom:8px}.sub-contact-copy p{font-size:17px;line-height:1.75;color:#526B6C;max-width:430px;margin-bottom:32px}.sub-contact-email{display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:clamp(23px,2.3vw,37px);border-bottom:1px solid #718989;padding-bottom:14px;letter-spacing:-.04em;color:#0B2324}.sub-contact-email span:last-child{font-size:26px;color:#E94B2B}
/* Footer without Budapest, aligned for 3 items. */
.sub-footer{gap:30px}.sub-footer .footer-logo{margin-right:auto}.sub-footer>span{margin-inline:auto}.sub-footer>a:last-child{margin-left:auto}
@media(max-width:1100px){.pv25-hero-grid{grid-template-columns:.88fr 1.12fr;gap:42px}.pv25-hero h1{font-size:clamp(65px,8vw,104px)}.pv25-intro-grid,.pv25-system-heading{gap:55px}.pv25-preview-grid{gap:40px}}
@media(max-width:760px){.pv25-hero{padding-top:40px;padding-bottom:70px}.pv25-hero-grid,.pv25-intro-grid,.pv25-system-heading,.pv25-preview-grid,.sub-contact-grid{grid-template-columns:1fr;gap:42px}.pv25-hero h1{font-size:clamp(70px,16vw,105px)}.pv25-kicker{margin-bottom:34px}.pv25-lead{margin-top:26px}.pv25-meta{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:50px}.pv25-meta-item:nth-child(2){border-right:0}.pv25-meta-item:nth-child(n+3){border-top:1px solid #C5D1D1}.pv25-meta-item:nth-child(3){padding-left:0}.pv25-intro,.pv25-preview,.pv25-system{padding:78px 0}.pv25-intro h2,.pv25-system h2,.pv25-preview h2{font-size:clamp(47px,10vw,70px)}.pv25-rule{margin-bottom:50px}.pv25-features{grid-template-columns:1fr;gap:28px;margin-top:60px}.pv25-feature h3{margin-top:22px}.pv25-browser-scroll{height:500px}.pv25-browser-scroll img{width:min(100%,377px)}.pv25-browser[data-preview="commerce"] .pv25-browser-scroll img{width:100%}.sub-contact-v25{padding:80px 0}.sub-contact-grid{margin-top:60px}.sub-contact-grid h2{font-size:clamp(70px,15vw,110px)}.sub-contact-email{font-size:clamp(22px,5vw,32px)}.sub-contact-rule{font-size:9px}.sub-footer{justify-content:space-between}.sub-footer>span{margin-inline:0}}
@media(max-width:400px){.pv25-meta{grid-template-columns:1fr}.pv25-meta-item{padding:16px 0!important;border-right:0;border-top:1px solid #C5D1D1}.pv25-meta-item:first-child{border-top:0}.pv25-hero h1{font-size:18vw}.pv25-browser-top{padding:0 10px;font-size:9px}}

/* Keep the first line muted and the second line white in the fixed green blocks. */
.pv25-system h2 span[data-hu]:not(.green-second){color:#829B9B}
.pv25-system h2 .green-second{color:#fff}
.pv25-browser[data-preview="website"] .pv25-browser-scroll img{width:min(100%,377px)}
