/* =====================================================================
   Dunelm Digital – custom styles for the new sections (not generated)
   Brand: coral #E2705F, black #000, white, Raleway / Rokkitt
   ===================================================================== */
:root{--dd-coral:#E2705F;--dd-coral-dark:#c95a49;--dd-black:#000;--dd-ink:#1a1a1a;--dd-grey:#f5f3f2;--dd-line:#e7e2e0;--dd-wrap:1250px}

/* menu dropdowns: never squash the words */
.elementor-nav-menu--main .elementor-nav-menu ul.sub-menu{width:auto;min-width:12em}
.elementor-nav-menu--main .elementor-nav-menu ul.sub-menu a{white-space:nowrap}

/* cookie banner: all three buttons use the same type */
.dd-cookie .dd-cookie-btns>*{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-size:15px;font-weight:600;line-height:45px;letter-spacing:normal;text-transform:none}

/* home: "View our latest work" link under the latest projects slider */
.dd-latest-link{text-align:center;margin:4px 0 18px;width:100%}
.dd-latest-link .button{font-family:Raleway,sans-serif;font-weight:600;font-size:16px;color:var(--dd-coral);text-decoration:none}
.dd-latest-link .button:hover{text-decoration:underline}

/* home: Updates & resources + testimonials, stacked and aligned with the page content */
.dd-updates{padding:90px 0 100px!important}
.dd-updates>.elementor-container{flex-wrap:wrap;row-gap:70px}
.dd-updates>.elementor-container>.elementor-column>.elementor-widget-wrap{padding:0 10px!important}
.dd-updates .elementor-posts-container{grid-template-columns:repeat(3,1fr)!important}
.dd-updates .elementor-widget-heading{margin-bottom:28px!important}
@media (max-width:1024px){.dd-updates .elementor-posts-container{grid-template-columns:repeat(2,1fr)!important}}
@media (max-width:767px){.dd-updates{padding:60px 0!important}.dd-updates .elementor-posts-container{grid-template-columns:1fr!important}}
.dd-updates>.elementor-container>.elementor-column{width:100%!important;max-width:100%!important;flex:0 0 100%}
/* latest projects: crop the square mock-ups to the screen so the box keeps its original size */
.elementor-2 .elementor-element.elementor-element-db1cd57>.elementor-widget-container{margin:0!important}
.elementor-element-db1cd57 .swiper-slide-image{width:100%;height:auto;max-height:380px;object-fit:contain}


/* ---------- shared building blocks ---------- */
.dd-wrap{max-width:var(--dd-wrap);margin:0 auto;padding:0 20px;box-sizing:border-box}
.dd-wrap *,.dd-wrap *::before,.dd-wrap *::after{box-sizing:border-box}
.dd-eyebrow{font:500 14px/1.4 Rokkitt,serif;letter-spacing:.04em;margin:0 0 6px;color:inherit;opacity:.9}
.dd-h2{font:800 clamp(26px,3vw,34px)/1.15 Raleway,sans-serif;text-transform:uppercase;margin:0 0 16px;color:inherit}
.dd-h2 span,.dd-contact__title span{color:var(--dd-coral)}
.dd-btn{display:inline-block;background:var(--dd-black);color:#fff;border:0;border-radius:40px;padding:14px 30px;font:700 15px/1 Raleway,sans-serif;letter-spacing:.03em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background .2s,transform .2s}
.dd-btn:hover,.dd-btn:focus-visible{background:var(--dd-coral);color:#fff;transform:translateY(-1px)}
.dd-btn--coral{background:var(--dd-coral)}.dd-btn--coral:hover,.dd-btn--coral:focus-visible{background:var(--dd-black)}
.dd-btn--ghost{background:transparent;color:inherit;box-shadow:inset 0 0 0 2px currentColor}.dd-btn--ghost:hover{box-shadow:none}
.dd-pill{display:inline-block;border-radius:30px;padding:9px 18px;font:600 14px/1.2 Raleway,sans-serif;text-decoration:none;margin:4px 6px 4px 0;transition:background .2s,color .2s}
.dd-pill--light{background:rgba(255,255,255,.18);color:#fff}.dd-pill--light:hover{background:#fff;color:var(--dd-coral)}
:focus-visible{outline:3px solid #1a73e8;outline-offset:2px}

/* ---------- contact section (above footer) ---------- */
.dd-contact{background:var(--dd-coral);color:#fff;padding:90px 0;font-family:Raleway,sans-serif}
.dd-contact__grid{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:center}
.dd-contact__title{font:800 clamp(30px,3.6vw,44px)/1.05 Raleway,sans-serif;text-transform:uppercase;margin:0 0 18px;color:#fff}
.dd-contact__title span{color:#000}
.dd-contact__lead{font-size:18px;line-height:1.55;margin:0 0 22px;max-width:30em}
.dd-contact__points{list-style:none;margin:0 0 28px;padding:0}
.dd-contact__points li{position:relative;padding:7px 0 7px 32px;font-weight:600;font-size:16px}
.dd-contact__points li::before{content:"";position:absolute;left:0;top:10px;width:20px;height:20px;border-radius:50%;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3 3 7-7' fill='none' stroke='%23E2705F' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
.dd-contact__alt p{margin:0 0 6px;font-weight:700}
.dd-contact__card{background:#fff;color:var(--dd-ink);border-radius:18px;padding:34px;box-shadow:0 30px 60px -20px rgba(0,0,0,.35)}
.dd-form__chips{border:0;margin:0 0 18px;padding:0}
.dd-form__chips legend{font-weight:700;font-size:15px;margin:0 0 10px;padding:0}
.dd-form__chips label{display:inline-block;margin:0 6px 8px 0;cursor:pointer}
.dd-form__chips input{position:absolute;opacity:0;width:1px;height:1px}
.dd-form__chips span{display:inline-block;border:1.5px solid var(--dd-line);border-radius:30px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .15s}
.dd-form__chips input:checked+span{background:var(--dd-coral);border-color:var(--dd-coral);color:#fff}
.dd-form__chips input:focus-visible+span{outline:3px solid #1a73e8;outline-offset:2px}
.dd-form__row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.dd-field{display:block;margin:0 0 14px}
.dd-field span{display:block;font-size:13px;font-weight:700;margin:0 0 6px;color:#333}
.dd-field input,.dd-field textarea{width:100%;border:1.5px solid var(--dd-line);border-radius:10px;padding:12px 14px;font:16px Raleway,sans-serif;color:var(--dd-ink);background:#fff;transition:border-color .15s}
.dd-field input:focus,.dd-field textarea:focus{border-color:var(--dd-coral);outline:none;box-shadow:0 0 0 3px rgba(226,112,95,.2)}
.dd-form .dd-btn{width:100%;margin-top:6px;padding:17px}
.dd-form__small{font-size:12px;color:#666;margin:12px 0 0;text-align:center}
.dd-form__small a{color:var(--dd-coral)}
.dd-form .elementor-message{margin:14px 0 0;font-weight:700;text-align:center;line-height:1.4}
.dd-form.dd-sent .dd-form__chips,.dd-form.dd-sent .dd-form__row,.dd-form.dd-sent .dd-field,.dd-form.dd-sent .dd-btn,.dd-form.dd-sent .dd-form__small{display:none}
.dd-form.dd-sent .elementor-message{font-size:20px;color:var(--dd-ink);padding:40px 0}
@media (max-width:900px){.dd-contact__grid{grid-template-columns:1fr;gap:36px}.dd-contact{padding:60px 0}}
@media (max-width:520px){.dd-form__row{grid-template-columns:1fr;gap:0}.dd-contact__card{padding:24px 20px}}

/* ---------- page sections for the new hand-built pages ---------- */
.dd-main{font-family:Raleway,sans-serif;color:var(--dd-ink)}
.dd-main p{line-height:1.65}
.dd-hero{background:linear-gradient(180deg,#f7f5f4 0%,#fff 100%);padding:80px 0 70px;border-bottom:1px solid var(--dd-line)}
.dd-hero--small{padding:60px 0 40px}
.dd-hero__grid{display:grid;grid-template-columns:1.5fr 1fr;gap:60px;align-items:center}
.dd-hero__title{font:800 clamp(32px,4.2vw,54px)/1.05 Raleway,sans-serif;text-transform:uppercase;margin:0 0 20px;color:#000;letter-spacing:-.01em}
.dd-hero__title span{color:var(--dd-coral)}
.dd-hero__lead{font-size:clamp(17px,1.6vw,20px);line-height:1.6;margin:0 0 28px;max-width:38em}
.dd-hero__note{background:#000;color:#fff;border-radius:18px;padding:30px;font-size:18px;line-height:1.5}
.dd-hero__note-label{font:700 13px Raleway,sans-serif;text-transform:uppercase;letter-spacing:.08em;color:var(--dd-coral);margin:0 0 8px}
.dd-hero__note p{margin:0}
.dd-section{padding:80px 0}
.dd-section--tight{padding:50px 0}
.dd-section--grey{background:var(--dd-grey)}
.dd-section--black{background:#000;color:#fff}
.dd-section--black .dd-h2{color:#fff}
.dd-section__intro{font-size:18px;max-width:46em;margin:0 0 36px}
.dd-costs{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.dd-cost{background:#fff;border:1px solid var(--dd-line);border-radius:16px;padding:24px;transition:transform .2s,box-shadow .2s}
.dd-cost:hover{transform:translateY(-3px);box-shadow:0 18px 40px -20px rgba(0,0,0,.25)}
.dd-cost h3{font:700 17px/1.3 Raleway,sans-serif;margin:0 0 10px;color:#000}
.dd-cost__range{font:700 22px/1.2 Rokkitt,serif;color:var(--dd-coral);margin:0 0 10px!important}
.dd-cost p{margin:0;font-size:15px}
.dd-factors{list-style:none;margin:30px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;counter-reset:f}
.dd-factors li{background:#fff;border-radius:16px;padding:26px 24px 22px;position:relative;counter-increment:f}
.dd-factors li::before{content:counter(f,decimal-leading-zero);font:800 14px Raleway,sans-serif;color:var(--dd-coral);display:block;margin:0 0 10px;letter-spacing:.06em}
.dd-factors h3{font:700 18px/1.35 Raleway,sans-serif;margin:0 0 8px;color:#000}
.dd-factors p{margin:0;font-size:15px}
.dd-split{display:grid;grid-template-columns:1fr 1fr;gap:60px}
.dd-gate{background:#000;color:#fff}
.dd-gate .dd-h2{color:#fff}
.dd-gate__inner{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.dd-gate__form{background:#fff;color:var(--dd-ink);border-radius:18px;padding:30px}
.dd-faq__item{max-width:900px}
.dd-faq__item{border-bottom:1px solid var(--dd-line)}
.dd-faq__item summary{cursor:pointer;list-style:none;padding:22px 40px 22px 0;font:700 18px/1.4 Raleway,sans-serif;position:relative;color:#000}
.dd-faq__item summary::-webkit-details-marker{display:none}
.dd-faq__item summary::after{content:"+";position:absolute;right:6px;top:16px;font:400 30px/1 Raleway,sans-serif;color:var(--dd-coral);transition:transform .2s}
.dd-faq__item[open] summary::after{transform:rotate(45deg)}
.dd-faq__item div{padding:0 0 18px}
.dd-cta-band{background:var(--dd-coral);color:#fff;padding:60px 0}
.dd-cta-band .dd-h2,.dd-cta-band .dd-h2 span{color:#fff}
.dd-cta-band__inner{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}
.dd-cta-band p{margin:0;font-size:18px}
.dd-cta-band__btns{display:flex;gap:12px;flex-wrap:wrap}
.dd-cta-band .dd-btn--coral{background:#000}.dd-cta-band .dd-btn--coral:hover{background:#fff;color:var(--dd-coral)}
.dd-price-list{aspect-ratio:auto!important}
@media (max-width:1024px){.dd-costs{grid-template-columns:repeat(2,1fr)}.dd-factors{grid-template-columns:repeat(2,1fr)}}
@media (max-width:767px){.dd-hero{padding:50px 0}.dd-hero__grid,.dd-split,.dd-gate__inner{grid-template-columns:1fr;gap:30px}.dd-costs,.dd-factors{grid-template-columns:1fr}.dd-section{padding:56px 0}}

/* ---------- Our Work ---------- */
.dd-filters{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.dd-filter{background:#fff;border:1.5px solid var(--dd-line);border-radius:30px;padding:10px 20px;font:600 15px Raleway,sans-serif;color:var(--dd-ink);cursor:pointer;transition:all .15s}
.dd-filter:hover{border-color:var(--dd-coral);color:var(--dd-coral)}
.dd-filter.is-active{background:#000;border-color:#000;color:#fff}
.dd-work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.dd-work{border-radius:18px;overflow:hidden;background:#fff;border:1px solid var(--dd-line);transition:transform .25s,box-shadow .25s}
.dd-work[hidden]{display:none}
.dd-work:hover{transform:translateY(-4px);box-shadow:0 24px 50px -24px rgba(0,0,0,.3)}
.dd-work__link{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}
.dd-work__media{aspect-ratio:4/3;background:#f4f1f0;overflow:hidden;display:flex;align-items:center;justify-content:center}
.dd-work__media picture,.dd-work__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.dd-work:hover .dd-work__media img{transform:scale(1.04)}
.dd-work__fallback{font:800 26px/1.15 Raleway,sans-serif;text-transform:uppercase;color:#fff;background:#000;width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;padding:30px}
.dd-work__body{padding:22px 24px 26px;display:flex;flex-direction:column;flex:1}
.dd-work__tags{font:700 12px Raleway,sans-serif;text-transform:uppercase;letter-spacing:.08em;color:var(--dd-coral);margin:0 0 8px}
.dd-work__title{font:800 21px/1.25 Raleway,sans-serif;margin:0 0 10px;color:#000}
.dd-work__summary{font-size:15px;margin:0 0 18px;color:#444;flex:1}
.dd-work__more{font:700 14px Raleway,sans-serif;color:#000;border-bottom:2px solid var(--dd-coral);align-self:flex-start;padding-bottom:2px}
.dd-cta-row{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}
.dd-cta-row p{margin:0;font-size:18px}
@media (max-width:1024px){.dd-work-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.dd-work-grid{grid-template-columns:1fr}}

/* ---------- Our Services ---------- */
.dd-jump{display:flex;flex-wrap:wrap;gap:10px}
.dd-jump a{border:1.5px solid #000;border-radius:30px;padding:10px 20px;font:600 15px Raleway,sans-serif;color:#000;text-decoration:none;transition:all .15s}
.dd-jump a:hover{background:#000;color:#fff}
.dd-service{padding:90px 0;border-bottom:1px solid var(--dd-line);scroll-margin-top:20px}
.dd-service__grid{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}
.dd-service--flip .dd-service__media{order:2}
.dd-service__media{border-radius:20px;overflow:hidden;background:#f4f1f0}
.dd-service__media img{width:100%;height:auto;display:block}
.dd-service__text p{font-size:17px;margin:0 0 14px}
.dd-ticks{list-style:none;margin:22px 0 30px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 20px}
.dd-ticks li{position:relative;padding-left:28px;font-weight:600}
.dd-ticks li::before{content:"";position:absolute;left:0;top:3px;width:18px;height:18px;border-radius:50%;background:var(--dd-coral) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3 3 7-7' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
.dd-service__btns{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.dd-link{font:700 15px Raleway,sans-serif;color:#000;text-decoration:none;border-bottom:2px solid var(--dd-coral);padding-bottom:2px}
.dd-link:hover{color:var(--dd-coral)}
.dd-steps{list-style:none;margin:36px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;counter-reset:s}
.dd-steps li{counter-increment:s;border-top:2px solid var(--dd-coral);padding-top:20px}
.dd-steps li::before{content:counter(s,decimal-leading-zero);font:800 40px/1 Raleway,sans-serif;color:var(--dd-coral);display:block;margin-bottom:12px}
.dd-steps h3{font:800 20px Raleway,sans-serif;text-transform:uppercase;margin:0 0 8px;color:#fff}
.dd-steps p{margin:0;color:#ddd;font-size:15px}
@media (max-width:900px){.dd-service__grid{grid-template-columns:1fr;gap:34px}.dd-service--flip .dd-service__media{order:0}.dd-steps{grid-template-columns:repeat(2,1fr)}.dd-service{padding:60px 0}}
@media (max-width:520px){.dd-ticks{grid-template-columns:1fr}.dd-steps{grid-template-columns:1fr}}

/* ---------- Websites page ---------- */
.dd-web-hero>.elementor-container{max-width:calc(var(--dd-wrap) - 40px)!important}
.dd-web-hero .elementor-column>.elementor-widget-wrap{padding:24px 0 25px!important}
.dd-web-hero .elementor-heading-title{text-align:left!important}
.dd-process{list-style:none;margin:40px 0 50px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:26px;counter-reset:p}
.dd-process li{counter-increment:p;background:var(--dd-grey);border-radius:18px;padding:28px 26px}
.dd-process li::before{content:counter(p,decimal-leading-zero);font:800 34px/1 Raleway,sans-serif;color:var(--dd-coral);display:block;margin:0 0 14px}
.dd-process h3{font:800 19px/1.3 Raleway,sans-serif;margin:0 0 8px;text-transform:uppercase;color:#000}
.dd-process p{margin:0;font-size:15px}
.dd-web-seo h3{font:800 20px/1.3 Raleway,sans-serif;margin:0 0 10px;color:#000}
@media (max-width:900px){.dd-process{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.dd-process{grid-template-columns:1fr}}

/* ---------- Privacy policy: dark, accessible, with reading options ---------- */
.dd-pp{--pp-bg:#0e0e0e;--pp-fg:#f2f2f2;--pp-muted:#b9b9b9;--pp-accent:#F08C7C;--pp-line:#2b2b2b;--pp-card:#171717;--pp-scale:1;--pp-lh:1.7;--pp-ls:0;
  background:var(--pp-bg);color:var(--pp-fg);font-family:Raleway,sans-serif;font-size:calc(17px * var(--pp-scale));padding:0 0 90px}
.dd-pp[data-theme=light]{--pp-bg:#ffffff;--pp-fg:#151515;--pp-muted:#4d4d4d;--pp-accent:#b3402f;--pp-line:#e3e3e3;--pp-card:#f6f4f3}
.dd-pp[data-theme=contrast]{--pp-bg:#000;--pp-fg:#fff;--pp-muted:#fff;--pp-accent:#ffd84d;--pp-line:#fff;--pp-card:#000}
.dd-pp[data-spacing=on]{--pp-lh:2;--pp-ls:.04em}
.dd-pp[data-spacing=on] .dd-pp__body{word-spacing:.16em}
.dd-pp__tools{background:var(--pp-card);border-bottom:1px solid var(--pp-line);position:sticky;top:0;z-index:50}
.dd-pp__tools-inner{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;padding-top:12px;padding-bottom:12px}
.dd-pp__tools-label{font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.08em;color:var(--pp-muted)}
.dd-pp__group{display:inline-flex;border:1.5px solid var(--pp-line);border-radius:30px;overflow:hidden}
.dd-pp__tools button{background:transparent;color:var(--pp-fg);border:0;padding:9px 15px;font:600 14px Raleway,sans-serif;cursor:pointer;min-height:40px}
.dd-pp__group button+button{border-left:1.5px solid var(--pp-line)}
.dd-pp__tools button[aria-pressed=true]{background:var(--pp-accent);color:#000}
.dd-pp__tools button:hover{text-decoration:underline}
.dd-pp__dys{border:1.5px solid var(--pp-line)!important;border-radius:30px}
.dd-pp__layout{display:grid;grid-template-columns:260px 1fr;gap:20px 70px;padding-top:70px}
.dd-pp__head{grid-column:1/-1;max-width:52em}
.dd-pp h1{font:800 clamp(34px,5vw,58px)/1.05 Raleway,sans-serif;text-transform:uppercase;margin:0 0 18px;color:var(--pp-fg)}
.dd-pp h1 span{color:var(--pp-accent)}
.dd-pp .dd-eyebrow{color:var(--pp-muted)}
.dd-pp__intro{font-size:1.2em;line-height:1.6;color:var(--pp-fg);margin:0 0 20px}
.dd-pp__toc{position:sticky;top:90px;align-self:start;border-left:2px solid var(--pp-accent);padding-left:18px}
.dd-pp__toc-title{font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:13px;color:var(--pp-muted);margin:0 0 10px}
.dd-pp__toc ol{margin:0;padding-left:18px;color:var(--pp-muted)}
.dd-pp__toc li{margin:0 0 8px;font-size:15px}
.dd-pp__toc a{color:var(--pp-fg);text-decoration:none}
.dd-pp__toc a:hover,.dd-pp__toc a:focus-visible{color:var(--pp-accent);text-decoration:underline}
.dd-pp__body{max-width:46em;line-height:var(--pp-lh);letter-spacing:var(--pp-ls)}
.dd-pp__sec{padding:34px 0;border-top:1px solid var(--pp-line);scroll-margin-top:80px}
.dd-pp__sec h2{font:800 1.45em/1.25 Raleway,sans-serif;margin:0 0 16px;color:var(--pp-fg);text-transform:none}
.dd-pp__sec p,.dd-pp__sec li{color:var(--pp-fg);margin:0 0 14px}
.dd-pp__sec ul{margin:0 0 16px;padding-left:22px}
.dd-pp__sec li::marker{color:var(--pp-accent)}
.dd-pp a{color:var(--pp-accent)}
.dd-pp__updated{color:var(--pp-muted);font-size:.9em;margin-top:30px}
.dd-pp :focus-visible{outline:3px solid var(--pp-accent);outline-offset:3px}
@media (max-width:900px){.dd-pp__layout{grid-template-columns:1fr;padding-top:40px}.dd-pp__toc{position:static}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media (max-width:767px){.dd-updates>.elementor-container{padding:0 20px}}
/* --- Oct 23: solid coral pill buttons (same shape as "See Our Prices" on the home page) --- */
.dd-pill-btn{display:inline-block;background:#e2705f;color:#fff!important;border-radius:10000px;padding:9px 18px;font:500 16px/18px Raleway,sans-serif;text-decoration:none!important;text-transform:none;letter-spacing:normal;transition:background .2s,transform .2s}
.dd-pill-btn:hover,.dd-pill-btn:focus-visible{background:#c95a49;color:#fff;transform:translateY(-1px)}
.dd-service__btns{gap:12px}
/* contact section copy */
.dd-contact__lead{margin-bottom:12px}
.dd-contact__lead2{font-size:16px;line-height:1.6;margin:0 0 22px;max-width:34em}
.dd-contact__points li{font-weight:400;line-height:1.55;padding:8px 0 8px 32px}
.dd-contact__points li strong{font-weight:800}
.dd-contact__alt p{font-weight:600;max-width:34em;margin:0 0 12px;line-height:1.55}
/* our services: everything we do */
.dd-all{background:#f7f3f2}
.dd-all__lead{max-width:40em;margin:0 0 34px;font-size:18px;line-height:1.6}
.dd-all__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.dd-all__card{background:#fff;border-radius:18px;padding:30px 30px 24px;box-shadow:0 18px 40px -28px rgba(0,0,0,.35)}
.dd-all__num{font:800 14px/1 Raleway,sans-serif;color:var(--dd-coral);letter-spacing:.08em;margin:0 0 10px}
.dd-all__card h3{font:800 22px/1.2 Raleway,sans-serif;margin:0 0 8px;color:#000}
.dd-all__desc{margin:0 0 18px;color:#555;line-height:1.55}
.dd-all__card ul{list-style:none;margin:0;padding:16px 0 0;border-top:1px solid #eee;columns:2;column-gap:24px}
.dd-all__card li{break-inside:avoid;position:relative;padding:0 0 9px 16px;font-size:15px;line-height:1.4}
.dd-all__card li::before{content:"";position:absolute;left:0;top:.5em;width:6px;height:6px;border-radius:50%;background:var(--dd-coral)}
.dd-all__cta{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:34px}
.dd-all__cta p{margin:0;font-weight:700;font-size:18px}
@media (max-width:900px){.dd-all__grid{grid-template-columns:1fr}}
@media (max-width:520px){.dd-all__card ul{columns:1}.dd-all__card{padding:24px 20px}}
/* terms form + price list (privacy-page style) */
.dd-pp .dd-terms-form{background:var(--pp-card);border:1px solid var(--pp-line);border-radius:16px;padding:26px;margin-top:10px}
.dd-pp .dd-terms-form .dd-field span,.dd-pp .dd-check span{color:var(--pp-fg)}
.dd-pp .dd-terms-form input[type=text],.dd-pp .dd-terms-form input[type=email]{background:var(--pp-bg);color:var(--pp-fg);border-color:var(--pp-line)}
.dd-check{display:flex;gap:12px;align-items:flex-start;margin:6px 0 18px;cursor:pointer;font-weight:600;line-height:1.5}
.dd-check input{width:22px;height:22px;flex:0 0 22px;margin:1px 0 0;accent-color:var(--dd-coral)}
.dd-pp .dd-form.dd-sent .dd-check{display:none}
.dd-pl-rows{margin:0}
.dd-pl-row{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:14px 0;border-bottom:1px dashed var(--pp-line)}
.dd-pl-row:last-child{border-bottom:0}
.dd-pl-row dt{font-weight:600;color:var(--pp-fg)}
.dd-pl-row dd{margin:0;white-space:nowrap;color:var(--pp-muted)}
.dd-pl-row dd b{font-size:1.35em;font-weight:800;color:var(--pp-accent);margin:0 2px}
.dd-pl-page .dd-pp__layout{padding-bottom:70px}
/* case study */
.dd-case__tags{font-weight:700;color:var(--dd-coral);text-transform:uppercase;letter-spacing:.08em;font-size:14px;margin:-6px 0 16px}
.dd-case__hero{margin:0 auto;max-width:860px}.dd-case__hero img{width:100%;height:auto;display:block}
.dd-case__grid{display:grid;grid-template-columns:1fr 1.4fr;gap:40px}
.dd-case__text p{font-size:17px;line-height:1.7}
.dd-case__cols{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:20px}
.dd-case__cols>div{background:#fff;border-radius:16px;padding:26px}
.dd-case__cols h3{font:800 20px/1.2 Raleway,sans-serif;margin:0 0 10px}
.dd-case__quote{margin:24px 0 0;padding:20px 24px;border-left:4px solid var(--dd-coral);background:#f7f3f2;border-radius:0 12px 12px 0}
.dd-case__quote p{font-size:19px;font-style:italic;margin:0 0 8px}.dd-case__quote cite{font-style:normal;font-weight:700}
@media (max-width:900px){.dd-case__grid,.dd-case__cols{grid-template-columns:1fr;gap:20px}}
/* header (and its dropdowns) always above page content such as the sticky reading-options bar */
.elementor-location-header{position:relative;z-index:100}
/* tables on dark / high-contrast legal pages */
.dd-pp table{width:100%;border-collapse:collapse;margin:0 0 18px;background:transparent}
.dd-pp table td,.dd-pp table th{background:transparent!important;color:var(--pp-fg)!important;border:1px solid var(--pp-line)!important;padding:10px 12px;vertical-align:top}
.dd-pp table tr:nth-child(odd) td{background:rgba(128,128,128,.08)!important}
/* services hero summary */
.dd-sum{list-style:none;margin:34px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.dd-sum a{display:flex;flex-direction:column;gap:6px;height:100%;background:#fff;border:1.5px solid #eee;border-radius:16px;padding:18px 18px 20px;color:#1a1a1a;text-decoration:none;transition:border-color .2s,transform .2s,box-shadow .2s}
.dd-sum a:hover,.dd-sum a:focus-visible{border-color:var(--dd-coral);transform:translateY(-2px);box-shadow:0 14px 30px -20px rgba(0,0,0,.35)}
.dd-sum strong{font:800 16px/1.25 Raleway,sans-serif;color:#000}
.dd-sum span{font-size:14px;line-height:1.45;color:#555}
.dd-sum__all a{background:var(--dd-coral);border-color:var(--dd-coral)}
.dd-sum__all strong,.dd-sum__all span{color:#fff}
.dd-sum__all a:hover{border-color:#000}
.dd-all__card{scroll-margin-top:90px}
@media (max-width:1024px){.dd-sum{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.dd-sum{grid-template-columns:1fr}}
.dd-case__intro{max-width:40em;font-size:17px;line-height:1.7}
.dd-case__cols p{line-height:1.65}
.dd-case__soon{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:26px}
.dd-case__soon div{aspect-ratio:4/3;border-radius:16px;background:repeating-linear-gradient(135deg,#f7f3f2 0 14px,#f1eae8 14px 28px);display:flex;align-items:center;justify-content:center;border:1.5px dashed #e0cfcb}
.dd-case__soon span{font:800 14px/1 Raleway,sans-serif;text-transform:uppercase;letter-spacing:.1em;color:var(--dd-coral)}
@media (max-width:700px){.dd-case__soon{grid-template-columns:1fr 1fr}.dd-case__soon div:last-child{display:none}}
.elementor-nav-menu--main .elementor-nav-menu ul.sub-menu{background:#fff!important;border-radius:0 0 14px 14px;box-shadow:0 18px 36px -16px rgba(0,0,0,.35);overflow:hidden}
.elementor-nav-menu--main .elementor-nav-menu ul.sub-menu a.elementor-sub-item{background:#fff!important;color:#1a1a1a!important}
.elementor-nav-menu--main .elementor-nav-menu ul.sub-menu a.elementor-sub-item:hover,.elementor-nav-menu--main .elementor-nav-menu ul.sub-menu a.elementor-sub-item:focus-visible{background:#f7f3f2!important;color:var(--dd-coral)!important}
/* website costs guide */
.dd-pricing-guide .dd-hero__lead+.dd-hero__lead{margin-top:-6px}
.dd-compare-wrap{overflow-x:auto;margin-top:26px;border-radius:16px;border:1.5px solid #eee}
.dd-compare{width:100%;border-collapse:collapse;min-width:560px;font-size:16px}
.dd-compare th,.dd-compare td{padding:16px 20px;text-align:left;vertical-align:top;border:0;border-bottom:1px solid #eee;background:#fff!important}
.dd-compare thead th{background:#000!important;color:#fff;font:700 13px Raleway,sans-serif;text-transform:uppercase;letter-spacing:.08em}
.dd-compare tbody th{font-weight:800;color:#000}
.dd-compare td:nth-child(2){font-weight:700;color:var(--dd-coral);white-space:nowrap}
.dd-compare tr:last-child th,.dd-compare tr:last-child td{border-bottom:0}
.dd-compare tr.is-us th,.dd-compare tr.is-us td{background:#fbefed!important}
.dd-hidden{list-style:none;margin:0 0 18px;padding:0}
.dd-hidden li{position:relative;padding:8px 0 8px 22px;line-height:1.55}
.dd-hidden li::before{content:"";position:absolute;left:0;top:17px;width:8px;height:8px;border-radius:50%;background:var(--dd-coral)}
.dd-section--grey .dd-hidden li strong{color:#000}
/* graphic design gallery (masonry) */
.dd-gal{columns:3 300px;column-gap:22px;margin-top:26px}
.dd-gal__item{break-inside:avoid;margin:0 0 22px;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 18px 40px -30px rgba(0,0,0,.45)}
.dd-gal__item a{display:block;overflow:hidden}
.dd-gal__item img{display:block;width:100%;height:auto;transition:transform .4s}
.dd-gal__item a:hover img,.dd-gal__item a:focus-visible img{transform:scale(1.03)}
.dd-gal__item figcaption{padding:14px 18px 16px;display:flex;flex-direction:column;gap:2px}
.dd-gal__item strong{font:800 16px/1.3 Raleway,sans-serif;color:#000}
.dd-gal__item span{font-size:14px;color:#666}
/* Nov 4: remove the old theme's raspberry (#c36) button hover */
button:focus,button:hover,[type=button]:focus,[type=button]:hover,[type=submit]:focus,[type=submit]:hover{background-color:#E2705F;border-color:#E2705F;color:#fff}
.dd-filter:hover,.dd-filter:focus-visible{background:#fff;border-color:var(--dd-coral);color:var(--dd-coral)}
.dd-filter:focus:not(:focus-visible){background:#fff;color:var(--dd-ink);border-color:var(--dd-line)}
.dd-filter.is-active,.dd-filter.is-active:hover,.dd-filter.is-active:focus{background:#000;border-color:#000;color:#fff}
.dd-pp__tools button:hover,.dd-pp__tools button:focus{background:transparent;color:var(--pp-fg);border-color:var(--pp-line)}
.dd-pp__tools .dd-pp__group button:hover,.dd-pp__tools .dd-pp__group button:focus{border-top:0;border-right:0;border-bottom:0}
.dd-pp__tools .dd-pp__group button:first-child:hover,.dd-pp__tools .dd-pp__group button:first-child:focus{border-left:0}
.dd-pp__tools button[aria-pressed=true],.dd-pp__tools button[aria-pressed=true]:hover,.dd-pp__tools button[aria-pressed=true]:focus{background:var(--pp-accent);color:#000}
.dd-pp__tools button:hover{background:rgba(128,128,128,.15)}
/* Lanes & Co case study */
.dd-case__cols--3{grid-template-columns:repeat(3,1fr)}
.dd-case__gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:26px}
.dd-case__gallery figure{margin:0}
.dd-case__gallery img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:16px}
.dd-case__gallery figcaption{margin-top:10px;font-weight:700;font-size:15px}
.dd-case__palette>div{aspect-ratio:1/1;border-radius:16px;background:#f8f6f3;display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:18%}
.dd-case__palette span{border-radius:50%;aspect-ratio:1/1;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}
@media (max-width:900px){.dd-case__cols--3{grid-template-columns:1fr}.dd-case__gallery{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.dd-case__gallery{grid-template-columns:1fr}}
.dd-case__gallery{max-width:820px}