.works-page{--wp-navy:var(--brand);color:var(--ink);background:#fff}.wp-eyebrow{letter-spacing:.22em;text-transform:uppercase;margin-bottom:12px;font-size:.875rem;font-weight:700;line-height:1.5}.wp-eyebrow-red{color:var(--accent)}.wp-hero{isolation:isolate;color:#fff;background:var(--wp-navy);position:relative;overflow:hidden}.wp-hero-photo,.wp-hero-shade{position:absolute;inset:0}.wp-hero .wp-hero-photo{aspect-ratio:auto;position:absolute;inset:0}.wp-hero .wp-hero-photo img{object-position:center 40%}.wp-hero-shade{background:linear-gradient(90deg, rgb(var(--brand-rgb) / .95), rgb(var(--brand-rgb) / .86) 34%, rgb(var(--brand-rgb) / .32) 54%, transparent 82%), linear-gradient(0deg, rgb(var(--brand-rgb) / .35), transparent 70%)}.wp-hero-inner{z-index:2;padding-block:58px 64px;position:relative}.wp-hero h1{margin-bottom:14px;font-size:clamp(3.9rem,6vw,6rem);line-height:.98}.wp-hero h2{letter-spacing:-.025em;max-width:580px;font-size:clamp(1.8rem,2.7vw,2.8rem);line-height:1.07}.wp-hero h2 em{color:var(--accent)}.wp-hero-description{max-width:535px;margin-top:18px;line-height:1.5}.wp-hero-actions{flex-wrap:wrap;gap:14px;margin-top:24px;display:flex}.wp-hero .button{min-height:48px;padding:12px 18px;font-size:.9375rem}.wp-button-outline{color:#fff;background:rgb(var(--brand-rgb) / .38);border-color:#ffffffa6}.wp-button-outline:hover{background:#ffffff1a}.wp-portfolio{padding-block:42px 48px;scroll-margin-top:85px}.wp-intro{grid-template-columns:1fr 1fr;align-items:center;gap:48px;margin-bottom:28px;display:grid}.wp-intro h2{max-width:590px;font-size:clamp(1.9rem,2.8vw,2.75rem);line-height:1.07}.wp-intro>p{color:var(--muted);line-height:1.5}.wp-project-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:24px;display:grid}.wp-project-card{border:1px solid var(--line);min-width:0;box-shadow:0 3px 12px rgb(var(--brand-rgb) / .04);background:#fff;border-radius:5px;flex-direction:column;scroll-margin-top:105px;display:flex;overflow:hidden}.wp-cover{position:relative}.wp-cover-trigger{width:100%;color:inherit;text-align:inherit;cursor:zoom-in;background:0 0;border:0;padding:0;display:block}.wp-cover-trigger:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.wp-gallery-controls{z-index:3;pointer-events:none;justify-content:space-between;align-items:center;padding:0 8px;display:flex;position:absolute;inset:0}.wp-gallery-nav{color:#fff;opacity:.68;text-shadow:0 1px 5px #00000080;pointer-events:auto;background:0 0;border:0;border-radius:0;place-items:center;width:40px;height:56px;padding:0;transition:color .2s,opacity .2s,transform .2s;display:grid}.wp-gallery-nav:hover{color:#fff;opacity:1;background:0 0;transform:scale(1.12)}.wp-gallery-nav:focus-visible{outline-offset:-2px;opacity:1;outline:2px solid #fff}.wp-gallery-chevron{width:28px;height:28px}.wp-photo{aspect-ratio:16/9;background:var(--surface);position:relative;overflow:hidden}.wp-photo img{object-fit:cover;object-position:center}.wp-photo:after{content:"";z-index:1;aspect-ratio:3;opacity:.18;pointer-events:none;background:url(/diupav-logo.webp) 50%/contain no-repeat;width:30%;max-width:220px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wp-hero-photo:after{display:none}.wp-lightbox{z-index:100;background:#040a18eb;place-items:center;padding:clamp(18px,4vw,52px);display:grid;position:fixed;inset:0}.wp-lightbox-photo{aspect-ratio:auto;background:0 0;width:min(92vw,1200px);height:min(86vh,780px)}.wp-lightbox-photo:after{opacity:.2;width:30%;max-width:320px;display:block}.wp-lightbox-photo img{object-fit:contain}.wp-lightbox-nav,.wp-lightbox-close{z-index:2;color:#fff;background:#040a187a;border:1px solid #ffffff6b;place-items:center;padding:0;transition:background .2s,border-color .2s,transform .2s;display:grid;position:fixed;box-shadow:0 8px 24px #0003}.wp-lightbox-nav{border-radius:4px;width:52px;height:68px;top:50%;transform:translateY(-50%)}.wp-lightbox-prev{left:clamp(12px,3vw,42px)}.wp-lightbox-next{right:clamp(12px,3vw,42px)}.wp-lightbox-nav:hover,.wp-lightbox-close:hover{background:#0021fbc7;border-color:#fff}.wp-lightbox-nav:active{transform:translateY(-50%)scale(.96)}.wp-lightbox-nav .wp-gallery-chevron{width:30px;height:30px}.wp-lightbox-close{border-radius:50%;width:42px;height:42px;font-size:2rem;font-weight:300;line-height:1;top:clamp(12px,3vw,32px);right:clamp(12px,3vw,38px)}:is(.wp-lightbox-close:focus-visible,.wp-lightbox-nav:focus-visible){outline:3px solid var(--accent);outline-offset:3px}.wp-card-body{flex-direction:column;flex:1;padding:0 18px 18px;display:flex}.wp-card-body h3{color:#263452;text-align:center;letter-spacing:-.01em;justify-content:center;align-items:center;min-height:4.2rem;margin-top:18px;font-size:clamp(1.05rem,1.35vw,1.22rem);font-weight:700;line-height:1.2;display:flex}.wp-card-body>p:not(.wp-sr-only){min-height:3rem;color:rgb(var(--brand-rgb) / .78);margin-top:7px;line-height:1.45}.wp-thumbnail-carousel{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px;padding-top:14px;display:grid}.wp-thumbnail-nav{width:30px;height:38px;color:var(--brand);opacity:.68;background:0 0;border:0;place-items:center;padding:0;display:grid}.wp-thumbnail-nav:hover{color:var(--accent);opacity:1;background:0 0}.wp-thumbnail-nav:focus-visible{outline:2px solid var(--brand);outline-offset:-2px;opacity:1}.wp-thumbnail-nav .wp-gallery-chevron{width:21px;height:21px}.wp-thumbnails{overscroll-behavior-inline:contain;scrollbar-width:none;flex-wrap:nowrap;gap:10px;min-width:0;display:flex;overflow-x:auto}.wp-thumbnails::-webkit-scrollbar{display:none}.wp-thumbnails button{background:#fff;border:2px solid #0000;border-radius:3px;flex:0 0 clamp(82px,22%,148px);min-width:0;padding:0;overflow:hidden}.wp-thumbnails button:hover{border-color:#8094ab}.wp-thumbnails button[aria-pressed=true]{border-color:var(--accent)}.wp-sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.wp-contact{color:#fff;background:linear-gradient(90deg, rgb(var(--brand-rgb) / .95), rgb(var(--brand-rgb) / .86)), url(/images/hero-real-services.webp) center / cover;padding-block:40px}.wp-contact-inner{justify-content:space-between;align-items:center;gap:30px;display:flex}.wp-contact h2{font-size:clamp(1.9rem,3vw,2.7rem)}.wp-contact h2+p{color:#e4edf7;margin-top:9px}.wp-whatsapp{color:#fff;background:var(--accent);flex-shrink:0}.wp-whatsapp:hover{background:var(--accent-strong)}.wp-whatsapp .whatsapp-icon{filter:brightness(0)invert();width:30px;height:30px}@media (max-width:980px){.wp-contact-inner{flex-direction:column;align-items:flex-start}}@media (max-width:760px){.wp-hero-inner{padding-block:44px 48px}.wp-hero h2{max-width:500px}.wp-hero-shade{background:linear-gradient(90deg, rgb(var(--brand-rgb) / .94), rgb(var(--brand-rgb) / .75) 75%, rgb(var(--brand-rgb) / .58))}.wp-intro{grid-template-columns:1fr;gap:16px}.wp-project-grid{grid-template-columns:1fr;gap:22px}.wp-card-body>p:not(.wp-sr-only){min-height:0}.wp-portfolio{padding-block:32px 36px}.wp-thumbnail-carousel{gap:2px}.wp-thumbnails{gap:8px}.wp-card-body{padding:0 14px 16px}.wp-card-body h3{min-height:4.2rem;font-size:1.1rem}.wp-whatsapp{gap:12px;padding-inline:14px;font-size:.9375rem}}
