/*
Theme Name: DanCanDo
Theme URI: https://dancando.co.uk/
Author: DanCanDo Limited
Description: Bold, responsive WordPress theme for DanCanDo — bespoke web/software and urgent printing.
Version: 2.0.0
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: dancando
*/
:root{--ink:#10131a;--ink2:#181c25;--muted:#68707c;--paper:#f5f5f1;--white:#fff;--lime:#d8ff43;--blue:#4c5cff;--line:#dfe2e5;--radius:28px;--ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}.container{width:min(1180px,calc(100% - 44px));margin:auto}.site-header{position:sticky;top:0;z-index:100;background:rgba(245,245,241,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(16,19,26,.08)}.header-inner{height:82px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;font-weight:950;font-size:23px;letter-spacing:-.055em}.brand-mark{width:40px;height:40px;border-radius:12px;background:var(--ink);color:var(--lime);display:grid;place-items:center;margin-right:11px;font-size:19px}.brand-dot{color:var(--blue)}.nav>ul{display:flex;list-style:none;gap:28px;margin:0;padding:0}.nav a{font-weight:800;font-size:14px}.nav a:hover{color:var(--blue)}.header-actions{display:flex;align-items:center;gap:12px}.header-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid var(--ink);border-radius:999px;padding:13px 20px;font-weight:900;transition:transform .2s var(--ease),box-shadow .2s var(--ease)}.header-cta,.btn-dark{background:var(--ink);color:#fff}.btn-lime{background:var(--lime);border-color:var(--lime);color:var(--ink)}.btn:hover,.header-cta:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(16,19,26,.16)}.menu-toggle{display:none;width:42px;height:42px;border:0;background:var(--ink);border-radius:50%;position:relative}.menu-toggle span{position:absolute;width:17px;height:2px;background:#fff;left:13px;transition:.2s}.menu-toggle span:first-child{top:16px}.menu-toggle span:last-child{top:23px}.menu-open .menu-toggle span:first-child{transform:rotate(45deg);top:19px}.menu-open .menu-toggle span:last-child{transform:rotate(-45deg);top:19px}
.hero{padding:90px 0 82px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.eyebrow,.section-kicker{font-weight:950;text-transform:uppercase;letter-spacing:.14em;font-size:11px;display:flex;align-items:center;gap:9px}.eyebrow:before,.section-kicker:before{content:"";width:27px;height:3px;background:var(--blue);border-radius:4px}.hero h1{font-size:clamp(62px,8vw,112px);line-height:.82;letter-spacing:-.085em;margin:22px 0 28px;font-weight:950}.hero h1 span{color:var(--blue)}.hero-lead{font-size:21px;line-height:1.45;color:var(--muted);max-width:600px;margin:0 0 31px}.hero-lead strong{color:var(--ink)}.hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.text-link{font-weight:900;border-bottom:2px solid var(--ink);padding-bottom:3px}.hero-proof{display:flex;gap:15px;align-items:flex-start;margin-top:55px}.hero-proof span{font-size:11px;font-weight:950;color:var(--blue);padding-top:3px}.hero-proof p{margin:0;color:var(--muted);font-size:12px;line-height:1.2;text-transform:uppercase;letter-spacing:.12em}.hero-proof strong{color:var(--ink);font-size:14px}.hero-art{min-height:550px;position:relative;display:grid;place-items:center}.art-label{position:absolute;top:10px;right:15px;font-size:10px;font-weight:950;letter-spacing:.14em;transform:rotate(4deg)}.art-stack{width:min(440px,92%);height:500px;position:relative}.art-card{position:absolute;inset:45px 0 35px;border-radius:30px;padding:35px;box-shadow:0 25px 60px rgba(16,19,26,.17);font-weight:950;letter-spacing:-.06em}.card-back{background:var(--lime);transform:rotate(-8deg);font-size:50px;padding-top:50px}.card-mid{background:var(--blue);color:#fff;transform:rotate(5deg);font-size:55px;padding-top:75px}.card-front{background:var(--ink);color:#fff;transform:rotate(-1deg);display:flex;flex-direction:column;justify-content:space-between}.card-front small{font-size:11px;letter-spacing:.12em;color:#b8bec8}.card-front strong{font-size:61px;line-height:.86}.card-front span{font-size:13px;color:#b8bec8;letter-spacing:0}.art-dot{position:absolute;width:90px;height:90px;border-radius:50%;background:var(--lime);right:-5px;bottom:15px}.art-cross{position:absolute;font-size:60px;font-weight:300;left:10px;bottom:20px;transform:rotate(10deg)}
.ticker{background:var(--lime);overflow:hidden;padding:15px 0;font-size:12px;font-weight:950;letter-spacing:.1em;white-space:nowrap}.ticker-track{width:max-content;animation:marquee 24s linear infinite}.ticker span{margin-right:48px}@keyframes marquee{to{transform:translateX(-35%)}}
.section{padding:105px 0}.section-kicker{margin-bottom:28px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:48px}.section-head h2,.intro h2,.ai-section h2,.contact-copy h2{font-size:clamp(43px,5.8vw,72px);line-height:.92;letter-spacing:-.075em;margin:0;font-weight:950}.section-head h2 em,.intro h2 em,.ai-section h2 em,.contact-copy h2 em{font-style:normal;color:var(--blue)}.section-head>p{max-width:390px;color:var(--muted);margin:0}.intro-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:100px}.intro-grid p{font-size:19px;color:var(--muted);max-width:520px;margin:8px 0 0}.intro-grid p strong{color:var(--ink)}
.service-section{padding-top:0}.service-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}.mega-card{min-height:650px;border-radius:var(--radius);padding:38px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative;transition:transform .35s var(--ease),opacity .5s var(--ease)}.mega-card:hover{transform:translateY(-8px) rotate(-.4deg)}.digital-card{background:#fff;border:1px solid var(--line)}.print-card{background:var(--ink);color:#fff}.card-top{display:flex;justify-content:space-between;align-items:center}.number{font-size:11px;font-weight:950}.tag{font-size:10px;letter-spacing:.14em;font-weight:950;border:1px solid currentColor;padding:7px 10px;border-radius:999px}.big-icon{font-size:38px;margin:45px 0 20px}.mega-card h3{font-size:clamp(45px,5vw,68px);line-height:.88;letter-spacing:-.075em;margin:0 0 20px}.mega-card h3 em{font-style:normal;color:var(--blue)}.print-card h3 em{color:var(--lime)}.mega-card>div:nth-child(2) p{max-width:540px;color:var(--muted);font-size:17px}.print-card>div:nth-child(2) p{color:#b9bec8}.mega-card ul{list-style:none;padding:0;margin:35px 0 28px;display:grid;gap:8px;color:var(--muted);font-size:14px}.mega-card li:before{content:"↗";display:inline-block;width:22px;color:var(--blue);font-weight:900}.print-card li{color:#b9bec8}.print-card li:before{color:var(--lime)}.card-link{font-weight:950;display:flex;justify-content:space-between;border-top:1px solid rgba(16,19,26,.13);padding-top:18px}.print-card .card-link{border-color:#303642}.card-link span{font-size:18px}
.ai-section{background:var(--ink);color:#fff;position:relative;overflow:hidden}.ai-section:after{content:"AI";position:absolute;right:-25px;bottom:-100px;font-size:350px;line-height:1;font-weight:950;color:rgba(255,255,255,.025);letter-spacing:-.1em}.ai-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;position:relative;z-index:1}.section-kicker.light{color:#fff}.ai-section h2 em{color:var(--lime)}.ai-lead{font-size:25px;line-height:1.25;margin:25px 0;color:#fff}.ai-grid p:not(.ai-lead){color:#b9bec8;font-size:17px;max-width:570px;margin-bottom:30px}
.process-section{background:#e9e9e3}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.process{background:#fff;border-radius:22px;padding:30px;min-height:260px;transition:.35s var(--ease)}.process:hover{transform:translateY(-6px)}.process span{font-size:11px;font-weight:950;color:var(--blue)}.process h3{font-size:27px;letter-spacing:-.04em;margin:55px 0 10px}.process p{color:var(--muted);margin:0}.deadline-section{padding-top:0}.deadline{background:var(--blue);color:#fff;border-radius:32px;min-height:500px;padding:55px;position:relative;overflow:hidden;display:flex;align-items:center}.deadline-content{position:relative;z-index:2;max-width:620px}.deadline .section-kicker{color:#fff}.deadline h2{font-size:clamp(52px,7vw,90px);line-height:.84;letter-spacing:-.08em;margin:0 0 22px}.deadline h2 em{font-style:normal;color:var(--lime)}.deadline p{font-size:18px;color:#dfe3ff;max-width:560px;margin-bottom:28px}.deadline-word{position:absolute;right:-70px;bottom:-80px;font-size:210px;line-height:.8;font-weight:950;letter-spacing:-.12em;color:rgba(255,255,255,.08);transform:rotate(-6deg)}.deadline-stamp{position:absolute;right:60px;top:55px;border:3px solid var(--lime);color:var(--lime);border-radius:50%;width:135px;height:135px;display:grid;place-items:center;text-align:center;font-size:14px;font-weight:950;line-height:1.1;transform:rotate(10deg)}
.work-section{background:var(--paper)}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;transition:.35s var(--ease)}.project:hover{transform:translateY(-7px);box-shadow:0 20px 45px rgba(16,19,26,.1)}.project-media{aspect-ratio:4/3;background:var(--ink);display:grid;place-items:center;overflow:hidden}.project-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}.project:hover .project-media img{transform:scale(1.05)}.project-media span{font-size:38px;font-weight:950;color:#fff;letter-spacing:-.06em}.gradient-a{background:linear-gradient(135deg,var(--ink),var(--blue))}.gradient-b{background:linear-gradient(135deg,var(--blue),var(--lime))}.gradient-c{background:linear-gradient(135deg,var(--ink),#444b59)}.project-body{padding:21px}.project-meta{font-size:10px;font-weight:950;letter-spacing:.13em;color:var(--blue);margin-bottom:8px}.project-body h3{font-size:23px;letter-spacing:-.04em;margin:0 0 6px}.project-body p{color:var(--muted);font-size:14px;margin:0}
.contact-section{background:var(--lime)}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}.contact-copy h2 em{color:var(--ink)}.contact-copy>p{font-size:19px;max-width:500px;margin:25px 0;color:#444a3d}.contact-details{display:grid;gap:9px;margin-top:35px;font-weight:950}.contact-details a:hover{text-decoration:underline}.contact-form{background:#fff;border-radius:28px;padding:34px;box-shadow:0 20px 60px rgba(16,19,26,.12)}.form-title{font-size:24px;font-weight:950;letter-spacing:-.04em;margin-bottom:25px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{margin-bottom:4px}.field label{display:block;font-weight:850;font-size:12px;margin-bottom:7px}.field input,.field textarea,.field select{width:100%;border:1px solid #d8dbe0;border-radius:12px;padding:14px;font:inherit;background:#fff;color:var(--ink);outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(76,92,255,.12)}.field textarea{min-height:145px;resize:vertical}.full{grid-column:1/-1}.notice{padding:14px 16px;background:#efffbf;border-radius:12px;margin-bottom:18px;font-weight:800}.footer{background:#0b0d12;color:#fff;padding:58px 0 28px}.footer-grid{display:flex;justify-content:space-between;gap:30px}.footer p{color:#9fa6b1}.footer-links{display:flex;gap:25px;font-weight:800}.footer-links a:hover{color:var(--lime)}.copyright{border-top:1px solid #252a34;margin-top:40px;padding-top:20px;color:#737b87;font-size:12px}.page-hero{padding:85px 0 50px}.page-hero h1{font-size:clamp(50px,7vw,90px);line-height:.9;letter-spacing:-.08em;margin:20px 0 0}.content{max-width:900px}.content h2{font-size:42px;letter-spacing:-.06em}.content p,.content li{font-size:18px;color:var(--muted)}.reveal{opacity:0;transform:translateY(28px)}.reveal.is-visible{opacity:1;transform:none;transition:opacity .7s var(--ease),transform .7s var(--ease)}
@media(max-width:950px){.container{width:min(100% - 32px,1180px)}.nav{display:none}.menu-toggle{display:block}.menu-open .nav{display:block;position:fixed;top:82px;left:0;right:0;bottom:0;background:var(--paper);padding:30px 22px}.menu-open .nav>ul{display:grid;gap:22px}.menu-open .nav a{font-size:22px}.hero-grid,.intro-grid,.ai-grid,.contact-grid{grid-template-columns:1fr}.hero{padding-top:65px}.hero-art{max-width:620px;margin:auto}.service-cards{grid-template-columns:1fr}.mega-card{min-height:580px}.process-grid{grid-template-columns:1fr}.portfolio-grid{grid-template-columns:1fr 1fr}.deadline{min-height:470px}.deadline-stamp{right:35px}.section{padding:80px 0}.section-head{display:block}.section-head>p{margin-top:20px}.ai-grid{gap:45px}}
@media(max-width:600px){.container{width:calc(100% - 28px)}.header-inner{height:70px}.menu-open .nav{top:70px}.header-cta{display:none}.hero{padding:52px 0 60px}.hero h1{font-size:62px}.hero-lead{font-size:18px}.hero-art{min-height:390px;margin-top:10px}.art-stack{height:370px}.art-card{inset:30px 0 20px;padding:25px;border-radius:23px}.card-back,.card-mid{font-size:38px}.card-front strong{font-size:45px}.card-front span{font-size:11px}.art-dot{width:65px;height:65px}.section{padding:65px 0}.intro-grid{gap:30px}.intro-grid p{font-size:17px}.mega-card{padding:27px;min-height:560px}.mega-card h3{font-size:50px}.ai-section h2,.contact-copy h2{font-size:48px}.ai-lead{font-size:21px}.deadline{padding:32px 27px;min-height:460px}.deadline-word{font-size:120px;right:-20px;bottom:-30px}.deadline-stamp{width:95px;height:95px;right:22px;top:28px;font-size:10px}.portfolio-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.contact-form{padding:25px}.footer-grid{display:block}.footer-links{margin-top:25px;flex-wrap:wrap}.section-head h2{font-size:48px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker-track{animation:none}.reveal{opacity:1;transform:none}}