@import"https://fonts.googleapis.com/css2?family=Newsreader:opsz,wght@6..72,500;6..72,700&family=Space+Grotesk:wght@400;500;700&display=swap";:root{color-scheme:light}*{box-sizing:border-box}body{margin:0;font-family:Space Grotesk,sans-serif;background:#f0f0f0;color:#1d1e30;overflow-x:hidden}h1,h2,h3,p{margin:0}.screen-app{min-height:100vh;width:100%;overflow-x:clip}.screen-page{min-height:100vh;background:#fff}.screen-page--muted{background:#f0f0f0}.screen-container{width:min(1100px,100% - 40px);margin:0 auto}.screen-nav{min-height:72px;display:flex;align-items:center;gap:16px;padding:10px 16px;background:#309;width:100%}.screen-nav__logo-button{border:0;background:transparent;cursor:pointer;padding:0}.screen-nav__logo{width:108px;height:40px;object-fit:contain}.screen-nav__tabs{display:flex;gap:8px;flex:1;justify-content:center;flex-wrap:wrap}.screen-nav__tab{border:0;min-width:96px;min-height:36px;padding:8px 14px;background:#e7e7e7;color:#161616;font-size:14px;font-weight:600;cursor:pointer}.screen-nav__tab--active{background:#fff}.screen-section{padding:34px 0}.screen-hero{background:#4a38b3;padding:34px 0}.screen-hero__content{display:grid;grid-template-columns:300px 1fr;gap:28px;align-items:center}.screen-hero__profile{width:100%;max-width:100%;height:auto;border-radius:4px}.screen-title{font-family:Newsreader,serif;font-size:clamp(1.9rem,3.2vw,2.6rem);margin-bottom:14px}.screen-title--light{color:#fff}.screen-title--center{text-align:center}.screen-body{font-size:1.05rem;line-height:1.65;color:#404255;margin-bottom:12px}.screen-body--light{color:#fff}.screen-body--center{text-align:center}.screen-legend-row{display:flex;gap:16px;flex-wrap:wrap;margin:18px 0}.screen-legend-item{display:inline-flex;align-items:center;gap:8px;font-size:.95rem}.screen-legend-color{width:16px;height:16px}.screen-grid{display:grid;gap:14px}.screen-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.screen-grid--two{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:20px}.screen-card{border:1px solid #d1d1d1;background:#d6d6d6}.screen-card__head{display:grid;grid-template-columns:1fr 20px;min-height:120px}.screen-card__head h3{display:flex;align-items:center;justify-content:center;text-align:center;font-size:1.9rem;background:#4a38b3;color:#fff;padding:8px;min-width:0}.screen-card__body{padding:12px;display:grid;gap:8px;min-width:0}.screen-card__link{overflow-wrap:anywhere;word-break:break-word;color:#3f4156}.screen-panel{background:#fff;border:1px solid #ddd;padding:18px}.screen-panel h3{margin-bottom:10px}.screen-panel p,.screen-panel li{color:#3e4054;line-height:1.6}.screen-panel ul{margin:0;padding-left:18px;display:grid;gap:8px}.screen-button{border:0;background:#4a2dbb;color:#fff;padding:12px 18px;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;line-height:1.2}.screen-center{display:flex;justify-content:center;margin-top:24px}.screen-image{width:min(360px,100%);max-width:100%;height:auto;border-radius:4px}.screen-two-col{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}.about-screen__intro{max-width:560px}.about-screen__description{max-width:520px;padding-left:28px}.screen-contact-panel{margin-top:20px;background:#d0d0d0;padding:14px;display:grid;gap:12px}.screen-contact-row{display:grid;grid-template-columns:220px 1fr}.screen-contact-label{background:#e2842f;display:flex;align-items:center;justify-content:center;font-weight:700;padding:12px}.screen-contact-value{background:#4a2dbb;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;padding:12px;overflow-wrap:anywhere;text-align:center}.screen-skills-panel{margin-top:20px;background:#4a38b3;color:#fff;padding:24px;border-radius:4px;display:grid;gap:20px}.screen-skills-title{font-size:clamp(1.4rem,3.2vw,2.2rem);margin-bottom:10px}.screen-skills-list{margin:0;padding-left:18px;display:grid;gap:6px}.screen-work-list{margin-top:20px;display:grid;gap:12px}.screen-work-card{display:grid;grid-template-columns:250px 1fr}.screen-work-left{background:#4a2dbb;color:#fff;display:grid;gap:8px;align-content:center;justify-items:center;text-align:center;padding:16px;font-weight:800}.screen-work-right{background:#cfcfcf;padding:16px}.screen-work-right h3{margin-bottom:10px;font-size:1.4rem}.screen-work-right p{line-height:1.6;color:#303247}.screen-reference{width:100%;max-width:100%;height:auto;border-radius:8px;margin-top:24px;border:1px solid #ddd}@media (max-width: 1024px){.screen-container{width:min(1100px,100% - 32px)}.screen-hero__content{grid-template-columns:260px 1fr;gap:22px}.screen-grid--three{grid-template-columns:repeat(2,minmax(0,1fr))}.screen-card__head h3{font-size:1.6rem}}@media (max-width: 900px){.screen-hero__content,.screen-grid--three,.screen-grid--two,.screen-two-col,.screen-work-card,.screen-contact-row{grid-template-columns:1fr}.screen-nav{flex-direction:column;align-items:center;text-align:center}.screen-nav__tabs{justify-content:center}.about-screen__description{padding-left:0}.screen-work-left{padding:24px;border-bottom:1px solid rgba(255,255,255,.1)}.screen-work-card{border:1px solid #ddd}}@media (max-width: 768px){.screen-container{width:min(1100px,100% - 24px)}.screen-section,.screen-hero{padding:26px 0}.screen-title{margin-bottom:10px}.screen-body{font-size:1rem;line-height:1.58}.screen-nav{gap:12px;padding:10px 12px}.screen-nav__tabs{width:100%;gap:8px;justify-content:center}.screen-nav__tab{flex:1 1 calc(50% - 8px);min-width:0;padding:10px 12px}.screen-grid{gap:12px}.screen-card__head{min-height:92px}.screen-card__head h3{font-size:1.4rem}.screen-two-col{grid-template-columns:1fr}.screen-work-right h3{font-size:1.2rem}.screen-contact-label,.screen-contact-value{justify-content:flex-start;text-align:left}.screen-button{min-height:44px}.about-screen .screen-section>.screen-container>div:first-child{grid-template-columns:1fr!important;gap:18px!important}.about-screen .screen-section>.screen-container>div:first-child>img.screen-image{width:100%!important;max-width:360px!important;justify-self:start!important}}@media (max-width: 480px){.screen-container{width:min(1100px,100% - 20px)}.screen-section,.screen-hero{padding:22px 0}.screen-title{font-size:clamp(1.55rem,7vw,1.95rem);margin-bottom:8px}.screen-body{font-size:.96rem;line-height:1.52}.screen-legend-row{gap:10px;margin:14px 0}.screen-legend-item{font-size:.9rem}.screen-nav__tab{flex-basis:100%;min-height:42px}.screen-card__body,.screen-panel,.screen-work-left,.screen-work-right{padding:12px}.screen-card__head h3{font-size:1.2rem}.screen-contact-panel{padding:10px}.screen-contact-label,.screen-contact-value{padding:10px;font-size:.95rem}.screen-skills-panel{padding:18px}.screen-skills-title{font-size:1.5rem}.screen-button{width:100%}}
