.tk-full-email{display:inline-block!important;max-width:100%!important;white-space:nowrap!important;overflow:visible!important;word-break:normal!important;overflow-wrap:normal!important;vertical-align:top}
/* Presentation pages show the complete supplied artwork, including captions. */
#main img[src*="/assets/cases/"]{object-fit:contain!important}
#main img[src*="/assets/covers/"]{object-fit:contain!important}
#main img[src*="/assets/credentials/"]{object-fit:contain!important}
tetiana-avatar{background:#000;overflow:hidden;isolation:isolate}
tetiana-avatar video{display:block;width:100%;height:100%;object-fit:contain;background:#000;pointer-events:none}
/* CMS HTML needs explicit type styles, just like the authored Framer text. */
#main div.framer-text > :is(p,ol,ul,blockquote):not(.framer-text){
  color:#e5e5e5!important;
  font-family:"KH Teka Regular",sans-serif;
  font-size:20px;
  line-height:1.55;
  margin:0 0 1em;
  overflow-wrap:anywhere;
}
#main div.framer-text > :is(ol,ul):not(.framer-text){padding-inline-start:1.4em}
#main div.framer-text > :is(p,ol,ul,blockquote):not(.framer-text) a,
#main div.framer-text > :is(p,ol,ul,blockquote):not(.framer-text) a:visited{
  color:#e5e5e5!important;text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:1px;
}
#main div.framer-text > :is(p,ol,ul,blockquote):not(.framer-text) a:hover{color:#fff!important}
#main a:focus-visible{outline:2px solid #cbd4ff;outline-offset:5px}
/* Secondary copy must remain readable on the black theme. */
#main .framer-n8rm5i p,#main .framer-1l2jb24 p{color:#b3b3b3!important}
#main .framer-ijqew .framer-18dtxb7{opacity:1!important}
#main .framer-ijqew .framer-18dtxb7 p{color:#b3b3b3!important}
/* The new credential artwork is 16:9; keep its frame in the same ratio. */
#main .framer-rJ0Ei :is(.framer-1djajwh,.framer-251yrn-container),
#main .framer-rJ0Ei .framer-251yrn-container > [data-framer-name="Image 1:1"]{aspect-ratio:16/9!important;height:auto!important}
#main .framer-rJ0Ei .framer-1djajwh{background:#101112!important}
@media(max-width:809px){#main div.framer-text > :is(p,ol,ul,blockquote):not(.framer-text){font-size:18px}}
@media(max-width:809px){.framer-text{overflow-wrap:break-word}a[href^="tel:"],a[href^="mailto:"]{word-break:normal}}
@media(max-width:809px){
  #main [data-framer-name="Company / Position"]{min-width:0!important;flex:1 1 0!important}
  #main [data-framer-name="Company / Position"] [data-framer-component-type="RichTextContainer"]{max-width:100%!important;width:100%!important;white-space:normal!important}
}
/* Relevant design experience, grouped by employer. */
.tk-career,.tk-profile-about,.tk-profile-interlude{width:100%;min-width:0;flex:none;color:#e5e5e5;font-family:"KH Teka Regular",sans-serif}
.tk-career :is(h2,h3,h4,p,ul),.tk-profile-about :is(h2,p),.tk-process-graphic :is(p,figure){margin:0}
.tk-career a,.tk-profile-about a{color:inherit;text-decoration:none}
.tk-career a:hover{color:#fff}
.tk-career a:focus-visible{outline:2px solid #cbd4ff;outline-offset:5px}
.tk-career-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:36px}
.tk-career-heading h2{font-size:clamp(28px,3.3vw,48px);font-weight:500;letter-spacing:-.035em;line-height:1.15}
.tk-career .tk-text-link{font-size:15px;line-height:1.5;text-decoration:underline;text-underline-offset:.25em;white-space:nowrap}
.tk-company{border-top:1px solid #292929;padding:40px 0 48px}
.tk-company-head{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:24px;align-items:start}
.tk-company-logo{width:72px;height:72px;display:block;background:#fff;overflow:hidden;border-radius:8px}
.tk-company-logo img{display:block;width:100%;height:100%;object-fit:contain}
.tk-company-info h3{font-size:clamp(24px,2.4vw,34px);font-weight:500;letter-spacing:-.035em;line-height:1.15;margin-bottom:10px}
.tk-company-info p{font-size:16px;line-height:1.5;color:#b3b3b3}
.tk-company-info .tk-company-location{font-size:14px;color:#909090;margin-top:3px}
.tk-company-period{font-family:"Cartograph CF Regular",monospace;font-size:13px!important;line-height:1.5;color:#aaa;padding-top:5px}
.tk-role-list{margin:28px 0 0 35px;padding-left:59px;border-left:1px solid #343434}
.tk-role{position:relative;padding-bottom:38px}
.tk-role:last-child{padding-bottom:0}
.tk-role::before{content:"";position:absolute;left:-64px;top:9px;width:9px;height:9px;background:#bdbdbd;border-radius:50%;box-shadow:0 0 0 6px #000}
.tk-role-heading{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:12px}
.tk-role-heading h4{font-size:24px;line-height:1.25;letter-spacing:-.025em;font-weight:500}
.tk-role-date{font-size:14px;line-height:1.5;color:#999;flex:none}
.tk-role .tk-promotion{display:inline-block;color:#dedede;font-size:13px;line-height:1.5;border-left:2px solid #aaa;padding-left:10px;margin-bottom:14px}
.tk-role .tk-role-summary{font-size:18px;line-height:1.55;max-width:880px;color:#c9c9c9;margin-bottom:14px}
.tk-role ul{padding-left:19px;max-width:960px;color:#aaa;font-size:17px;line-height:1.6}
.tk-role li{padding-left:4px;margin-bottom:6px}
.tk-role li::marker{color:#666}
.tk-skill-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.tk-skill-list span{display:inline-block;border:1px solid #303030;background:#101010;color:#bdbdbd;border-radius:20px;padding:6px 11px;font-size:12px;line-height:1.25}
.tk-education{display:grid;grid-template-columns:1fr 1fr;gap:64px;border-block:1px solid #292929;padding:36px 0}
.tk-section-label{font-family:"Cartograph CF Regular",monospace;font-size:11px!important;line-height:1.5;letter-spacing:.12em;text-transform:uppercase;color:#8e8e8e!important;margin:0 0 20px!important}
.tk-education-row{display:flex;gap:18px;align-items:flex-start}
.tk-education-row img{width:56px;height:56px;object-fit:contain;border-radius:6px;background:#fff}
.tk-education h3{font-size:22px;line-height:1.3;font-weight:500;letter-spacing:-.025em;margin:0 0 8px}
.tk-education p:not(.tk-section-label){font-size:15px;line-height:1.6;color:#aaa}
.tk-learning .tk-text-link{display:inline-block;margin-top:15px}
.tk-profile-about{display:grid;grid-template-columns:1fr 1fr;gap:64px;border-top:1px solid #292929;padding-top:40px}
.tk-about-intro h2{font-size:clamp(28px,3vw,44px);font-weight:500;letter-spacing:-.035em;line-height:1.16}
.tk-about-copy>p{font-size:20px;line-height:1.6;color:#bdbdbd;margin-bottom:22px}
.tk-language-list{margin-top:30px;border-top:1px solid #292929;padding-top:8px}
.tk-language-list p{display:grid;grid-template-columns:150px 1fr;gap:20px;padding-top:14px;font-size:14px;line-height:1.5}
.tk-language-list strong{font-weight:400;color:#ddd}
.tk-language-list span{color:#999}
.tk-process-graphic{margin:0;padding:clamp(24px,4vw,60px);background:linear-gradient(130deg,#141414,#080808);border:1px solid #292929;overflow:hidden}
.tk-process-graphic figcaption{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:40px}
.tk-process-graphic .tk-section-label{margin:0!important}
.tk-process-title{font-size:clamp(18px,2.2vw,30px);line-height:1.2;letter-spacing:-.03em}
.tk-process-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.tk-process-stage p{display:flex;gap:14px;font-size:15px;line-height:1.5;color:#bdbdbd}
.tk-process-stage p span{font-family:monospace;font-size:12px;color:#666;padding-top:3px}
.tk-process-stage svg{display:block;width:100%;height:auto;margin-top:24px}
@media(max-width:809px){
 .tk-career-heading{margin-bottom:26px;align-items:start}
 .tk-career-heading .tk-text-link{font-size:12px}
 .tk-company{padding:28px 0 34px}
 .tk-company-head{grid-template-columns:56px minmax(0,1fr);gap:16px}
 .tk-company-logo{width:56px;height:56px}
 .tk-company-period{grid-column:2;padding:0;margin-top:-4px!important}
 .tk-company-info h3{font-size:24px}
 .tk-company-info p{font-size:14px}
 .tk-company-info .tk-company-location{font-size:12px}
 .tk-role-list{margin-left:27px;padding-left:44px;margin-top:24px}
 .tk-role::before{left:-49px}
 .tk-role-heading{display:block}
 .tk-role-heading h4{font-size:20px}
 .tk-role-date{margin-top:5px!important;font-size:13px}
 .tk-role .tk-role-summary,.tk-role ul{font-size:16px;line-height:1.6}
 .tk-role ul{padding-left:16px}
 .tk-role .tk-promotion{font-size:12px}
 .tk-education{grid-template-columns:1fr;gap:30px;padding:28px 0}
 .tk-profile-about{grid-template-columns:1fr;gap:28px;padding-top:30px}
 .tk-about-copy>p{font-size:18px}
 .tk-language-list p{grid-template-columns:115px 1fr;gap:12px;font-size:13px}
 .tk-process-graphic figcaption{display:block;margin-bottom:24px}
 .tk-process-title{display:block;margin-top:12px}
 .tk-process-stages{grid-template-columns:1fr;gap:0}
 .tk-process-stage{display:grid;grid-template-columns:100px 1fr;align-items:center;border-top:1px solid #292929;padding:10px 0}
 .tk-process-stage p{display:block;font-size:14px}
 .tk-process-stage p span{display:block;margin-bottom:6px}
 .tk-process-stage svg{height:115px;margin-top:0}
}
/* A single persistent music control lives outside the page router. */
.tk-audio{position:fixed;right:20px;bottom:20px;z-index:90;color:#e5e5e5;font:13px/1.4 "KH Teka Regular",sans-serif}
.tk-audio[hidden],.tk-audio-panel[hidden]{display:none!important}
.tk-audio-buttons{display:flex;align-items:center;background:#151515;border:1px solid #383838;border-radius:28px;box-shadow:0 5px 24px #0006;overflow:hidden}
.tk-audio button{border:0;background:none;color:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:12px;gap:9px;font:inherit}
.tk-audio button:hover{background:#262626}
.tk-audio button:focus-visible,.tk-audio input:focus-visible{outline:2px solid #cbd4ff;outline-offset:-3px}
.tk-audio button svg{width:19px;height:19px;flex:none}
.tk-audio .tk-sound-toggle{padding-left:15px}
.tk-audio .tk-sound-settings{border-left:1px solid #333}
.tk-audio[data-playing="true"] .tk-sound-slash,.tk-audio:not([data-playing="true"]) .tk-sound-waves{display:none}
.tk-audio-panel{position:absolute;right:0;bottom:56px;width:250px;padding:18px;background:#171717;border:1px solid #3a3a3a;border-radius:12px;box-shadow:0 10px 40px #0009}
.tk-audio-panel-heading{display:flex;justify-content:space-between;gap:15px;margin-bottom:13px}
.tk-audio-volume-output{font-variant-numeric:tabular-nums;color:#aaa}
.tk-audio-range-label{display:block}
.tk-audio input{width:100%;height:28px;accent-color:#e5e5e5;cursor:pointer;margin:0}
.tk-audio-title{font-size:11px;color:#999;line-height:1.5;margin:9px 0 0}
.tk-audio-title:empty{display:none}
.tk-visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:809px){.tk-audio{right:16px;bottom:16px}.tk-audio-panel{width:236px}}