:root{
--type-display:clamp(40px,calc(23.098px + 4.507vw),88px);--type-h2:clamp(28px,calc(20.958px + 1.878vw),48px);--type-h3:clamp(22px,calc(19.887px + .5634vw),28px);--type-lead:clamp(20px,calc(18.592px + .3756vw),24px);--type-body:clamp(16px,calc(15.296px + .1878vw),18px);--type-small:14px;--type-eyebrow:13px;
--space-4:4px;--space-8:8px;--space-12:12px;--space-16:16px;--space-24:24px;--space-32:32px;--space-48:48px;--space-64:64px;--space-96:96px;--space-128:128px;--space-160:160px;
--section-small:64px;--section-medium:96px;--section-large:128px;--gutter:24px;--inset:0px;--container:1320px;--reading:65ch;
--bg:#101613;--surface:#1c2821;--paper:#f5f6f1;--accent:#d4ed99;--ink:#eff3ea;--muted:#b3c0b6;--paper-ink:#19241d;--line:#435147;
--radius-control:8px;--radius-card:16px;--radius-panel:24px;--shadow:0 12px 32px rgb(16 22 19 / .2);--control-height:48px;--stroke:1.5px;
--font-body:Geist,Arial,sans-serif;--font-display:'Space Grotesk',Arial,sans-serif;--leading-body:1.6;--leading-heading:1.12;--leading-display:1.05;--tracking-heading:-.035em;--tracking-display:-.045em;
--logo-width:144px;--logo-height:88px;--logo-top:16px;--logo-bottom:144px;--reel-width:180px;--phone-width:360px;--profile-size:44px;--profile-mark-size:32px;--profile-surface:#c8cecb;--header-height:96px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--space-32)}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:var(--type-body);line-height:var(--leading-body)}
#katercon-studio-v4{isolation:isolate;overflow:clip}#katercon-studio-v4 *{box-sizing:border-box}#katercon-studio-v4 [hidden]{display:none!important}
h1,h2,h3,h4,p,figure,blockquote{margin:0}h1,h2,h3,h4{font-family:var(--font-display);line-height:var(--leading-heading);letter-spacing:var(--tracking-heading);font-weight:500}h1{font-size:var(--type-display);line-height:var(--leading-display);font-weight:700;letter-spacing:var(--tracking-display)}h2{font-size:var(--type-h2)}h3{font-size:var(--type-h3)}h4{font-size:var(--type-lead)}
a{color:inherit;text-decoration:none}button,input,textarea{font:inherit;color:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.3;cursor:default}img{display:block;max-width:100%;height:auto}svg{display:block}i[data-lucide],svg.lucide{width:24px;height:24px;flex:none;stroke-width:var(--stroke)}
button,.ks-primary,.ks-contact-link{min-height:var(--control-height);min-width:var(--control-height);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-12);padding:0 var(--space-16);border:1px solid var(--line);border-radius:var(--radius-control);background:transparent;text-align:left;line-height:var(--leading-heading)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:var(--space-4)}
.ks-sr-only,.ks-pc-status,.kj-status{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap}
.ks-section-inner{width:calc(100% - 2*(var(--gutter) + var(--inset)));max-width:var(--container);margin-inline:auto}.ks-shell{width:100%;margin:0;padding:0}.ks-header-shell{padding-inline:var(--gutter)}
.ks-nav{max-width:calc(var(--container) + 2*var(--space-64));margin:auto;min-height:var(--header-height);display:flex;align-items:center;justify-content:space-between;gap:var(--space-24)}.ks-wordmark{font-family:var(--font-display);font-size:var(--type-h3);font-weight:600;letter-spacing:-.06em;white-space:nowrap}.ks-wordmark span{color:var(--accent)}.ks-menu{display:flex;gap:var(--space-8)}.ks-menu button{border:0;font-size:var(--type-small)}.ks-contact-link{font-size:var(--type-small)}
.ks-kicker,.ks-media-label,.kj-eyebrow{font-size:var(--type-eyebrow);text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.ks-intro{display:flex;align-items:center;padding-block:var(--section-medium) var(--section-small)}.ks-intro-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:var(--space-48);align-items:center}.ks-intro h1{margin:var(--space-32) 0}.ks-intro h1 span{color:var(--accent);white-space:nowrap}.ks-intro-copy{max-width:var(--reading);font-size:var(--type-lead);color:var(--ink)}.ks-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-24);margin-top:var(--space-32)}.ks-primary{background:var(--accent);color:var(--paper-ink);border:0}.ks-text-button{padding-inline:0;border:0}.ks-primary:hover{background:var(--paper)}.ks-text-button:hover{text-decoration:underline;text-underline-offset:var(--space-8)}
/* Logos return on a smaller lower row; the turn happens outside the mask. */
.ks-logo-orbit{min-width:0;align-self:center}.ks-logo-stage{container-type:inline-size;position:relative;height:calc(var(--logo-bottom) + var(--logo-height) + var(--space-16));overflow:hidden;isolation:isolate;mask-image:linear-gradient(90deg,transparent,#000 13%,#000 84%,transparent)}.ks-logo-pool{position:relative;width:100%;height:100%}.ks-logo-item{position:absolute;inset:0 auto auto 0;width:var(--logo-width);height:var(--logo-height);display:flex;align-items:center;justify-content:center;transform:translate3d(calc(var(--logo-position)*(100cqi + var(--logo-width)) - var(--logo-width)),var(--logo-row),0) scale(var(--logo-scale));opacity:var(--logo-opacity);animation:ks-logo-circuit 42s linear infinite;animation-delay:calc(var(--logo-phase)*-42s);will-change:transform}.ks-logo-item img{width:100%;height:100%;object-fit:contain;filter:grayscale(1) brightness(0) invert(.8)}.ks-logo-item img[data-logo=hove]{width:var(--space-64)}.ks-client-type{font-size:var(--type-h3);white-space:nowrap;color:var(--muted)}
@keyframes ks-logo-circuit{0%{transform:translate3d(calc(-1*var(--logo-width)),var(--logo-top),0) scale(1);opacity:1}49.999%{transform:translate3d(100cqi,var(--logo-top),0) scale(1);opacity:1}50%{transform:translate3d(100cqi,var(--logo-bottom),0) scale(.78);opacity:.67}99.999%{transform:translate3d(calc(-1*var(--logo-width)),var(--logo-bottom),0) scale(.78);opacity:.67}100%{transform:translate3d(calc(-1*var(--logo-width)),var(--logo-top),0) scale(1);opacity:1}}

.ks-proof{padding-block:var(--space-32) var(--section-small);position:relative}.ks-reviews{position:relative}.ks-review-summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-24);margin-bottom:var(--space-32)}.ks-review-summary h2{font-size:var(--type-h2)}.ks-google-link{display:flex;align-items:center;gap:var(--space-12);min-height:var(--control-height);flex:none}.ks-google-link strong{color:var(--accent);font-family:var(--font-display);font-size:var(--type-h3);line-height:1}.ks-google-link>span{font-size:var(--type-small);line-height:1.35}.ks-google-count{display:block;color:var(--muted)}
.ks-review-scroll{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - var(--space-24)*2)/3);gap:var(--space-24);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;align-items:stretch;padding-bottom:var(--space-4)}.ks-review-scroll::-webkit-scrollbar{display:none}.ks-review-card{background:var(--paper);color:var(--paper-ink);border-radius:var(--radius-card);padding:var(--space-24);display:flex;flex-direction:column;gap:var(--space-16);scroll-snap-align:start;min-width:0;min-height:0;height:auto}.ks-stars{font-size:var(--type-body);color:#af7000;letter-spacing:.04em;line-height:1}.ks-review-text{font-size:var(--type-small);line-height:1.6}.ks-review-author{display:flex;align-items:center;gap:var(--space-12);padding-top:var(--space-8);margin-top:auto}.ks-review-avatar{width:var(--space-64);height:var(--space-64);flex:0 0 var(--space-64);border-radius:50%;overflow:hidden;display:grid;place-items:center}.ks-review-avatar img{width:100%;height:100%;object-fit:cover}.ks-review-person{min-width:0;font-size:var(--type-small);line-height:1.3}.ks-review-person strong{font-size:var(--type-body);font-weight:500;display:block;margin-bottom:var(--space-4)}.ks-review-person>span{color:#505a53}.ks-review-source-note{font-size:var(--type-small);color:var(--muted);margin-top:var(--space-24);padding-right:var(--space-128)}.ks-review-controls{display:flex;gap:var(--space-8);justify-content:flex-end;margin-top:calc(-1*var(--space-32))}.ks-review-controls button{width:var(--control-height);padding:0}
.ks-work{padding-block:var(--section-large)}.ks-section-head{display:flex;align-items:end;justify-content:space-between;gap:var(--space-48);margin-bottom:var(--space-64)}.ks-section-head h2{margin-top:var(--space-16);max-width:18ch}.ks-section-head>p{font-size:var(--type-small);white-space:nowrap;color:var(--muted)}.ks-projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-64);margin-inline:calc(-1*var(--space-32));align-items:start}.ks-project{min-width:0}.ks-media-label{display:block;margin-bottom:var(--space-24)}.ks-project-media{position:relative;aspect-ratio:4/3;border-radius:var(--radius-card);background:var(--surface);isolation:isolate}.ks-case-photo{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-card)}.ks-ahif-stage .ks-case-photo{object-position:65% center}.ks-multicom-stage .ks-case-photo{object-position:50% 25%}.ks-case-profile{position:relative;width:var(--profile-size);height:var(--profile-size);flex:0 0 var(--profile-size);display:grid;place-items:center;border-radius:50%;background:var(--profile-surface);overflow:hidden}.ks-case-mark{display:block;position:relative;width:var(--profile-mark-size);height:var(--profile-mark-size);overflow:hidden;color:var(--paper-ink)}.ks-case-mark img{width:100%;height:100%;object-fit:contain}.ks-case-mark svg{width:100%;height:100%;padding:var(--space-8)}.ks-case-mark-ahif img{position:absolute;left:0;top:0;max-width:none;width:calc(var(--profile-mark-size) * 400 / 115);height:var(--profile-mark-size);object-fit:fill}.ks-project-open{white-space:normal;position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;border-radius:var(--radius-card);z-index:3;overflow:hidden;align-items:end}.ks-case-teaser{width:100%;min-width:0;max-width:100%;flex:0 1 100%;white-space:normal;overflow-wrap:anywhere;display:flex;flex-direction:column;gap:var(--space-12);padding:var(--space-24);background:var(--surface);transform:translateY(var(--space-16));opacity:0;transition:transform .24s ease,opacity .24s ease;pointer-events:none}.ks-case-identity{min-width:0;display:flex;align-items:center;gap:var(--space-12)}.ks-case-name{min-width:0;font-size:var(--type-body);line-height:1.3;font-weight:500}.ks-case-teaser strong{min-width:0;max-width:100%;white-space:normal;font-size:var(--type-lead);font-family:var(--font-display);font-weight:500;line-height:var(--leading-heading)}.ks-case-invite{font-size:var(--type-small);display:flex;align-items:center;justify-content:space-between}.ks-project:has(.ks-project-open:hover,.ks-project-open:focus-visible,.ks-round:hover,.ks-round:focus-visible) .ks-case-teaser{transform:none;opacity:1}
.ks-project-caption{display:flex;align-items:start;gap:var(--space-16);padding-top:var(--space-24)}.ks-project-caption>div{flex:1;min-width:0}.ks-project-caption p{font-size:var(--type-body);margin-top:var(--space-12);color:var(--muted)}.ks-round{width:var(--control-height);padding:0;flex:none}.ks-project-more{padding-top:var(--space-24);margin-top:var(--space-24);border-top:1px solid var(--line)}.ks-project-more p{font-size:var(--type-body);color:var(--muted)}.ks-case-links{display:flex;flex-wrap:wrap;gap:var(--space-8) var(--space-24);margin-top:var(--space-16)}.ks-case-links a{display:inline-flex;align-items:center;gap:var(--space-8);min-height:var(--control-height);text-decoration:underline;text-underline-offset:var(--space-4);font-size:var(--type-small)}.ks-ugc-stage{display:flex;align-items:center;justify-content:center;gap:var(--space-16);padding:var(--space-24)}.ks-phone{width:min(40%,var(--space-160));aspect-ratio:9/16;overflow:hidden;border-radius:var(--radius-card);transform:rotate(-6deg)}.ks-phone-back{transform:rotate(6deg)}.ks-phone img{width:100%;height:100%;object-fit:cover}
.ks-journal{padding-block:var(--section-large);border-top:1px solid var(--line)}.kj-heading{display:flex;justify-content:space-between;align-items:end;gap:var(--space-32);margin-bottom:var(--space-64)}.kj-heading h2{margin-top:var(--space-16)}.kj-intro{font-size:var(--type-small);white-space:nowrap;color:var(--muted)}.kj-board{display:grid;grid-template-columns:minmax(0,1fr)}.kj-index{display:grid;grid-template-columns:1fr 1fr;gap:0 var(--space-64);align-items:start}.kj-story{position:relative;display:block;border:0;border-radius:0;padding:var(--space-24) var(--space-48) var(--space-24) 0;min-height:var(--control-height);width:100%;text-align:left;white-space:normal;border-top:1px solid var(--line)}.kj-story-feature{grid-row:1/4;border:0;padding:0 var(--space-32) 0 0;margin-left:calc(-1*var(--space-32));width:calc(100% + var(--space-32))}.kj-story-image{display:block;aspect-ratio:4/3;overflow:hidden;margin:0 0 var(--space-24);border-radius:var(--radius-card)}.kj-story-image img{width:100%;height:100%;object-fit:cover;object-position:50% 35%}.kj-story-meta{display:flex;flex-flow:row wrap;align-items:center;gap:var(--space-8);font-size:var(--type-eyebrow);color:var(--muted);margin-bottom:var(--space-16)}.kj-tag{display:inline-flex;align-items:center;min-height:var(--space-24);padding:var(--space-4) var(--space-8);border-radius:var(--radius-control);background:var(--surface);color:var(--muted);line-height:1.2}.kj-tag:first-child{color:var(--accent)}.kj-date,.kj-read-time{white-space:nowrap}.kj-story-title{font-size:var(--type-h3);max-width:24ch}.kj-story-summary{display:block;max-width:var(--reading);font-size:var(--type-body);color:var(--muted);margin-top:var(--space-12)}.kj-story-arrow{position:absolute;right:0;top:var(--space-24);transition:transform .2s}.kj-story-feature .kj-story-arrow{top:auto;bottom:0}.kj-story:hover .kj-story-arrow{transform:translate(3px,-3px)}
.ks-journal[data-view=reading] .kj-board{grid-template-columns:minmax(0,1fr) minmax(0,2.4fr);gap:var(--space-64)}.ks-journal[data-view=reading] .kj-index{display:block}.ks-journal[data-view=reading] .kj-story-feature{width:100%;margin-left:0}.ks-journal[data-view=reading] .kj-story{padding:var(--space-16) var(--space-32) var(--space-16) 0;border-top:1px solid var(--line)}.ks-journal[data-view=reading] .kj-story-title{font-size:var(--type-body);letter-spacing:0}.ks-journal[data-view=reading] .kj-story[aria-current]{color:var(--accent)}.ks-journal[data-view=reading] :is(.kj-story-image,.kj-story-summary,.kj-story-meta){display:none}.ks-journal[data-view=reading] .kj-story-arrow{top:var(--space-16);bottom:auto}.kj-reader{min-width:0}.kj-reader-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-24);margin-bottom:var(--space-32)}.kj-back{border:0;padding-left:0}.kj-article-type{font-size:var(--type-small);color:var(--muted)}.kj-reader>h3{margin-bottom:var(--space-32)}.kj-article-body{max-width:var(--reading)}.kj-article-body>*+*{margin-top:var(--space-24)}.kj-article-body :is(h4){margin-top:var(--space-48)}.kj-lead{font-size:var(--type-lead)}.kj-article-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:50% 35%;border-radius:var(--radius-card)}.kj-article-photo figcaption{font-size:var(--type-small);color:var(--muted);margin-top:var(--space-12)}.kj-note,.kj-example{border-left:2px solid var(--accent);padding-left:var(--space-24)}.kj-example p{margin-top:var(--space-16)}.kj-checklist,.kj-steps{padding-left:var(--space-24)}.kj-checklist li{padding-left:var(--space-8);margin-block:var(--space-24)}.kj-steps li{margin-block:var(--space-12)}.kj-source{min-height:var(--control-height);display:inline-flex;align-items:center;text-decoration:underline;text-underline-offset:var(--space-4)}.kj-reader-footer{display:flex;justify-content:space-between;align-items:center;gap:var(--space-16);border-top:1px solid var(--line);padding-top:var(--space-24);margin-top:var(--space-48);font-size:var(--type-small)}
.ks-lab{padding-block:var(--section-large)}.ks-lab .ks-section-inner{display:grid;grid-template-columns:minmax(0,1fr) var(--phone-width);gap:var(--space-48) var(--space-128);align-items:center}.ks-lab-copy{grid-column:1/-1}.ks-lab-copy h2{margin-top:var(--space-16);font-size:var(--type-h2);max-width:22ch}/* Project crops in three independently moving format lanes. */
.ks-showcase{min-width:0;margin-left:calc(-1*var(--space-32));display:grid;gap:var(--space-16);align-self:center}
.ks-format-lane{min-width:0}.ks-showcase-stage{width:100%;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.ks-showcase-track{display:flex;width:max-content;animation:reel-pass 43s linear infinite;will-change:transform}
.ks-showcase-group{display:flex;gap:var(--space-16);padding-right:var(--space-16)}
.ks-showcase-slide{flex:none;width:126px}.ks-showcase-image{height:224px;overflow:hidden;border-radius:var(--radius-card)}.ks-showcase-image img{width:100%;height:100%;object-fit:cover}
.ks-format-feed .ks-showcase-track{animation-duration:51s;animation-direction:reverse}.ks-format-feed .ks-showcase-slide{width:144px}.ks-format-feed .ks-showcase-image{height:180px}.ks-format-feed .ks-showcase-image img{object-position:50% 35%}
.ks-format-wide .ks-showcase-track{animation-duration:38s}.ks-format-wide .ks-format-square{width:128px}.ks-format-wide .ks-format-landscape{width:calc(128px * 16 / 9)}.ks-format-wide .ks-showcase-image{height:128px}.ks-format-wide .ks-showcase-image img{object-position:50% 42%}
.ks-plural-glow{display:inline-block;white-space:nowrap;width:1.4em;text-align:center;color:var(--accent);transform-origin:50% 65%;animation:plural-breathe 4.8s ease-in-out infinite}
@keyframes plural-breathe{0%,28%,100%{color:var(--accent);transform:scale(1.07,.96) skewX(-4deg);text-shadow:0 0 16px rgb(212 237 153 / .3)}42%,45%{color:var(--ink);transform:scale(1) skewX(0);text-shadow:0 0 0 transparent}64%,84%{color:#fb00d1;transform:scale(.99,1.03) skewX(2deg);text-shadow:0 0 12px rgb(251 0 209 / .22)}}
@keyframes reel-pass{to{transform:translateX(-50%)}}

.ks-computer{width:100%;max-width:var(--phone-width);justify-self:end}.ks-pc-frame{padding:var(--space-8);border-radius:var(--radius-panel);background:var(--surface);border:1px solid var(--line)}.ks-pc-screen{position:relative;overflow:hidden;border-radius:var(--radius-panel);background:var(--bg);min-height:calc(var(--space-160)*3 + var(--space-96));display:flex;flex-direction:column}.ks-mobile-top{height:var(--space-32);display:flex;align-items:center;justify-content:center;flex:none}.ks-mobile-top span{width:var(--space-48);height:var(--space-4);border-radius:var(--radius-control);background:var(--line)}.ks-pc-workspace{position:relative;flex:1;min-height:calc(var(--space-160)*2 + var(--space-96));overflow:hidden}.ks-desktop{min-height:100%}.ks-copy-tabs{display:flex;padding:var(--space-8);gap:var(--space-4);background:var(--surface)}.ks-copy-tabs button{flex:1;min-width:0;padding:0 var(--space-8);font-size:var(--type-small);border:0}.ks-copy-tabs button[aria-selected=true]{background:var(--accent);color:var(--paper-ink)}.ks-copy-content{padding:var(--space-32) var(--space-24)}.ks-copy-content h3{font-size:var(--type-h3);margin-bottom:var(--space-24)}.ks-copy-content p{font-size:var(--type-body)}.ks-copy-cta{margin-top:var(--space-24);font-size:var(--type-small)}.ks-dock{display:flex;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-8);align-self:center;background:var(--surface);border-radius:var(--radius-card);z-index:4;margin-block:var(--space-8);flex:none}.ks-dock-app{padding:0;width:var(--control-height);border:0}.ks-dock-app svg{width:var(--space-16);height:var(--space-16)}.ks-dock-app[aria-expanded=true]{background:var(--bg)}.ks-dock-divider{height:var(--space-16);width:1px;background:var(--line)}.ks-mobile-home{width:var(--space-96);height:var(--space-4);margin:0 auto var(--space-12);border-radius:var(--radius-control);background:var(--line)}
.ks-pc-window{position:absolute;inset:0;z-index:3;border-radius:var(--radius-card);overflow:auto;background:var(--paper);color:var(--paper-ink);box-shadow:var(--shadow)}.ks-window-bar{display:flex;align-items:center;gap:var(--space-16);border-bottom:1px solid var(--line);padding-inline:var(--space-12);min-height:var(--control-height);font-size:var(--type-small)}.ks-window-close{border:0;color:inherit;font-size:var(--type-small);padding:0 var(--space-8)}.ks-window-title{font-size:var(--type-small)}.ks-compose-recipient{display:flex;gap:var(--space-12);padding:var(--space-16);font-size:var(--type-small);border-bottom:1px solid var(--line)}.ks-pc-form{padding:var(--space-16)}.ks-form-pair{display:grid;gap:var(--space-16)}.ks-pc-form label{display:grid;gap:var(--space-8);font-size:var(--type-small)}input,textarea{width:100%;min-width:0;min-height:var(--control-height);border:1px solid var(--line);border-radius:var(--radius-control);background:transparent;padding:var(--space-12);font-size:var(--type-body)}.ks-compose-message{margin-block:var(--space-16)}textarea{resize:vertical;line-height:1.4;min-height:var(--space-96)}.ks-app-action{background:var(--surface);color:var(--paper);font-size:var(--type-small)}.ks-mail-fallback{min-height:var(--control-height);display:inline-flex;align-items:center;font-size:var(--type-small)}.ks-calculator-app{padding:var(--space-16)}.ks-calculator-app input{font-size:var(--type-h2);text-align:right;border:0;margin-bottom:var(--space-16)}.ks-calc-keys{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-8)}.ks-calc-keys button{font-size:var(--type-lead);min-width:0;padding:0;background:var(--surface);color:var(--ink)}.ks-calc-zero{grid-column:span 2}.ks-calc-keys .ks-calc-equals{background:var(--accent);color:var(--paper-ink)}.ks-error-screen{position:absolute;inset:0;background:var(--bg);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--space-32);padding:var(--space-24);z-index:3;text-align:center}.ks-error-screen h3{font-size:var(--type-display)}.ks-error-screen a{display:flex;align-items:center;min-height:var(--control-height);font-size:var(--type-body);gap:var(--space-8);text-decoration:underline;text-underline-offset:var(--space-4)}.ks-error-screen button{font-size:var(--type-small)}.ks-tv-static{position:absolute;inset:0;width:100%;height:100%;z-index:8;image-rendering:pixelated;pointer-events:none}
.ks-footer{padding-block:var(--section-large) var(--space-32);background:var(--surface)}.ks-footer-top{display:grid;grid-template-columns:1.4fr 1fr;gap:var(--space-32) var(--space-64);align-items:start}.ks-footer h2{margin-top:var(--space-24);max-width:18ch}.ks-footer-cta{display:inline-flex;align-items:center;gap:var(--space-24);min-height:var(--control-height);justify-self:start;border-bottom:1px solid var(--accent);font-size:var(--type-lead)}.ks-footer-cta svg{width:var(--space-32);height:var(--space-32)}.ks-person{grid-column:2;grid-row:1/3;display:flex;align-items:center;gap:var(--space-24);align-self:center}.ks-person>img{width:var(--space-160);aspect-ratio:3/4;object-fit:cover;object-position:50% 25%;border-radius:var(--radius-card)}.ks-person .ks-person-name{font-size:var(--type-lead);font-family:var(--font-display);color:var(--ink);line-height:var(--leading-heading)}.ks-person p{margin-top:var(--space-8);color:var(--muted);font-size:var(--type-body)}.ks-person a{font-size:var(--type-body);display:inline-flex;min-height:var(--control-height);align-items:center;gap:var(--space-8);text-decoration:underline;text-underline-offset:var(--space-4)}.ks-footer-brand{display:flex;align-items:center;justify-content:space-between;gap:var(--space-32);font-family:var(--font-display);font-size:var(--type-display);font-weight:600;letter-spacing:-.06em;line-height:1;padding-block:var(--space-96) var(--space-48);margin-left:calc(-1*var(--space-32));color:var(--accent)}.ks-footer-bottom{display:flex;justify-content:space-between;gap:var(--space-24);border-top:1px solid var(--line);padding-top:var(--space-24);font-size:var(--type-small);color:var(--muted)}.ks-footer-bottom a{display:inline-flex;align-items:center;gap:var(--space-8);min-height:var(--control-height);font-size:var(--type-small)}
@media(min-width:768px){:root{--gutter:32px;--inset:32px}}
@media(min-width:1200px){:root{--gutter:48px;--inset:64px}}
@media(max-width:1199px){.ks-section-head{display:block}.ks-section-head>p{margin-top:var(--space-24)}.ks-intro-layout{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:var(--space-32)}.ks-intro h1{font-size:var(--type-display)}.ks-projects{gap:var(--space-48);margin-inline:0}.ks-case-profile{width:var(--profile-size);height:var(--profile-size)}.ks-project-caption{gap:var(--space-8)}.ks-project-caption .ks-round{display:none}.ks-lab .ks-section-inner{gap:var(--space-48) var(--space-96)}.ks-person{flex-direction:column;align-items:start}.ks-footer-top{grid-template-columns:1.3fr 1fr}}
@media(max-width:1023px){.ks-intro-layout{grid-template-columns:1fr}.ks-logo-orbit{max-width:calc(var(--logo-width)*4);width:100%;margin-top:var(--space-16)}.ks-intro{padding-block:var(--section-small)}.ks-intro-copy{max-width:50ch}.ks-intro-break{display:none}.ks-review-scroll{grid-auto-columns:calc((100% - var(--space-24))/2)}.ks-projects{grid-template-columns:1fr}.ks-project{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-24)}.ks-media-label{grid-column:1/-1;margin:0}.ks-project-media{grid-column:1}.ks-project-caption{grid-column:2;padding:var(--space-24) 0;align-self:center}.ks-project-caption .ks-round{display:inline-flex}.ks-project-more{grid-column:1/-1;margin:0}.ks-project+.ks-project{margin-top:var(--space-64)}.ks-section-head{align-items:start}.kj-index{gap:0 var(--space-32)}.ks-lab .ks-section-inner{grid-template-columns:minmax(0,1fr) 300px;gap:var(--space-48)}.ks-showcase{margin-left:calc(-1*var(--space-32))}.ks-computer{max-width:100%}.ks-person>img{width:var(--space-96)}.ks-journal[data-view=reading] .kj-board{gap:var(--space-32)}}
@media(max-width:767px){:root{--header-height:80px;--profile-size:40px;--profile-mark-size:28px;--reel-width:160px;--logo-width:112px;--logo-height:64px;--logo-top:8px;--logo-bottom:96px}.ks-menu{display:none}.ks-nav{gap:var(--space-16)}.ks-wordmark{font-size:var(--type-h3)}.ks-intro-layout{gap:var(--space-24)}.ks-intro h1{margin-block:var(--space-24)}.ks-intro-copy{font-size:var(--type-body)}.ks-intro .ks-actions{gap:var(--space-12);margin-top:var(--space-24)}.ks-actions :is(a,button){font-size:var(--type-small)}.ks-logo-orbit{max-width:100%;margin-top:var(--space-8)}.ks-proof{padding-block:var(--space-32) var(--section-small)}.ks-review-summary{align-items:center;gap:var(--space-16)}.ks-review-summary h2{max-width:10ch}.ks-google-link{gap:var(--space-8)}.ks-google-link svg{display:none}.ks-review-scroll{grid-auto-columns:100%}.ks-review-card{padding:var(--space-24)}.ks-review-source-note{padding-right:0}.ks-review-controls{margin-top:var(--space-16)}.ks-section-head,.kj-heading{display:block;margin-bottom:var(--space-32)}.ks-section-head>p{white-space:normal;margin-top:var(--space-24)}.ks-work,.ks-journal,.ks-lab,.ks-footer{padding-block:var(--section-medium)}.ks-project{display:block}.ks-media-label{margin-bottom:var(--space-16)}.ks-project-media{aspect-ratio:4/3;margin-inline:calc(-1*var(--space-8))}.ks-project-caption{padding:var(--space-24) 0 0}.ks-project-more{margin-top:var(--space-24)}.ks-case-teaser{padding:var(--space-16)}.kj-intro{margin-top:var(--space-24);white-space:normal}.kj-index{display:block}.kj-story-feature{margin-left:calc(-1*var(--space-8));width:calc(100% + var(--space-8));margin-bottom:var(--space-32)}.kj-story{padding-right:var(--space-32)}.ks-journal[data-view=reading] .kj-board{display:flex;flex-direction:column;gap:var(--space-32)}.ks-journal[data-view=reading] .kj-index{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16)}.ks-journal[data-view=reading] .kj-story{margin:0;padding:var(--space-12) var(--space-24) var(--space-12) 0}.ks-journal[data-view=reading] .kj-story-title{font-size:var(--type-small)}.ks-journal[data-view=reading] .kj-story-arrow svg{width:var(--space-16);height:var(--space-16)}.kj-reader-nav{align-items:start;gap:var(--space-12)}.kj-article-type{max-width:12ch}.kj-reader-footer>span{display:none}.ks-lab .ks-section-inner{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-32)}.ks-lab .ks-phone-fold{order:2;align-self:center;margin-top:var(--space-32)}.ks-showcase{order:1;margin-inline:calc(-1*var(--space-24))}.ks-lab-copy{order:0}.ks-computer{order:2;width:100%;max-width:var(--phone-width);align-self:center}.ks-pc-screen{min-height:calc(var(--space-160)*3 + var(--space-64))}.ks-copy-content{padding:var(--space-24)}.ks-footer-top{display:flex;flex-direction:column;gap:var(--space-32)}.ks-person{flex-direction:row;align-items:center;align-self:stretch;gap:var(--space-16);margin-top:var(--space-24)}.ks-person>img{width:var(--space-96)}.ks-person a{font-size:var(--type-small);gap:var(--space-4)}.ks-person a svg{width:var(--space-16);height:var(--space-16)}.ks-footer-brand{margin-left:calc(-1*var(--space-8));padding-block:var(--space-64) var(--space-32)}.ks-footer-bottom{flex-direction:column;gap:var(--space-12)}}
@media(hover:none){.ks-project-open .ks-case-teaser{padding:var(--space-12) var(--space-16)}.ks-project:has([aria-expanded=true]) .ks-case-teaser{transform:none;opacity:1}.ks-case-teaser strong{min-width:0;max-width:100%;white-space:normal;font-size:var(--type-body)}.ks-case-invite{display:none}.ks-case-identity{display:flex}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.ks-logo-stage{height:auto;mask-image:none}.ks-logo-pool{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-24)}.ks-logo-item{position:static;width:100%;max-width:var(--logo-width);height:var(--logo-height);justify-self:center;transform:none;opacity:1;will-change:auto}.ks-showcase-track{transform:none}.ks-case-teaser{transform:none}}

.ks-footer-emblem{width:var(--space-128);height:var(--space-128);flex:none;animation:emblem-turn 12s ease-in-out infinite}.ks-footer-emblem:hover{animation-play-state:paused}@keyframes emblem-turn{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}@media(max-width:767px){.ks-footer-emblem{width:var(--space-64);height:var(--space-64)}}

@media(max-width:767px){.ks-showcase{gap:var(--space-12);margin-block:var(--space-8)}.ks-showcase-slide{width:99px}.ks-showcase-image{height:176px}.ks-format-feed .ks-showcase-slide{width:112px}.ks-format-feed .ks-showcase-image{height:140px}.ks-format-wide .ks-format-square{width:112px}.ks-format-wide .ks-format-landscape{width:calc(112px * 16 / 9)}.ks-format-wide .ks-showcase-image{height:112px}.ks-showcase-group{gap:var(--space-12);padding-right:var(--space-12)}}

/* Give three projects clear separation; intermediate widths use readable paired rows. */
@media(min-width:768px) and (max-width:1199px){.ks-projects{grid-template-columns:1fr;gap:var(--space-96)}.ks-project{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-24)}.ks-media-label{grid-column:1/-1;margin:0}.ks-project-media{grid-column:1}.ks-project-caption{grid-column:2;padding:var(--space-24) 0;align-self:center}.ks-project-caption .ks-round{display:inline-flex}.ks-project-more{grid-column:1/-1;margin:0}.ks-project+.ks-project{margin-top:0}}
@media(max-width:767px){.ks-projects{gap:var(--space-96)}.ks-project+.ks-project{margin-top:0}}

@media(min-width:1200px){.ks-project-caption h3{min-height:calc(2 * var(--type-h3) * var(--leading-heading))}}
/* Hero contact: a fill from the pointer edge and only a two-pixel lift. */
#katercon-studio-v4 .ks-intro .ks-primary{position:relative;isolation:isolate;overflow:hidden;background:var(--accent);color:var(--paper-ink);transform:translateY(0);box-shadow:0 2px 0 color-mix(in srgb,var(--accent) 60%,var(--paper-ink)),0 6px 14px rgb(0 0 0 / .12);transition:transform 160ms ease,box-shadow 160ms ease}
#katercon-studio-v4 .ks-intro .ks-primary::before{content:'';display:block;position:absolute;inset:0;z-index:0;pointer-events:none;background:var(--paper);clip-path:circle(0 at var(--button-x,50%) var(--button-y,50%));transition:clip-path 720ms cubic-bezier(.4,0,.2,1)}
#katercon-studio-v4 .ks-intro .ks-primary>.ks-primary-content{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:inherit}
#katercon-studio-v4 .ks-intro .ks-primary[data-tactile='true']{transform:translateY(-2px);box-shadow:0 4px 0 color-mix(in srgb,var(--accent) 60%,var(--paper-ink)),0 10px 18px rgb(0 0 0 / .15)}
#katercon-studio-v4 .ks-intro .ks-primary[data-tactile='true']::before{clip-path:circle(var(--button-radius,240px) at var(--button-x,50%) var(--button-y,50%))}
#katercon-studio-v4 .ks-intro .ks-primary[data-pressed='true']{transform:translateY(1px);box-shadow:0 1px 0 color-mix(in srgb,var(--accent) 60%,var(--paper-ink)),0 3px 8px rgb(0 0 0 / .12)}
@media(prefers-reduced-motion:reduce){#katercon-studio-v4 .ks-intro .ks-primary,#katercon-studio-v4 .ks-intro .ks-primary::before{transition:none}#katercon-studio-v4 .ks-intro .ks-primary[data-tactile='true'],#katercon-studio-v4 .ks-intro .ks-primary[data-pressed='true']{transform:none;box-shadow:0 2px 0 color-mix(in srgb,var(--accent) 60%,var(--paper-ink))}}
/* Align the case field with the approved hero width. */
#ks-work>.ks-projects{width:calc(100% - 2*(var(--gutter) + var(--inset)));max-width:var(--container);margin-inline:auto;gap:var(--space-48)}
#ks-work .ks-project-media{margin-inline:0}
#ks-work .ks-project-caption .ks-round{display:inline-flex}
@media(min-width:1200px){#ks-work>.ks-projects{grid-template-columns:repeat(3,minmax(0,1fr))}#ks-work .ks-project{display:block;margin-top:0}#ks-work .ks-media-label{margin-bottom:var(--space-24)}#ks-work .ks-project-caption{padding:var(--space-24) 0 0}#ks-work .ks-project-more{margin-top:var(--space-24)}}
@media(min-width:1024px) and (max-width:1199px){#ks-work>.ks-projects{gap:var(--space-32)}}
@media(max-width:1023px){#ks-work>.ks-projects{gap:var(--space-96)}}
/* The green ground belongs to the work section; the journal stays on the page ground. */
.ks-work{background:var(--surface)}
.ks-journal{border-top:0}
/* More room within the hero, without restoring the old empty review gap. */
.ks-intro h1{margin-block:var(--space-48)}
.ks-intro .ks-actions{margin-top:var(--space-48);gap:var(--space-32)}
.ks-intro .ks-primary{padding-inline:var(--space-24);gap:var(--space-16);min-height:56px}
@media(max-width:767px){.ks-intro h1{margin-block:var(--space-32)}.ks-intro .ks-actions{margin-top:var(--space-32);gap:var(--space-24)}}
/* Inset the feature caption. Tip rows give about 30% of their air to the top. */
.kj-story-content{display:block;position:relative;min-width:0}
.ks-journal:not([data-view=reading]) .kj-story-feature .kj-story-content{padding:0 var(--space-24) var(--space-24)}
.ks-journal:not([data-view=reading]) .kj-story-feature .kj-story-summary{padding-right:var(--space-32)}
.ks-journal:not([data-view=reading]) .kj-story-feature .kj-story-arrow{right:var(--space-24);bottom:var(--space-24)}
.ks-journal:not([data-view=reading]) .kj-story:not(.kj-story-feature){display:grid;grid-template-rows:minmax(var(--space-32),3fr) auto minmax(calc(var(--space-64) + var(--space-8)),7fr);align-self:stretch;align-items:stretch;justify-content:stretch;gap:0;padding-block:0}
.ks-journal:not([data-view=reading]) .kj-story:not(.kj-story-feature) .kj-story-content{grid-row:2}
.ks-journal:not([data-view=reading]) .kj-story:not(.kj-story-feature) .kj-story-arrow{top:0;right:calc(-1 * var(--space-48))}
.ks-journal[data-view=reading] .kj-story-content{position:static;padding:0}
@media(max-width:767px){.ks-journal:not([data-view=reading]) .kj-story-feature .kj-story-content{padding-inline:var(--space-16)}.ks-journal:not([data-view=reading]) .kj-story-feature .kj-story-arrow{right:var(--space-16)}.ks-journal:not([data-view=reading]) .kj-story:not(.kj-story-feature) .kj-story-arrow{right:calc(-1 * var(--space-32))}}

/* Dark case cards sit on the green work section, after a longer black pause. */
.ks-work{margin-top:var(--space-64)}
.ks-work .ks-section-head{margin-bottom:var(--space-96)}
.ks-work .ks-section-head h2{margin-top:var(--space-32)}
.ks-project-card{background:var(--bg);border-radius:var(--radius-panel);padding:var(--space-16);min-width:0}
#ks-work .ks-project-media{border-radius:var(--radius-card)}
#ks-work .ks-project-caption{padding:var(--space-48) var(--space-8) var(--space-32);gap:var(--space-12)}
#ks-work .ks-project-caption h3{min-height:0}
#ks-work .ks-project-caption p{margin-top:var(--space-24)}
#ks-work .ks-project-more{margin:var(--space-16) var(--space-8) var(--space-24);padding-top:var(--space-32)}
#ks-work .ks-case-teaser{padding:var(--space-24);gap:var(--space-24)}
#ks-work .ks-case-profile{--profile-size:28px;--profile-mark-size:20px}
#ks-work .ks-case-name{font-size:var(--type-small)}
#ks-work .ks-project-media{margin-inline:0}
#ks-work .ks-project-open{overflow:visible}
#ks-work .ks-case-teaser{border-radius:0 0 var(--radius-card) var(--radius-card)}
@media(min-width:768px) and (max-width:1199px){#ks-work .ks-project{display:block}#ks-work .ks-project-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-24)}#ks-work .ks-media-label{margin-bottom:var(--space-24)}#ks-work .ks-project-caption{align-self:center;padding:var(--space-24) var(--space-8)}#ks-work .ks-project-more{grid-column:1/-1}}
@media(max-width:767px){.ks-work{margin-top:var(--space-32)}.ks-work .ks-section-head{margin-bottom:var(--space-64)}#ks-work .ks-project-caption{padding-inline:var(--space-8)}}
/* Give the ad heading air; the moving media reaches the left viewport edge and dissolves there. */
.ks-lab-copy h2{margin-top:var(--space-32)}
.ks-lab .ks-section-inner{grid-template-columns:minmax(0,1fr) 480px;row-gap:var(--space-64);column-gap:var(--space-96)}
@media(max-width:1023px){.ks-lab .ks-section-inner{grid-template-columns:1fr;row-gap:var(--space-64)}.ks-lab .ks-phone-fold{justify-self:center}}
@media(max-width:767px){.ks-lab .ks-section-inner{gap:var(--space-48)}}

@media(min-width:1200px){#ks-work>.ks-projects{align-items:stretch}#ks-work .ks-project{display:flex;flex-direction:column}#ks-work .ks-project-card{flex:1}#ks-work .ks-project-caption h3{min-height:calc(2*var(--type-h3)*var(--leading-heading));overflow-wrap:anywhere}}

/* The editorial list returns to the open dark layout, with the same heading rhythm as work. */
.kj-heading{margin-bottom:var(--space-96)}.kj-heading h2{margin-top:var(--space-32)}
/* The person behind Katercon, followed by one clear contact point. */
.ks-about{padding-block:var(--section-large);border-top:1px solid var(--line)}
.ks-about-layout{display:grid;grid-template-columns:240px minmax(0,1fr);align-items:center;gap:var(--space-64)}
.ks-about-copy h2{margin-block:var(--space-32)}
.ks-about-copy{order:2;min-width:0}.ks-about-copy h2{max-width:none;text-wrap:balance}.ks-about-copy>p:not(.ks-kicker){max-width:64ch;color:var(--muted);font-size:var(--type-body);margin-top:var(--space-24);text-wrap:pretty}
.ks-about-person{order:1;display:block;margin:0}
.ks-about-person img{width:240px;height:288px;object-fit:cover;object-position:50% 25%;border-radius:var(--radius-card)}
.ks-about-person figcaption{display:grid;gap:var(--space-8);min-width:0}
.ks-about-person strong{font-family:var(--font-display);font-size:var(--type-h3);font-weight:500;line-height:var(--leading-heading)}
.ks-about-person span{font-size:var(--type-small);color:var(--muted);max-width:24ch}
.ks-ending-footer{padding-block:var(--space-96) var(--space-32)}
.ks-ending-layout{display:flex;justify-content:space-between;align-items:center;gap:var(--space-64);padding-bottom:var(--space-96)}
.ks-ending-layout h2{margin-top:var(--space-32);max-width:18ch}
.ks-ending-intro{color:var(--muted);margin-top:var(--space-24);max-width:42ch;font-size:var(--type-body)}
.ks-ending-email{display:inline-flex;justify-content:space-between;align-items:center;gap:var(--space-32);min-height:64px;padding:var(--space-16) var(--space-24);background:var(--accent);color:var(--bg);border-radius:var(--radius-control);font-size:var(--type-body);white-space:nowrap;transition:background .2s ease}
.ks-ending-email:hover{background:var(--ink)}.ks-ending-email svg{flex:none}
.ks-ending-bottom{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-24) var(--space-32);border-top:1px solid var(--line);padding-top:var(--space-32)}
.ks-ending-bottom>a{display:inline-flex;align-items:center;min-height:var(--control-height)}
.ks-ending-bottom>p{font-size:var(--type-small);color:var(--muted)}
.ks-ending-bottom nav{margin-left:auto;display:flex;align-items:center;gap:var(--space-24);flex-wrap:wrap}
.ks-ending-bottom nav a{min-width:44px;display:inline-flex;align-items:center;gap:var(--space-8);min-height:var(--control-height);font-size:var(--type-small)}
@media(max-width:1199px){.ks-about-layout{gap:var(--space-48)}.ks-about-person{flex-direction:column;align-items:start}.ks-ending-bottom nav{margin-left:0;width:100%}}
@media(max-width:767px){.kj-heading{margin-bottom:var(--space-64)}.ks-about{padding-block:var(--section-medium)}.ks-about-layout{grid-template-columns:1fr;gap:var(--space-32)}.ks-about-person img{width:160px;height:192px}.ks-ending-footer{padding-block:var(--space-64) var(--space-24)}.ks-ending-layout{display:block;padding-bottom:var(--space-64)}.ks-ending-email{margin-top:var(--space-32);width:100%;padding-inline:var(--space-16);gap:var(--space-16);white-space:normal}.ks-ending-bottom{gap:var(--space-16)}.ks-ending-bottom nav{gap:var(--space-8) var(--space-24)}}

/* Preserve the contrasting white craft symbols within AHIF's original emblem. */
.ks-logo-item img[data-logo="ahif"]{filter:grayscale(1) brightness(2)}

/* Mobile proof heading stays whole; its Google summary moves beneath it when space is tight. */
@media(max-width:767px){.ks-review-summary{display:grid;grid-template-columns:minmax(0,1fr);justify-items:start;gap:var(--space-12)}.ks-review-summary h2{max-width:none;white-space:nowrap;font-size:clamp(24px,7.25vw,28px)}.ks-google-link{justify-self:start}}

/* Keep the vertical case rhythm compact on phones and tablets. */
@media(max-width:1023px){#ks-work>.ks-projects{gap:var(--space-48)}}

/* Keep the three rows, but bound their visual reach even on very wide or zoomed-out screens. */
.ks-lab .ks-showcase{margin:0;width:100%;max-width:680px;justify-self:start;overflow:hidden}
.ks-lab .ks-showcase-stage{mask-image:linear-gradient(90deg,transparent 0,#000 64px,#000 calc(100% - 64px),transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 64px,#000 calc(100% - 64px),transparent 100%)}
@media(max-width:767px){.ks-lab .ks-showcase-stage{mask-image:linear-gradient(90deg,transparent 0,#000 32px,#000 calc(100% - 32px),transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 32px,#000 calc(100% - 32px),transparent 100%)}}
/* Production navigation and focus-only skip link. */
.ks-menu a,.ks-text-button{min-height:var(--control-height);min-width:var(--control-height);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-12);padding:0 var(--space-16);border:1px solid var(--line);border-radius:var(--radius-control);background:transparent;text-align:left;line-height:var(--leading-heading);cursor:pointer}.ks-menu a{border:0;font-size:var(--type-small)}.ks-text-button{padding-inline:0;border:0}.ks-skip-link{position:fixed;z-index:100;left:var(--space-16);top:var(--space-16);padding:var(--space-12) var(--space-16);background:var(--paper);color:var(--paper-ink);border-radius:var(--radius-control);transform:translateY(-200%)}.ks-skip-link:focus{transform:translateY(0);outline:2px solid var(--accent);outline-offset:2px}.ks-anchor-alias{display:block;position:relative;top:calc(-1 * var(--header-height));visibility:hidden}