/* Original brand silhouette; independent surface, lighting and input response. */
#katercon-studio-v4 .ks-footer{padding-top:78px;border-color:#ffffff1b}
#katercon-studio-v4 .ks-footer-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,.72fr);column-gap:72px;row-gap:42px;align-items:center}
#katercon-studio-v4 .ks-footer-top>div:first-child{grid-column:1;grid-row:1;align-self:end}
#katercon-studio-v4 .ks-footer h2{font-size:clamp(40px,4.5cqi,64px);line-height:1.06;margin-top:24px;letter-spacing:-2px}
#katercon-studio-v4 .ks-footer .ks-person{grid-column:1;grid-row:2;align-self:start}
#katercon-studio-v4 .ks-signature{grid-column:2;grid-row:1/3;position:relative;width:100%;max-width:380px;aspect-ratio:1;justify-self:center;isolation:isolate}
#katercon-studio-v4 .ks-signature-aura{position:absolute;inset:17% 8%;border-radius:50%;background:radial-gradient(ellipse,#aec58b18,transparent 70%);transform:scale(1.4);pointer-events:none}
#katercon-studio-v4 .ks-signature-object{width:100%;height:100%;transform:perspective(900px) rotateX(calc(var(--depth-y,0)*-8deg)) rotateY(calc(var(--depth-x,0)*12deg)) rotate(-9deg);filter:drop-shadow(9px 22px 12px #0006)}
#katercon-studio-v4 .ks-signature-object>svg{display:block;width:100%;height:100%;overflow:visible}
#katercon-studio-v4 .ks-footer-brand{color:#202c25;margin:72px -2px 42px}
#katercon-studio-v4 .ks-footer-bottom{padding-block:24px;font-size:12px}

/* Existing projects become complete, responsive entry surfaces. */
#katercon-studio-v4 [data-depth-surface]{transform:perspective(1000px) rotateX(calc(var(--depth-y,0)*-2.3deg)) rotateY(calc(var(--depth-x,0)*3deg));isolation:isolate}
#katercon-studio-v4 [data-depth-surface]::after{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse at var(--light-x,50%) var(--light-y,30%),#fff3,transparent 64%);opacity:0;pointer-events:none;z-index:3;transition:opacity .3s}
#katercon-studio-v4 [data-depth-surface][data-active='true']::after{opacity:.58}
#katercon-studio-v4 .ks-project-open{position:absolute;inset:0;z-index:4;display:flex;justify-content:flex-end;align-items:flex-end;padding:22px;background:transparent;border:0;border-radius:inherit;text-align:left}
#katercon-studio-v4 .ks-project-open>span{display:inline-flex;align-items:center;gap:26px;border:1px solid #fff3;background:#f1f5e9;color:#162119;border-radius:100px;padding:12px 17px;font-size:12px;font-weight:500;box-shadow:0 5px 20px #0002;opacity:0;transform:translateY(10px);transition:opacity .22s,transform .38s cubic-bezier(.22,1,.36,1)}
#katercon-studio-v4 .ks-project-open>span>span{font-size:20px;line-height:1}
#katercon-studio-v4 .ks-project:is(:hover,:focus-within) .ks-project-open>span{opacity:1;transform:translateY(0)}
#katercon-studio-v4 .ks-project-open:focus-visible{outline:2px solid #d4ed99;outline-offset:-6px}
#katercon-studio-v4 .ks-project:focus-within .ks-round{background:#d4ed99;color:#17231b;border-color:#d4ed99}
#katercon-studio-v4 .ks-project .ks-round[aria-expanded='true']{background:#d4ed99;color:#17231b;transform:rotate(90deg);border-color:#d4ed99}

@container(max-width:780px){
 #katercon-studio-v4 .ks-footer{padding-top:52px}
 #katercon-studio-v4 .ks-footer-top{grid-template-columns:minmax(0,1fr) 170px;column-gap:24px;row-gap:32px}
 #katercon-studio-v4 .ks-footer-top>div:first-child{align-self:center}
 #katercon-studio-v4 .ks-footer .ks-person{grid-column:1/-1}
 #katercon-studio-v4 .ks-signature{grid-row:1;max-width:190px}
 #katercon-studio-v4 .ks-footer h2{font-size:40px;letter-spacing:-1.6px}
 #katercon-studio-v4 .ks-footer-brand{margin:48px 0 30px}
}
@container(max-width:500px){
 #katercon-studio-v4 .ks-footer-top{grid-template-columns:minmax(0,1fr) 86px;gap:30px 12px}
 #katercon-studio-v4 .ks-footer h2{font-size:32px;letter-spacing:-1.2px}
 #katercon-studio-v4 .ks-footer .ks-kicker{font-size:10px;letter-spacing:1px}
 #katercon-studio-v4 .ks-signature{width:108px;max-width:none;margin-right:-4px}
 #katercon-studio-v4 .ks-project-open{padding:14px}
 #katercon-studio-v4 .ks-project-open>span{padding:9px 13px;gap:14px;font-size:11px}
}
@media(hover:none){
 #katercon-studio-v4 .ks-project-open>span{opacity:1;transform:none}
}
@media(prefers-reduced-motion:reduce){
 #katercon-studio-v4 [data-depth-surface]{transform:none}
 #katercon-studio-v4 .ks-signature-object{transform:rotate(-9deg)}
 #katercon-studio-v4 .ks-project-open>span,#katercon-studio-v4 [data-depth-surface]::after{transition:none}
}