@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=Inter:wght@300;400;500&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--c-bg: #111315;--c-s1: #171A1C;--c-s2: #1E2124;--c-s3: #252829;--c-text: #E8E5E0;--c-text-2: #8A8580;--c-text-3: #4A4744;--c-accent: #FF3B1F;--c-line: rgba(228, 225, 220, .08);--c-line-2: rgba(228, 225, 220, .04);--f-display: "Syne", "Arial Black", sans-serif;--f-body: "Inter", system-ui, sans-serif;--f-mono: "IBM Plex Mono", "Courier New", monospace;--fs-label: .6875rem;--fs-xs: .75rem;--fs-sm: .8125rem;--fs-base: .9375rem;--fs-md: 1.0625rem;--fs-lg: 1.3125rem;--fs-xl: 1.875rem;--fs-2xl: clamp(1.875rem, 3vw, 2.625rem);--fs-3xl: clamp(2.625rem, 5vw, 4.25rem);--fs-hero: clamp(3rem, 6.5vw, 7rem);--fs-mega: clamp(5.5rem, 15vw, 14rem);--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-6: 1.5rem;--sp-8: 2rem;--sp-10: 2.5rem;--sp-12: 3rem;--sp-16: 4rem;--sp-24: 6rem;--sp-32: 8rem;--sp-48: 12rem;--max-w: 1440px;--nav-h: 52px;--gutter: clamp(1.5rem, 4vw, 3rem);--ease: cubic-bezier(.16, 1, .3, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--t-fast: .1s ease;--t-base: .26s var(--ease);--t-slow: .5s var(--ease);--t-slower: .8s var(--ease);--r: 0px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;cursor:none;overflow-x:hidden}body{background:var(--c-bg);color:var(--c-text);font-family:var(--f-body);font-size:var(--fs-base);font-weight:400;line-height:1.6;overflow-x:hidden;cursor:none}a,button{cursor:none}img,video{max-width:100%;display:block}ul,ol{list-style:none}a{color:inherit;text-decoration:none}button{background:none;border:none;font-family:inherit;cursor:none}.cursor{position:fixed;top:0;left:0;width:8px;height:8px;background:var(--c-text);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:transform 80ms ease,width .2s var(--ease),height .2s var(--ease),background .2s ease;mix-blend-mode:difference;will-change:transform}.cursor.is-hovering{width:40px;height:40px;background:var(--c-text)}.cursor.is-clicking{width:5px;height:5px}@media (hover: none){.cursor{display:none}html,body,a,button,*{cursor:auto!important}}.container{width:100%;max-width:var(--max-w);margin-inline:auto;padding-inline:var(--gutter)}.reveal{opacity:0;transform:translateY(20px);transition:opacity var(--t-slow),transform var(--t-slow)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:80ms}.reveal-delay-2{transition-delay:.16s}.reveal-delay-3{transition-delay:.24s}.reveal-delay-4{transition-delay:.32s}.s-label{font-family:var(--f-mono);font-size:var(--fs-label);letter-spacing:.22em;text-transform:uppercase;color:var(--c-text-2);display:flex;align-items:center;gap:1rem}.s-label .s-num{color:var(--c-text-3);font-size:var(--fs-label)}.s-title{font-family:var(--f-display);font-size:var(--fs-3xl);font-weight:800;letter-spacing:-.025em;line-height:1;color:var(--c-text)}.s-sub{font-size:var(--fs-base);color:var(--c-text-2);max-width:600px;line-height:1.75;font-weight:300}hr,.hr{border:none;border-top:1px solid var(--c-line)}.tag{display:inline-flex;align-items:center;padding:.2rem .6rem;border:1px solid var(--c-line);font-size:var(--fs-label);font-family:var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--c-text-2)}.btn{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--f-mono);font-size:var(--fs-xs);letter-spacing:.16em;text-transform:uppercase;padding:.75rem 1.5rem;border:1px solid var(--c-line);color:var(--c-text-2);transition:color var(--t-base),border-color var(--t-base),background var(--t-base);position:relative;overflow:hidden}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--c-text);transform:scaleX(0);transform-origin:left;transition:transform var(--t-base);z-index:0}.btn span,.btn svg{position:relative;z-index:1}.btn:hover{color:var(--c-bg);border-color:var(--c-text)}.btn:hover:after{transform:scaleX(1)}.btn-primary{background:var(--c-text);color:var(--c-bg);border-color:var(--c-text)}.btn-primary:after{background:var(--c-accent)}.btn-primary:hover{color:var(--c-text);border-color:var(--c-accent)}::-webkit-scrollbar{width:2px}::-webkit-scrollbar-track{background:var(--c-bg)}::-webkit-scrollbar-thumb{background:var(--c-s3)}::selection{background:var(--c-accent);color:#fff}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.aurora{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:0;overflow:hidden;pointer-events:none;opacity:.12;mix-blend-mode:screen}@media (max-width: 900px){.aurora{display:none}}.aurora__item{position:absolute;border-radius:50%;filter:blur(130px);will-change:transform}.aurora__item--1{top:-10%;left:5%;width:55vw;height:55vw;background:radial-gradient(circle,var(--c-accent) 0%,rgba(255,59,31,0) 70%);animation:float-slow 28s ease-in-out infinite alternate}.aurora__item--2{bottom:-15%;right:10%;width:60vw;height:60vw;background:radial-gradient(circle,#e4e1dc59,#e4e1dc00 70%);animation:float-medium 32s ease-in-out infinite alternate}.aurora__item--3{top:35%;left:45%;width:45vw;height:45vw;background:radial-gradient(circle,var(--c-accent) 0%,rgba(255,59,31,0) 70%);animation:float-fast 20s ease-in-out infinite alternate}@keyframes float-slow{0%{transform:translate(0) rotate(0) scale(1)}to{transform:translate(6%,12%) rotate(120deg) scale(1.08)}}@keyframes float-medium{0%{transform:translate(0) rotate(0) scale(1)}to{transform:translate(-10%,-8%) rotate(-90deg) scale(.92)}}@keyframes float-fast{0%{transform:translate(0) scale(1)}to{transform:translate(-4%,6%) scale(1.1)}}*{min-width:0}.nav{position:fixed;top:0;left:0;right:0;height:var(--nav-h);z-index:900;border-bottom:1px solid transparent;transition:border-color var(--t-base),background var(--t-base)}.nav.is-scrolled,.nav.is-menu-open{background:#0c0c0cf2;border-bottom-color:var(--c-line);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}@media (max-width: 900px){.nav.is-scrolled,.nav.is-menu-open{background:#0c0c0c;backdrop-filter:none;-webkit-backdrop-filter:none}}.nav__inner{height:100%;display:flex;align-items:center;justify-content:space-between}.nav__logo{font-family:var(--f-mono);font-size:var(--fs-xs);letter-spacing:.2em;text-transform:uppercase;color:var(--c-text-2);transition:color var(--t-fast)}.nav__logo:hover{color:var(--c-text)}.nav__links{display:flex;align-items:center;gap:2.5rem}.nav__link{font-family:var(--f-mono);font-size:var(--fs-label);letter-spacing:.18em;text-transform:uppercase;color:var(--c-text-2);transition:color var(--t-fast);position:relative}.nav__link:hover,.nav__link.is-active{color:var(--c-text)}.nav__link.is-active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:1px;background:var(--c-accent)}.nav__actions{display:flex;align-items:center;gap:1.5rem}.lang-toggle{display:flex;align-items:center;gap:.5rem;font-family:var(--f-mono);font-size:var(--fs-label);letter-spacing:.18em;text-transform:uppercase;color:var(--c-text-3)}.lang-toggle__sep{color:var(--c-text-3)}.lang-toggle__btn{color:var(--c-text-3);transition:color var(--t-fast);padding:.2rem 0}.lang-toggle__btn:hover{color:var(--c-text-2)}.lang-toggle__btn.is-active{color:var(--c-text)}.nav__menu-toggle{display:none;flex-direction:column;gap:6px;padding:4px}.nav__menu-toggle span{display:block;width:20px;height:1px;background:var(--c-text-2);transition:var(--t-base)}.nav__mobile-menu{display:none;position:absolute;top:100%;left:0;right:0;height:100vh;background:#0c0c0cfa;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:var(--sp-8) var(--gutter);flex-direction:column;justify-content:flex-start;overflow-y:auto;gap:var(--sp-8);transform:translate(100%);transition:transform var(--t-slow);z-index:899}.nav__mobile-menu.is-open{transform:translate(0)}.nav__mobile-link{font-family:var(--f-display);font-size:var(--fs-3xl);font-weight:800;letter-spacing:-.02em;color:var(--c-text-2);transition:color var(--t-fast)}.nav__mobile-link:hover{color:var(--c-text)}@media (max-width: 900px){.nav__links{display:none}.nav__menu-toggle{display:flex}.nav__mobile-menu{display:flex;background:#0c0c0c;backdrop-filter:none;-webkit-backdrop-filter:none}}.section{padding-block:var(--sp-32) var(--sp-24);position:relative;border-top:1px solid var(--c-line)}.section:first-of-type{border-top:none}.section--hero{padding-top:var(--nav-h);padding-bottom:0;min-height:100vh;border-top:none;display:flex;flex-direction:column;justify-content:flex-end}.section--alt{background:var(--c-s1)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;padding-bottom:var(--sp-12);border-bottom:1px solid var(--c-line);margin-bottom:var(--sp-12);gap:var(--sp-8)}.section-head__left{flex:1}.section-head__right{flex:1;padding-bottom:.25rem}.hero{width:100%;display:flex;align-items:flex-end;gap:0;position:relative}.hero__left{flex:1;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:var(--sp-12);padding-right:var(--sp-10);min-width:0;overflow:hidden}.hero__photo-wrap{width:clamp(160px,20vw,260px);aspect-ratio:2.5 / 4;max-height:520px;position:relative;overflow:hidden;border-left:1px solid var(--c-line);flex-shrink:0;align-self:flex-end;margin-bottom:var(--sp-12);background:var(--c-s1)}.hero__photo{width:100%;height:100%;object-fit:cover;object-position:center 15%;filter:grayscale(30%) contrast(1.05) brightness(.88);transition:filter .7s var(--ease);display:block}@media (max-width: 900px){.hero__photo{filter:none}}.hero__photo-wrap:hover .hero__photo{filter:grayscale(0%) contrast(1) brightness(1)}.hero__photo-accent{position:absolute;top:0;left:0;width:3px;height:100%;background:var(--c-accent);transform:scaleY(0);transform-origin:bottom;transition:transform .6s var(--ease)}.hero__photo-wrap:hover .hero__photo-accent{transform:scaleY(1)}.hero__top{display:flex;justify-content:space-between;align-items:flex-end;padding:var(--sp-16) 0 var(--sp-8);border-bottom:1px solid var(--c-line);margin-bottom:var(--sp-8)}.hero__role{font-family:var(--f-mono);font-size:var(--fs-label);letter-spacing:.15em;text-transform:uppercase;color:var(--c-text-2);line-height:1.8;word-break:break-word}.hero__location{font-family:var(--f-mono);font-size:var(--fs-label);letter-spacing:.18em;text-transform:uppercase;color:var(--c-text-3);text-align:right}.hero__name{font-family:var(--f-display);font-size:var(--fs-hero);font-weight:800;letter-spacing:-.04em;line-height:.92;color:var(--c-text);display:block;margin-bottom:var(--sp-8);font-style:normal}.hero__name em{font-style:italic;font-weight:400;color:var(--c-text-2)}.hero__bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-8);padding-top:var(--sp-6);border-top:1px solid var(--c-line)}.hero__descriptor{font-size:var(--fs-base);color:var(--c-text-2);font-weight:300;max-width:400px;line-height:1.7}.hero__cta{display:flex;align-items:center;gap:var(--sp-4);flex-shrink:0}.hero__scroll{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);font-family:var(--f-mono);font-size:var(--fs-label);letter-spacing:.18em;text-transform:uppercase;color:var(--c-text-3);position:absolute;bottom:var(--sp-8);right:var(--gutter);writing-mode:vertical-rl}.hero__scroll-line{width:1px;height:48px;background:var(--c-line);position:relative;overflow:hidden}.hero__scroll-line:after{content:"";position:absolute;top:-100%;left:0;right:0;bottom:0;background:var(--c-text-2);animation:scrollDown 2s ease-in-out infinite}@keyframes scrollDown{0%{top:-100%;bottom:100%}50%{top:0;bottom:0}to{top:100%;bottom:-100%}}@media (max-width: 900px){.hero{flex-direction:column-reverse}.hero__left{overflow:visible;padding-right:0;padding-bottom:var(--sp-10);width:100%}.hero__photo-wrap{width:100%;aspect-ratio:4 / 3;max-height:none;border-left:none;border-bottom:1px solid var(--c-line)}.hero__photo-accent{width:100%;height:3px;top:auto;bottom:0;left:0;transform:scaleX(0);transform-origin:left}.hero__photo-wrap:hover .hero__photo-accent{transform:scaleX(1)}}@media (max-width: 768px){.hero__top{flex-direction:column;align-items:flex-start;gap:var(--sp-4)}.hero__bottom{flex-direction:column;align-items:flex-start}.hero__scroll{display:none}.hero__photo-wrap{aspect-ratio:1 / 1}.section-head{flex-direction:column;gap:var(--sp-4)}.hero__location{text-align:left}.hero__name{font-size:clamp(2.2rem,11vw,5rem);letter-spacing:-.03em}.s-title{font-size:clamp(1.6rem,7.5vw,3rem)}.hero__role{letter-spacing:.08em;font-size:.6rem}.hero__descriptor{max-width:100%}.hero__bottom{gap:var(--sp-4)}.hero__cta{flex-wrap:wrap}}.skills-bar{border-top:1px solid var(--c-line);border-bottom:1px solid var(--c-line);background:var(--c-s1)}.skills-bar__inner{display:grid;grid-template-columns:repeat(6,1fr);background:var(--c-line);gap:1px}.skill-item{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);padding:var(--sp-8) var(--sp-4);background:var(--c-s1);transition:background var(--t-fast);text-align:center;cursor:default}.skill-item:hover{background:var(--c-s2)}.skill-item__icon{width:22px;height:22px;color:var(--c-text-3);transition:color var(--t-fast);display:flex;align-items:center;justify-content:center}.skill-item__icon svg{width:100%;height:100%}.skill-item:hover .skill-item__icon{color:var(--c-accent)}.skill-item__label{font-family:var(--f-mono);font-size:var(--fs-label);letter-spacing:.1em;text-transform:uppercase;color:var(--c-text-3);transition:color var(--t-fast);line-height:1.4}.skill-item:hover .skill-item__label{color:var(--c-text-2)}@media (max-width: 900px){.skills-bar__inner{grid-template-columns:repeat(3,1fr)}}@media (max-width: 480px){.skills-bar__inner{grid-template-columns:repeat(2,1fr)}}.marquee{overflow:hidden;border-bottom:1px solid var(--c-line);padding-block:var(--sp-4);background:transparent}.marquee__track{display:flex;width:max-content;animation:marqueeScroll 50s linear infinite;will-change:transform}.marquee__track:hover{animation-play-state:paused}.marquee__track span{font-family:var(--f-mono);font-size:var(--fs-label);letter-spacing:.15em;text-transform:uppercase;color:var(--c-text-3);white-space:nowrap;padding-right:3rem;flex-shrink:0}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-33.333%)}}@media (prefers-reduced-motion: reduce){.marquee__track{animation:none}}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-16);align-items:start}.about__bio{font-size:var(--fs-md);color:var(--c-text-2);line-height:1.8;font-weight:300;margin-bottom:var(--sp-6)}.about__bio strong{color:var(--c-text);font-weight:500}.about__facts{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--c-line);border:1px solid var(--c-line)}.about__fact{background:var(--c-bg);padding:var(--sp-8) var(--sp-6)}.about__fact-n{display:block;font-family:var(--f-display);font-size:var(--fs-3xl);font-weight:800;letter-spacing:-.03em;color:var(--c-text);line-height:1;margin-bottom:var(--sp-2)}.about__fact-l{font-family:var(--f-mono);font-size:var(--fs-label);letter-spacing:.12em;text-transform:uppercase;color:var(--c-text-3)}@media (max-width: 900px){.about-layout{grid-template-columns:1fr;gap:var(--sp-12)}.about__facts{grid-template-columns:repeat(2,1fr)}}.timeline-filters{display:flex;gap:0;border:1px solid var(--c-line);margin-bottom:var(--sp-12);overflow-x:auto}.tl-filter-btn{font-family:var(--f-mono);font-size:var(--fs-label);letter-spacing:.14em;text-transform:uppercase;padding:.6rem 1.25rem;color:var(--c-text-3);border-right:1px solid var(--c-line);white-space:nowrap;transition:background var(--t-fast),color var(--t-fast);flex-shrink:0}.tl-filter-btn:last-child{border-right:none}.tl-filter-btn:hover{color:var(--c-text-2);background:var(--c-s1)}.tl-filter-btn.is-active{background:var(--c-text);color:var(--c-bg)}.timeline-v{position:relative;padding-block:var(--sp-12);margin-top:var(--sp-12)}.timeline-v__line{position:absolute;top:0;bottom:0;left:50%;width:1px;background:var(--c-line);transform:translate(-50%);z-index:1}.timeline-v__item{position:relative;width:50%;padding-inline:var(--sp-10);margin-bottom:var(--sp-16);z-index:2;box-sizing:border-box}.timeline-v__item--left{margin-left:0;margin-right:auto;text-align:right}.timeline-v__item--left .timeline-v__node{right:0;left:auto;transform:translate(50%,-50%)}.timeline-v__item--left .timeline-v__tags,.timeline-v__item--left .timeline-v__bullets{justify-content:flex-end;text-align:right}.timeline-v__item--left .timeline-v__bullets li{padding-right:var(--sp-4);padding-left:0}.timeline-v__item--left .timeline-v__bullets li:before{right:0;left:auto}.timeline-v__item--right{margin-left:auto;margin-right:0;text-align:left}.timeline-v__item--right .timeline-v__node{left:0;right:auto;transform:translate(-50%,-50%)}.timeline-v__item--right .timeline-v__tags,.timeline-v__item--right .timeline-v__bullets{justify-content:flex-start;text-align:left}.timeline-v__item--right .timeline-v__bullets li{padding-left:var(--sp-4);padding-right:0}.timeline-v__item--right .timeline-v__bullets li:before{left:0;right:auto}.timeline-v__node{position:absolute;top:1.5rem;width:9px;height:9px;background:var(--c-bg);border:1px solid var(--c-text-3);z-index:3;transition:border-color var(--t-fast),background var(--t-fast)}.timeline-v__item:hover .timeline-v__node{border-color:var(--c-accent);background:var(--c-accent)}.timeline-v__card{display:flex;flex-direction:column;gap:var(--sp-4)}.timeline-v__header{display:flex;justify-content:inherit;gap:var(--sp-4);align-items:center;flex-wrap:wrap}.timeline-v__item--left .timeline-v__header{flex-direction:row-reverse}.timeline-v__date{font-family:var(--f-mono);font-size:var(--fs-label);letter-spacing:.08em;color:var(--c-text-2)}.timeline-v__location{font-family:var(--f-mono);font-size:var(--fs-label);letter-spacing:.08em;color:var(--c-text-3)}.timeline-v__title{font-family:var(--f-display);font-size:var(--fs-xl);font-weight:700;letter-spacing:-.01em;color:var(--c-text);line-height:1.2}.timeline-v__company{font-family:var(--f-body);font-size:var(--fs-md);color:var(--c-text-2);font-weight:400;margin-top:-.25rem}.timeline-v__desc{font-size:var(--fs-base);color:var(--c-text-2);line-height:1.6;font-weight:300;margin-top:var(--sp-2);margin-bottom:var(--sp-2);max-width:600px}.timeline-v__item--left .timeline-v__desc{margin-inline-start:auto}.timeline-v__body{display:flex;flex-direction:column;gap:var(--sp-4);margin-top:var(--sp-2)}.timeline-v__subtitle{display:block;font-family:var(--f-mono);font-size:var(--fs-label);letter-spacing:.12em;text-transform:uppercase;color:var(--c-text-3);margin-bottom:var(--sp-2)}.timeline-v__tags{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.timeline-v__bullets{display:flex;flex-direction:column;gap:var(--sp-2);list-style:none}.timeline-v__bullets li{position:relative;font-size:var(--fs-base);line-height:1.6;color:var(--c-text-2)}.timeline-v__bullets li:before{content:"";position:absolute;top:.65em;width:4px;height:4px;background:var(--c-text-3)}.timeline-v__bullets--accent li{color:var(--c-text)}.timeline-v__bullets--accent li:before{background:var(--c-accent)}.timeline-v__btn{align-self:flex-start;margin-top:var(--sp-2)}.timeline-v__item--left .timeline-v__btn{align-self:flex-end}.tl-empty{text-align:center;padding:var(--sp-16);font-family:var(--f-mono);font-size:var(--fs-sm);color:var(--c-text-3);letter-spacing:.1em;background:var(--c-bg);border:1px dashed var(--c-line)}@media (max-width: 900px){.timeline-v__line{left:4px;transform:none}.timeline-v__item{width:100%;margin-left:0!important;margin-right:0!important;text-align:left!important;padding-left:var(--sp-8);padding-right:0}.timeline-v__item .timeline-v__node{left:4px!important;right:auto!important;transform:translate(-50%,-50%)!important}.timeline-v__item .timeline-v__tags,.timeline-v__item .timeline-v__bullets{justify-content:flex-start!important;text-align:left!important}.timeline-v__item .timeline-v__bullets li{padding-left:var(--sp-4)!important;padding-right:0!important}.timeline-v__item .timeline-v__bullets li:before{left:0!important;right:auto!important}.timeline-v__item .timeline-v__header{flex-direction:row!important;justify-content:flex-start!important}.timeline-v__item .timeline-v__btn{align-self:flex-start!important}}.timeline-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;pointer-events:none}.timeline-modal.is-open{pointer-events:all}.timeline-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;transition:background var(--t-base)}.timeline-modal.is-open .timeline-modal__backdrop{background:#0c0c0ccc}.timeline-modal__panel{position:absolute;top:0;right:0;bottom:0;width:min(540px,96vw);background:var(--c-s1);border-left:1px solid var(--c-line);transform:translate(100%);transition:transform var(--t-slow);overflow-y:auto;display:flex;flex-direction:column}.timeline-modal.is-open .timeline-modal__panel{transform:translate(0)}.timeline-modal__close{position:sticky;top:0;z-index:2;align-self:flex-end;margin:var(--sp-6);font-family:var(--f-mono);font-size:var(--fs-label);letter-spacing:.18em;text-transform:uppercase;color:var(--c-text-3);display:flex;align-items:center;gap:var(--sp-2);transition:color var(--t-fast);border:1px solid var(--c-line);padding:.4rem .8rem}.timeline-modal__close:hover{color:var(--c-text)}.timeline-modal__content{padding:0 var(--sp-8) var(--sp-16)}.tmodal-tag{font-family:var(--f-mono);font-size:var(--fs-label);letter-spacing:.2em;text-transform:uppercase;margin-bottom:var(--sp-4)}.tmodal-title{font-family:var(--f-display);font-size:var(--fs-2xl);font-weight:800;letter-spacing:-.02em;color:var(--c-text);margin-bottom:var(--sp-2);line-height:1.1}.tmodal-company{font-size:var(--fs-md);color:var(--c-text-2);margin-bottom:var(--sp-4)}.tmodal-meta{display:flex;gap:var(--sp-6);flex-wrap:wrap}.tmodal-period,.tmodal-location{font-family:var(--f-mono);font-size:var(--fs-label);color:var(--c-text-3);letter-spacing:.08em}.tmodal-divider{height:1px;background:var(--c-line);margin-block:var(--sp-6)}.tmodal-desc{font-size:var(--fs-base);color:var(--c-text-2);line-height:1.85;margin-bottom:var(--sp-8)}.tmodal-images{display:grid;gap:var(--sp-3);margin-bottom:var(--sp-8)}.tmodal-images img{width:100%}.tmodal-video{margin-bottom:var(--sp-8)}.tmodal-video iframe{width:100%;aspect-ratio:16/9;border:none}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--c-line);border:1px solid var(--c-line);margin-top:var(--sp-12)}.portfolio-grid>.portfolio-card:first-child{grid-column:span 2}@media (max-width: 1100px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.portfolio-grid{grid-template-columns:1fr}.portfolio-grid>.portfolio-card:first-child{grid-column:span 1}}.portfolio-card{background:var(--c-bg);overflow:hidden;cursor:pointer;position:relative}.portfolio-card__img-wrap{aspect-ratio:4/3;overflow:hidden;background:var(--c-s2);position:relative}.portfolio-card__img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease);filter:grayscale(20%)}.portfolio-card:hover .portfolio-card__img-wrap img{transform:scale(1.04);filter:grayscale(0%)}.portfolio-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--c-s2);font-family:var(--f-display);font-size:var(--fs-2xl);font-weight:800;color:var(--c-text-3);letter-spacing:-.02em}.portfolio-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0c0c0c00;display:flex;align-items:flex-end;padding:var(--sp-6);transition:background var(--t-base)}.portfolio-card:hover .portfolio-card__overlay{background:#0c0c0c99}.portfolio-card__view{font-family:var(--f-mono);font-size:var(--fs-label);letter-spacing:.2em;text-transform:uppercase;color:var(--c-text);opacity:0;transform:translateY(8px);transition:opacity var(--t-base),transform var(--t-base)}.portfolio-card:hover .portfolio-card__view{opacity:1;transform:translateY(0)}.portfolio-card__info{padding:var(--sp-6);border-top:1px solid var(--c-line)}.portfolio-card__meta{display:flex;justify-content:space-between;margin-bottom:var(--sp-2)}.portfolio-card__client{font-family:var(--f-mono);font-size:var(--fs-label);letter-spacing:.14em;text-transform:uppercase;color:var(--c-accent)}.portfolio-card__year{font-family:var(--f-mono);font-size:var(--fs-label);color:var(--c-text-3)}.portfolio-card__title{font-family:var(--f-display);font-size:var(--fs-xl);font-weight:700;letter-spacing:-.01em;color:var(--c-text);margin-bottom:var(--sp-4);line-height:1.2}.portfolio-card__tags{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.portfolio-card--placeholder{cursor:default;border:1px dashed var(--c-line-2);background:transparent}.portfolio-card--placeholder:hover{background:transparent}.portfolio-card__placeholder-full{height:100%;min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-3);color:var(--c-text-3);font-family:var(--f-mono);font-size:var(--fs-xs);letter-spacing:.1em;text-align:center;padding:var(--sp-8)}.tech-grid{display:grid;grid-template-columns:1fr;gap:1px;background:var(--c-line);border:1px solid var(--c-line);margin-top:var(--sp-12)}.tech-card{background:var(--c-bg);display:grid;grid-template-columns:80px 1fr;gap:0;align-items:stretch;transition:background var(--t-fast);position:relative}.tech-card:hover{background:var(--c-s1)}.tech-card__num{font-family:var(--f-display);font-size:var(--fs-xl);font-weight:800;letter-spacing:-.02em;color:var(--c-text-3);display:flex;align-items:flex-start;justify-content:center;padding:var(--sp-8) var(--sp-4);border-right:1px solid var(--c-line);line-height:1}.tech-card__body{padding:var(--sp-8);display:flex;flex-direction:column;gap:var(--sp-4)}.tech-card__title{font-family:var(--f-display);font-size:var(--fs-2xl);font-weight:800;letter-spacing:-.02em;color:var(--c-text);line-height:1.1}.tech-card__tagline{font-size:var(--fs-base);color:var(--c-text-2);line-height:1.75;font-weight:300;max-width:600px}.tech-card__tags{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-2)}.tech-card__interaction-demo{padding-top:var(--sp-6);border-top:1px solid var(--c-line);margin-top:var(--sp-2)}.antisocial-btn{display:inline-flex;align-items:center;gap:var(--sp-2);padding:.5rem 1rem;border:1px solid var(--c-line);font-size:var(--fs-sm);color:var(--c-text-2);font-family:var(--f-body);transition:border-color var(--t-fast),color var(--t-fast),background var(--t-fast)}.antisocial-btn:hover{border-color:#e0587a;color:#e0587a}.antisocial-btn.is-liked{background:#e0587a14;border-color:#e0587a;color:#e0587a}.antisocial-heart{font-size:1em;transition:transform var(--t-base)}.antisocial-btn.is-liked .antisocial-heart{transform:scale(1.25)}@media (max-width: 640px){.tech-card{grid-template-columns:1fr}.tech-card__num{border-right:none;border-bottom:1px solid var(--c-line);justify-content:flex-start;padding:var(--sp-6) var(--sp-8)}}.classes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:var(--sp-12);margin-bottom:var(--sp-10)}@media (max-width: 900px){.classes-grid{grid-template-columns:1fr}}.class-card{background:#ffffff05;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(228,225,220,.04);padding:var(--sp-10) var(--sp-8);display:flex;flex-direction:column;gap:var(--sp-5);position:relative;overflow:hidden;transition:border-color var(--t-base),background var(--t-base),box-shadow var(--t-base),transform var(--t-base);z-index:2}.class-card:hover{background:#ffffff0a;border-color:#ff3b1f40;box-shadow:0 12px 40px #ff3b1f0f,inset 0 0 12px #ffffff03;transform:translateY(-2px)}.class-card:before{content:"";position:absolute;top:0;left:-150%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.04) 50%,transparent 100%);transform:skew(-25deg);transition:none;pointer-events:none}.class-card:hover:before{left:150%;transition:left .9s var(--ease)}.class-card__accent-line{position:absolute;top:0;left:0;right:0;height:2.5px;background:var(--c-accent);transform:scaleX(0);transform-origin:left;transition:transform var(--t-slow)}.class-card:hover .class-card__accent-line{transform:scaleX(1);box-shadow:0 0 12px var(--c-accent)}.class-card__num{font-family:var(--f-display);font-size:var(--fs-mega);font-weight:800;letter-spacing:-.04em;line-height:.85;color:var(--c-line-2);position:absolute;bottom:-.1em;right:-.05em;pointer-events:none;-webkit-user-select:none;user-select:none;transition:color var(--t-slow);z-index:1}.class-card__top{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);position:relative;z-index:3;margin-bottom:var(--sp-2)}.class-card__tag{font-family:var(--f-mono);font-size:var(--fs-label);letter-spacing:.14em;text-transform:uppercase;color:var(--c-accent);background:#ff3b1f14;border:1px solid rgba(255,59,31,.2);padding:3px 8px;border-radius:2px}.class-card__title{font-family:var(--f-display);font-size:var(--fs-xl);font-weight:700;letter-spacing:-.01em;color:var(--c-text);line-height:1.2;position:relative;z-index:3}.class-card__desc{font-size:var(--fs-base);color:var(--c-text-2);line-height:1.8;font-weight:300;position:relative;z-index:3}.class-card__takeaways{display:flex;flex-direction:column;gap:var(--sp-2);position:relative;z-index:3;padding-top:var(--sp-4);border-top:1px solid var(--c-line);margin-top:auto}.class-card__takeaways li{font-size:var(--fs-xs);color:var(--c-text-2);line-height:1.6;display:flex;align-items:flex-start;gap:var(--sp-2)}.takeaway-bullet{color:var(--c-accent);font-family:var(--f-mono);font-weight:700;flex-shrink:0}.classes-cta{display:flex;align-items:center;gap:var(--sp-4);flex-wrap:wrap;padding-top:var(--sp-8)}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-16);align-items:start;padding-top:var(--sp-8)}.contact-map-card{margin-top:var(--sp-12);border:1px solid var(--c-line);background:var(--c-s1);position:relative;overflow:hidden;transition:border-color var(--t-fast)}.contact-map-card:hover{border-color:var(--c-line-2)}.contact-map-card__header{display:flex;justify-content:space-between;align-items:center;padding:var(--sp-4) var(--sp-6);border-bottom:1px solid var(--c-line);background:var(--c-bg);flex-wrap:wrap;gap:var(--sp-3)}.contact-map__badge{display:inline-flex;align-items:center;gap:var(--sp-3)}.contact-map__badge-dot{width:7px;height:7px;border-radius:50%;background:var(--c-accent);box-shadow:0 0 10px var(--c-accent)}.contact-map__badge-text{font-family:var(--f-mono);font-size:var(--fs-label);letter-spacing:.16em;text-transform:uppercase;color:var(--c-text);font-weight:500}.contact-map__coordinates{font-family:var(--f-mono);font-size:var(--fs-label);letter-spacing:.14em;text-transform:uppercase;color:var(--c-text-3)}.contact-map__viewport{width:100%;position:relative;padding:var(--sp-6);display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 27% 82%,rgba(255,59,31,.04) 0%,transparent 60%)}.contact-map__svg{width:100%;height:auto;max-height:440px;display:block;color:var(--c-text)}.pulse-ring{animation:pulseRing 3.2s cubic-bezier(.215,.61,.355,1) infinite}.pulse-ring-2{animation-delay:1.4s}@keyframes pulseRing{0%{r:4px;opacity:1;stroke-width:2px}to{r:180px;opacity:0;stroke-width:.5px}}.contact-arc{animation:dashOffset 15s linear infinite}.arc-1{animation-duration:12s}.arc-2{animation-duration:16s}.arc-3{animation-duration:20s}@keyframes dashOffset{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}@media (max-width: 768px){.contact-map-card__header{flex-direction:column;align-items:flex-start}.contact-map__viewport{padding:var(--sp-3)}}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-16);align-items:start;padding-top:var(--sp-12)}@media (max-width: 768px){.contact-layout{grid-template-columns:1fr;gap:var(--sp-12)}}.contact-headline{font-family:var(--f-display);font-size:var(--fs-3xl);font-weight:800;letter-spacing:-.04em;line-height:.95;color:var(--c-text);margin-bottom:var(--sp-8)}.contact-sub{font-size:var(--fs-base);color:var(--c-text-2);line-height:1.8;font-weight:300;max-width:460px}.contact-emails{display:flex;flex-direction:column;gap:1px;background:var(--c-line);border:1px solid var(--c-line)}.contact-email-link{background:var(--c-bg);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--sp-6);padding:var(--sp-8);transition:background var(--t-fast);border:none}.contact-email-link:hover{background:var(--c-s1)}.contact-email-label{font-family:var(--f-mono);font-size:var(--fs-label);letter-spacing:.16em;text-transform:uppercase;color:var(--c-text-3);min-width:64px}.contact-email-addr{font-size:var(--fs-base);color:var(--c-text);font-weight:400}.contact-email-arrow{font-family:var(--f-mono);font-size:var(--fs-sm);color:var(--c-text-3);transition:color var(--t-fast),transform var(--t-fast)}.contact-email-link:hover .contact-email-arrow{color:var(--c-accent);transform:translate(2px,-2px)}.footer{border-top:1px solid var(--c-line);padding-block:var(--sp-8)}.footer-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--sp-4)}.footer-copy,.footer-made{font-family:var(--f-mono);font-size:var(--fs-label);color:var(--c-text-3);letter-spacing:.1em}.chatbot{position:fixed;bottom:var(--sp-8);right:var(--gutter);z-index:800}.chatbot__trigger{display:flex;align-items:center;gap:var(--sp-2);padding:.6rem 1.1rem;background:var(--c-s1);border:1px solid var(--c-line);font-family:var(--f-mono);font-size:var(--fs-label);letter-spacing:.18em;text-transform:uppercase;color:var(--c-text-2);transition:background var(--t-fast),color var(--t-fast),border-color var(--t-fast)}.chatbot__trigger:hover{background:var(--c-text);color:var(--c-bg);border-color:var(--c-text)}.chatbot__trigger-dot{width:5px;height:5px;background:var(--c-accent);border-radius:50%;flex-shrink:0}.chatbot__panel{position:absolute;bottom:calc(100% + var(--sp-3));right:0;width:360px;background:var(--c-s1);border:1px solid var(--c-line);display:flex;flex-direction:column;transform-origin:bottom right;transform:scale(.95) translateY(8px);opacity:0;pointer-events:none;transition:transform var(--t-slow),opacity var(--t-base);max-height:520px}.chatbot__panel.is-open{transform:scale(1) translateY(0);opacity:1;pointer-events:all}.chatbot__header{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-5) var(--sp-6);border-bottom:1px solid var(--c-line)}.chatbot__avatar{width:32px;height:32px;background:var(--c-s2);border:1px solid var(--c-line);display:flex;align-items:center;justify-content:center;font-family:var(--f-display);font-size:var(--fs-sm);font-weight:800;color:var(--c-text-2);position:relative}.chatbot__status-dot{position:absolute;bottom:-2px;right:-2px;width:7px;height:7px;background:#4ade80;border-radius:50%;border:1.5px solid var(--c-s1)}.chatbot__header-info{flex:1}.chatbot__name{display:block;font-family:var(--f-display);font-size:var(--fs-base);font-weight:700;letter-spacing:-.01em;color:var(--c-text)}.chatbot__status-text{font-family:var(--f-mono);font-size:var(--fs-label);letter-spacing:.1em;color:var(--c-text-3)}.chatbot__close{font-family:var(--f-mono);font-size:var(--fs-label);letter-spacing:.18em;text-transform:uppercase;color:var(--c-text-3);border:1px solid var(--c-line);padding:.25rem .6rem;transition:color var(--t-fast)}.chatbot__close:hover{color:var(--c-text)}.chatbot__messages{flex:1;padding:var(--sp-5) var(--sp-6);overflow-y:auto;display:flex;flex-direction:column;gap:var(--sp-4);min-height:240px;max-height:320px;scrollbar-width:thin;scrollbar-color:var(--c-s3) transparent}.chatbot__msg{max-width:90%;display:flex;flex-direction:column;gap:4px}.chatbot__msg--bot{align-self:flex-start}.chatbot__msg--user{align-self:flex-end;align-items:flex-end}.chatbot__msg p{font-size:var(--fs-sm);line-height:1.65;padding:var(--sp-3) var(--sp-4);border:1px solid var(--c-line)}.chatbot__msg--bot p{background:var(--c-s2);color:var(--c-text)}.chatbot__msg--user p{background:var(--c-text);color:var(--c-bg);border-color:var(--c-text);font-weight:500}.chatbot__time{font-family:var(--f-mono);font-size:.6rem;color:var(--c-text-3);letter-spacing:.08em}.chatbot__msg--typing{background:var(--c-s2);border:1px solid var(--c-line);padding:var(--sp-3) var(--sp-4);display:flex;align-items:center;gap:4px;align-self:flex-start;min-height:36px}.chatbot__msg--typing span{width:5px;height:5px;border-radius:50%;background:var(--c-text-3);animation:typingDot 1.2s ease-in-out infinite}.chatbot__msg--typing span:nth-child(2){animation-delay:.2s}.chatbot__msg--typing span:nth-child(3){animation-delay:.4s}@keyframes typingDot{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-5px);opacity:1}}.chatbot__suggested{display:flex;flex-wrap:wrap;gap:var(--sp-2);padding:0 var(--sp-6) var(--sp-4);background:var(--c-s1);transition:opacity var(--t-base)}.chatbot__chip{font-family:var(--f-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--c-text-2);background:var(--c-s2);border:1px solid var(--c-line);padding:var(--sp-2) var(--sp-3);cursor:pointer;transition:background var(--t-fast),color var(--t-fast),border-color var(--t-fast)}.chatbot__chip:hover{background:var(--c-text);color:var(--c-bg);border-color:var(--c-text)}.chatbot__input-area{display:flex;align-items:flex-end;gap:var(--sp-3);padding:var(--sp-4) var(--sp-6);border-top:1px solid var(--c-line)}.chatbot__input{flex:1;background:transparent;border:none;color:var(--c-text);font-family:var(--f-body);font-size:var(--fs-sm);line-height:1.6;resize:none;outline:none;min-height:20px;max-height:100px;padding:2px 0}.chatbot__input::placeholder{color:var(--c-text-3)}.chatbot__send{font-family:var(--f-mono);font-size:var(--fs-label);letter-spacing:.14em;text-transform:uppercase;color:var(--c-text-3);border:1px solid var(--c-line);padding:.4rem .8rem;transition:background var(--t-fast),color var(--t-fast);flex-shrink:0}.chatbot__send:hover{background:var(--c-text);color:var(--c-bg);border-color:var(--c-text)}.chatbot__conversion{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-4) var(--sp-6);border-top:1px solid var(--c-line);background:var(--c-s2);text-align:center;align-items:center;width:100%}.chatbot__conversion-text{font-size:var(--fs-xs);color:var(--c-text-2);line-height:1.5}.chatbot__conversion-buttons{display:flex;flex-direction:column;width:100%;gap:var(--sp-2)}.chatbot__conversion-btn{display:flex;align-items:center;justify-content:center;font-family:var(--f-mono);font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase;padding:.6rem 1rem;border:1px solid var(--c-line);color:var(--c-text-2);transition:background var(--t-fast),color var(--t-fast),border-color var(--t-fast);text-align:center;width:100%}.chatbot__conversion-btn:hover{border-color:var(--c-text);color:var(--c-text)}.chatbot__conversion-btn--primary{background:var(--c-text);color:var(--c-bg);border-color:var(--c-text)}.chatbot__conversion-btn--primary:hover{background:var(--c-accent);color:var(--c-text);border-color:var(--c-accent)}@media (max-width: 480px){.chatbot{right:var(--sp-4);bottom:var(--sp-4)}.chatbot__panel{position:fixed;bottom:0;left:0;right:0;width:100%;max-height:85dvh;max-height:85vh;border-left:none;border-right:none;border-bottom:none;border-radius:0;transform-origin:bottom center}.chatbot__panel.is-open{transform:scale(1) translateY(0)}.chatbot__messages{max-height:calc(85vh - 220px)}}.gate-screen{display:flex;align-items:center;justify-content:center;min-height:60vh;padding-block:var(--sp-16)}.gate-card{display:flex;flex-direction:column;align-items:center;gap:var(--sp-8);max-width:480px;width:100%;text-align:center}.gate-desc{font-size:var(--fs-base);color:var(--c-text-2);line-height:1.8;font-weight:300}.gate-form{width:100%;display:flex;flex-direction:column;gap:var(--sp-4)}.gate-input-wrap{display:flex;border:1px solid var(--c-line)}.gate-input-wrap:focus-within{border-color:var(--c-text-2)}.gate-input{flex:1;background:transparent;border:none;outline:none;padding:var(--sp-4) var(--sp-6);font-family:var(--f-mono);font-size:var(--fs-sm);letter-spacing:.14em;color:var(--c-text)}.gate-input::placeholder{color:var(--c-text-3)}.gate-btn{font-family:var(--f-mono);font-size:var(--fs-label);letter-spacing:.18em;text-transform:uppercase;padding:0 var(--sp-6);background:var(--c-text);color:var(--c-bg);border:none;border-left:1px solid var(--c-line);transition:background var(--t-fast),color var(--t-fast);cursor:pointer;white-space:nowrap}.gate-btn:hover{background:var(--c-accent);color:var(--c-text)}.gate-error{font-family:var(--f-mono);font-size:var(--fs-label);color:var(--c-accent);letter-spacing:.14em;opacity:0;transition:opacity var(--t-base)}.gate-error.visible{opacity:1}.section--story-header{padding-top:var(--nav-h);padding-bottom:0;border-top:none;min-height:0}.story-header{padding-block:var(--sp-16) var(--sp-12);border-bottom:1px solid var(--c-line);display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-8);flex-wrap:wrap}.story-header__back{font-family:var(--f-mono);font-size:var(--fs-label);letter-spacing:.18em;text-transform:uppercase;color:var(--c-text-3);display:flex;align-items:center;gap:var(--sp-2);transition:color var(--t-fast);border:1px solid var(--c-line);padding:.4rem .8rem}.story-header__back:hover{color:var(--c-text);border-color:var(--c-text-2)}@media (max-width: 768px){.story-header{flex-direction:column;align-items:flex-start}}.class-card__icon{width:28px;height:28px;color:var(--c-text-3);transition:color var(--t-slow);position:relative;z-index:3}.class-card__icon svg{width:100%;height:100%}.class-card:hover .class-card__icon{color:var(--c-accent)}.global-reach-brands{margin-top:4rem;overflow:hidden;position:relative;width:100%;padding:2rem 0;border-top:1px solid var(--c-border);border-bottom:1px solid var(--c-border);mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}@media (max-width: 900px){.global-reach-brands{mask-image:none;-webkit-mask-image:none}}.brands-marquee{display:flex;align-items:center;width:max-content;white-space:nowrap;animation:marquee 30s linear infinite;gap:2rem;flex-shrink:0;will-change:transform}.brands-marquee:hover{animation-play-state:paused}.brand-item{font-family:var(--f-mono);font-size:14px;font-weight:500;letter-spacing:.1em;color:var(--c-text-2);transition:color var(--t-fast);cursor:default;flex-shrink:0}.brand-item--small{font-size:11px;color:var(--c-text-3);opacity:.7}.brands-marquee--secondary{animation-duration:50s;animation-direction:reverse;margin-top:1rem}.brand-item:hover{color:var(--c-accent)}.brands-marquee .dot{color:var(--c-border);font-size:10px;flex-shrink:0}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}