/* Cinematic front door, followed by the original KNNKTD website. */
.kn-front-page .front-intro {height:180svh;position:relative;background:#080609;}
.kn-front-page .front-stage {height:100svh;position:sticky;top:0;overflow:hidden;color:#f6f0f1;font:16px/1.55 ui-sans-serif,system-ui,-apple-system,sans-serif;}
.kn-front-page .front-stage .cb-world {position:absolute;}
.kn-front-page .front-topbar {position:absolute;}
.kn-front-page .front-topbar nav {flex-wrap:nowrap;justify-content:flex-end;}
.kn-front-page .front-copy {position:relative;z-index:2;height:100%;display:flex;align-items:center;padding:145px clamp(24px,12vw,190px) 110px;}
.kn-front-page .front-copy .cb-copy {width:min(62%,660px);}
.kn-front-page .front-copy h1 {font-size:clamp(36px,4.4vw,64px);margin:0 0 25px;}
.kn-front-page .front-copy .cb-lede {max-width:420px;}
.kn-front-page .front-stage .cb-progress {position:absolute;}
.kn-front-page .front-stage .cb-coordinate {position:absolute;}
.kn-front-page .front-stage .cb-controls {position:absolute;bottom:calc(24px + env(safe-area-inset-bottom));}
.kn-front-page .front-scroll {position:absolute;z-index:3;right:clamp(22px,5.8vw,90px);bottom:39px;font:8px/1.5 "KNNKTD Display",sans-serif;letter-spacing:.13em;color:#dfccd4;}
.kn-front-page .front-package {display:inline-block;margin-top:27px;font:600 9px/1.7 "KNNKTD Display",sans-serif;letter-spacing:.065em;color:#ff8498;text-shadow:0 0 8px #ff294455;}
.kn-front-page .front-package span {margin-left:8px;}
.kn-front-page .front-package:hover {color:#fff2f5;}
.kn-front-page .site-shell {position:relative;z-index:3;background:var(--ink);scroll-margin-top:0;}
.kn-front-page .site-shell:focus {outline:none;}
.kn-front-page .front-skip {position:fixed;z-index:20;left:18px;top:12px;padding:12px 18px;background:#180a11;color:#fff;transform:translateY(-180%);}
.kn-front-page .front-skip:focus {transform:none;}
.kn-front-page .cinematic-offer {border-color:#ff244580;background:linear-gradient(140deg,#231019,#151518);}
.kn-front-page .cinematic-offer .button {margin-top:8px;}
.kn-front-page .site-shell #start {scroll-margin-top:20px;}
.kn-front-page .cb-immersive .front-copy {opacity:0;visibility:hidden;}
.kn-front-page.cb-immersive .front-copy {opacity:0;visibility:hidden;}
.kn-front-page .front-copy {transition:opacity .45s,visibility .45s;}
@media(max-width:1000px) and (min-width:701px) {
 .kn-front-page .front-copy {padding-left:9vw;padding-right:9vw;}
 .kn-front-page .front-copy .cb-copy {width:min(78%,660px);}
}
@media(max-width:700px) {
 .kn-front-page .front-intro {height:175svh;}
 .kn-front-page .front-copy {align-items:flex-end;padding:110px 24px 112px;}
 .kn-front-page .front-copy .cb-copy {width:100%;max-width:520px;padding:0;}
 .kn-front-page .front-copy h1 {font-size:clamp(30px,8.1vw,40px);}
 .kn-front-page .front-copy .cb-lede {max-width:330px;font-size:15px;margin-bottom:22px;}
 .kn-front-page .front-topbar nav a:nth-child(n) {display:inline-flex;}
 .kn-front-page .front-topbar nav {font-size:8px;gap:12px;}
 .kn-front-page .front-stage .cb-coordinate {top:83px;right:20px;gap:13px;font-size:7px;}
 .kn-front-page .front-stage .cb-controls {left:20px;bottom:calc(16px + env(safe-area-inset-bottom));}
 .kn-front-page .front-scroll {right:20px;bottom:74px;font-size:7px;}
 .kn-front-page .front-package {font-size:8px;margin-top:22px;letter-spacing:.035em;}
 .kn-front-page .front-copy .cb-actions {gap:20px;}
 .kn-front-page .front-copy .cb-button {font-size:9px;padding:14px 16px;}
}
@media(max-width:380px) {
 .kn-front-page .front-topbar nav {gap:8px;font-size:7px;}
 .kn-front-page .front-topbar .cb-nav-cta {padding:8px;}
 .kn-front-page .front-copy {padding-left:20px;padding-right:20px;}
 .kn-front-page .front-copy .cb-actions {gap:16px;}
 .kn-front-page .front-copy .cb-link {font-size:8px;}
}
@media(max-height:640px) and (min-width:701px) {
 .kn-front-page .front-copy {padding-top:100px;padding-bottom:85px;}
 .kn-front-page .front-copy h1 {font-size:44px;margin-bottom:17px;}
 .kn-front-page .front-copy .cb-lede {font-size:14px;margin-bottom:19px;}
 .kn-front-page .front-package {margin-top:18px;}
}
@media(prefers-reduced-motion:reduce) {
 .kn-front-page .front-copy {transition:none;}
}
.kn-front-page .cb-wordmark-image {mix-blend-mode:normal;}
.kn-front-page .front-package {font-size:11px;}
.kn-front-page .front-topbar nav a {display:inline-flex;min-height:44px;align-items:center;}
.kn-front-page .front-copy .cb-actions .cb-link {min-height:44px;}
@media(max-width:700px) {.kn-front-page .front-package {font-size:10px;}}
.kn-front-page .site-shell .hero-bottom {margin-top:28px;}
/* The original city artwork becomes the welcome panel behind its copy. */
.kn-front-page .site-shell .hero {min-height:clamp(560px,58.5vw,880px);display:flex;flex-direction:column;justify-content:center;padding:90px 6vw 100px;overflow:hidden;isolation:isolate;}
.kn-front-page .site-shell .hero-art {position:absolute;inset:0;margin:0;border:0;z-index:0;}
.kn-front-page .site-shell .hero-art img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;}
.kn-front-page .site-shell .hero-art::after {content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#07070bea,#07070bb3 32%,#07070b20 74%),linear-gradient(0deg,#07070bbb,transparent 28%,transparent 76%,#07070b66);}
.kn-front-page .site-shell .hero-art figcaption {position:absolute;z-index:2;bottom:0;left:0;right:0;padding:18px 6vw;color:#d1c6cc;background:#080609b8;font-size:12px;}
.kn-front-page .site-shell .hero > .eyebrow,.kn-front-page .site-shell .hero-bottom {position:relative;z-index:2;}
.kn-front-page .site-shell .hero .home-aethereon-date {z-index:2;}
.kn-front-page .site-shell .hero-bottom {display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;max-width:520px;gap:28px;margin-top:24px;}
.kn-front-page .site-shell .hero-bottom p {color:#e6dde2;font-size:18px;line-height:1.7;text-shadow:0 2px 8px #000;}
.kn-front-page .site-shell .hero-bottom .button {margin:0;}
@media(max-width:700px) {
 .kn-front-page .site-shell .hero {min-height:640px;padding:92px 6vw 100px;}
 .kn-front-page .site-shell .hero-bottom p {font-size:16px;}
 .kn-front-page .site-shell .hero-art::after {background:linear-gradient(90deg,#07070bcf,#07070b72),linear-gradient(0deg,#07070bc2,transparent 70%);}
 .kn-front-page .site-shell .hero-art figcaption {font-size:11px;line-height:1.6;}
}
@media(max-height:640px) and (min-width:701px) {
 .kn-front-page .front-copy {padding-top:108px;padding-bottom:72px;}
 .kn-front-page .front-copy .cb-copy {padding:0;width:min(83%,660px);}
 .kn-front-page .front-copy h1 {font-size:34px;margin-bottom:12px;}
 .kn-front-page .front-copy .cb-kicker {font-size:8px;margin-bottom:12px;}
 .kn-front-page .front-copy .cb-lede {font-size:12px;line-height:1.5;margin-bottom:16px;}
 .kn-front-page .front-copy .cb-button {font-size:9px;padding:11px 14px;}
 .kn-front-page .front-copy .cb-link {font-size:8px;}
 .kn-front-page .front-copy .front-package {font-size:9px;margin-top:13px;}
}
/* Show the full neon wordmark on phones instead of cropping its sides. */
@media(max-width:650px){
 .kn-front-page .site-shell .hero{min-height:0;padding:calc(66.67vw + 88px) 6vw 78px;}
 .kn-front-page .site-shell .hero-art img{top:62px;bottom:auto;height:auto;object-fit:contain;object-position:center top;}
 .kn-front-page .site-shell .hero-art::after{background:linear-gradient(0deg,#07070b 0%,#07070b 26%,transparent 62%),linear-gradient(180deg,#07070b44,transparent 42%);}
 .kn-front-page .site-shell .hero-bottom{margin-top:16px;}
}
@media(max-width:650px){
 #site-content>header{display:block;padding:20px 6vw 14px;}
 #site-content>header nav[aria-label="Main"]{display:flex;flex-wrap:nowrap!important;justify-content:flex-start;gap:20px;width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;white-space:nowrap;padding:16px 0 8px;font-size:12px;scrollbar-width:thin;scrollbar-color:#ff2445 #141014;}
 #site-content>header nav[aria-label="Main"] a{flex:0 0 auto;}
 #websites>.grid>div:first-child{display:contents;}
 #websites .grid>.offer{order:2;}
 #websites .website-ai-card{order:3;margin-top:8px;}
 #websites .grid>h2{order:0;}
 #websites .grid>.muted{order:1;}
 .request-summary{position:static!important;top:auto!important;}
 .website-ai-card{position:static!important;}
}
.service-mini-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:30px}.service-mini{display:block;padding:19px;background:#131216;border:1px solid #3b2630;transition:border-color .2s,background .2s}.service-mini:hover,.service-mini:focus-visible{border-color:#ff2445;background:#1e1015}.service-mini .eyebrow{font-size:9px;letter-spacing:.08em;margin:0}.service-mini h3{font-size:17px;line-height:1.35;margin:10px 0}.service-mini p{margin:12px 0 6px;font-size:13px}.service-mini del{color:#aaaab5;text-decoration-color:#ff2445;text-decoration-thickness:2px}.service-mini strong{font-size:18px;color:#ff2445}.service-mini small{font-size:10px;color:#d0c3c7;line-height:1.5}.service-mini[hidden]{display:none}@media(max-width:850px){.service-mini-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.service-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.service-mini{padding:15px}.service-mini h3{font-size:15px}.service-mini strong{font-size:16px}}
.request-summary{position:static!important}.price-from{font-size:.35em;letter-spacing:-.03em;display:block;margin-bottom:8px}.footer-admin{font-size:11px;color:#9c8c92;margin-left:auto;padding:8px;text-decoration:none}.footer-admin:hover{color:white}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}