﻿body{background-color:var(--color-black);color:var(--color-white);opacity:0.99;transition:opacity 0.35s ease-in-out}header{position:sticky;top:0;background-color:var(--color-black)}.header-right a{transition:all 0.5s cubic-bezier(0.4,0,0.2,1)}main{min-height:calc(100vh - 80px);padding:0 32px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;position:relative;z-index:10;background-color:var(--color-black);overflow:hidden}.hero-title{font-size:100px;font-weight:500;margin-bottom:0;text-align:left;width:100%;max-width:100%;line-height:104px;margin-top:32px;position:relative;z-index:10;letter-spacing:-1px;pointer-events:none;text-wrap:balance}.hero-image-container{position:absolute;width:100%;height:100%;top:0;left:0;z-index:0;display:flex;align-items:center;justify-content:center}.hero-image{width:100%;height:100%;object-fit:cover;object-position:center;opacity:0.85;filter:brightness(0.85)}.separator-circle{width:32px;height:32px;background-color:var(--color-white);border-radius:50%;position:absolute;left:50%;transform:translateX(-50%);top:-16px;z-index:10}.separator-label{position:absolute;top:-64px;left:50%;transform:translateX(-50%);font-size:14px;font-weight:500;color:var(--color-white);text-transform:uppercase;letter-spacing:1px;z-index:11;white-space:nowrap}.work-experience{min-height:auto;padding:64px 32px 0px 32px;background-color:var(--color-white);color:var(--color-black);position:relative}.work-experience::before{content:'';position:absolute;inset:0;pointer-events:none}.work-experience-container{display:grid;grid-template-columns:1fr 1fr;gap:64px;max-width:1400px;margin:0;align-items:start;opacity:0;transform:translateY(30px);animation:fadeUpLoad 0.7s ease-out 0.3s forwards}.work-experience-left{display:flex;flex-direction:column;gap:16px}.work-experience-credits-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.work-experience-info-column{display:flex;flex-direction:column;gap:16px}.experience-credit-column{display:flex;flex-direction:column;gap:0px}.experience-credit-label{font-size:20px;font-weight:600;color:var(--color-gray-400);text-transform:uppercase;letter-spacing:1px}.experience-credit-value{font-size:16px;font-weight:500;color:var(--color-black);line-height:1.4;text-transform:uppercase}.work-experience-title{font-size:96px;font-weight:500;color:var(--color-black);line-height:1.1;margin:0;letter-spacing:-2px;text-wrap:balance}.work-experience-right{display:flex;flex-direction:column;gap:48px}.work-experience-list{display:flex;flex-direction:column;gap:48px}.experience-item{display:flex;flex-direction:column;gap:8px}.experience-position{font-size:36px;font-weight:500;color:var(--color-black);letter-spacing:-0.5px}.experience-company{font-size:36px;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-0.5px}.experience-date{font-size:18px;font-weight:500;color:var(--color-black);letter-spacing:0.01em;margin-top:2px}.experience-description{font-size:16px;font-weight:400;color:var(--color-gray-400);line-height:1.5;margin-top:8px;letter-spacing:0.01em;text-wrap:balance}.clients-section{width:100%;padding:64px 32px 32px 32px;background-color:var(--color-white);color:var(--color-black);position:relative}.clients-section::before{content:'';position:absolute;inset:0;pointer-events:none}.clients-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;align-items:center;justify-items:center;opacity:0;transform:translateY(30px);animation:fadeUpLoad 0.7s ease-out 0.4s forwards}.client-logo{width:120px;height:60px;display:flex;align-items:center;justify-content:center;transition:opacity 0.3s ease;background-color:var(--color-gray-100);border-radius:4px;position:relative;overflow:hidden}.client-logo.has-logo{background-color:transparent;opacity:1}.client-logo.has-logo img{position:absolute;max-width:80%;max-height:80%;width:auto;height:auto;object-fit:contain;transition:opacity 0.6s cubic-bezier(0.4,0,0.2,1)}.client-logo.has-logo .logo-gray{opacity:1}.client-logo.has-logo .logo-color{opacity:0}.client-logo.has-logo:hover .logo-gray{opacity:0}.client-logo.has-logo:hover .logo-color{opacity:1}.client-logo:hover{opacity:1}.client-logo img{max-width:100%;max-height:100%;object-fit:contain}.cta-button{position:absolute;bottom:32px;right:32px;width:200px;height:40px;background-color:var(--color-white);color:var(--color-black);border:none;border-radius:999px;font-size:14px;font-weight:bold;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Inter",sans-serif;cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 40px rgba(255,255,255,0.1);z-index:1000}.cta-button .text{position:absolute;transition:transform 0.3s ease,opacity 0.3s ease}.cta-button .arrow{position:absolute;transform:translateX(-100%);opacity:0;transition:transform 0.3s ease,opacity 0.3s ease}.cta-button:hover .text{transform:translateX(100%);opacity:0}.cta-button:hover .arrow{transform:translateX(0);opacity:1}@media (max-width:768px){.hero-title{font-size:64px;margin-bottom:48px;line-height:64px;text-wrap:balance;max-width:100%;width:100%}.collage-container{width:100%;max-width:500px;height:400px}.work-experience-container{grid-template-columns:1fr;gap:32px}.work-experience-title{font-size:48px;text-wrap:balance}.experience-position{font-size:28px}.experience-company{font-size:28px}.work-experience{padding:64px 32px}.separator-label{display:none}.clients-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px}.clients-section{padding:64px 32px}.client-logo{width:80px;height:40px}}.work-experience a:focus-visible,.clients-section a:focus-visible,.site-footer a:focus-visible{outline-color:var(--color-primary)}