/* DigiPixel WordPress custom theme.
   Original brand: navy #0b1728, cyan #03c6fc, off-white #f4f4ef, Inter.
   Visual direction: bold agency concept, not the old Pixlwrk design. */
:root {
  --dp-navy: #0b1728;
  --dp-ink: #10243d;
  --dp-cyan: #03c6fc;
  --dp-cyan-pale: #b9f1ff;
  --dp-paper: #f4f4ef;
  --dp-white: #ffffff;
  --dp-muted: #627381;
  --dp-line: #0b1728;
  --dp-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:105px}
body{margin:0;background:var(--dp-paper);color:var(--dp-navy);font:16px/1.58 var(--dp-font);overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
:focus-visible{outline:3px solid #004fcb;outline-offset:4px}
::selection{background:var(--dp-navy);color:white}
.dp-wrap{width:min(1340px,calc(100% - 88px));margin:0 auto}
.dp-skip{position:fixed;left:15px;top:-90px;z-index:900;padding:13px 18px;background:var(--dp-white);font-weight:800}
.dp-skip:focus{top:12px}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-family:var(--dp-font);font-weight:900;line-height:1;letter-spacing:-.073em}
p{line-height:1.65}
.dp-kicker{display:block;font-size:11px;font-weight:900;letter-spacing:.145em;line-height:1.5;text-transform:uppercase}
.dp-announcement{background:var(--dp-cyan);color:var(--dp-navy);font-size:10px;font-weight:900;letter-spacing:.1em;border-bottom:2px solid var(--dp-navy)}
.dp-announcement .dp-wrap{display:flex;justify-content:space-between;gap:20px;padding:7px 0}
.dp-header{background:var(--dp-navy);color:var(--dp-white);position:relative;z-index:60;border-bottom:2px solid var(--dp-navy)}
.dp-header-inner{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.dp-wordmark{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.dp-wordmark img{width:60px;height:42px;object-fit:contain}
.dp-wordmark>span{font-weight:900;font-size:34px;letter-spacing:-.075em;line-height:1}
.dp-wordmark strong{color:var(--dp-cyan);font-weight:900}
.dp-header .custom-logo-link img{max-height:60px;width:auto}
.dp-navigation{display:flex;align-items:center;gap:29px}
.dp-nav-links{list-style:none;display:flex;align-items:center;gap:31px;margin:0;padding:0}
.dp-nav-links a{font-size:13px;font-weight:800;white-space:nowrap;position:relative}
.dp-nav-links a:hover,.dp-nav-links .current-menu-item>a{color:var(--dp-cyan)}
.dp-nav-cta{display:inline-flex;align-items:center;justify-content:center;background:var(--dp-cyan);padding:18px 24px;color:var(--dp-navy);border:2px solid var(--dp-cyan);font-weight:900;font-size:12px;white-space:nowrap;box-shadow:5px 5px 0 #1e5b77;transition:transform .15s ease,box-shadow .15s ease}
.dp-nav-cta:hover,.dp-btn:hover{transform:translate(-2px,-2px)}
.dp-menu-toggle{display:none;background:transparent;color:white;border:2px solid #ffffff88;padding:11px 12px;align-items:center;gap:12px;font-size:11px;font-weight:900}
.dp-menu-bars{display:grid;gap:4px}
.dp-menu-bars i{height:2px;width:18px;background:currentColor;display:block}
.dp-btn{display:inline-flex;align-items:center;justify-content:center;min-height:61px;padding:16px 25px;font-size:13px;font-weight:900;letter-spacing:.01em;text-align:center;border:3px solid var(--dp-navy);transition:transform .16s ease,background .16s ease}
.dp-btn-navy{background:var(--dp-navy);color:white;box-shadow:6px 6px 0 #157fac}
.dp-btn-navy:hover{box-shadow:8px 8px 0 #157fac}
.dp-btn-outline{background:transparent;color:var(--dp-navy)}
.dp-btn-outline:hover{background:var(--dp-white)}
.dp-btn-cyan,.dp-btn-primary{background:var(--dp-cyan);color:var(--dp-navy);box-shadow:6px 6px 0 #145877}
.dp-text-link{display:inline-block;border-bottom:2px solid currentColor;padding:9px 0 6px;font-size:12px;letter-spacing:.035em;font-weight:900}
.dp-text-link:hover{opacity:.72}
.dp-hero{background:var(--dp-cyan);color:var(--dp-navy);border-bottom:3px solid var(--dp-navy);overflow:hidden}
.dp-hero-grid{min-height:705px;display:grid;grid-template-columns:1.06fr .94fr;gap:3%;align-items:center}
.dp-hero-copy{padding:87px 0 95px;position:relative;z-index:2}
.dp-hero-copy .dp-kicker{margin-bottom:28px}
.dp-hero h1{font-size:clamp(75px,7.9vw,132px);line-height:.87;letter-spacing:-.092em;margin:0 0 32px;white-space:nowrap}
.dp-hero h1 span{display:block}
.dp-hero h1 .dp-accent-head{background:var(--dp-paper);width:max-content;max-width:100%;padding:8px 11px 12px 7px;transform:rotate(-1.2deg);margin-top:8px}
.dp-hero-copy>p{font-size:19px;max-width:515px;line-height:1.55;margin-bottom:32px}
.dp-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:15px}
.dp-hero-art{position:relative;height:510px;isolation:isolate;min-width:0}
.dp-hero-orbit{position:absolute;width:470px;height:470px;border:18px solid #91eaff;right:0;top:3px;border-radius:50%;z-index:-1}
.dp-browser{position:absolute;top:68px;left:9px;width:96%;border:4px solid var(--dp-navy);background:white;box-shadow:17px 20px 0 var(--dp-navy);transform:rotate(-5deg);display:block;overflow:hidden;transition:transform .2s}
.dp-browser:hover{transform:rotate(-3deg) translateY(-5px)}
.dp-browser-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--dp-paper);border-bottom:3px solid var(--dp-navy);padding:11px 13px;min-height:40px;color:var(--dp-navy);font-size:9px;letter-spacing:.045em;font-weight:900}
.dp-browser-dots{display:flex;gap:5px}
.dp-browser-dots i{width:8px;height:8px;border:1.5px solid var(--dp-navy);background:var(--dp-cyan);border-radius:50%}
.dp-browser-dots i:nth-child(2){background:#d8e1dd}
.dp-browser-dots i:nth-child(3){background:#0b1728}
.dp-browser img{width:100%;height:auto;aspect-ratio:960/600;object-fit:cover;object-position:top}
.dp-stamp{position:absolute;right:-18px;bottom:3px;background:var(--dp-white);border:3px solid var(--dp-navy);box-shadow:7px 7px 0 var(--dp-navy);padding:20px 26px 17px;transform:rotate(4deg);max-width:270px}
.dp-stamp strong{font-size:22px;line-height:1.1;letter-spacing:-.05em;display:block;font-weight:900}
.dp-stamp a{display:inline-block;font-size:10px;letter-spacing:.05em;border-bottom:2px solid var(--dp-navy);margin-top:12px;font-weight:900}
.dp-benefits{background:var(--dp-navy);color:white;border-bottom:3px solid var(--dp-navy)}
.dp-benefits .dp-wrap{display:grid;grid-template-columns:repeat(4,1fr)}
.dp-benefits span{font-size:13px;letter-spacing:.04em;font-weight:900;padding:22px 15px;border-right:1px solid #435c6c;text-align:center}
.dp-benefits span:first-child{border-left:1px solid #435c6c}
.dp-section{padding:112px 0}
.dp-section-heading{display:flex;justify-content:space-between;align-items:end;gap:55px;margin-bottom:55px}
.dp-section-heading h2{font-size:clamp(62px,6.9vw,102px);line-height:.91;margin:20px 0 0}
.dp-section-heading h2 span{color:#92a1a9}
.dp-section-heading>p{max-width:345px;font-size:18px;line-height:1.55;margin:0 0 9px}
.dp-steps{background:var(--dp-paper)}
.dp-steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:42px}
.dp-steps-grid article{min-height:340px;background:var(--dp-white);border:3px solid var(--dp-navy);padding:31px;display:flex;flex-direction:column}
.dp-steps-grid article:nth-child(2){background:#d0f5ff}
.dp-steps-grid article:nth-child(3){background:#e5f1f5}
.dp-step-no{display:block;font-weight:900;font-size:78px;letter-spacing:-.09em;color:#1c8aaf;line-height:.94}
.dp-steps-grid h3{font-size:30px;letter-spacing:-.065em;margin:auto 0 15px;line-height:1.06}
.dp-steps-grid p{font-size:15px;margin-bottom:0;max-width:340px}
.dp-showcase{background:var(--dp-navy);color:white}
.dp-showcase .dp-kicker{color:var(--dp-cyan)}
.dp-showcase .dp-section-heading h2 span{color:var(--dp-cyan)}
.dp-showcase .dp-section-heading>p{color:#c2d4df}
.dp-example-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
.dp-example-card{background:var(--dp-paper);border:3px solid var(--dp-navy);color:var(--dp-navy);display:flex;flex-direction:column;min-width:0}
.dp-example-image{display:block;aspect-ratio:1.28/1;overflow:hidden;background:#e5eaf0;border-bottom:3px solid var(--dp-navy)}
.dp-example-image img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .2s}
.dp-example-image:hover img{transform:scale(1.04)}
.dp-example-info{padding:24px 25px 30px;flex:1;display:flex;flex-direction:column}
.dp-example-category{font-size:10px;letter-spacing:.09em;font-weight:900;text-transform:uppercase;color:#586b76}
.dp-example-info h3{font-size:31px;margin:11px 0 10px;line-height:1.05}
.dp-example-info p{color:#3b5362;font-size:14px;margin:0 0 18px}
.dp-example-style{display:block;font-size:11px;font-weight:800;color:#376a79;margin-top:auto;margin-bottom:13px}
.dp-example-info .dp-text-link{align-self:flex-start;margin-top:auto;font-size:12px}
.dp-example-card.dp-example-alder{box-shadow:5px 5px 0 var(--dp-cyan)}
.dp-example-card.dp-example-fieldnote{box-shadow:5px 5px 0 #e5f0ea}
.dp-example-card.dp-example-sunday{box-shadow:5px 5px 0 #c5e8f1}
.dp-showcase-note{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:34px}
.dp-showcase-note p{color:#9cbbc7;max-width:720px;font-size:13px;margin:0}
.dp-showcase-note .dp-text-link{white-space:nowrap}
.dp-included{background:var(--dp-paper)}
.dp-included-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:start}
.dp-included h2{font-size:clamp(66px,6.5vw,100px);margin:20px 0 29px;line-height:.92}
.dp-included h2 span{color:#4e8396}
.dp-included-grid>div:first-child>p{font-size:19px;color:#3e5360;max-width:440px;margin-bottom:37px}
.dp-feature-list{border-top:2px solid var(--dp-navy)}
.dp-feature-list article{display:grid;grid-template-columns:38px 1fr;gap:19px;border-bottom:1px solid #b7c7c9;padding:28px 0}
.dp-feature-list article>span{font-size:12px;font-weight:900;color:#008dbf;margin-top:5px}
.dp-feature-list h3{font-size:28px;margin-bottom:11px;letter-spacing:-.045em}
.dp-feature-list p{font-size:14px;color:#526771;margin:0}
.dp-little{background:var(--dp-cyan)}
.dp-little-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:9%;align-items:center}
.dp-little h2{font-size:clamp(62px,7vw,106px);line-height:.91;margin:23px 0}
.dp-little h2 span{color:#ffffff}
.dp-little-grid>div:last-child>p{font-size:20px;line-height:1.6;margin-bottom:35px}
.dp-extra-content{background:var(--dp-paper);padding:70px 0}
.dp-footer{background:var(--dp-navy);color:white}
.dp-footer-cta{display:flex;justify-content:space-between;align-items:end;gap:50px;padding:89px 0 96px}
.dp-footer-cta h2{font-size:clamp(65px,8vw,124px);margin:18px 0 0}
.dp-footer-cta h2 span{color:var(--dp-cyan)}
.dp-footer-cta .dp-btn{flex-shrink:0;margin-bottom:10px}
.dp-footer-base{border-top:1px solid #345063;padding:50px 0 24px}
.dp-footer-grid{display:grid;grid-template-columns:1.5fr 1fr .75fr;gap:35px}
.dp-footer-brand .dp-wordmark>span{font-size:27px}
.dp-footer-brand .dp-wordmark img{width:47px;height:34px}
.dp-footer-brand>p{font-size:13px;color:#a1b7c2;max-width:300px;margin-top:18px}
.dp-footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:12px;font-size:13px;font-weight:700}
.dp-footer-links a:hover{text-decoration:underline;text-underline-offset:5px}
.dp-footer-small span{display:block;color:var(--dp-cyan);letter-spacing:.1em;font-size:11px;font-weight:900}
.dp-footer-small p{font-size:13px;color:#98b0be}
.dp-copyright{display:flex;justify-content:space-between;gap:20px;margin-top:67px;border-top:1px solid #345063;padding-top:22px;font-size:11px;color:#8ca6b2}
.dp-subhero{background:var(--dp-cyan);padding:94px 0 103px;border-bottom:3px solid var(--dp-navy)}
.dp-subhero h1{font-size:clamp(70px,8.3vw,126px);line-height:.91;margin:20px 0 33px}
.dp-subhero h1 span{background:var(--dp-paper);padding:1px 10px;color:var(--dp-navy)}
.dp-subhero p{max-width:770px;font-size:20px;margin:0}
.dp-examples-page{background:var(--dp-paper);color:var(--dp-navy)}
.dp-examples-page .dp-example-card{border:3px solid var(--dp-navy)}
.dp-examples-page .dp-example-card:nth-child(2){background:#e9f5f7}
.dp-disclaimer{font-size:14px;color:#365363;background:#e0edf3;border-left:5px solid #008bad;padding:22px 25px;margin-top:48px}
.dp-try{background:var(--dp-navy);color:white}
.dp-try-grid{display:flex;justify-content:space-between;align-items:end;gap:45px}
.dp-try h2{font-size:clamp(55px,6vw,95px);margin:16px 0 0}
.dp-try .dp-kicker{color:var(--dp-cyan)}
.dp-page-body{background:var(--dp-paper)}
.dp-content{max-width:1040px}
.dp-content>p{font-size:19px;color:#405462}
.dp-content h2{font-size:clamp(42px,5vw,68px);margin:46px 0 17px}
.dp-content h3{font-size:30px;margin:30px 0 15px;letter-spacing:-.05em}
.dp-content .wp-block-columns{gap:25px;margin:45px 0}
.dp-content .wp-block-column{background:white;border-top:5px solid var(--dp-cyan);padding:30px}
.dp-content .wp-block-column h3{font-size:25px;margin-top:0}
.dp-content ul{padding-left:22px;font-size:17px}
.dp-content li{margin:12px 0}
.dp-content .wp-block-button__link{background:var(--dp-navy);border-radius:0;color:white;padding:14px 20px;font-weight:800}
.dp-contact-hero{padding-bottom:95px}
.dp-contact-main{background:var(--dp-paper)}
.dp-contact-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:9%;align-items:start}
.dp-contact-aside h2{font-size:clamp(54px,5.4vw,83px);margin:22px 0 30px}
.dp-contact-aside>p{font-size:18px;color:#4e6470;max-width:470px}
.dp-contact-points{border-top:2px solid var(--dp-navy);margin-top:55px}
.dp-contact-points>div{padding:24px 0;border-bottom:1px solid #c1cdd1}
.dp-contact-points strong{font-size:15px;font-weight:900}
.dp-contact-points p{font-size:14px;color:#627783;margin:7px 0 0;max-width:420px}
.dp-enquiry{background:white;border:3px solid var(--dp-navy);padding:38px 37px 42px;box-shadow:9px 10px 0 var(--dp-cyan)}
.dp-form-heading h3{font-size:37px;margin:15px 0 10px;line-height:1.05}
.dp-form-heading p{font-size:15px;color:#516877}
.dp-enquiry label{font-size:13px;font-weight:800;display:flex;flex-direction:column;gap:8px;margin-bottom:16px}
.dp-enquiry label>span{color:#677e8b;font-size:10px;text-transform:uppercase}
.dp-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.dp-enquiry input,.dp-enquiry textarea,.dp-enquiry select{display:block;width:100%;max-width:100%;min-width:0;background:#f8faf8;color:var(--dp-navy);border:2px solid #b2c5cb;border-radius:0;font-size:14px;padding:14px 13px;font-weight:400}
.dp-enquiry textarea{resize:vertical}
.dp-hp{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.dp-enquiry .dp-btn{width:100%;font-size:14px;box-shadow:none;margin-top:10px}
.dp-form-privacy{margin:17px 0 0;color:#637985;font-size:12px}
.dp-form-alert{padding:15px 17px;font-size:14px;font-weight:800;margin:18px 0}
.dp-form-alert.success{background:#e0f4e3;border:2px solid #31773f}
.dp-form-alert.error{background:#f7e0e0;border:2px solid #b34040}
.dp-notfound{min-height:520px}
@media(max-width:1150px){
 .dp-navigation{gap:19px}.dp-nav-links{gap:18px}
 .dp-wordmark>span{font-size:29px}
 .dp-hero-grid{grid-template-columns:1.1fr .9fr;gap:1%}
 .dp-hero h1{font-size:clamp(72px,7.7vw,108px)}
 .dp-hero-art{height:470px}
 .dp-stamp{right:-7px}
 .dp-feature-list h3{font-size:25px}
 .dp-example-info{padding:20px}
 .dp-example-info h3{font-size:28px}
}
@media(max-width:900px){
 .dp-wrap{width:calc(100% - 52px)}
 .dp-header-inner{min-height:80px}
 .dp-menu-toggle{display:flex}
 .dp-navigation{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;background:var(--dp-navy);align-items:stretch;gap:0;border-top:1px solid #355162;box-shadow:0 16px 40px #0a17254a;padding:8px 26px 24px}
 .dp-navigation.open{display:flex}
 .dp-nav-links{flex-direction:column;align-items:stretch;gap:0}
 .dp-nav-links li{border-bottom:1px solid #345165}
 .dp-nav-links a{display:block;padding:16px 0;font-size:14px}
 .dp-nav-cta{margin-top:17px}
 .dp-hero-grid{grid-template-columns:1fr;gap:0}
 .dp-hero-copy{padding:72px 0 35px}
 .dp-hero h1{font-size:clamp(83px,12vw,130px)}
 .dp-hero-copy>p{max-width:650px}
 .dp-hero-art{height:590px;max-width:750px;width:96%;margin:0 auto}
 .dp-hero-orbit{right:0;top:0}
 .dp-browser{width:87%;top:54px;left:5%}
 .dp-stamp{bottom:20px;right:0}
 .dp-benefits .dp-wrap{grid-template-columns:repeat(2,1fr)}
 .dp-benefits span{border-bottom:1px solid #435c6c}
 .dp-section{padding:86px 0}
 .dp-section-heading{align-items:start;flex-direction:column;gap:25px;margin-bottom:34px}
 .dp-section-heading h2{font-size:clamp(63px,9vw,95px)}
 .dp-section-heading>p{max-width:620px}
 .dp-steps-grid{gap:10px}
 .dp-steps-grid article{padding:22px;min-height:325px}
 .dp-steps-grid h3{font-size:25px}
 .dp-example-grid{gap:13px}
 .dp-example-info h3{font-size:25px}
 .dp-example-info p{font-size:13px}
 .dp-included-grid{grid-template-columns:1fr;gap:50px}
 .dp-included-grid>div:first-child>p{max-width:620px}
 .dp-little-grid{grid-template-columns:1fr;gap:35px}
 .dp-footer-cta{align-items:start;flex-direction:column;gap:26px}
 .dp-contact-grid{grid-template-columns:1fr;gap:50px}
 .dp-contact-aside h2{max-width:800px}
 .dp-contact-points{margin-top:30px}
 .dp-try-grid{align-items:start;flex-direction:column}
 .dp-footer-grid{grid-template-columns:1.4fr 1fr;row-gap:35px}
 .dp-footer-small{grid-column:1/-1}
}
@media(max-width:650px){
 .dp-wrap{width:calc(100% - 36px)}
 .dp-announcement{font-size:9px}.dp-announcement .dp-wrap span{display:none}
 .dp-header-inner{min-height:72px}
 .dp-wordmark{gap:4px}.dp-wordmark img{width:45px;height:33px}.dp-wordmark>span{font-size:25px}
 .dp-menu-toggle{padding:9px 10px}
 .dp-hero-copy{padding:56px 0 26px}
 .dp-hero .dp-kicker{font-size:10px}
 .dp-hero h1{font-size:clamp(56px,13.6vw,86px);letter-spacing:-.087em;margin-bottom:26px}
 .dp-hero-copy>p{font-size:16px}
 .dp-hero-actions{align-items:stretch;gap:13px}.dp-hero-actions .dp-btn{width:100%;min-height:54px;font-size:12px}
 .dp-hero-art{width:100%;height:355px}
 .dp-hero-orbit{width:290px;height:290px;border-width:12px;top:13px}
 .dp-browser{top:22px;left:3px;width:86%;border-width:3px;box-shadow:9px 11px 0 var(--dp-navy)}
 .dp-browser-bar{font-size:7px;padding:7px}
 .dp-browser-bar>span:last-child{display:none}
 .dp-stamp{padding:10px 14px;bottom:23px;right:-4px;max-width:176px;box-shadow:4px 4px 0 var(--dp-navy)}
 .dp-stamp strong{font-size:15px}.dp-stamp a{font-size:8px;margin-top:7px}
 .dp-benefits span{font-size:10px;padding:17px 9px}
 .dp-section{padding:65px 0}
 .dp-kicker{font-size:10px}
 .dp-section-heading h2{font-size:clamp(51px,12vw,70px)}
 .dp-section-heading>p{font-size:16px}
 .dp-steps-grid{grid-template-columns:1fr;gap:12px}
 .dp-steps-grid article{min-height:240px;padding:23px}
 .dp-step-no{font-size:65px}
 .dp-steps-grid h3{font-size:30px;margin-top:24px}
 .dp-example-grid{grid-template-columns:1fr;gap:20px}
 .dp-example-image{aspect-ratio:1.65/1}
 .dp-example-info{padding:20px 22px 24px}
 .dp-example-info h3{font-size:31px}
 .dp-example-info p{font-size:15px}
 .dp-showcase-note{align-items:flex-start;flex-direction:column;gap:15px}
 .dp-included h2{font-size:clamp(55px,12vw,77px)}
 .dp-feature-list article{grid-template-columns:28px 1fr;gap:10px}
 .dp-feature-list h3{font-size:22px}
 .dp-little h2{font-size:clamp(54px,11.7vw,77px)}
 .dp-little-grid>div:last-child>p{font-size:17px}
 .dp-footer-cta{padding:60px 0 65px}
 .dp-footer-cta h2{font-size:clamp(56px,13vw,87px)}
 .dp-footer-cta .dp-btn{width:100%}
 .dp-footer-grid{grid-template-columns:1fr}
 .dp-footer-small{grid-column:auto}
 .dp-copyright{display:flex;flex-direction:column;gap:10px;margin-top:40px}
 .dp-subhero{padding:65px 0}
 .dp-subhero h1{font-size:clamp(53px,12.5vw,80px)}
 .dp-subhero p{font-size:16px}
 .dp-try h2{font-size:clamp(48px,11vw,70px)}
 .dp-examples-page .dp-example-grid{gap:16px}
 .dp-content h2{font-size:44px}
 .dp-content>p{font-size:16px}
 .dp-content .wp-block-columns{display:block}
 .dp-content .wp-block-column{margin-bottom:15px}
 .dp-enquiry{padding:25px 19px 30px;box-shadow:5px 6px 0 var(--dp-cyan)}
 .dp-contact-aside h2{font-size:clamp(51px,12vw,73px)}
 .dp-form-grid{grid-template-columns:1fr;gap:0}
 .dp-form-heading h3{font-size:34px}
}
@media(max-width:390px){
 .dp-wordmark>span{font-size:23px}
 .dp-hero h1{font-size:clamp(50px,13.3vw,65px)}
 .dp-browser{width:92%}.dp-stamp{bottom:38px;max-width:150px}
 .dp-stamp strong{font-size:13px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* ===============================================
   DigiPixel live portfolio: genuine website projects
   These classes are intentionally distinct from
   the fictional dp-example design demonstrations.
   =============================================== */
.dp-work-hero{background:var(--dp-cyan);color:var(--dp-navy)}
.dp-work-hero h1,.dp-work-case-hero h1{font-size:clamp(63px,8.25vw,116px);letter-spacing:-.085em;line-height:.92;max-width:1170px}
.dp-work-hero h1 span{color:var(--dp-paper);background:var(--dp-navy);padding:0 11px 7px}
.dp-work-hero p,.dp-work-case-hero p{max-width:800px;font-size:20px;line-height:1.6}
.dp-work-hero-actions{display:flex;gap:15px;flex-wrap:wrap;margin-top:38px}
.dp-work-hero-actions .dp-btn{min-height:55px;font-size:12px}
.dp-work-section{background:var(--dp-paper)}
.dp-work-heading h2 span{color:#4d8296}
.dp-work-heading>p{color:#4d6170}
.dp-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.dp-work-card{display:flex;flex-direction:column;background:var(--dp-white);border:3px solid var(--dp-navy);min-width:0;box-shadow:7px 8px 0 var(--dp-navy)}
.dp-work-visual{height:360px;position:relative;display:block;overflow:hidden;background:#e4eef2;border-bottom:3px solid var(--dp-navy);isolation:isolate}
.dp-work-browser-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 18px;height:44px;background:var(--dp-navy);color:var(--dp-paper);font-size:10px;letter-spacing:.025em;font-weight:800;white-space:nowrap;position:relative;z-index:1}
.dp-work-browser-bar>span:nth-child(2){text-overflow:ellipsis;overflow:hidden}
.dp-work-browser-bar>span:last-child{color:var(--dp-cyan);font-size:9px}
.dp-work-browser-dots{display:flex;flex:0 0 auto;gap:5px}
.dp-work-browser-dots i{height:7px;width:7px;display:block;border-radius:50%;background:var(--dp-cyan)}
.dp-work-browser-dots i:nth-child(2){background:var(--dp-white)}
.dp-work-browser-dots i:nth-child(3){background:#567c92}
.dp-work-desktop{width:100%;height:calc(100% - 44px);object-fit:cover;object-position:top;transition:transform .25s ease}
.dp-work-visual:hover .dp-work-desktop{transform:scale(1.025)}
.dp-work-phone{position:absolute;bottom:-7px;right:25px;width:133px;height:249px;overflow:hidden;border:6px solid var(--dp-navy);border-radius:18px 18px 0 0;background:var(--dp-white);box-shadow:0 10px 32px rgba(11,23,40,.35);z-index:2;pointer-events:none}
.dp-work-phone img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.dp-work-card-body{padding:31px 31px 33px;display:flex;flex:1;flex-direction:column}
.dp-work-eyebrow{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:10px;letter-spacing:.05em;font-weight:800;text-transform:uppercase;color:#586e7a}
.dp-work-status{background:#c2f1fe;border:1px solid #007fa8;color:var(--dp-navy);padding:5px 9px;font-size:10px;font-weight:900;letter-spacing:.045em}
.dp-work-card-body h3{font-size:clamp(33px,3.4vw,44px);line-height:1.04;letter-spacing:-.062em;margin:20px 0 12px}
.dp-work-card-body h3 a:hover{text-decoration:underline;text-underline-offset:5px}
.dp-work-card-body>p{font-size:15px;line-height:1.7;color:#364f5e;margin-bottom:18px}
.dp-work-card-body .dp-work-services{border-top:1px solid #c5d3d8;padding-top:15px;margin-top:auto;font-size:12px;color:#4e6a79;font-weight:700}
.dp-work-actions{display:flex;justify-content:space-between;gap:22px;align-items:center;flex-wrap:wrap;border-top:1px solid #c5d3d8;padding-top:19px;margin-top:auto}
.dp-work-actions .dp-text-link{font-size:11px}
.dp-work-external{font-size:11px;letter-spacing:.02em;font-weight:900;background:var(--dp-cyan);padding:13px 15px;white-space:nowrap}
.dp-work-external:hover{background:#b9f1ff}
.dp-work-concepts-note{background:#def6fc;border:3px solid var(--dp-navy);padding:43px 42px;margin-top:65px;display:flex;gap:50px;align-items:center;justify-content:space-between}
.dp-work-concepts-note h3{font-size:clamp(29px,3.3vw,45px);margin:10px 0 13px}
.dp-work-concepts-note p{color:#3c5664;font-size:15px;line-height:1.7;max-width:740px;margin:0}
.dp-work-concepts-note>.dp-btn{flex:0 0 auto;background:white}
.dp-work-home-intro{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:34px}
.dp-work-home-intro p{color:#47626f;font-size:14px;max-width:590px;margin:0}
.dp-work-home-intro .dp-text-link{white-space:nowrap;font-size:12px}
/* Case study pages */
.dp-work-case-hero{background:var(--dp-cyan)}
.dp-work-case-hero h1{margin-top:20px;overflow-wrap:break-word}
.dp-work-case-hero> .dp-wrap{max-width:1340px}
.dp-work-back{display:inline-block;font-size:11px;font-weight:900;letter-spacing:.085em;text-decoration:underline;text-underline-offset:5px;margin-bottom:36px}
.dp-work-case-hero .dp-kicker{color:var(--dp-navy)}
.dp-work-case-hero p{max-width:790px}
.dp-work-story-section{background:var(--dp-paper)}
.dp-work-story{display:grid;grid-template-columns:1.1fr .72fr;gap:min(10vw,140px);align-items:start}
.dp-work-story h2{font-size:clamp(55px,6vw,87px);margin:18px 0 34px}
.dp-work-story-content p,.dp-work-story-content li{font-size:18px;line-height:1.74;color:#334c59;max-width:760px}
.dp-work-story-content p{margin-bottom:24px}
.dp-work-story-content ul{padding-left:23px}
.dp-work-facts{background:white;border-top:6px solid var(--dp-cyan);padding:32px 34px 37px;box-shadow:8px 9px 0 var(--dp-navy)}
.dp-work-facts>.dp-kicker{margin-bottom:20px}
.dp-work-fact{padding:22px 0;border-top:1px solid #cad9de}
.dp-work-fact>span{display:block;font-size:10px;font-weight:900;letter-spacing:.08em;color:#627783;margin-bottom:10px}
.dp-work-fact strong,.dp-work-fact a{font-size:15px;line-height:1.5;font-weight:800;word-break:break-word}
.dp-work-fact a{text-decoration:underline;text-underline-offset:4px}
.dp-work-fact ul{padding-left:17px;margin:11px 0 0;color:#394f59}
.dp-work-fact li{font-size:13px;line-height:1.55;margin-bottom:10px}
.dp-work-captures{padding-top:120px}
.dp-work-captures-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:46px}
.dp-work-captures-heading h2{font-size:clamp(54px,6vw,87px);margin:15px 0 0}
.dp-work-captures-heading>p{font-size:15px;line-height:1.7;color:#4c6674;max-width:430px;margin-bottom:5px}
.dp-work-capture-grid{display:grid;grid-template-columns:1.55fr .47fr;gap:23px;align-items:start}
.dp-work-capture-grid figure{margin:0;min-width:0;background:white;border:3px solid var(--dp-navy);padding:18px;box-shadow:7px 8px 0 var(--dp-navy)}
.dp-work-capture-grid figure>span{display:block;font-size:11px;font-weight:900;letter-spacing:.075em;margin-bottom:18px}
.dp-work-capture-grid img{width:100%;height:auto;border:1px solid #cbd6d9}
.dp-work-capture-mobile img{max-width:390px;margin:auto}
.dp-work-bottom-links{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px;margin-top:100px}
@media(max-width:1150px){
.dp-work-visual{height:320px}
.dp-work-phone{width:115px;height:225px;right:18px}
.dp-work-card-body{padding:27px}
.dp-work-actions{gap:12px}
.dp-work-concepts-note{padding:35px;gap:30px}
}
@media(max-width:900px){
.dp-work-hero h1,.dp-work-case-hero h1{font-size:clamp(55px,9vw,85px)}
.dp-work-grid{gap:18px}
.dp-work-visual{height:285px}
.dp-work-phone{width:93px;height:192px;right:10px}
.dp-work-card-body{padding:22px}
.dp-work-card-body h3{font-size:31px}
.dp-work-actions{flex-direction:column;align-items:flex-start}
.dp-work-story{grid-template-columns:1fr;gap:50px}
.dp-work-facts{max-width:660px;width:100%}
.dp-work-captures{padding-top:80px}
}
@media(max-width:700px){
.dp-work-grid{grid-template-columns:1fr;gap:29px}
.dp-work-visual{height:370px}
.dp-work-phone{width:127px;height:242px;right:20px}
.dp-work-actions{flex-direction:row;align-items:center}
.dp-work-card-body h3{font-size:36px}
.dp-work-concepts-note{flex-direction:column;align-items:flex-start}
.dp-work-concepts-note>.dp-btn{flex:auto}
.dp-work-home-intro{flex-direction:column;align-items:flex-start}
.dp-work-captures-heading{flex-direction:column;align-items:flex-start}
.dp-work-capture-grid{grid-template-columns:1fr .48fr;gap:12px}
.dp-work-capture-grid figure{padding:9px}
.dp-work-capture-grid figure>span{font-size:9px;margin-bottom:10px}
}
@media(max-width:480px){
.dp-work-hero h1,.dp-work-case-hero h1{font-size:clamp(50px,12.6vw,67px)}
.dp-work-hero h1 span{padding:0 6px 4px}
.dp-work-hero p,.dp-work-case-hero p{font-size:17px}
.dp-work-hero-actions{flex-direction:column;align-items:stretch}
.dp-work-hero-actions .dp-btn{width:100%}
.dp-work-visual{height:265px}
.dp-work-browser-bar{gap:6px;padding:9px 10px;height:39px;font-size:8px}
.dp-work-browser-bar>span:last-child{font-size:8px}
.dp-work-desktop{height:calc(100% - 39px)}
.dp-work-phone{width:87px;height:169px;right:10px;border-width:4px;border-radius:11px 11px 0 0}
.dp-work-card-body{padding:22px}
.dp-work-card-body h3{font-size:33px}
.dp-work-actions{flex-direction:column;align-items:stretch}
.dp-work-external{text-align:center}
.dp-work-concepts-note{padding:23px;margin-top:50px}
.dp-work-concepts-note>.dp-btn{width:100%}
.dp-work-story h2{font-size:57px}
.dp-work-story-content p,.dp-work-story-content li{font-size:16px}
.dp-work-facts{padding:26px 23px;box-shadow:5px 6px 0 var(--dp-navy)}
.dp-work-captures-heading h2{font-size:55px}
.dp-work-capture-grid{grid-template-columns:1fr}
.dp-work-capture-mobile{max-width:270px;width:100%}
.dp-work-bottom-links{margin-top:65px}
}

.dp-live-work{background:var(--dp-cyan-pale)}
.dp-live-work .dp-work-heading h2 span{color:#147c9d}
.dp-live-work .dp-work-home-intro{border-top:2px solid var(--dp-navy);padding-top:26px}

/* Three verified DigiPixel business websites across homepage, services,
   and portfolio. Pixlwrk bespoke projects remain on the separate brand. */
.dp-work-studio{background:var(--dp-navy);color:#fff;padding:5px 9px;font-size:10px;font-weight:900;letter-spacing:.035em}
.dp-live-work .dp-work-grid,
.dp-work-section .dp-work-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
.dp-live-work .dp-work-visual,
.dp-work-section .dp-work-visual{height:286px}
.dp-live-work .dp-work-phone,
.dp-work-section .dp-work-phone{width:95px;height:187px;right:12px}
.dp-live-work .dp-work-card-body h3,
.dp-work-section .dp-work-card-body h3{font-size:clamp(28px,3vw,38px)}
@media(max-width:1180px){
  .dp-live-work .dp-work-grid,
  .dp-work-section .dp-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dp-live-work .dp-work-visual,
  .dp-work-section .dp-work-visual{height:315px}
}
@media(max-width:700px){
  .dp-live-work .dp-work-grid,
  .dp-work-section .dp-work-grid{grid-template-columns:1fr}
  .dp-live-work .dp-work-visual,
  .dp-work-section .dp-work-visual{height:360px}
  .dp-live-work .dp-work-phone,
  .dp-work-section .dp-work-phone{width:127px;height:240px;right:18px}
}
@media(max-width:480px){
  .dp-live-work .dp-work-visual,
  .dp-work-section .dp-work-visual{height:265px}
  .dp-live-work .dp-work-phone,
  .dp-work-section .dp-work-phone{width:87px;height:169px;right:10px}
}
