/*
Theme Name: Derk Services — Editable Data Analyst
Author: Derk Services
Description: Editable classic WordPress theme matching the approved Derk Services hero composition. Use Appearance > Customize to change text, image, crop, colors, and capability descriptions without uploading another ZIP.
Version: 5.2.0
License: GNU General Public License v2 or later
Text Domain: derk-services-editable
*/
:root{--navy:#102a55;--navy2:#17396d;--gold:#f4bf16;--gold2:#d5a300;--ink:#18345f;--muted:#58708f;--line:#dfe7ef;--bg:#fbfcfd;--soft:#f3f7fa;--white:#fff;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Poppins,Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{transition:all .2s ease}.ds-shell{width:min(var(--max),calc(100% - 64px));margin-inline:auto}
.ds-header{position:sticky;top:32;z-index:100;background:#fff;border-bottom:1px solid #e5ebf2;box-shadow:0 1px 0 rgba(16,42,85,.02)}.ds-header-inner{min-height:80px;display:grid;grid-template-columns:310px 1fr 250px;align-items:center;gap:20px}.ds-logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--navy);justify-self:start}.ds-logo-mark{width:48px;height:50px;display:flex;align-items:flex-end;gap:4px;position:relative}.ds-logo-mark i{display:block;width:10px;background:var(--navy);border-radius:2px 2px 0 0;position:relative}.ds-logo-mark i:nth-child(1){height:23px}.ds-logo-mark i:nth-child(2){height:34px}.ds-logo-mark i:nth-child(3){height:47px}.ds-logo-mark i:before{content:"";position:absolute;left:0;top:-7px;width:100%;height:9px;background:var(--gold);border-radius:2px 2px 0 0}.ds-logo-mark i:nth-child(1):before{height:8px}.ds-logo-mark i:nth-child(2):before{height:7px}.ds-logo-mark i:nth-child(3):before{height:7px}.ds-logo-copy{display:flex;flex-direction:column;line-height:1}.ds-logo-copy strong{font-size:1.92rem;letter-spacing:-.055em;white-space:nowrap}.ds-logo-copy small{font-size:.63rem;letter-spacing:.40em;margin-top:7px;font-weight:700;white-space:nowrap}.ds-nav{display:flex;align-items:center;justify-content:center;gap:36px}.ds-nav a{color:var(--navy);text-decoration:none;font-weight:600;font-size:.92rem;padding:29px 0 25px;position:relative}.ds-nav a:after{content:"";position:absolute;left:0;right:0;bottom:15px;height:3px;background:var(--gold);transform:scaleX(0);transition:.2s}.ds-nav a:hover:after,.ds-nav a.is-active:after{transform:scaleX(1)}.ds-header-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#f7bf18;color:var(--navy);text-decoration:none;font-weight:800;font-size:.88rem;padding:14px 20px;border-radius:11px;box-shadow:none;white-space:nowrap;justify-self:end}.ds-header-cta span{font-size:.9rem}
.ds-hero{position:relative;overflow:hidden;background:linear-gradient(105deg,#fff 0%,#fbfcfd 62%,#fff9df 100%);padding:74px 0 108px}.ds-hero:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-130px;top:-250px;background:radial-gradient(circle,#edf4f7 0,#f8fafb 55%,transparent 70%)}.ds-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:42px;position:relative;z-index:1}.ds-kicker,.ds-eyebrow{font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;font-weight:800;color:#806900;margin:0 0 22px;display:flex;align-items:center;gap:10px}.ds-kicker span,.ds-eyebrow span{width:28px;height:3px;background:var(--gold);display:inline-block}.ds-hero h1{font-size:clamp(3.6rem,5.5vw,5.35rem);line-height:.96;letter-spacing:-.075em;color:var(--navy);margin:0;max-width:760px}.ds-hero h1 .gold{color:#c69a00}.ds-lead{font-size:1.08rem;line-height:1.65;color:#4d6585;max-width:610px;margin:30px 0}.ds-actions{display:flex;flex-wrap:wrap;gap:14px}.ds-btn-primary,.ds-btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:13px;text-decoration:none;border-radius:999px;font-weight:800;padding:15px 27px;font-size:1rem}.ds-btn-primary{background:linear-gradient(135deg,#ffd02f,#f4b900);color:#102a55;box-shadow:0 12px 28px rgba(244,191,22,.22)}.ds-btn-primary:hover{transform:translateY(-2px);box-shadow:0 15px 32px rgba(244,191,22,.3)}.ds-btn-secondary{border:1.5px solid var(--navy);color:var(--navy);background:#fff}.ds-btn-secondary:hover{background:var(--navy);color:#fff}
.ds-tools{position:relative;z-index:20;display:grid;grid-template-columns:repeat(6,1fr);max-width:660px;margin-top:32px;overflow:visible}.ds-tool{text-align:center;border-right:1px solid #dbe3eb;padding:4px 12px 0;display:flex;flex-direction:column;gap:9px;align-items:center;color:var(--navy);position:relative;cursor:pointer;min-width:0;transition:transform .2s}.ds-tool:last-child{border-right:0}.ds-tool:hover,.ds-tool:focus-visible,.ds-tool.is-open{transform:translateY(-2px)}.ds-tool-logo{width:48px;height:48px;display:block;transition:transform .2s;background-repeat:no-repeat;background-position:center;background-size:contain}.ds-tool:hover .ds-tool-logo,.ds-tool:focus-visible .ds-tool-logo,.ds-tool.is-open .ds-tool-logo{transform:scale(1.16)}.ds-logo-data-analysis{background-image:url("assets/icons/data-analysis.png")}.ds-logo-visualization{background-image:url("assets/icons/visualization.png")}.ds-logo-sql{background-image:url("assets/icons/sql.png")}.ds-logo-power-bi{background-image:url("assets/icons/power-bi.png")}.ds-logo-excel{background-image:url("assets/icons/excel.png")}.ds-logo-python{background-image:url("assets/icons/python.png")}.ds-tool strong{font-size:.82rem;font-weight:600;white-space:nowrap}.ds-tooltip-box{position:absolute;left:50%;top:calc(100% + 17px);transform:translate(-50%,6px);width:245px;padding:16px 17px;background:#fff;border:1px solid #dce5ee;border-radius:14px;box-shadow:0 16px 35px rgba(16,42,85,.16);opacity:0;visibility:hidden;pointer-events:none;z-index:100;text-align:left;transition:opacity .18s ease,transform .18s ease,visibility .18s ease}.ds-tooltip-box:before{content:"";position:absolute;top:-7px;left:50%;width:12px;height:12px;background:#fff;border-left:1px solid #dce5ee;border-top:1px solid #dce5ee;transform:translateX(-50%) rotate(45deg)}.ds-tooltip-box b{display:block;color:var(--navy);font-size:.94rem;margin-bottom:6px}.ds-tooltip-box span{display:block;color:var(--muted);font-size:.8rem;line-height:1.5}.ds-tooltip:hover .ds-tooltip-box,.ds-tooltip:focus-visible .ds-tooltip-box,.ds-tooltip.is-open .ds-tooltip-box{opacity:1;visibility:visible;transform:translate(-50%,0)}
.ds-hero-visual{position:relative;min-height:680px;display:flex;align-items:center;justify-content:center}.ds-visual-glow{position:absolute;width:500px;height:500px;border-radius:50%;right:10px;top:10px;background:radial-gradient(circle,#eef4f7 0,#f8fafb 62%,transparent 70%)}.ds-portrait-wrap{position:relative;width:min(100%,500px);z-index:2}.ds-portrait{height:625px;background-image:url("assets/images/derk-profile-hero-tall.png");background-position:50% 65%;background-size:cover;border:10px solid rgba(255,255,255,.98);border-radius:30px;box-shadow:0 25px 55px rgba(16,42,85,.14)}.ds-story-note{position:absolute;right:18px;top:92px;width:190px;color:#fff;font-family:"Brush Script MT","Segoe Script","Bradley Hand",cursive;font-size:1.9rem;line-height:1.02;letter-spacing:.005em;text-align:left;transform:rotate(-4deg);text-shadow:0 2px 5px rgba(4,24,50,.82),0 0 1px rgba(4,24,50,.8);z-index:5;pointer-events:none}.ds-story-note strong{font-weight:400}.ds-story-note em{font-style:normal}.ds-story-note .story-underline{display:block;width:100px;height:5px;margin:12px 0 0 18px;background:var(--gold);transform:rotate(-7deg);border-radius:50%;box-shadow:0 2px 4px rgba(16,42,85,.2)}.ds-story-note .spark{position:absolute;display:block;width:4px;height:22px;background:var(--gold);border-radius:4px;top:-14px;right:7px;transform:rotate(24deg)}.ds-story-note .spark:before,.ds-story-note .spark:after{content:"";position:absolute;display:block;width:4px;background:var(--gold);border-radius:4px}.ds-story-note .spark:before{height:16px;top:7px;right:12px;transform:rotate(38deg)}.ds-story-note .spark:after{height:12px;top:13px;right:27px;transform:rotate(14deg)}.ds-impact-card{position:absolute;left:-48px;bottom:30px;background:#fff;border-radius:18px;padding:18px 22px;display:flex;align-items:center;gap:16px;box-shadow:0 15px 40px rgba(16,42,85,.16);min-width:270px;z-index:6}.ds-impact-card strong{font-size:1.08rem;line-height:1.1;color:var(--navy);display:block}.ds-impact-card small{display:block;margin-top:8px;color:#657993;font-size:.65rem;font-weight:700}.ds-mini-bars{width:45px;height:48px;display:flex;align-items:flex-end;gap:3px}.ds-mini-bars i{width:10px;border-radius:2px 2px 0 0;background:var(--navy)}.ds-mini-bars i:nth-child(1){height:19px}.ds-mini-bars i:nth-child(2){height:32px;background:var(--gold)}.ds-mini-bars i:nth-child(3){height:46px;background:var(--gold)}.ds-dots{position:absolute;right:-8px;bottom:60px;width:130px;height:100px;background-image:radial-gradient(#d8dfdc 3px,transparent 3px);background-size:23px 23px;opacity:.85}
.ds-section{padding:92px 0;background:#fff}.ds-section-soft{background:var(--soft)}.split-head{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:end}.ds-section h2{font-size:clamp(2.45rem,4.3vw,4.2rem);line-height:1.02;letter-spacing:-.055em;color:var(--navy);margin:0}.ds-section h2 span{color:#547092}.ds-section-intro{font-size:1.05rem;line-height:1.75;color:var(--muted);margin:0}.ds-problem-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:44px}.ds-problem{background:#fff;border:1px solid var(--line);border-radius:20px;padding:27px 22px;min-height:190px;box-shadow:0 8px 25px rgba(16,42,85,.04)}.problem-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#f5f9fc;color:var(--navy);font-weight:800;margin-bottom:18px}.problem-icon.question{font-size:24px;border:2px solid var(--navy)}.ds-problem strong{display:block;font-size:1.08rem;margin-bottom:9px}.ds-problem p{color:var(--muted);line-height:1.6;margin:0;font-size:.92rem}.ds-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:42px}.ds-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:29px;min-height:225px;box-shadow:0 10px 28px rgba(16,42,85,.05)}.ds-card-number{font-size:.72rem;letter-spacing:.16em;font-weight:800;color:#a37e00}.ds-card h3{font-size:1.3rem;color:var(--navy);margin:17px 0 10px}.ds-card p{color:var(--muted);line-height:1.65;margin:0}.ds-process{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:42px}.ds-step{padding:25px 19px;border:1px solid var(--line);border-radius:18px;background:#fff}.ds-step>span{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--gold);font-weight:800;color:var(--navy);font-size:.78rem;margin-bottom:18px}.ds-step h3{margin:0 0 8px;font-size:1.08rem}.ds-step p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.55}.ds-portfolio{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:42px}.ds-case{background:var(--navy);color:#fff;border-radius:24px;padding:30px;min-height:290px;display:flex;flex-direction:column;align-items:flex-start}.ds-case .ds-card-number{color:#ffd22e}.ds-case h3{font-size:1.55rem;margin:18px 0 12px;color:#fff}.ds-case p{color:#cbd7e6;line-height:1.65;margin:0}.ds-case a{margin-top:auto;color:#ffd22e;text-decoration:none;font-weight:700}.ds-about{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.ds-about-photo{aspect-ratio:4/5;border-radius:26px;background:url("assets/images/derk-profile-hero.jpg") center/cover no-repeat;box-shadow:0 20px 45px rgba(16,42,85,.12)}.ds-about-copy p:not(.ds-eyebrow){color:var(--muted);font-size:1.02rem;line-height:1.8}.ds-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.ds-badges span{border:1px solid var(--line);background:#fff;padding:9px 13px;border-radius:999px;font-size:.78rem;font-weight:700;color:var(--navy)}.ds-cta{padding:76px 0;background:linear-gradient(105deg,#102a55,#17396d)}.ds-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:50px}.ds-cta h2{color:#fff;margin:0 0 14px;font-size:clamp(2.3rem,4vw,4rem);line-height:1.02;letter-spacing:-.05em}.ds-cta p{color:#cbd7e6;max-width:650px;line-height:1.7}.ds-footer{background:#0b2145;color:#b9c7d8;padding:25px 0}.ds-footer-inner{display:flex;justify-content:space-between;gap:20px;align-items:center}.ds-footer a{color:#fff;text-decoration:none}
@media(max-width:1050px){.ds-header-inner{grid-template-columns:1fr auto}.ds-nav{gap:20px}.ds-header-cta{display:none}.ds-hero-grid{grid-template-columns:1fr}.ds-hero-visual{min-height:620px}.ds-portrait-wrap{max-width:430px}.ds-story-note{right:14px;top:104px;width:170px;font-size:1.62rem}.ds-impact-card{left:-28px}.split-head{grid-template-columns:1fr}.ds-problem-grid{grid-template-columns:repeat(2,1fr)}.ds-service-grid{grid-template-columns:repeat(2,1fr)}.ds-process{grid-template-columns:repeat(3,1fr)}.ds-portfolio{grid-template-columns:1fr}.ds-about{grid-template-columns:1fr}}
@media(max-width:760px){.ds-shell{width:min(var(--max),calc(100% - 34px))}.ds-header-inner{min-height:72px}.ds-logo-mark{width:40px;height:43px}.ds-logo-mark i{width:8px}.ds-logo-mark i:nth-child(1){height:15px}.ds-logo-mark i:nth-child(2){height:27px}.ds-logo-mark i:nth-child(3){height:41px}.ds-logo-copy strong{font-size:1.5rem}.ds-logo-copy small{font-size:.48rem;letter-spacing:.34em}.ds-nav{display:none}.ds-hero{padding:55px 0 72px}.ds-hero h1{font-size:clamp(3rem,15vw,5rem)}.ds-lead{font-size:1.02rem}.ds-tools{grid-template-columns:repeat(3,1fr);row-gap:22px;max-width:100%}.ds-tool:nth-child(3){border-right:0}.ds-tool:nth-child(4){border-right:1px solid #dbe3eb}.ds-hero-visual{min-height:540px;margin-top:10px}.ds-portrait-wrap{max-width:430px}.ds-portrait{height:540px}.ds-story-note{right:8px;top:78px;width:138px;font-size:1.3rem}.ds-story-note .story-underline{width:72px;margin-top:8px}.ds-story-note .spark{display:none}.ds-impact-card{left:5px;bottom:22px;min-width:235px;padding:14px 16px}.ds-impact-card strong{font-size:.92rem}.ds-dots{right:-5px;bottom:35px}.ds-section{padding:70px 0}.ds-problem-grid,.ds-service-grid,.ds-process{grid-template-columns:1fr}.ds-cta-inner{flex-direction:column;align-items:flex-start}.ds-btn-primary,.ds-btn-secondary{padding:14px 20px}.ds-footer-inner{flex-direction:column;align-items:flex-start;gap:10px}}