:root{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text",Inter,Aptos,"Segoe UI",sans-serif;background:#f8f7fb;color:#21152e}
body{background:radial-gradient(circle at 85% 0%,#f1e7f7,transparent 32%),#f8f7fb}
.top{background:#151024;border-bottom:1px solid #9e5bbe55;color:#fff}
.brand{font-family:inherit}.brand strong{color:#fff}.brand strong span{color:#fa5aaf}
.mark{background:linear-gradient(135deg,#6635a0,#dd198a);border:1px solid #ffffff3b;box-shadow:0 7px 20px #d8278533}
.identity{color:#c5acd7}.home{color:#e5d7ed}.home:hover{color:#fff}
.intro{position:relative;isolation:isolate;overflow:hidden;max-width:none;min-height:240px;padding:32px clamp(25px,4vw,52px) 35px;border:1px solid #ad66bd66;border-radius:23px;background:radial-gradient(circle at 80% 15%,#80297266,transparent 42%),linear-gradient(120deg,#251738,#151b30);color:#fff;box-shadow:0 16px 45px #321c5421}
.intro:before{content:"";position:absolute;right:3%;top:-130px;width:340px;height:340px;border:1px solid #ffffff24;border-radius:50%;box-shadow:0 0 0 34px #ffffff08,0 0 0 70px #ffffff05;z-index:-1}
.intro:after{content:"";position:absolute;right:12px;bottom:-2px;width:248px;height:111px;background:url('./krn-peek-hello.webp') center bottom/contain no-repeat;pointer-events:none}
.intro h1{font-family:inherit;font-size:clamp(35px,4vw,59px);font-weight:650;letter-spacing:-.05em}.intro p{max-width:530px;color:#e0d6e9}
.eyebrow{color:#a12688}.intro .eyebrow{color:#7ee4e5}
.publication{background:#ffffff1b;color:#fff;border:1px solid #ffffff36}
.summary article,.project,.column,.timeline{border-color:#e7e1ed;box-shadow:0 10px 28px rgba(35,21,65,.055)}
.summary article{border-top:3px solid #b85bd1}.summary article:nth-child(2){border-top-color:#45c7d3}.summary article:nth-child(3){border-top-color:#e9ac54}.summary article:nth-child(4){border-top-color:#52ba9a}
.section h2{font-family:inherit;color:#21152e}.project h3{font-family:inherit}.project{border-left:3px solid #b258c5}
.status{color:#6827a3}.progress span{background:linear-gradient(90deg,#7c3aed,#e6007e)}
.column{background:#f6f3fa}.task{background:#fff;border-left:3px solid #b258c5}
.dot{background:#e6007e;box-shadow:0 0 0 5px #f9e3f1}
footer{border-color:#e7e1ed}
@media(max-width:650px){.intro{min-height:290px;padding:25px 23px 84px}.intro h1{font-size:39px}.intro p{font-size:14px}.intro:after{width:170px;height:76px}.publication{margin-top:18px}}