/*
Theme Name: DK Expressions V4 — Time Travellers
Theme URI: https://dkexpressions.co.za/
Author: DK Expressions
Author URI: https://dkexpressions.co.za/
Description: Cinematic, responsive WordPress theme for DK Expressions. Built for brand storytelling, event coverage, portfolio work and the complete editorial archive.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 8.0
Text Domain: dk-expressions-v4
*/

:root{--ink:#02050a;--panel:#060b13;--line:rgba(125,192,255,.16);--blue:#1498ff;--electric:#63c6ff;--white:#f4f8ff;--muted:#8d9aaa;--content:1320px}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;background:var(--ink);color:var(--white);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}body.admin-bar .dk-header{top:32px}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button,input,textarea,select{font:inherit}::selection{background:var(--blue);color:#fff}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.screen-reader-text:focus{position:fixed!important;z-index:99999;top:10px;left:10px;width:auto;height:auto;padding:12px 18px;background:#fff;color:#000;clip:auto}
.dk-header{position:absolute;z-index:100;top:0;left:0;right:0;height:86px;display:flex;align-items:center;gap:30px;padding:0 4vw;border-bottom:1px solid rgba(125,192,255,.13);background:linear-gradient(rgba(2,5,10,.9),transparent)}.dk-header.is-stuck{position:fixed;height:68px;background:rgba(2,5,10,.88);backdrop-filter:blur(18px);border-color:var(--line)}.dk-brand{display:block;margin-right:auto}.dk-brand img{display:block;width:118px;height:76px;object-fit:contain;filter:drop-shadow(0 0 14px rgba(49,169,255,.3))}.dk-header.is-stuck .dk-brand img{width:98px;height:60px}.dk-nav ul{display:flex;align-items:center;gap:clamp(16px,2vw,31px);margin:0;padding:0;list-style:none}.dk-nav a{position:relative;color:#c4ced9;font-size:9px;letter-spacing:.14em;text-transform:uppercase}.dk-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-10px;height:1px;background:var(--electric);transition:.25s}.dk-nav a:hover:after,.dk-nav .current-menu-item>a:after{right:0}.dk-nav a:hover{color:#fff}.dk-header-cta,.dk-button{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:14px 19px;border:1px solid #168de5;color:#fff;font-size:9px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;transition:.25s}.dk-header-cta:hover,.dk-button:hover{background:var(--blue);box-shadow:0 0 30px rgba(20,152,255,.38)}.dk-menu-toggle{display:none;width:42px;height:42px;border:0;background:transparent;color:#fff}.dk-menu-toggle span{display:block;width:22px;height:1px;margin:6px auto;background:#fff}
.dk-home-hero{position:relative;min-height:100svh;display:grid;place-items:center;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 110%,#07204a 0,#030a18 36%,#010307 70%)}.dk-stars{position:absolute;inset:0;z-index:-4;background-image:radial-gradient(circle,#6ec8ff 0 1px,transparent 1.6px),radial-gradient(circle,#167dce 0 1px,transparent 1.4px);background-size:103px 97px,173px 157px;opacity:.65;animation:dkDrift 20s linear infinite}.dk-city{position:absolute;z-index:-2;left:0;right:0;bottom:0;height:33vh;background:linear-gradient(transparent 8%,rgba(2,8,18,.1)),repeating-linear-gradient(90deg,transparent 0 40px,rgba(19,75,130,.35) 41px 44px,transparent 45px 72px);border-bottom:3px solid #2eaaff;box-shadow:0 16px 36px #0054ac}.dk-city:before{content:"";position:absolute;left:4%;right:4%;bottom:3px;height:70%;clip-path:polygon(0 100%,0 65%,4% 65%,4% 35%,8% 35%,8% 76%,12% 76%,12% 48%,17% 48%,17% 27%,20% 27%,20% 69%,25% 69%,25% 42%,29% 42%,29% 84%,35% 84%,35% 55%,39% 55%,39% 15%,42% 15%,42% 74%,47% 74%,47% 39%,51% 39%,51% 81%,56% 81%,56% 49%,61% 49%,61% 24%,64% 24%,64% 72%,69% 72%,69% 35%,74% 35%,74% 82%,79% 82%,79% 45%,85% 45%,85% 67%,91% 67%,91% 37%,95% 37%,95% 73%,100% 73%,100% 100%);background:repeating-linear-gradient(0deg,#030914 0 9px,#0b3962 10px 11px);filter:drop-shadow(0 0 7px #006cce)}.dk-portal{position:absolute;z-index:-1;width:min(64vw,720px);aspect-ratio:1;border:2px dashed rgba(89,190,255,.72);border-radius:50%;box-shadow:0 0 28px #0c89e5,inset 0 0 38px rgba(13,130,230,.55);animation:dkSpin 15s linear infinite}.dk-portal:before,.dk-portal:after{content:"";position:absolute;border-radius:50%}.dk-portal:before{inset:7%;border:2px solid rgba(95,197,255,.7);box-shadow:0 0 12px #31adff,inset 0 0 18px #208cff;animation:dkSpin 20s linear infinite reverse}.dk-portal:after{inset:18%;background:radial-gradient(circle,rgba(2,5,10,.97) 0 58%,rgba(4,30,67,.85));box-shadow:inset 0 0 55px #0b4c8d}.dk-hero-copy{width:min(900px,90vw);padding:120px 0 65px;text-align:center}.dk-kicker{margin:0 0 20px;color:#43b7ff;font-size:9px;letter-spacing:.25em;text-transform:uppercase}.dk-home-hero h1{margin:0;font-size:clamp(48px,6.8vw,104px);line-height:.92;letter-spacing:-.055em;text-transform:uppercase}.dk-home-hero h1 span{display:block;color:transparent;-webkit-text-stroke:1px rgba(224,242,255,.83)}.dk-tagline{margin:27px 0 33px;color:#e8f4ff;font-size:clamp(12px,1.5vw,19px);letter-spacing:.34em;text-transform:uppercase}.dk-tagline sup{color:var(--electric)}.dk-enter{display:inline-flex;align-items:center;gap:35px;padding:17px 25px;border:1px solid #168de5;background:rgba(2,5,10,.72);color:#fff;font-size:10px;letter-spacing:.18em;text-transform:uppercase;cursor:pointer}.dk-enter:hover{background:#0d8ee9;box-shadow:0 0 35px rgba(18,146,238,.42)}
.dk-section{width:min(var(--content),92vw);margin:auto;padding:110px 0}.dk-section-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:52px}.dk-section-head h2,.dk-split h2,.dk-contact h2{margin:0;font-size:clamp(38px,5vw,72px);line-height:1;letter-spacing:-.045em;text-transform:uppercase}.dk-section-head h2 em,.dk-split h2 em,.dk-contact h2 em{color:#289ff1;font-style:normal}.dk-section-head>p{max-width:390px;color:var(--muted);font-size:14px;line-height:1.7}.dk-metrics{display:grid;grid-template-columns:repeat(6,1fr);padding:25px 4vw;border-block:1px solid var(--line);background:#03070d}.dk-metrics div{min-height:88px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border-right:1px solid var(--line);text-align:center}.dk-metrics div:last-child{border:0}.dk-metrics strong{color:#43aaff;font-size:clamp(21px,2.5vw,36px);font-weight:500}.dk-metrics span{color:#8e9aa8;font-size:8px;letter-spacing:.13em;text-transform:uppercase}
.dk-card-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.dk-card{position:relative;min-height:350px;padding:28px 24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(150deg,rgba(13,32,56,.5),rgba(2,5,10,.28));overflow:hidden;transition:.3s}.dk-card:after{content:"";position:absolute;right:-80px;bottom:-80px;width:180px;aspect-ratio:1;border:1px solid #178fdf;border-radius:50%;box-shadow:0 0 45px rgba(17,141,230,.2);transition:.35s}.dk-card:hover{transform:translateY(-6px);background:#081522}.dk-card:hover:after{right:-45px;bottom:-45px}.dk-card-number{color:#536a80;font-family:monospace;font-size:10px}.dk-card-icon{display:grid;place-items:center;width:48px;height:48px;margin:60px 0 22px;border:1px solid #1689df;color:#43b4ff;font-size:20px}.dk-card h3{position:relative;z-index:1;margin:0 0 12px;font-size:17px;text-transform:uppercase}.dk-card p{position:relative;z-index:1;color:#8795a4;font-size:13px;line-height:1.65}.dk-card a{position:absolute;z-index:2;left:24px;bottom:24px;color:#68c4ff;font-size:8px;letter-spacing:.16em;text-transform:uppercase}
.dk-work-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:12px}.dk-work-card{position:relative;min-height:370px;overflow:hidden;border:1px solid var(--line);background:radial-gradient(circle at 50% 38%,var(--tone,#107cca),transparent 43%),#040a12}.dk-work-card:before{content:"";position:absolute;width:57%;aspect-ratio:1;left:22%;top:10%;border:1px solid color-mix(in srgb,var(--tone,#107cca) 72%,white);border-radius:50%;box-shadow:0 0 55px var(--tone,#107cca),inset 0 0 40px var(--tone,#107cca);transition:.5s}.dk-work-card:hover:before{transform:scale(1.08) rotate(20deg)}.dk-work-card-content{position:absolute;inset:auto 0 0;padding:70px 24px 24px;background:linear-gradient(transparent,rgba(0,0,0,.95))}.dk-work-card small{color:#4eb5fa;font-size:8px;letter-spacing:.14em;text-transform:uppercase}.dk-work-card strong{display:block;margin-top:8px;font-size:18px;text-transform:uppercase}.dk-split{display:grid;grid-template-columns:.9fr 1.1fr;gap:9vw;align-items:center}.dk-about-orbit{position:relative;aspect-ratio:1;display:grid;place-items:center;border:1px solid #168ade;border-radius:50%;box-shadow:0 0 70px rgba(12,121,220,.25),inset 0 0 70px rgba(12,121,220,.2)}.dk-about-orbit:before,.dk-about-orbit:after{content:"";position:absolute;inset:8%;border:1px dashed #245f91;border-radius:50%;animation:dkSpin 22s linear infinite}.dk-about-orbit:after{inset:-7%;animation-direction:reverse;animation-duration:35s}.dk-about-orbit img{position:relative;z-index:1;width:86%;height:86%;object-fit:contain;filter:drop-shadow(0 0 28px rgba(30,151,255,.34))}.dk-split p{color:#95a2af;font-size:15px;line-height:1.75}.dk-insight-list{border-top:1px solid var(--line)}.dk-insight-list article{border-bottom:1px solid var(--line)}.dk-insight-list a{display:grid;grid-template-columns:110px 120px 1fr auto;gap:20px;align-items:center;padding:30px 8px;transition:.25s}.dk-insight-list a:hover{padding-left:20px;background:#07101c}.dk-insight-list time{color:#697b8d;font-family:monospace}.dk-insight-list small{color:#33aafd;letter-spacing:.15em;text-transform:uppercase}.dk-insight-list h3{margin:0;font-size:clamp(16px,2vw,24px);font-weight:500}.dk-contact{position:relative;min-height:650px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:90px 5vw;overflow:hidden;border-top:1px solid var(--line);text-align:center}.dk-contact:before{content:"";position:absolute;width:520px;aspect-ratio:1;border:1px solid #138cd9;border-radius:50%;box-shadow:0 0 80px #06549b,inset 0 0 100px #04244a;opacity:.38}.dk-contact>*{position:relative;z-index:1}.dk-contact>p{max-width:560px;color:#93a0ae;line-height:1.7}.dk-contact .dk-button{margin-top:20px;background:#0d8ee9}
.dk-page-hero{position:relative;min-height:720px;display:flex;align-items:center;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 75% 44%,rgba(10,101,188,.25),transparent 28%),linear-gradient(135deg,#02050a 28%,#071523 100%)}.dk-page-ring{position:absolute;z-index:-1;right:-8vw;top:7%;width:min(65vw,760px);aspect-ratio:1;border:1px dashed #1999ee;border-radius:50%;box-shadow:0 0 85px rgba(17,144,237,.28),inset 0 0 75px rgba(17,144,237,.17);animation:dkSpin 32s linear infinite}.dk-page-ring:after{content:"";position:absolute;inset:18%;border:1px solid #25a6fa;border-radius:50%;box-shadow:0 0 45px rgba(20,152,255,.45)}.dk-page-copy{width:min(var(--content),91vw);margin:auto;padding:145px 0 85px}.dk-page-copy h1{max-width:1050px;margin:0;font-size:clamp(53px,7vw,103px);line-height:.9;letter-spacing:-.055em;text-transform:uppercase}.dk-page-copy h1 em{display:block;color:transparent;font-style:normal;-webkit-text-stroke:1px rgba(215,238,255,.84)}.dk-page-copy>p:not(.dk-kicker){max-width:650px;color:#9eacba;font-family:Georgia,serif;font-size:clamp(18px,2vw,25px);line-height:1.5}.dk-content{width:min(850px,88vw);margin:auto;padding:90px 0 130px;color:#c2cbd5;font-family:Georgia,serif;font-size:18px;line-height:1.85}.dk-content h2,.dk-content h3,.dk-content h4{color:#fff;font-family:Arial,sans-serif;text-transform:uppercase}.dk-content h2{margin-top:70px;font-size:clamp(32px,4vw,53px);line-height:1.05}.dk-content h3{margin-top:55px;font-size:26px}.dk-content h4{font-size:18px}.dk-content a{color:#53bbff;text-decoration:underline}.dk-content img{margin:35px auto}.dk-content blockquote{margin:55px 0;padding:35px 42px;border-left:2px solid #159cff;background:linear-gradient(90deg,rgba(15,101,173,.18),transparent);color:#f3f9ff;font-size:clamp(24px,3vw,36px);line-height:1.35}.dk-content figcaption{color:#66788a;font-family:Arial,sans-serif;font-size:10px}.dk-content table{width:100%;border-collapse:collapse;font-family:Arial,sans-serif;font-size:14px}.dk-content th,.dk-content td{padding:14px;border:1px solid var(--line);text-align:left}
.dk-article-hero{position:relative;min-height:760px;display:flex;align-items:end;overflow:hidden;background:linear-gradient(0deg,#02050a 0,rgba(2,5,10,.18) 70%),radial-gradient(circle at 72% 35%,#103e78,transparent 45%),#06101c}.dk-article-hero.has-image{background-color:#02050a;background-size:cover;background-position:center}.dk-article-hero.has-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#02050a 0,rgba(2,5,10,.2) 72%)}.dk-article-heading{position:relative;z-index:2;width:min(var(--content),91vw);margin:auto;padding:170px 0 80px}.dk-taxonomy{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:25px}.dk-taxonomy a{padding:6px 10px;border:1px solid rgba(83,179,255,.3);color:#55baff;font-size:8px;letter-spacing:.13em;text-transform:uppercase}.dk-article-heading h1{max-width:1050px;margin:0;font-size:clamp(45px,6.2vw,90px);line-height:.96;letter-spacing:-.05em;text-transform:uppercase}.dk-article-meta{display:flex;gap:20px;margin-top:30px;color:#8b9aaa;font-size:10px;letter-spacing:.09em;text-transform:uppercase}.dk-reading-progress{position:fixed;z-index:110;top:0;left:0;width:0;height:2px;background:#22a4fb;box-shadow:0 0 12px #128ce5}.dk-article-shell{display:grid;grid-template-columns:75px minmax(0,790px) 250px;justify-content:center;gap:50px;width:min(var(--content),92vw);margin:auto;padding:95px 0 130px}.dk-share{position:sticky;top:100px;align-self:start;display:flex;flex-direction:column;align-items:center;gap:11px}.dk-share>span{writing-mode:vertical-rl;margin-bottom:10px;color:#5f6c7b;font-size:8px;letter-spacing:.2em;text-transform:uppercase}.dk-share a{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(75,157,221,.24);color:#91a5b8;font-size:10px}.dk-share a:hover{border-color:#2dabff;color:#fff;background:#0879c4}.dk-article-body{color:#c4ccd5;font-family:Georgia,serif;font-size:18px;line-height:1.9}.dk-article-body>p:first-child{color:#eef6ff;font-size:clamp(22px,2.4vw,30px);line-height:1.55}.dk-sidebar{align-self:start}.dk-sidebar-card{padding:24px;border:1px solid var(--line);background:#050b13}.dk-sidebar-card h3{margin-top:0;font-size:14px;text-transform:uppercase}.dk-sidebar-card p{color:#7e8d9d;font-size:12px;line-height:1.6}.dk-sidebar-card .dk-button{padding:11px 13px;font-size:7px}
.dk-archive{width:min(var(--content),92vw);margin:auto;padding:90px 0 130px}.dk-post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.dk-post-card{position:relative;min-height:410px;border:1px solid var(--line);background:#06101b;overflow:hidden}.dk-post-card-image{height:225px;background:radial-gradient(circle,#0e70c2,transparent 52%),#07101a}.dk-post-card-image img{width:100%;height:100%;object-fit:cover;transition:.45s}.dk-post-card:hover img{transform:scale(1.05)}.dk-post-card-content{padding:24px}.dk-post-card small{color:#38aaf3;font-size:8px;letter-spacing:.15em;text-transform:uppercase}.dk-post-card h2{margin:12px 0;font-size:20px;line-height:1.15;text-transform:uppercase}.dk-post-card p{color:#8391a0;font-size:13px;line-height:1.6}.navigation.pagination{margin-top:50px}.nav-links{display:flex;gap:9px}.page-numbers{display:grid;place-items:center;min-width:38px;height:38px;border:1px solid var(--line)}.page-numbers.current,.page-numbers:hover{background:#108fe7}
.dk-footer{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:30px;padding:50px 4vw 28px;border-top:1px solid var(--line);color:#748393;font-size:10px}.dk-footer img{width:118px;height:82px;object-fit:contain}.dk-footer>p{text-align:center}.dk-footer-nav{display:flex;justify-content:flex-end;gap:22px;text-transform:uppercase;letter-spacing:.1em}.dk-footer small{grid-column:1/-1;padding-top:22px;border-top:1px solid rgba(110,170,220,.08);text-align:center}
@keyframes dkSpin{to{transform:rotate(360deg)}}@keyframes dkDrift{to{background-position:114px 120px,234px 174px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(max-width:1100px){.dk-nav{display:none}.dk-menu-toggle{display:block}.dk-header-cta{margin-left:auto}.dk-nav.is-open{position:fixed;display:block;top:68px;right:18px;width:260px;padding:25px;background:#07101b;border:1px solid var(--line)}.dk-nav.is-open ul{flex-direction:column;align-items:flex-start}.dk-card-grid{grid-template-columns:repeat(2,1fr)}.dk-metrics{grid-template-columns:repeat(3,1fr)}.dk-metrics div:nth-child(3n){border-right:0}.dk-work-grid{grid-template-columns:1fr 1fr}.dk-article-shell{grid-template-columns:55px minmax(0,790px)}.dk-sidebar{display:none}.dk-post-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){body.admin-bar .dk-header{top:46px}.dk-header{height:68px;padding:0 18px}.dk-brand img,.dk-header.is-stuck .dk-brand img{width:84px;height:58px}.dk-header-cta{display:none}.dk-portal{width:118vw}.dk-home-hero h1{font-size:46px}.dk-tagline{font-size:10px;line-height:1.8}.dk-section{padding:80px 0}.dk-section-head{display:block}.dk-section-head>p{margin-top:20px}.dk-metrics{grid-template-columns:repeat(2,1fr);padding:16px 4vw}.dk-metrics div{border-bottom:1px solid var(--line)}.dk-metrics div:nth-child(even){border-right:0}.dk-card-grid{display:flex;overflow-x:auto;border-left:0;scroll-snap-type:x mandatory}.dk-card{min-width:82vw;scroll-snap-align:center;border-left:1px solid var(--line)}.dk-work-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.dk-work-card{min-width:82vw;scroll-snap-align:center}.dk-split{grid-template-columns:1fr}.dk-about-orbit{width:82vw;margin:auto}.dk-insight-list a{grid-template-columns:75px 1fr auto}.dk-insight-list small{display:none}.dk-page-hero{min-height:690px}.dk-page-copy h1{font-size:47px}.dk-page-ring{width:135vw;right:-75vw}.dk-content{padding:70px 0 95px;font-size:17px}.dk-article-hero{min-height:680px}.dk-article-heading h1{font-size:43px}.dk-article-meta{flex-direction:column;gap:7px}.dk-article-shell{display:block;width:88vw;padding:65px 0 90px}.dk-share{position:static;flex-direction:row;justify-content:flex-start;margin-bottom:30px}.dk-share>span{writing-mode:initial;margin:0 12px 0 0}.dk-post-grid{grid-template-columns:1fr}.dk-footer{grid-template-columns:1fr;text-align:center}.dk-footer>a{margin:auto}.dk-footer>p{margin:0}.dk-footer-nav{justify-content:center}.dk-footer small{grid-column:auto}}