body.d-kin{--kn-bg:#f2f2ee;--kn-fg:#0c0c0c;--accent:#0c0c0c;background:var(--kn-bg);color:var(--kn-fg);font-family:Inter,system-ui,sans-serif}html:has(body.d-kin){color-scheme:light;background:#f2f2ee}body.d-kin ::-moz-selection{color:#f2f2ee;background:#0c0c0c}body.d-kin ::selection{color:#f2f2ee;background:#0c0c0c}.d-kin h1,.d-kin h2,.d-kin h3{letter-spacing:0;font-family:Anton,Impact,sans-serif;font-weight:400}.d-kin .kn-wrap{max-width:90rem;margin-inline:auto;padding-inline:1rem}@media (width>=640px){.d-kin .kn-wrap{padding-inline:2rem}}.d-kin .kn-mono{letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:500}.d-kin .kn-dim{opacity:.6}.d-kin .kn-border{border-color:#0c0c0c33}.d-kin .kn-nav{z-index:50;mix-blend-mode:difference;color:#fff;position:fixed;inset:0 0 auto}.d-kin .kn-navlink{transition:background-size .35s var(--ease);background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;padding-bottom:2px}.d-kin .kn-navlink:hover{background-size:100% 1px}.d-kin .kn-hero{align-items:flex-end;min-height:100svh;padding:7rem 0 3rem;display:flex}.d-kin .kn-giant{text-transform:uppercase;font-family:Anton,Impact,sans-serif;font-size:clamp(4.2rem,min(17vw,22vh),17rem);line-height:.86}.d-kin .kn-giant .line-mask{display:block}.d-kin .kn-row>span:first-child{display:inline-block}.d-kin .kn-row{align-items:center;gap:.15em;display:flex!important}.d-kin .kn-face{aspect-ratio:1.6;-o-object-fit:cover;object-fit:cover;filter:grayscale();border-radius:999px;width:auto;height:.72em}.d-kin .kn-ghost{color:#0000;-webkit-text-stroke:2px var(--kn-fg)}.d-kin .kn-btn{background:var(--kn-fg);color:var(--kn-bg);transition:gap .35s var(--ease);border-radius:999px;align-items:center;gap:.8rem;padding:1.1rem 1.1rem 1.1rem 1.6rem;font-weight:600;display:inline-flex}.d-kin .kn-btn:hover{gap:1.4rem}.d-kin .kn-btn-arrow{background:var(--kn-bg);width:36px;height:36px;color:var(--kn-fg);border-radius:99px;place-items:center;display:grid}.d-kin .kn-btn-inv{background:var(--kn-bg);color:var(--kn-fg)}.d-kin .kn-btn-inv .kn-btn-arrow{background:var(--kn-fg);color:var(--kn-bg)}.d-kin .kn-tape{background:var(--kn-fg);color:var(--kn-bg);text-transform:uppercase;padding:.6rem 0;font-family:Anton;font-size:clamp(1.6rem,4vw,3.2rem);line-height:1.2}.d-kin .kn-tape .marquee{-webkit-mask-image:none;mask-image:none}.d-kin .kn-tape .marquee-track{animation-duration:30s}.d-kin .kn-reverse{opacity:.45}.d-kin .kn-reverse .marquee-track{animation-direction:reverse}.d-kin .kn-star{vertical-align:middle;margin-left:2.5rem;font-size:.6em;display:inline-block}.d-kin .kn-big{text-transform:uppercase;font-size:clamp(3.2rem,10vw,9rem);line-height:.9}.d-kin .kn-sup{vertical-align:top;font-family:Inter}.d-kin .kn-track{gap:2rem;padding:2.5rem 1rem 0;display:grid}.d-kin .kn-slide{display:block}.d-kin .kn-slide-img{aspect-ratio:16/10;background:#ddd;border-radius:6px;overflow:hidden}.d-kin .kn-slide-img img{transition:transform 1s var(--ease), filter .6s;filter:grayscale()}.d-kin .kn-slide:hover .kn-slide-img img{filter:none;transform:scale(1.04)}.d-kin .kn-slide-title{text-transform:uppercase;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1}@media (width>=768px){.d-kin .kn-hscroll.is-pinned{height:var(--h,400vh)}.d-kin .is-pinned .kn-hsticky{flex-direction:column;justify-content:center;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.d-kin .is-pinned .kn-track{will-change:transform;gap:2.5rem;width:max-content;padding:3rem 2rem 0;display:flex}.d-kin .is-pinned .kn-slide{width:min(46vw,640px)}.d-kin .kn-hscroll:not(.is-pinned) .kn-track{grid-template-columns:repeat(2,1fr);max-width:90rem;margin-inline:auto;padding-inline:2rem}}@media (width<=767px){.d-kin .kn-hscroll{padding-bottom:4rem}}.d-kin .kn-statement{letter-spacing:-.03em;max-width:22ch;font-size:clamp(2rem,5.4vw,4.8rem);font-weight:600;line-height:1.08}.d-kin .kn-statement .w{opacity:.14;transition:opacity .3s}.d-kin .kn-statement .w.on{opacity:1}.d-kin .kn-invert{background:var(--kn-fg);color:var(--kn-bg)}.d-kin .kn-invert .kn-ghost{-webkit-text-stroke-color:var(--kn-bg)}.d-kin .kn-service{border-top:1px solid #f2f2ee33;align-items:start;gap:1rem;padding:2rem 0;display:grid}.d-kin .kn-service:last-child{border-bottom:1px solid #f2f2ee33}@media (width>=900px){.d-kin .kn-service{grid-template-columns:4rem 1fr 26rem;gap:2rem}}.d-kin .kn-service-title{text-transform:uppercase;transition:transform .5s var(--ease), color .3s;font-size:clamp(3.4rem,9vw,8rem);line-height:.9}.d-kin .kn-service:hover .kn-service-title{color:#0000;-webkit-text-stroke:2px var(--kn-bg);transform:translate(1.5rem)}.d-kin .kn-stack{top:calc(5rem + var(--i) * 1.5rem);background:var(--kn-bg);border:1.5px solid var(--kn-fg);border-radius:14px;flex-wrap:wrap;align-items:flex-start;gap:1.5rem 3rem;min-height:15rem;margin-bottom:1.5rem;padding:2rem;display:flex;position:sticky;box-shadow:0 -10px 30px #0000000f}.d-kin .kn-stack:nth-child(2n){background:var(--kn-fg);color:var(--kn-bg)}.d-kin .kn-stack-n{font-family:Anton;font-size:clamp(5rem,12vw,9rem);line-height:.8}.d-kin .kn-stack-title{text-transform:uppercase;font-size:clamp(2.2rem,5vw,4rem);line-height:1}.d-kin .kn-portrait{border-radius:6px;overflow:hidden}.d-kin .kn-portrait img{filter:grayscale()contrast(1.05);transition:transform 1.2s var(--ease)}.d-kin .kn-portrait:hover img{transform:scale(1.04)}.d-kin .kn-row-line{border-top:1px solid #0c0c0c33;gap:.25rem;padding:1rem 0;display:grid}@media (width>=768px){.d-kin .kn-row-line{grid-template-columns:1fr 1fr;gap:2rem}}.d-kin .kn-plus{border:1.5px solid;border-radius:99px;flex-shrink:0;place-items:center;width:44px;height:44px;font-size:22px;display:grid}.d-kin .kn-giant-contact{font-size:clamp(4.5rem,20vw,19rem)}.d-kin .kn-input{width:100%;color:var(--kn-bg);font:inherit;background:0 0;border:0;border-bottom:1px solid #f2f2ee4d;border-radius:0;padding:1.1rem 0;font-size:1.25rem;transition:border-color .25s}.d-kin .kn-input::-moz-placeholder{color:#f2f2ee73}.d-kin .kn-input::placeholder{color:#f2f2ee73}.d-kin .kn-input:focus{border-color:var(--kn-bg);outline:none}.d-kin select.kn-input option{color:#111}.d-kin .kn-invert :focus-visible{outline-color:var(--kn-bg)}.d-kin .kn-cursor{z-index:60;mix-blend-mode:difference;pointer-events:none;opacity:0;width:18px;height:18px;transition:width .3s var(--ease), height .3s var(--ease), margin .3s var(--ease), opacity .3s;background:#fff;border-radius:99px;margin:-9px 0 0 -9px;position:fixed;top:0;left:0}.d-kin .kn-cursor.is-on{opacity:1}.d-kin .kn-cursor.is-big{width:72px;height:72px;margin:-36px 0 0 -36px}@media (hover:none){.d-kin .kn-cursor{display:none}}@media (prefers-reduced-motion:reduce){.d-kin .kn-statement .w{opacity:1}.d-kin .kn-cursor{display:none}}
