@font-face{font-family:"KSDraft Cormorant";src:url("../fonts/ks-draft/cormorant-garamond-latin-variable.woff2") format("woff2");font-style:normal;font-weight:400 700;font-display:swap}
@font-face{font-family:"KSDraft Manrope";src:url("../fonts/ks-draft/manrope-latin-variable.woff2") format("woff2");font-style:normal;font-weight:400 800;font-display:swap}

:root{color-scheme:dark;--ksdw-purple:#1a0533;--ksdw-overlay:#2d1b69;--ksdw-violet:#7c3aed;--ksdw-violet-hover:#6d28d9;--ksdw-violet-soft:#a78bfa;--ksdw-gold:#d4b152;--ksdw-cream:#f8f6f2;--ksdw-muted:#c3b2da;--ksdw-edge:rgba(248,246,242,.2)}
*{box-sizing:border-box}
html{min-width:20rem;background:var(--ksdw-purple)}
.ksdw-body{margin:0;min-width:20rem;background:var(--ksdw-purple);color:var(--ksdw-cream);font-family:"KSDraft Manrope",sans-serif;-webkit-font-smoothing:antialiased}
.ksdw{position:relative;isolation:isolate;display:grid;grid-template-rows:auto 1fr;min-height:100vh;min-height:100svh;padding:clamp(1.5rem,4vw,4.5rem) clamp(1.25rem,5.5vw,6.5rem) clamp(1.25rem,3vw,3rem);overflow:hidden;background:var(--ksdw-purple)}
.ksdw::before{content:"";position:absolute;z-index:-1;inset:-18%;background:radial-gradient(circle at 73% 25%,rgba(45,27,105,.82),rgba(45,27,105,0) 42%),radial-gradient(circle at 18% 92%,rgba(124,58,237,.22),rgba(124,58,237,0) 34%);pointer-events:none}
.ksdw__top{display:flex;align-items:flex-start;justify-content:space-between;gap:3rem}
.ksdw__wordmark{display:block;width:clamp(9rem,13vw,13rem);height:auto}
.ksdw__client{display:flex;flex-direction:column;align-items:flex-end;margin:0;text-align:right;text-transform:uppercase;font-size:.72rem;line-height:1.45;letter-spacing:.18em;color:var(--ksdw-gold)}
.ksdw__client span{font-weight:700}
.ksdw__client strong{max-width:26rem;margin-top:.35rem;color:var(--ksdw-cream);font-size:.82rem;font-weight:700;letter-spacing:.12em}
.ksdw__intro{align-self:center;display:grid;grid-template-columns:minmax(0,1.32fr) minmax(16rem,.68fr);align-items:center;gap:clamp(3rem,7vw,7.5rem);width:100%;padding:clamp(3rem,7vh,6.5rem) 0}
.ksdw__intro-copy{min-width:0}
.ksdw__client-logo{display:block;justify-self:end;width:min(100%,27rem);height:auto}
.ksdw__eyebrow{margin:0 0 1.35rem;color:var(--ksdw-gold);font-size:.76rem;font-weight:700;line-height:1.4;letter-spacing:.2em;text-transform:uppercase}
.ksdw h1{max-width:17ch;margin:0;font-family:"KSDraft Cormorant",serif;font-size:clamp(3.35rem,7.2vw,6rem);font-weight:600;line-height:.93;letter-spacing:-.035em;text-wrap:balance}
.ksdw__text{max-width:48rem;margin:clamp(1.75rem,3vw,2.75rem) 0 0;color:var(--ksdw-muted);font-size:clamp(1rem,1.45vw,1.22rem);font-weight:450;line-height:1.7;text-wrap:pretty}
.ksdw__enter{display:inline-flex;align-items:center;gap:1rem;min-height:3.75rem;margin-top:2rem;padding:.5rem .55rem .5rem 1.4rem;border:.0625rem solid rgba(248,246,242,.16);border-radius:999px;background:var(--ksdw-violet);color:var(--ksdw-cream);text-decoration:none;transition:background-color .28s ease,border-color .28s ease,transform .28s cubic-bezier(.16,1,.3,1)}
.ksdw__enter-label{font-size:.9rem;font-weight:750;line-height:1.2;letter-spacing:.015em}
.ksdw__enter-mark{display:grid;place-items:center;flex:0 0 auto;width:2.55rem;aspect-ratio:1;border-radius:50%;background:var(--ksdw-cream);color:var(--ksdw-purple);transition:transform .28s cubic-bezier(.16,1,.3,1)}
.ksdw__enter-mark svg{width:54%;height:54%}
.ksdw__enter:hover,.ksdw__enter:focus-visible{background:var(--ksdw-violet-hover);border-color:rgba(248,246,242,.34);transform:translateY(-.125rem)}
.ksdw__enter:hover .ksdw__enter-mark,.ksdw__enter:focus-visible .ksdw__enter-mark{transform:translateX(.18rem)}
.ksdw__enter:focus-visible{outline:.125rem solid var(--ksdw-gold);outline-offset:.5rem}
.js .ksdw__top,.js .ksdw__intro,.js .ksdw__enter{opacity:0;transform:translateY(1.1rem);animation:ksdw-enter .7s cubic-bezier(.16,1,.3,1) forwards}
.js .ksdw__intro{animation-delay:.12s}.js .ksdw__enter{animation-delay:.24s}
.ksdw-body.is-leaving .ksdw{opacity:0;transform:scale(.992);transition:opacity .32s ease,transform .32s ease}
@keyframes ksdw-enter{to{opacity:1;transform:none}}

@media (max-width:43.75rem){.ksdw{padding-top:1.4rem}.ksdw__top{gap:1.5rem}.ksdw__wordmark{width:8.4rem}.ksdw__client span{display:none}.ksdw__client strong{max-width:12rem;margin-top:0;font-size:.67rem}.ksdw__intro{grid-template-columns:1fr;gap:1.8rem;padding:2.35rem 0}.ksdw__client-logo{display:none}.ksdw h1{font-size:clamp(3.05rem,14vw,4.7rem);line-height:.94}.ksdw__text{font-size:.98rem;line-height:1.6}.ksdw__enter{min-height:3.55rem;padding-left:1.2rem}.ksdw__enter-label{font-size:.84rem}.ksdw__enter-mark{width:2.4rem}}
@media (max-height:46rem) and (min-width:43.8125rem){.ksdw__intro{padding:2rem 0}.ksdw h1{font-size:clamp(3.1rem,8.5vh,5rem)}.ksdw__text{margin-top:1.35rem;line-height:1.55}}
@media (prefers-reduced-motion:reduce){.js .ksdw__top,.js .ksdw__intro,.js .ksdw__enter{opacity:1;transform:none;animation:none}.ksdw__enter,.ksdw__enter-mark,.ksdw-body.is-leaving .ksdw{transition:none}.ksdw__enter:hover .ksdw__enter-mark,.ksdw__enter:focus-visible .ksdw__enter-mark{transform:none}}
