@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap');
.dwpc{--dwpc-white:#f5f5f5;background:#080808;color:var(--dwpc-white);width:100vw;max-width:none;position:relative;left:50%;margin-left:-50vw;padding:clamp(58px,7vw,94px) 0 clamp(42px,5vw,68px);overflow:hidden;isolation:isolate;font-family:inherit}
.dwpc *{box-sizing:border-box}.dwpc button,.dwpc a{font:inherit}.dwpc a{color:inherit;text-decoration:none}.dwpc__wrap{width:min(1440px,calc(100% - 72px));margin:auto}.dwpc__header{display:flex;justify-content:space-between;align-items:flex-end;gap:36px;margin-bottom:clamp(28px,4vw,46px)}.dwpc__eyebrow{display:inline-flex;align-items:center;gap:9px;color:#d0d0d0;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.dwpc__eyebrow i{width:6px;height:6px;border-radius:50%;background:#c9c9c9;display:inline-block}.dwpc__heading h2{font-family:var(--dw-font);font-size:clamp(38px,4.3vw,62px);font-weight:650;line-height:.99;letter-spacing:-.06em;margin:17px 0 0;color:#f5f5f5}.dwpc__heading h2 span{color:#aeb0b0}.dwpc__intro{max-width:350px;padding-bottom:3px}.dwpc__intro p{font-size:12px;line-height:1.8;color:#bfc0c0;margin:0 0 17px}.dwpc .dwpc__all{border:1px solid #4c4c4c;border-radius:99px;padding:11px 15px;display:inline-flex;gap:16px;align-items:center;font-size:10px;color:#f5f5f5!important;text-decoration:none!important;transition:.25s}.dwpc .dwpc__all:hover,.dwpc .dwpc__all:focus-visible{background:#eee!important;color:#111!important;border-color:#eee!important}.dwpc__viewport{position:relative;width:100%;overflow:hidden;padding:18px 0 16px}.dwpc__rail{position:relative;height:clamp(340px,38vw,510px);perspective:1500px;transform-style:preserve-3d;touch-action:pan-y;user-select:none;outline:none}.dwpc__rail:focus-visible{outline:1px solid #777;outline-offset:3px}.dwpc-card{position:absolute;left:50%;top:50%;width:clamp(270px,31%,430px);margin:0;transform:translate(-50%,-50%);transform-origin:center center;opacity:0;pointer-events:none;z-index:1;transition:transform .7s cubic-bezier(.2,.75,.2,1),opacity .55s,filter .55s;filter:saturate(.8);will-change:transform,opacity}.dwpc-card.is-current,.dwpc-card.is-near{pointer-events:auto}.dwpc-card__image{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1.18/1;padding:0;border:1px solid #303030;border-radius:8px;overflow:hidden;background:#151515;box-shadow:0 18px 42px #0007;transition:box-shadow .6s}.dwpc-card.is-current .dwpc-card__image{box-shadow:0 35px 85px #000b}.dwpc-card__image img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .7s,filter .5s}.dwpc-card.is-current .dwpc-card__image img{transform:scale(1.015);filter:none}.dwpc-card:not(.is-current) .dwpc-card__image img{filter:brightness(.78)}.dwpc-card__image-overlay{position:absolute;inset:auto 12px 12px 12px;display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#080808d9;border:1px solid #ffffff26;border-radius:4px;font-size:10px;letter-spacing:.02em;opacity:0;transform:translateY(6px);transition:.25s}.dwpc-card.is-current .dwpc-card__image:hover .dwpc-card__image-overlay{opacity:1;transform:none}.dwpc-card__image-overlay b{font-size:15px;font-weight:400}.dwpc-card__no-image{display:flex;flex-direction:column;align-items:center;gap:8px;color:#eee;font-size:24px;letter-spacing:.15em}.dwpc-card__no-image small{font-size:8px;color:#888}.dwpc-card__info{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 2px 0}.dwpc-card__index{font-size:8px;letter-spacing:.12em;color:#999}.dwpc-card__info h3{font-size:clamp(14px,1.4vw,19px);font-weight:600;letter-spacing:-.035em;margin:6px 0;color:#f3f3f3}.dwpc-card__info p{font-size:8px;line-height:1.5;margin:0;color:#b9b9b9;white-space:normal}.dwpc-card__open{width:34px;height:34px;flex:0 0 34px;border-radius:50%;border:1px solid #555;background:transparent;color:#fff;font-size:16px;cursor:pointer;transition:.25s}.dwpc-card__open:hover{background:#eee;color:#111;border-color:#eee;transform:rotate(45deg)}.dwpc__footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:12px}.dwpc__hint{font-size:8px;letter-spacing:.12em;color:#aaa}.dwpc__controls{display:flex;align-items:center;gap:12px;font-size:10px;color:#aaa}.dwpc__counter{white-space:nowrap;min-width:46px}.dwpc__controls>span b{color:#fff}.dwpc__progress{width:75px;height:2px;background:#373737;flex:0 0 75px}.dwpc__progress i{display:block;height:100%;width:25%;background:#ddd;transition:width .4s}.dwpc__buttons{display:flex;align-items:center;gap:8px}.dwpc__controls button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex:0 0 34px;border-radius:50%;border:1px solid #4a4a4a;background:#080808;color:#fff;cursor:pointer;font-size:15px;line-height:1;padding:0;transition:.25s}.dwpc__controls button:hover{background:#eee;color:#111}.dwpc__dialog{position:fixed;inset:0;z-index:999999;display:grid;place-items:center;padding:20px;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}.dwpc__dialog.is-open{opacity:1;visibility:visible}.dwpc__scrim{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000c;backdrop-filter:blur(9px)}.dwpc__dialog-panel{width:min(470px,100%);position:relative;z-index:1;padding:34px;border:1px solid #393939;background:#101010;border-radius:8px;transform:translateY(15px);transition:transform .3s}.dwpc__dialog.is-open .dwpc__dialog-panel{transform:translateY(0)}.dwpc__dialog-x{position:absolute;right:12px;top:8px;border:0;background:none;color:#fff;font-size:28px;cursor:pointer}.dwpc__dialog-panel h3{font-size:34px;letter-spacing:-.05em;margin:18px 0 8px}.dwpc__dialog-panel p,.dwpc__dialog-description{font-size:12px;line-height:1.7;color:#bdbdbd}.dwpc__dialog-panel>a.dwpc__dialog-link{display:inline-flex;gap:14px;margin-top:14px;padding:12px 15px;background:#eee;color:#111;border-radius:3px;font-size:11px}.dwpc__dialog-link span{font-size:15px}.dwpc-admin-notice{padding:12px;border:1px solid #ccc;background:#fff;color:#222}
@media(max-width:900px){.dwpc__wrap{width:calc(100% - 42px)}.dwpc__rail{height:clamp(330px,48vw,430px)}.dwpc-card{width:clamp(250px,43%,370px)}}
@media(max-width:600px){.dwpc{padding:62px 0 48px}.dwpc__wrap{width:calc(100% - 32px)}.dwpc__header{display:block;margin-bottom:20px}.dwpc__heading h2{font-size:clamp(38px,10vw,51px);margin-top:16px}.dwpc__intro{margin-top:18px;max-width:350px}.dwpc__intro p{font-size:12px;margin-bottom:13px}.dwpc__all{font-size:10px}.dwpc__viewport{margin:0 -16px;padding:8px 0}.dwpc__rail{height:clamp(340px,100vw,410px)}.dwpc-card{width:82%}.dwpc-card__image{aspect-ratio:1.08/1}.dwpc-card__info h3{font-size:19px}.dwpc-card__info p{font-size:9px}.dwpc__footer{align-items:flex-start;margin-top:14px}.dwpc__hint{padding-top:12px;font-size:7px}.dwpc__controls{gap:8px;flex-wrap:nowrap}.dwpc__progress{width:36px;flex-basis:36px}.dwpc__buttons{gap:6px}.dwpc__controls button{width:32px;height:32px;flex-basis:32px}.dwpc__dialog-panel{padding:28px 22px}}
@media(prefers-reduced-motion:reduce){.dwpc *,.dwpc *:before,.dwpc *:after{transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* v1.0.2: avoid per-card arrow buttons colliding with adjacent card titles */
.dwpc-card__open{display:none!important}
.dwpc__viewport{padding-bottom:28px}
.dwpc__footer{position:relative;z-index:5;margin-top:18px;clear:both}
.dwpc__controls{flex-shrink:0}
@media(max-width:600px){.dwpc__viewport{padding-bottom:18px}.dwpc__footer{margin-top:16px;gap:12px}.dwpc__controls{gap:6px}}

/* v1.0.3 fixes: stable carousel positioning and CTA hover contrast */
.dwpc .dwpc__all:hover span,.dwpc .dwpc__all:focus-visible span{color:#111!important;}
.dwpc__rail{position:relative!important;}

/* v1.1.0: harden against theme / Elementor global styles */
.dwpc .dwpc__rail{display:block!important;position:relative!important;overflow:visible!important;cursor:grab}
.dwpc.is-dragging .dwpc__rail{cursor:grabbing}
.dwpc .dwpc__rail>.dwpc-card{position:absolute!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;margin:0!important;padding:0!important;float:none!important;max-width:none!important;animation:none!important;background:transparent;border:0;box-shadow:none}
.dwpc .dwpc-card__image img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;object-fit:cover!important}
.dwpc .dwpc-card__image img,.dwpc .dwpc-card a{-webkit-user-drag:none;user-drag:none}
/* before JS runs (or if it fails) show the first card instead of an empty box */
.dwpc:not(.is-ready) .dwpc__rail>.dwpc-card:first-child{opacity:1;pointer-events:auto}
/* dialog is moved to <body> by JS, keep its look outside .dwpc */
.dwpc__dialog,.dwpc__dialog *{box-sizing:border-box}
.dwpc__dialog{color:#f5f5f5;font-family:inherit}
.dwpc__dialog a{text-decoration:none}

/* v1.1.2: on phones side cards overlap the centre one — show only the current card's name */
@media(max-width:700px){
.dwpc .dwpc-card .dwpc-card__info{transition:opacity .35s}
.dwpc .dwpc-card:not(.is-current) .dwpc-card__info{opacity:0!important;visibility:hidden}
.dwpc .dwpc-card.is-current .dwpc-card__info h3{overflow-wrap:anywhere}
}

/* ===== DEVOWEB BRAND v3 — wspólny blok (identyczny w każdej sekcji) ===== */
:root{
  --dw-grad:linear-gradient(135deg,#FF9A2E 0%,#FF4507 55%,#F65E77 100%);
  --dw-grad-h:linear-gradient(90deg,#FF9A2E 0%,#FF4507 55%,#F65E77 100%);
  --dw-accent:#FF5214;
  --dw-font:Inter,"Helvetica Neue",Arial,sans-serif;
  --dw-r-card:18px;
  --dw-r-inner:12px;
  --dw-r-pill:999px;
  --dw-logo:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='90 0 332 512'%3E%3Cpath d='M296 493 C295 490 268 439 237 378 C206 318 181 268 181 267 C181 266 194 239 210 206 C226 174 239 147 239 146 C239 146 222 146 201 146 L162 146 L157 149 C149 153 148 156 124 205 C100 255 98 258 99 270 C100 280 99 278 146 368 C169 415 192 458 195 465 C202 479 209 486 218 491 C228 496 230 497 265 497 L298 497 L296 493 Z M351 360 C362 356 362 357 387 305 C400 280 411 257 412 254 C414 248 414 234 412 228 C410 221 313 33 309 28 C305 22 297 16 289 13 C284 11 282 10 249 10 C230 10 215 10 215 10 C215 11 239 58 268 115 C298 173 324 224 327 230 L332 240 L303 300 C287 333 274 360 274 360 C274 362 345 361 351 360 Z'/%3E%3C/svg%3E");
}
/* Znak z logo — kolorowany gradientem przez maskę */
.dw-mark{display:inline-block;flex:0 0 auto;width:.65em;height:1em;background:var(--dw-grad);-webkit-mask:var(--dw-logo) center/contain no-repeat;mask:var(--dw-logo) center/contain no-repeat;vertical-align:middle}
/* Eyebrow nad nagłówkiem — jeden wzór na całej stronie */
.dw-eyebrow{display:inline-flex!important;align-items:center;gap:10px;margin:0 0 22px!important;padding:0!important;font-family:var(--dw-font)!important;font-size:11px!important;font-weight:600!important;line-height:1.3!important;letter-spacing:.16em!important;text-transform:uppercase!important}
.dw-eyebrow .dw-mark{font-size:15px}
.dw-on-light .dw-eyebrow{color:#5f5f5b!important}
.dw-on-dark .dw-eyebrow{color:#c4c4c6!important}
/* Nagłówek H2 — jeden wzór na całej stronie */
h2.dw-h2{margin:0!important;font-family:var(--dw-font)!important;font-size:clamp(40px,4.6vw,68px)!important;font-weight:600!important;font-style:normal!important;line-height:1!important;letter-spacing:-.05em!important;text-transform:none!important;max-width:none}
h2.dw-h2 .dw-h2__muted{font-weight:600!important;font-style:normal!important;opacity:1!important}
.dw-on-light h2.dw-h2{color:#151515!important}
.dw-on-light h2.dw-h2 .dw-h2__muted{color:#8b8b86!important}
.dw-on-dark h2.dw-h2{color:#f5f5f3!important}
.dw-on-dark h2.dw-h2 .dw-h2__muted{color:#8e8e93!important}
h2.dw-h2 .dw-h2__dot,.dw-dot{background:var(--dw-grad);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent!important}
/* Przycisk główny w gradiencie logo (ciemny tekst = czytelny kontrast) */
a.dw-btn,a.dw-btn:link,a.dw-btn:visited{display:inline-flex!important;align-items:center!important;justify-content:space-between;gap:22px;min-height:52px;padding:0 22px!important;border:0!important;border-radius:var(--dw-r-pill)!important;background:var(--dw-grad)!important;background-size:170% 100%!important;background-position:0 0!important;color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;font-family:var(--dw-font)!important;font-size:13px!important;font-weight:650!important;text-decoration:none!important;box-shadow:none!important;opacity:1!important;transition:background-position .45s ease,transform .25s ease,box-shadow .25s ease!important}
a.dw-btn *{color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;background:transparent!important}
a.dw-btn:hover,a.dw-btn:focus-visible,a.dw-btn:active{background:var(--dw-grad)!important;background-size:170% 100%!important;background-position:100% 0!important;color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF!important;transform:translateY(-2px);box-shadow:0 12px 30px rgba(255,69,7,.28)!important;text-decoration:none!important}
/* „Wcięcie” w rogu karty z logo w środku. --dw-notch-bg = kolor tła sekcji */
.dw-notch{position:absolute;z-index:3;top:-1px;right:-1px;display:grid;place-items:center;width:calc(var(--dw-notch,104px) + 1px);height:calc(var(--dw-notch,104px) + 1px);background:var(--dw-notch-bg,#f2f2f0);border-bottom-left-radius:var(--dw-r-card);pointer-events:none}
.dw-notch::before,.dw-notch::after{position:absolute;width:var(--dw-r-card);height:var(--dw-r-card);background:radial-gradient(circle at 0 100%,transparent calc(var(--dw-r-card) - .5px),var(--dw-notch-bg,#f2f2f0) var(--dw-r-card));content:""}
.dw-notch::before{top:0;left:calc(var(--dw-r-card) * -1)}
.dw-notch::after{right:0;bottom:calc(var(--dw-r-card) * -1)}
.dw-notch .dw-mark{font-size:calc(var(--dw-notch,104px) * .5)}
@media(max-width:700px){h2.dw-h2{font-size:clamp(36px,10vw,48px)!important}.dw-notch{--dw-notch:76px}}
@media(prefers-reduced-motion:reduce){a.dw-btn{transition:none!important}}
/* v3.1: biały tekst na gradiencie + delikatny cień dla czytelności */
a.dw-btn,a.dw-btn *,.nav .nav__cta,.hero a.button--primary,.dw-why .dw-why__contact-button,.dw-final-cta a.dw-final-cta__button,.mega-menu__overview,.dwpc__dialog-panel>a.dwpc__dialog-link{text-shadow:0 1px 2px rgba(110,25,0,.28)}
/* ===== /DEVOWEB BRAND v3 ===== */

/* ===== v1.2.0: wspólny styl marki + większy główny kafelek ===== */
.dwpc .dw-eyebrow{margin-bottom:20px!important}
.dwpc__rail{height:clamp(420px,46vw,720px)!important}
.dwpc .dwpc__rail>.dwpc-card{width:clamp(300px,46%,700px)}
.dwpc .dwpc-card__image{border-radius:var(--dw-r-card)!important}
.dwpc .dwpc-card__image img{border-radius:0!important}
.dwpc-card.is-current .dwpc-card__info h3{font-size:clamp(18px,1.7vw,26px)}
.dwpc-card.is-current .dwpc-card__info p{font-size:11px}
.dwpc__progress{border-radius:var(--dw-r-pill);overflow:hidden}
.dwpc__progress i{background:var(--dw-grad-h)!important}
.dwpc__controls button:hover,.dwpc__controls button:focus-visible{background:var(--dw-grad)!important;border-color:transparent!important;color:#FFFFFF!important}
.dwpc .dwpc__all:hover,.dwpc .dwpc__all:focus-visible{background:var(--dw-grad)!important;border-color:transparent!important;color:#FFFFFF!important}
.dwpc .dwpc__all:hover span,.dwpc .dwpc__all:focus-visible span{color:#FFFFFF!important}
.dwpc__all span{color:#FF5214}
.dwpc__dialog-panel{border-radius:var(--dw-r-card)!important}
.dwpc__dialog-panel>a.dwpc__dialog-link{border-radius:var(--dw-r-pill)!important;background:var(--dw-grad)!important;color:#FFFFFF!important}
@media(max-width:900px){.dwpc__rail{height:clamp(380px,62vw,560px)!important}.dwpc .dwpc__rail>.dwpc-card{width:clamp(250px,58%,460px)}}
@media(max-width:600px){.dwpc__rail{height:clamp(360px,104vw,440px)!important}.dwpc .dwpc__rail>.dwpc-card{width:82%}}

/* ===== v1.2.2: nowy hover głównego kafelka — bez ramki, odporny na style motywu ===== */
.dwpc .dwpc-card__image,.dwpc .dwpc-card__image:hover,.dwpc .dwpc-card__image:focus,.dwpc .dwpc-card__image:focus-visible{opacity:1!important;filter:none!important;background-color:#151515!important;color:#fff!important;text-decoration:none!important;outline:none}
.dwpc .dwpc-card__image::before{display:none!important;content:none!important}
.dwpc .dwpc-card__image{border:1px solid rgba(255,255,255,.09)!important;box-shadow:0 22px 50px rgba(0,0,0,.45)!important;transition:box-shadow .5s ease,border-color .5s ease!important}
.dwpc .dwpc-card.is-current .dwpc-card__image{border-color:rgba(255,255,255,.14)!important;box-shadow:0 40px 90px rgba(0,0,0,.7)!important}
.dwpc .dwpc-card.is-current .dwpc-card__image:hover{border-color:rgba(255,255,255,.24)!important}
.dwpc .dwpc-card__image img,.dwpc .dwpc-card__image:hover img{opacity:1!important}
.dwpc .dwpc-card.is-current .dwpc-card__image img{filter:none!important;transform:scale(1)!important;transition:transform .9s cubic-bezier(.2,.7,.2,1)!important}
.dwpc .dwpc-card.is-current .dwpc-card__image:hover img{transform:scale(1.035)!important}
/* delikatne przyciemnienie tylko przy dolnej krawędzi, pod przyciskiem */
.dwpc .dwpc-card__image::after{position:absolute!important;inset:auto 0 0 0!important;z-index:1!important;display:block!important;height:42%!important;padding:0!important;border:0!important;border-radius:0!important;background:linear-gradient(0deg,rgba(8,8,8,.62),rgba(8,8,8,0))!important;content:""!important;opacity:0!important;pointer-events:none!important;-webkit-mask:none!important;mask:none!important;transition:opacity .45s ease!important}
.dwpc .dwpc-card.is-current .dwpc-card__image:hover::after,.dwpc .dwpc-card.is-current .dwpc-card__image:focus-visible::after{opacity:1!important}
/* przycisk „Zobacz projekt” */
.dwpc .dwpc-card__image .dwpc-card__image-overlay{position:absolute!important;inset:auto auto 18px 18px!important;z-index:2!important;display:inline-flex!important;align-items:center!important;gap:12px!important;width:auto!important;padding:6px 6px 6px 18px!important;border:0!important;border-radius:var(--dw-r-pill)!important;background:#fff!important;color:#111!important;-webkit-text-fill-color:#111!important;font-family:var(--dw-font)!important;font-size:13px!important;font-weight:600!important;letter-spacing:0!important;line-height:1!important;text-shadow:none!important;box-shadow:0 10px 30px rgba(0,0,0,.35)!important;opacity:0!important;transform:translateY(10px)!important;transition:opacity .35s ease,transform .45s cubic-bezier(.2,.7,.2,1)!important}
.dwpc .dwpc-card__image .dwpc-card__image-overlay b{display:grid!important;place-items:center!important;width:32px!important;height:32px!important;border-radius:50%!important;background:var(--dw-grad)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:15px!important;font-weight:500!important;transition:transform .35s ease!important}
.dwpc .dwpc-card.is-current .dwpc-card__image:hover .dwpc-card__image-overlay,.dwpc .dwpc-card.is-current .dwpc-card__image:focus-visible .dwpc-card__image-overlay{opacity:1!important;transform:none!important}
.dwpc .dwpc-card.is-current .dwpc-card__image:hover .dwpc-card__image-overlay b{transform:rotate(45deg)!important}
.dwpc .dwpc-card__image:hover .dwpc-card__image-overlay *,.dwpc .dwpc-card__image .dwpc-card__image-overlay::before,.dwpc .dwpc-card__image .dwpc-card__image-overlay::after{text-decoration:none!important}
/* telefony/tablety bez hovera: przycisk widoczny na głównym kafelku od razu */
@media(hover:none){.dwpc .dwpc-card.is-current .dwpc-card__image .dwpc-card__image-overlay{opacity:1!important;transform:none!important}.dwpc .dwpc-card.is-current .dwpc-card__image::after{opacity:1!important}}
@media(max-width:600px){.dwpc .dwpc-card__image .dwpc-card__image-overlay{inset:auto auto 12px 12px!important;padding:5px 5px 5px 14px!important;font-size:12px!important}.dwpc .dwpc-card__image .dwpc-card__image-overlay b{width:28px!important;height:28px!important}}
/* style motywu (kółka, czerwony hover, przezroczystość) nie wchodzą na linki karuzeli */
.dwpc .dwpc-card__info a::before,.dwpc .dwpc-card__info a::after,.dwpc a.dwpc__all::before,.dwpc a.dwpc__all::after{display:none!important;content:none!important}
.dwpc .dwpc-card__info h3 a,.dwpc .dwpc-card__info h3 a:hover,.dwpc .dwpc-card__info h3 a:focus{color:#f3f3f3!important;-webkit-text-fill-color:#f3f3f3!important;opacity:1!important;text-decoration:none!important;background:none!important}
.dwpc .dwpc-card__info h3 a:hover{color:#fff!important;-webkit-text-fill-color:#fff!important}

/* ===== Devoweb Portfolio Grid (1.3.0) ===== */
.dwpg{position:relative;isolation:isolate;width:100vw;max-width:100vw;left:50%;margin-left:-50vw;padding:clamp(70px,8vw,120px) clamp(20px,5vw,82px);box-sizing:border-box;font-family:var(--dw-font,Inter,"Helvetica Neue",Arial,sans-serif);background:#F5F5F2;color:#151515;overflow:hidden}
.dwpg--dark{background:#0b0b0c;color:#f5f5f3}
.dwpg *{box-sizing:border-box}
.dwpg a{text-decoration:none!important;color:inherit}
.dwpg a:hover{opacity:1!important;background:transparent!important}
.dwpg a::before,.dwpg a::after{content:none!important}
.dwpg__wrap{max-width:1600px;margin:0 auto}
.dwpg__head{display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:end;margin-bottom:clamp(28px,4vw,44px)}
.dwpg__lead{max-width:440px;margin:0 0 0 auto!important;color:#5b5b5b;font-size:15px;line-height:1.8}
.dwpg--dark .dwpg__lead{color:#b4b4ba}
.dwpg__filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:clamp(24px,3vw,36px)}
.dwpg__filters button{display:inline-flex!important;align-items:center;gap:8px;margin:0!important;padding:10px 16px!important;border:1px solid #d6d6d1!important;border-radius:999px!important;background:#fff!important;color:#151515!important;font:500 13px/1 var(--dw-font,Inter,sans-serif)!important;letter-spacing:0!important;text-transform:none!important;box-shadow:none!important;cursor:pointer;transition:border-color .2s,background .2s,color .2s}
.dwpg__filters button i{font-style:normal;color:#8b8b86;font-size:11px}
.dwpg__filters button:hover{border-color:#151515!important}
.dwpg__filters button.is-active{border-color:transparent!important;background:#151515!important;color:#fff!important}
.dwpg__filters button.is-active i{color:#FF9A2E}
.dwpg--dark .dwpg__filters button{background:#151517!important;border-color:rgba(255,255,255,.14)!important;color:#f5f5f3!important}
.dwpg--dark .dwpg__filters button.is-active{background:linear-gradient(135deg,#FF9A2E,#FF4507 55%,#F65E77)!important;color:#fff!important}
.dwpg__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px)}
.dwpg-card{display:flex;flex-direction:column;min-width:0;animation:dwpg-in .45s cubic-bezier(.2,.8,.2,1) both}
.dwpg-card[hidden]{display:none!important}
@keyframes dwpg-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.dwpg-card__img{position:relative;display:block;aspect-ratio:6/7;overflow:hidden;border-radius:18px;background:#e6e6e1}
.dwpg-card__img img{display:block;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.dwpg-card__img::after{position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(0deg,rgba(0,0,0,.45),transparent);content:""!important;opacity:0;transition:opacity .35s}
.dwpg-card__pill{position:absolute;z-index:2;left:18px;bottom:18px;display:inline-flex;align-items:center;gap:10px;padding:11px 16px;border-radius:999px;background:#fff;color:#151515;font-size:13px;font-weight:600;opacity:0;transform:translateY(8px);transition:opacity .3s,transform .3s}
.dwpg-card__pill b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#FF9A2E,#FF4507 55%,#F65E77);color:#fff;font-size:11px}
.dwpg-card:hover .dwpg-card__img img,.dwpg-card:focus-within .dwpg-card__img img{transform:scale(1.04)}
.dwpg-card:hover .dwpg-card__img::after,.dwpg-card:focus-within .dwpg-card__img::after{opacity:1}
.dwpg-card:hover .dwpg-card__pill,.dwpg-card:focus-within .dwpg-card__pill{opacity:1;transform:none}
.dwpg-card__body{padding:18px 4px 0}
.dwpg-card__meta{display:flex;align-items:center;gap:10px;color:#8b8b86;font-size:12px;font-weight:500}
.dwpg-card__meta b{color:#FF5214;font-family:"Space Mono",ui-monospace,monospace;font-size:11px;font-weight:700}
.dwpg-card h3{margin:8px 0 8px!important;font:600 clamp(20px,1.7vw,24px)/1.15 var(--dw-font,Inter,sans-serif)!important;letter-spacing:-.03em!important;color:inherit!important}
.dwpg-card p{margin:0!important;color:#5b5b5b;font-size:14px;line-height:1.65;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.dwpg--dark .dwpg-card p{color:#b4b4ba}
.dwpg__empty{margin:30px 0 0!important;color:#8b8b86}
@media(max-width:1100px){.dwpg__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.dwpg__head{grid-template-columns:1fr;gap:18px}.dwpg__lead{margin:0!important}}
@media(max-width:620px){.dwpg__grid{grid-template-columns:1fr}.dwpg__filters{flex-wrap:nowrap;overflow-x:auto;margin-right:-20px;padding-right:20px;scrollbar-width:none}.dwpg__filters button{flex:0 0 auto}.dwpg-card__pill{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.dwpg-card{animation:none}.dwpg-card__img img{transition:none}}