/* Dhi & Kin re-theme of the Braine template: magenta + yellow, Hanayoru */
@font-face{font-family:'Augustine';src:url(../fonts/Augustine-Regular.otf) format('opentype');font-weight:400;font-display:swap}@font-face{font-family:'Augustine';src:url(../fonts/Augustine-SemiBold.otf) format('opentype');font-weight:600;font-display:swap}@font-face{font-family:'Augustine';src:url(../fonts/Augustine-Bold.otf) format('opentype');font-weight:700;font-display:swap}
@font-face{font-family:'Denish';src:url(../fonts/Denish-Regular.woff) format('woff');font-weight:400;font-display:swap}@font-face{font-family:'Denish';src:url(../fonts/Denish-Medium.woff) format('woff');font-weight:500 600;font-display:swap}@font-face{font-family:'Denish';src:url(../fonts/Denish-Bold.woff) format('woff');font-weight:700;font-display:swap}
@font-face{font-family:'Hanayoru';src:url(../fonts/Hanayoru-Light.woff) format('woff');font-weight:300;font-display:swap}
@font-face{font-family:'Hanayoru';src:url(../fonts/Hanayoru-Regular.woff) format('woff');font-weight:400;font-display:swap}
@font-face{font-family:'Hanayoru';src:url(../fonts/Hanayoru-SemiBold.woff) format('woff');font-weight:600;font-display:swap}
@font-face{font-family:'Hanayoru';src:url(../fonts/Hanayoru-Bold.woff) format('woff');font-weight:700;font-display:swap}
@font-face{font-family:'PureMechanic';src:url(../fonts/PureMechanic.woff) format('woff');font-weight:400;font-display:swap}
:root{
 --main-color:rgb(214,0,108);--main-color-rgb:214,0,108;
 --color-five:rgb(245,196,0);--color-five-rgb:245,196,0;
 --dk-display:'Denish',system-ui,sans-serif;--dk-body:'Denish',system-ui,sans-serif;
}
html{scroll-behavior:smooth}
body{font-family:var(--dk-body)!important;background:#0c0a10;color:#d9d6dc;overflow-x:hidden;font-size:17px;line-height:1.6}
h1,h2,h3,h4,h5,h6,.sec-title_heading,.slider-one_heading,.cta-one_title{font-family:var(--dk-display)!important;font-weight:700!important;letter-spacing:.01em;text-transform:none}
.slider-one_heading span,.sec-title_heading span,.cta-one_title span{font-family:var(--dk-display)!important;font-style:normal!important;font-weight:700!important;background:linear-gradient(90deg,var(--main-color),var(--color-five));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.slider-one_heading{clip-path:none!important;font-size:clamp(38px,5.2vw,72px)!important;line-height:1.02!important}
.sec-title_heading{font-size:clamp(34px,4.6vw,62px)!important;line-height:1.05!important}
.template-btn,.main-menu .navigation>li>a,.sec-title_title,.service-block_one-join,.footer-title{font-family:var(--dk-body)!important}
.logo img,.footer-logo img{height:60px;width:auto;margin:-12px 0}
/* header */
.main-header .header-lower{padding-top:18px}
.main-menu .navigation>li>a{font-weight:600;letter-spacing:.04em}
/* hero */
.slider-one{padding:150px 0 90px;position:relative;overflow:hidden}
.slider-one .main-slider{position:relative}
.slider-one_title{font-family:var(--dk-display)}
.dk-hero-img{border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.14);box-shadow:0 30px 80px rgba(var(--main-color-rgb),.25)}
.dk-hero-img img{width:100%;height:560px;object-fit:cover;display:block}
.dk-chip{position:absolute;background:rgba(20,16,26,.85);border:1px solid rgba(255,255,255,.16);border-radius:16px;padding:14px 18px;backdrop-filter:blur(8px);z-index:3}
.dk-chip b{display:block;font-family:var(--dk-display);font-size:34px;line-height:1;background:linear-gradient(90deg,var(--main-color),var(--color-five));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:400}
.dk-chip span{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#a9a5ae}
.dk-chip.c1{left:-18px;bottom:60px}.dk-chip.c2{right:-10px;top:40px}
.dk-stats{display:flex;gap:34px;margin-top:38px;flex-wrap:wrap}.dk-stats b{display:block;font-family:var(--dk-display);font-size:clamp(30px,3.4vw,46px);line-height:1;color:#fff;font-weight:400}.dk-stats span{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#a9a5ae}
/* strip */
.dk-strip{border-block:1px solid rgba(255,255,255,.1);padding:18px 0;overflow:hidden;white-space:nowrap;background:rgba(255,255,255,.02)}
.dk-strip div{display:inline-block;animation:dkslide 45s linear infinite;font-family:var(--dk-display);font-size:22px;color:#cfcbd3}
.dk-strip span{margin:0 26px}.dk-strip i{color:var(--main-color);font-style:normal}
@keyframes dkslide{to{transform:translateX(-50%)}}
section.dk{padding:96px 0;position:relative}
.dk .auto-container{max-width:1240px;margin:0 auto;padding:0 20px}
/* what we do */
.dk-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.dk-card{background:var(--color-seven);border:1px solid rgba(255,255,255,.1);border-radius:20px;overflow:hidden;transition:.35s}
.dk-card:hover{transform:translateY(-6px);border-color:rgba(var(--main-color-rgb),.7);box-shadow:0 20px 50px rgba(var(--main-color-rgb),.18)}
.dk-card img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block}
.dk-card .b{padding:18px 20px 22px}.dk-card .n{font-size:12px;letter-spacing:.2em;color:var(--main-color);font-weight:600}
.dk-card h3{font-size:30px;margin:6px 0 8px;color:#fff}.dk-card p{margin:0;color:#a9a5ae;font-size:15.5px}
/* work */
.dk-work{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.dk-w{display:block;text-decoration:none;background:var(--color-seven);border:1px solid rgba(255,255,255,.1);border-radius:20px;overflow:hidden;transition:.35s}
.dk-w:hover{transform:translateY(-6px);border-color:rgba(var(--main-color-rgb),.7)}
.dk-w img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;transition:transform .6s}.dk-w:hover img{transform:scale(1.05)}
.dk-w .cap{display:flex;justify-content:space-between;align-items:flex-end;padding:16px 20px;gap:12px}
.dk-w strong{font-family:var(--dk-display);font-weight:400;font-size:24px;color:#fff}
.dk-w .nm{text-align:right;line-height:1}.dk-w .nm b{display:block;font-family:var(--dk-display);font-weight:400;font-size:34px;background:linear-gradient(90deg,var(--main-color),var(--color-five));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.dk-w .nm span{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#a9a5ae}
.dk-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:40px}
/* ideas */
.dk-ideas{background:radial-gradient(1000px 500px at 80% 0,rgba(var(--main-color-rgb),.22),transparent 60%),#0a0810}
.dk-space{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin-bottom:50px}
.dk-space img{width:100%;border-radius:22px;border:1px solid rgba(255,255,255,.14);display:block}
.dk-space p{font-size:21px;line-height:1.45;color:#d9d6dc;max-width:32ch;margin:18px 0 22px}
.dk-flow{list-style:none;padding:0;margin:0 0 26px;display:flex;flex-wrap:wrap;gap:8px;counter-reset:f}.dk-flow li{counter-increment:f;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#d9d6dc;border:1px solid rgba(255,255,255,.18);border-radius:40px;padding:8px 14px}.dk-flow li:before{content:counter(f) " · ";color:var(--color-five)}
.dk-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.dk-tiles a,.dk-tiles div{display:block;text-decoration:none;color:inherit}
.dk-tile{border-radius:20px;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.12)}
.dk-tile img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;transition:transform .6s}.dk-tile:hover img{transform:scale(1.05)}
.dk-tile .t{position:absolute;left:0;right:0;bottom:0;padding:44px 18px 16px;background:linear-gradient(transparent,rgba(8,6,12,.92))}
.dk-tile h3{font-size:26px;margin:0;color:#fff}.dk-tile span{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#cfcbd3}
.dk-more{margin:30px 0 0;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#a9a5ae}.dk-more a,.dk-more b{color:var(--color-five);font-weight:600;text-decoration:none}
/* how */
.dk-how{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;counter-reset:s}
.dk-how div{counter-increment:s;background:var(--color-seven);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:26px}
.dk-how div:before{content:"0" counter(s);display:block;font-family:var(--dk-display);font-size:56px;line-height:1;background:linear-gradient(90deg,var(--main-color),var(--color-five));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.dk-how h3{font-size:26px;margin:12px 0 6px;color:#fff}.dk-how p{margin:0;color:#a9a5ae;font-size:15.5px}
/* blog + faq */
.dk-posts{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.dk-post{display:block;text-decoration:none;background:var(--color-seven);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:26px;transition:.35s}.dk-post:hover{border-color:rgba(var(--main-color-rgb),.7);transform:translateY(-4px)}
.dk-post small{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--main-color);font-weight:600}.dk-post h3{font-size:27px;color:#fff;margin:10px 0 0;line-height:1.1}
.dk-faq details{border-top:1px solid rgba(255,255,255,.14);padding:18px 0}.dk-faq details:last-child{border-bottom:1px solid rgba(255,255,255,.14)}
.dk-faq summary{cursor:pointer;font-size:23px;font-weight:600;color:#fff;list-style:none}.dk-faq summary::after{content:"+";float:right;color:var(--main-color);font-size:28px;line-height:1}.dk-faq details[open] summary::after{content:"\2212"}.dk-faq p{margin:10px 0 0;color:#a9a5ae;max-width:62ch}
/* brief */
.dk-brief{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:start}
.dk-brief .side p{font-size:20px;color:#cfcbd3;max-width:28ch}.dk-brief a{color:var(--color-five)}
.dk-form{display:grid;gap:14px;background:var(--color-seven);border:1px solid rgba(255,255,255,.1);border-radius:22px;padding:30px}
.dk-form .row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.dk-form label{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#a9a5ae;font-weight:600;margin-bottom:6px}
.dk-form input,.dk-form textarea{width:100%;font:inherit;font-size:17px;padding:13px 14px;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:#0f0c14;color:#fff}
.dk-form textarea{min-height:96px}
.dk-pills{display:flex;flex-wrap:wrap;gap:8px}.dk-pills label{margin:0;cursor:pointer}.dk-pills input{position:absolute;opacity:0;width:0}.dk-pills span{display:inline-block;padding:9px 16px;border:1px solid rgba(255,255,255,.2);border-radius:40px;font-size:12px;letter-spacing:.12em;color:#d9d6dc}.dk-pills input:checked+span{background:var(--main-color);border-color:var(--main-color);color:#fff}
.main-footer .footer-bottom .footer-copyright{font-family:var(--dk-body)}
@media(max-width:991px){.dk-cards,.how,.dk-how{grid-template-columns:1fr 1fr}.dk-work,.dk-posts,.dk-tiles{grid-template-columns:1fr 1fr}.dk-space,.dk-brief{grid-template-columns:1fr}.dk-hero-img img{height:420px}.dk-chip.c1{left:10px}.dk-chip.c2{right:10px}}
@media(max-width:600px){.dk-cards,.dk-how,.dk-work,.dk-posts,.dk-tiles,.dk-form .row2{grid-template-columns:1fr}section.dk{padding:64px 0}.slider-one{padding-top:120px}}
@media(prefers-reduced-motion:reduce){.dk-strip div{animation:none}*{transition:none!important}}

/* top section (header + hero) in Denish */
.main-header .main-menu .navigation>li>a,.main-header,.main-header *,.slider-one,.slider-one *,.dk-chip,.dk-chip *,.dk-stats,.dk-stats *,.template-btn,.template-btn *{font-family:var(--dk-display)!important}

/* Denish everywhere (icons excepted) */
html body,body *:not(i):not([class*="fa-"]):not([class^="fa"]):not([class*=" fa"]):not([class*="icon-"]):not([class*="flaticon"]):not(.far):not(.fas):not(.fab):not(.fal){font-family:'Denish',system-ui,sans-serif!important}

/* ===== mobile / tablet ===== */
.dk-burger{display:none}
@media(max-width:991px){
 .main-header .header-lower{padding:0}
 .main-header .header-lower .inner-container>div{flex-wrap:nowrap!important;gap:10px;min-height:68px}
 .main-header .logo img{height:40px!important;width:auto}
 .dk-burger{display:flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;margin-left:auto;padding:0 11px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:8px;cursor:pointer}
 .dk-burger span{display:block;height:2px;background:#fff;border-radius:2px;transition:.2s}
 .dk-open .dk-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}.dk-open .dk-burger span:nth-child(2){opacity:0}.dk-open .dk-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
 .main-header .outer-box{display:flex!important;margin:0!important;padding:0!important;flex-wrap:nowrap!important}
 .main-header .main-header_buttons{display:flex!important;gap:8px;margin:0!important}
 .main-header .main-header_buttons .btn-style-two{display:none!important}
 .main-header .main-header_buttons .template-btn{padding:11px 16px!important;font-size:13px!important;line-height:1!important}
 .main-header .nav-outer{display:none!important;position:absolute;left:0;right:0;top:100%;background:#120f18;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);padding:8px 20px 16px;z-index:60}
 .dk-open .nav-outer{display:block!important}
 .main-header .main-menu,.main-header .navbar-collapse{display:block!important;width:100%;height:auto!important;margin:0!important;padding:0!important}
 .main-header .main-menu .navigation{display:block!important;margin:0!important;padding:0!important}
 .main-header .main-menu .navigation>li{display:block!important;margin:0!important;padding:0!important;border-bottom:1px solid rgba(255,255,255,.08)}
 .main-header .main-menu .navigation>li>a{display:block!important;padding:15px 4px!important;font-size:17px!important;color:#fff!important}
 .main-header .header-lower .inner-container,.main-header .header-lower{position:relative}
}
@media(max-width:991px){
 .slider-one{padding:96px 0 48px!important}
 .slider-one_content-inner{padding:0!important}
 .slider-one_image-column{margin-top:34px}
 .dk-hero-img img{height:360px!important;width:100%;object-fit:cover}
}
@media(max-width:600px){
 body{font-size:16px}
 .auto-container{padding-left:18px!important;padding-right:18px!important}
 .slider-one_title{font-size:11px!important;letter-spacing:.12em!important;margin-bottom:12px!important}
 .slider-one_heading{font-size:clamp(34px,10.5vw,46px)!important;line-height:1.08!important;margin-bottom:14px!important}
 .slider-one_text{font-size:16px!important;line-height:1.5!important;margin-bottom:20px!important}
 .slider-one_button{gap:10px!important}.slider-one_button .template-btn{padding:14px 20px!important;font-size:14px!important}
 .dk-stats{gap:20px;margin-top:26px;flex-wrap:nowrap}.dk-stats b{font-size:28px!important}.dk-stats span{font-size:10px!important;letter-spacing:.08em!important}
 .dk-chip{padding:10px 12px!important}.dk-chip b{font-size:24px!important}.dk-chip span{font-size:10px!important}
 .dk-hero-img img{height:300px!important}
 section.dk{padding:48px 0!important}
 .sec-title_heading{font-size:clamp(28px,8.4vw,38px)!important;line-height:1.1!important}
 .dk-strip div{font-size:16px}
 .dk-brief,.dk-form{padding:20px!important}
 .main-footer .row>div{margin-bottom:18px}
 .dk-w{padding:12px}
}
.slider-one *{clip-path:none!important}
.slider-one_title,.slider-one_text,.slider-one_button,.slider-one_heading,.slider-one_image-column,.slider-one_content-inner{opacity:1!important;transform:none!important;visibility:visible!important}
@media(max-width:600px){
 .dk-cards{grid-template-columns:1fr 1fr!important;gap:12px}
 .dk-card{border-radius:14px}.dk-card img{aspect-ratio:1/1}.dk-card .b{padding:12px 12px 14px}.dk-card h3{font-size:20px}.dk-card p{font-size:13px;line-height:1.4}
 .dk-tiles{grid-template-columns:1fr 1fr!important;gap:12px}.dk-tile{border-radius:14px}.dk-tile img{aspect-ratio:1/1}.dk-tile .t{padding:30px 10px 10px}.dk-tile h3{font-size:17px}.dk-tile span{font-size:9px;letter-spacing:.1em}
 .main-header .header-lower .inner-container>div{min-height:60px}
}
@media(max-width:600px){
 .dk-work{grid-template-columns:1fr 1fr!important;gap:12px}
 .dk-w{border-radius:14px}.dk-w img{aspect-ratio:1/1}
 .dk-w .cap{flex-direction:column;align-items:flex-start;padding:10px 12px 12px;gap:6px}
 .dk-w strong{font-size:17px}.dk-w .nm{text-align:left}.dk-w .nm b{font-size:24px}.dk-w .nm span{font-size:9px;letter-spacing:.08em}
 .dk-head{margin-bottom:24px}
}
@media(max-width:991px){
 .main-footer{margin-top:0!important}
 section.dk.dk-brief-sec,#brief{padding-bottom:56px!important}
}
@media(max-width:600px){
 .dk-brief{padding:0!important;gap:22px}
 .dk-form{padding:18px!important}
 .dk-form button{width:100%}
}

.dk-lead{font-size:clamp(17px,1.5vw,20px);line-height:1.6;color:#d9d6dc;max-width:78ch;margin:24px 0 0}.dk-lead a,.dk-prose a{color:#f5c400}
.dk-prose{display:grid;grid-template-columns:repeat(3,1fr);gap:26px 34px;margin-top:30px}.dk-prose h3{font-size:22px;margin:0 0 8px;color:#fff}.dk-prose p{margin:0;color:#a9a5ae;font-size:15.5px;line-height:1.6}
@media(max-width:991px){.dk-prose{grid-template-columns:1fr 1fr}}@media(max-width:600px){.dk-prose{grid-template-columns:1fr;gap:20px}}

/* ===== hero: centred headline + curved reel wall ===== */
.dk-hero{position:relative;overflow:hidden;padding:128px 0 34px;text-align:center;background:radial-gradient(1200px 520px at 50% -80px,rgba(214,0,108,.28),transparent 70%),radial-gradient(900px 420px at 85% 30%,rgba(245,196,0,.10),transparent 70%),#0c0a10}
.dk-hero .auto-container{position:relative;z-index:3}
.dk-hero-glow{position:absolute;left:50%;bottom:-140px;width:1100px;height:380px;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(214,0,108,.38),transparent);filter:blur(30px);z-index:1;pointer-events:none}
.dk-hero-pill{display:inline-block;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:#f5c400;border:1px solid rgba(245,196,0,.35);background:rgba(245,196,0,.07);padding:8px 16px;border-radius:999px;margin-bottom:18px}
.dk-hero-h1{font-size:clamp(32px,4.4vw,62px)!important;line-height:1.08!important;margin:0 auto;max-width:22ch;color:#fff;font-weight:700!important}
.dk-hero-h1 span{background:linear-gradient(90deg,#d6006c,#f5c400);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.dk-hero-sub{font-size:clamp(15px,1.3vw,18px);line-height:1.55;color:#cfcbd3;max-width:58ch;margin:16px auto 0}
.dk-hero-cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:22px}
.dk-hero-stats{display:flex;gap:44px;justify-content:center;margin-top:10px;flex-wrap:wrap}.dk-hero-stats b{display:block;font-size:clamp(28px,3vw,40px);line-height:1;color:#fff}.dk-hero-stats span{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#a9a5ae}
.dk-wall{position:relative;height:500px;margin-top:26px;perspective:1400px;perspective-origin:50% 40%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);z-index:2}
.dk-track{position:absolute;inset:0;transform-style:preserve-3d}
.dk-reel{position:absolute;left:50%;top:26px;width:216px;height:384px;margin-left:-108px;border-radius:24px;overflow:hidden;background:#17141d;border:1px solid rgba(255,255,255,.14);box-shadow:0 30px 70px rgba(0,0,0,.55),0 0 0 1px rgba(214,0,108,.12);will-change:transform;display:block;backface-visibility:hidden}
.dk-reel img{width:100%;height:100%;object-fit:cover;display:block;border-radius:0}
.dk-reel-tag{position:absolute;left:0;right:0;bottom:0;padding:46px 14px 14px;text-align:left;background:linear-gradient(transparent,rgba(8,6,12,.9));color:#fff}
.dk-reel-tag b{display:block;font-size:17px;line-height:1.1}.dk-reel-tag i{font-style:normal;display:block;margin-top:3px;font-size:12px;color:#f5c400;letter-spacing:.04em}
@media(max-width:991px){.dk-hero{padding-top:118px}.dk-wall{height:430px}.dk-reel{width:176px;height:314px;margin-left:-88px}}
@media(max-width:600px){.dk-hero{padding-top:98px}.dk-hero-pill{font-size:10.5px;padding:8px 14px}.dk-hero-stats{gap:24px}.dk-wall{height:350px;margin-top:30px}.dk-reel{width:140px;height:250px;margin-left:-70px;top:20px;border-radius:18px}.dk-reel-tag{padding:34px 10px 10px}.dk-reel-tag b{font-size:14px}.dk-reel-tag i{font-size:11px}}
@media(prefers-reduced-motion:reduce){.dk-reel{transition:none}}

/* ===== logo intro (plays once per session; CSS-only so it can never get stuck) ===== */
.dk-intro{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;background:radial-gradient(900px 500px at 50% 45%,rgba(214,0,108,.30),transparent 70%),#0c0a10;animation:dk-intro-out .75s cubic-bezier(.7,0,.2,1) 1.55s forwards;pointer-events:none}
.dk-intro-inner{display:flex;flex-direction:column;align-items:center;gap:22px}
.dk-intro img{width:min(260px,62vw);height:auto;opacity:0;transform:translateY(16px) scale(.92);filter:blur(10px);animation:dk-logo-in .9s cubic-bezier(.2,.8,.2,1) .15s forwards}
.dk-intro-bar{display:block;width:min(220px,52vw);height:3px;border-radius:3px;background:linear-gradient(90deg,#d6006c,#f5c400);transform:scaleX(0);transform-origin:left;animation:dk-bar 1s cubic-bezier(.6,0,.2,1) .45s forwards}
@keyframes dk-logo-in{to{opacity:1;transform:none;filter:blur(0)}}
@keyframes dk-bar{to{transform:scaleX(1)}}
@keyframes dk-intro-out{0%{transform:none;opacity:1;visibility:visible}99%{transform:translateY(-100%);opacity:1;visibility:visible}100%{transform:translateY(-100%);opacity:0;visibility:hidden}}
.dk-skip .dk-intro{display:none}
@media(prefers-reduced-motion:reduce){.dk-intro{display:none}}

/* ===== Sent Into Space homepage section ===== */
.dk-sis{position:relative;overflow:hidden;background:radial-gradient(900px 500px at 85% 0,rgba(var(--main-color-rgb),.28),transparent 60%),radial-gradient(700px 500px at 5% 90%,rgba(60,80,255,.16),transparent 60%),#05060f}
.dk-sis .dk-stars{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(1.3px 1.3px at 12% 18%,#fff,transparent),radial-gradient(1px 1px at 33% 72%,#fff,transparent),radial-gradient(1.6px 1.6px at 61% 34%,#fff,transparent),radial-gradient(1px 1px at 82% 66%,#fff,transparent),radial-gradient(1.2px 1.2px at 47% 9%,#ffe9a8,transparent),radial-gradient(1px 1px at 91% 12%,#fff,transparent),radial-gradient(1.4px 1.4px at 22% 88%,#bcd0ff,transparent);background-size:320px 320px;opacity:.8;animation:dkdrift 150s linear infinite}
@keyframes dkdrift{to{background-position:320px 640px}}
.dk-sis .auto-container{position:relative}
.dk-sis-p{max-width:62ch;font-size:18px;color:#d4d0d9;margin:0 0 26px}
.sp-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.sp-t{position:relative;display:block;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#120f18;aspect-ratio:4/3;text-decoration:none;transition:.25s}
.sp-t:hover{transform:translateY(-5px);border-color:var(--main-color,#d6006c);box-shadow:0 14px 40px rgba(214,0,108,.3)}
.sp-t img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:0}
.sp-t span{position:absolute;left:0;right:0;bottom:0;padding:34px 14px 12px;background:linear-gradient(transparent,rgba(5,6,15,.92));color:#fff}
.sp-t b{display:block;font-size:18px;line-height:1.1}
.sp-t i{display:block;font-style:normal;font-size:12px;color:#c9c5d0;margin-top:3px;line-height:1.3}
@media(max-width:900px){.sp-strip{grid-template-columns:repeat(2,1fr);gap:10px}.sp-t b{font-size:15px}.sp-t i{font-size:11px}}
@media(prefers-reduced-motion:reduce){.dk-sis .dk-stars{animation:none}}