*{margin:0;padding:0;box-sizing:border-box}:root{font-family:IBM Plex Sans,sans-serif;line-height:1.2;font-weight:400;color:#000;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;text-size-adjust:100%;--gutter: 33px;--space-sm: 12px;--space-md: 24px;--space-lg: 33px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}@media (max-width: 768px){:root{--gutter: 24px;--space-sm: 12px;--space-md: 24px;--space-lg: 32px;--header-row: 32px}}html,body{margin:0;padding:0;height:100vh;overflow:hidden;overflow-x:hidden;background:#fff;color:#000}#root{width:100%;min-width:100%;height:100vh;overflow:hidden;overflow-x:hidden}@media (max-width: 768px){html,body,#root{height:100%;min-height:0}}a{text-decoration:none;color:inherit}button{border:none;background:none;cursor:pointer;font-family:inherit}ul,ol{list-style:none}.typography-style-1{font-family:IBM Plex Sans,sans-serif;font-weight:400;font-size:41px;line-height:55px}.typography-style-2{font-family:IBM Plex Sans,sans-serif;font-weight:700;font-size:41px;line-height:55px}.typography-style-3{font-family:"IBM Plex Serif",serif;font-weight:700;font-size:41px;line-height:55px}.typography-style-4{font-family:IBM Plex Sans,sans-serif;font-weight:700;font-size:27px}.typography-style-5{font-family:"IBM Plex Serif",serif;font-weight:700;font-size:27px}.typography-style-6{font-family:"IBM Plex Serif",serif;font-weight:400;font-size:27px;text-decoration:underline}.typography-style-7{font-family:"IBM Plex Serif",serif;font-weight:400;font-size:19px;text-decoration:underline}.portfolio{font-family:IBM Plex Sans,sans-serif;font-size:29px;letter-spacing:1%;line-height:1.2;color:#000;background:#fff;height:100vh;height:100dvh;padding:0;margin:0;overflow:hidden;display:flex;flex-direction:column;position:relative}.site-header{flex-shrink:0;width:100%;position:relative;z-index:100}.nav-bar-container{display:flex;justify-content:space-between;align-items:center;padding:var(--gutter);margin:0;width:100%;position:relative;background:transparent;color:#000}.main-content-container{flex:1;overflow-y:auto;padding:0 55px;margin:0;width:100%}.slider-container-wrapper{display:flex;justify-content:center;align-items:center;padding:var(--gutter);margin:0;width:100%;flex-shrink:0}.portfolio-grid{display:block;margin:0;padding:0;max-width:none}body.projects-cursor-hidden,html.projects-cursor-hidden,body.projects-cursor-hidden *,html.projects-cursor-hidden *{cursor:none!important}body.projects-cursor-hidden .site-header,body.projects-cursor-hidden .site-header *,body.projects-cursor-hidden .nav-bar-container,body.projects-cursor-hidden .nav-bar-container *,body.projects-cursor-hidden .mobile-menu-container,body.projects-cursor-hidden .mobile-menu-container *{cursor:auto!important}.projects-page{position:fixed;inset:0;width:100%;min-width:100%;margin:0;padding:0;overflow:hidden;z-index:0;cursor:none!important}.projects-page,.projects-page *,.projects-page>*,.projects-page video,.projects-page img,.projects-page div,.projects-media,.projects-cursor{cursor:none!important}.projects-media{position:absolute;inset:0;width:100%;min-width:100%;height:100%;min-height:100%;object-fit:cover;z-index:0;pointer-events:none;cursor:none!important}.projects-cursor{position:fixed;pointer-events:none;z-index:200;transform:translate(-50%,-50%);transition:transform .1s ease-out;cursor:none!important}.cursor-arrow{display:block;width:auto;height:auto;max-width:30px;max-height:30px;cursor:none!important}.cursor-left .cursor-arrow{transform:scaleX(-1)}.projects-overlay{position:fixed;bottom:calc(var(--gutter) + var(--safe-bottom));left:var(--gutter);z-index:150;pointer-events:none;font-family:IBM Plex Sans,sans-serif;text-align:left;max-width:550px}.project-number{font-size:19px;font-weight:400;line-height:1.4;margin-bottom:8px}.project-name{font-size:19px;font-weight:700;line-height:1.4;margin-bottom:12px}.project-description{font-size:19px;font-weight:400;line-height:1.4;margin-left:66px}.project-description a{font-family:"IBM Plex Serif",serif;font-size:19px;font-weight:400;text-decoration:underline;color:inherit;cursor:pointer!important;transition:opacity .3s ease;pointer-events:auto}.project-description a:hover{opacity:.7}.project-player{position:absolute;inset:0;z-index:0}.project-player-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;background:#000}.project-player:after{content:"";position:absolute;left:0;right:0;bottom:0;height:40%;background:linear-gradient(to top,#0000008c,#0000);pointer-events:none}.player-controls{position:absolute;left:var(--gutter);right:var(--gutter);bottom:calc(var(--gutter) + var(--safe-bottom));z-index:160;display:flex;align-items:center;gap:var(--space-md);color:#fff;font-family:IBM Plex Sans,sans-serif;font-size:19px;line-height:1.4}body.projects-cursor-hidden .player-controls,body.projects-cursor-hidden .player-controls *{cursor:pointer!important}.player-button{color:inherit;font-family:"IBM Plex Serif",serif;font-size:inherit;font-weight:400;line-height:inherit;text-decoration:underline;padding:0;white-space:nowrap;transition:opacity .3s ease}.player-button:hover{opacity:.7}.player-time{white-space:nowrap;font-variant-numeric:tabular-nums}.player-progress{flex:1;min-width:80px;height:24px;display:flex;align-items:center;touch-action:none}.player-progress-track{position:relative;width:100%;height:2px}.player-progress-track:before{content:"";position:absolute;inset:0;background:currentColor;opacity:.35}.player-progress-fill{position:absolute;top:0;left:0;height:100%;background:currentColor}.player-progress-handle{position:absolute;top:-2px;width:24px;height:6px;background:currentColor;transform:translate(-50%)}.projects-overlay.has-player{bottom:calc(var(--gutter) + var(--safe-bottom) + 24px + var(--space-md))}.project-player.is-fullscreen{position:fixed;inset:0;display:block;padding:0;background:#000}.project-player.is-fullscreen:after{display:block}.project-player.is-fullscreen .project-player-video{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:contain}.project-player.is-fullscreen .player-controls{position:absolute;left:0;right:0;bottom:calc(var(--gutter) + var(--safe-bottom));padding:0 var(--gutter);color:#fff}.player-exit{position:absolute;top:calc(var(--gutter) + var(--safe-top));right:var(--gutter);z-index:170;width:var(--header-row, 32px);height:var(--header-row, 32px);padding:0;display:flex;align-items:center;justify-content:flex-end}.player-exit-icon{width:24px;height:auto;transition:opacity .3s ease}.player-exit:hover .player-exit-icon{opacity:.7}body.projects-cursor-hidden .project-player.is-fullscreen,body.projects-cursor-hidden .project-player.is-fullscreen *{cursor:pointer!important}.work-item{display:flex;flex-direction:column;width:100%;margin:0 0 55px;padding:0}.work-item-content{display:grid;grid-template-columns:1fr 1fr;gap:27px;align-items:start}.work-item-title{display:flex;align-items:flex-start}.work-item-title .section-title{font-size:29px;font-weight:400;margin:0}.work-item-cover{display:flex;justify-content:flex-start;align-items:left}.work-cover-media{width:100%;height:auto;max-width:400px;object-fit:cover;border-radius:2;border:2px solid #000}.scrollable-content{flex:1;overflow-y:auto;padding:0 var(--gutter);padding-bottom:10px;width:100%;display:flex;flex-direction:column;justify-content:center;position:relative}.scrollable-content.projects-active{padding:0;overflow:hidden;overflow-x:hidden}.scrollable-content::-webkit-scrollbar{width:2px}.scrollable-content::-webkit-scrollbar-track{background:transparent}.scrollable-content::-webkit-scrollbar-thumb{background:#000;border-radius:0;width:2px}.scrollable-content::-webkit-scrollbar-thumb:hover{background:#333}.scrollable-content{scrollbar-width:thin;scrollbar-color:#000 transparent}.column{display:flex;flex-direction:column}.name{margin:0;padding:0;display:flex;align-items:baseline;gap:0;cursor:pointer}.name-rotem{font-family:IBM Plex Sans,sans-serif;font-weight:700;font-size:27px;color:#000}.name-shadur{font-family:"IBM Plex Serif",serif;font-weight:700;font-size:27px;margin-left:.2em;color:#000}.nav-links{display:flex;gap:29px;align-items:center;margin:0;padding:0}.nav-link{text-decoration:none;color:#000;transition:opacity .3s ease;font-family:"IBM Plex Serif",serif;font-weight:400;font-size:27px;text-decoration:underline;cursor:pointer}.nav-link:hover{opacity:.7}.nav-link.active{font-family:IBM Plex Sans,sans-serif;font-weight:700;font-size:27px;color:#000;text-decoration:none}.contact{display:flex;gap:29px;align-items:center;margin:0;padding:0}.email{font-size:23px;gap:1vw}.social-icons{display:flex;gap:29px;align-items:center}.social-icons a{text-decoration:none;color:#000;font-size:23px;transition:opacity .3s ease}.social-icons a:hover{opacity:.7}.social-icon{width:23px;height:23px;cursor:pointer;transition:opacity .3s ease}.social-icon:hover{opacity:.7}.about-section{width:100%;margin:0;padding:0;display:flex;flex-direction:column;justify-content:center;min-height:fit-content}.cv-section{width:80%;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr 1fr;gap:33px;max-width:none}.scrollable-content:has(.cv-section){justify-content:flex-start;padding-top:var(--gutter)}.scrollable-content:has(.about-section){overflow-y:hidden;justify-content:center;padding-top:0;padding-bottom:0}.scrollable-content:has(.about-section) .about-section{margin-top:24px;margin-bottom:24px}.cv-section,.cv-section .section{gap:33px}.cv-section .section-item{margin-top:0;margin-bottom:0}.cv-section .section-title{font-family:IBM Plex Sans,sans-serif;font-weight:400;font-size:41px;line-height:55px;margin:0;padding-bottom:0;border-bottom:none;text-transform:capitalize}.cv-section .main-text{font-family:IBM Plex Sans,sans-serif;font-weight:700;font-size:19px;line-height:1.3;text-decoration:none}.cv-section .secondary-text{font-family:"IBM Plex Serif",serif;font-weight:400;font-size:19px;line-height:1.3;text-decoration:none}.cv-section .year-text{font-family:IBM Plex Sans,sans-serif;font-weight:400;font-size:19px;font-style:italic;line-height:1.3;opacity:.5;text-decoration:none}.about-content{max-width:none;margin:0 0 29px;padding:0}.about-text-style-1{font-family:IBM Plex Sans,sans-serif;font-weight:400;font-size:41px;line-height:55px}.about-text-style-2{font-family:IBM Plex Sans,sans-serif;font-weight:700;font-size:41px;line-height:55px}.about-text-style-3{font-family:"IBM Plex Serif",serif;font-weight:700;font-size:41px;line-height:55px}.about-section .contact{margin-top:29px;padding-top:0;font-size:23px;display:flex;gap:29px;align-items:center}.about-section .contact .email{font-size:23px}.about-section .contact a{text-decoration:underline;color:#000;font-family:"IBM Plex Serif",serif;font-weight:400;font-size:19px;transition:opacity .3s ease}.about-section .contact a:hover{opacity:.7}.about-section .contact .email{font-family:"IBM Plex Serif",serif;font-weight:400;font-size:19px;text-decoration:underline}.section{display:flex;flex-direction:column;gap:55px}.section-title{font-size:29px;font-weight:400;margin:0 0 30px;padding-bottom:0;border-bottom:none;text-transform:capitalize}.section-item{margin-top:33px;margin-bottom:0}.main-text{font-weight:700;font-size:29px;line-height:1.2}.secondary-text{font-size:29px;line-height:1.2}.year-text{font-size:29px;font-style:italic;line-height:1.2}.footer{grid-column:1 / 6;display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid #000}.slide-bar-container{display:flex;justify-content:center;align-items:center;padding:0;margin:0;width:100%}.slide-bar{position:relative;width:100%;height:80px;display:flex;flex-direction:column;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none}.slide-bar-labels{display:flex;justify-content:space-between;width:100%;margin-bottom:10px;padding:0}.label-design{font-family:"IBM Plex Serif",serif;font-weight:700;font-size:27px;color:#000}.label-technology{font-family:IBM Plex Sans,sans-serif;font-weight:700;font-size:27px;color:#000}.slide-bar-line{width:100%;height:2px;background-color:#000;position:relative;overflow:visible}.slide-bar-position-indicator{position:absolute;top:0;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;transition:left .1s ease;touch-action:none}.position-line{width:24px;height:6px;background-color:#000;position:relative;top:-2px}.slide-bar-arrow{display:flex;align-items:center;gap:2px;position:relative;top:2px}.double-arrow-icon{width:24px;margin-top:8px;height:auto;display:block}.footer-left,.footer-right{font-size:29px}.footer-arrow{font-size:32px;margin:0 20px}.mobile-menu-container{display:none;position:fixed;top:0;right:0;z-index:1000}.hamburger-menu{position:fixed;top:20px;right:20px;z-index:1001;background:none;border:none;cursor:pointer;padding:10px;display:flex;justify-content:center;align-items:center;width:40px;height:40px}.hamburger-icon{width:100%;height:auto;transition:opacity .3s ease}.mobile-nav-overlay{position:fixed;top:0;right:-100%;bottom:0;width:100%;background-color:#fffffff2;z-index:1000;transition:right .3s ease;display:flex;align-items:center;justify-content:center}.mobile-nav-overlay.open{right:0}.mobile-menu-exit{position:absolute;top:33px;right:33px;z-index:1002;background:none;border:none;cursor:pointer;padding:8px 0 8px 8px;display:flex;align-items:center;justify-content:flex-end;width:44px;height:44px}.mobile-menu-exit-icon{width:100%;height:auto;transition:opacity .3s ease}.mobile-menu-exit:hover .mobile-menu-exit-icon{opacity:.7}.mobile-nav{display:flex;flex-direction:column;gap:29px;align-items:center;justify-content:center}.mobile-nav-link{text-decoration:underline;color:#000;font-family:"IBM Plex Serif",serif;font-weight:400;font-size:19px;transition:opacity .3s ease;cursor:pointer}.mobile-nav-link:hover{opacity:.7}.mobile-nav-link.active{text-decoration:underline}@media (max-width: 1200px){.portfolio,.name,.nav-link,.email,.section-title,.main-text,.year,.company,.position,.skill-category,.skill-list,.about-content,.footer-left,.footer-right,.footer-arrow,.label-design,.label-technology{font-size:28px}.nav-bar-container{padding:var(--gutter)}.scrollable-content{padding:0 var(--gutter)}.scrollable-content.projects-active{padding:0}.slider-container-wrapper{padding:var(--gutter)}.cv-section{grid-template-columns:1fr 1fr;gap:33px}}@media (max-width: 768px){.desktop-nav{display:none}.mobile-menu-container{display:block;position:static}.site-header{display:flex;justify-content:space-between;align-items:center;padding:calc(var(--gutter) + var(--safe-top)) var(--gutter) 0;margin:0;width:100%;flex-shrink:0}.nav-bar-container{padding:0;flex:1;height:var(--header-row);justify-content:flex-start;align-items:center}.hamburger-menu,.mobile-menu-exit{flex-shrink:0;padding:0;width:var(--header-row);height:var(--header-row);display:flex;align-items:center;justify-content:flex-end;transform:none}.hamburger-menu{position:static}.hamburger-icon,.mobile-menu-exit-icon{width:24px}.mobile-menu-exit{top:calc(var(--gutter) + var(--safe-top));right:var(--gutter)}.mobile-menu-container:has(.mobile-nav-overlay.open) .hamburger-menu{visibility:hidden;pointer-events:none}.mobile-nav-link{font-size:16px}.portfolio{font-size:20px;margin:0;padding:0;position:fixed;inset:0;height:auto}.scrollable-content,.portfolio.portfolio-about-cv .scrollable-content:has(.about-section),.portfolio.portfolio-about-cv .scrollable-content:has(.cv-section){overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;justify-content:flex-start;min-height:0;flex:1 1 0;padding:var(--gutter) var(--gutter) 0;margin:0}.scrollable-content.projects-active{padding:0}.portfolio.portfolio-about-cv .scrollable-content:has(.about-section) .about-section{margin:0;gap:var(--space-md)}.portfolio.portfolio-about-cv .about-content{margin:0}.slider-container-wrapper,.portfolio.portfolio-about-cv .slider-container-wrapper{flex-shrink:0;padding:var(--space-md) var(--gutter) calc(var(--gutter) + var(--safe-bottom));margin:0}.name,.nav-link,.email,.section-title,.main-text,.secondary-text,.year-text,.year,.company,.position,.skill-category,.skill-list,.about-content,.footer-left,.footer-right,.footer-arrow{font-size:20px}.about-content{font-size:21px!important;margin:0}.about-text-style-1{font-family:IBM Plex Sans,sans-serif;font-weight:400;font-size:19px;line-height:24px}.about-text-style-2{font-family:IBM Plex Sans,sans-serif;font-weight:700;font-size:19px;line-height:24px}.about-text-style-3{font-family:"IBM Plex Serif",serif;font-weight:700;font-size:19px;line-height:24px}.about-section .contact{font-size:16px;margin:0;gap:var(--space-sm);flex-wrap:wrap}.about-section .contact a,.about-section .contact .email{font-size:16px}.about-section{display:flex;flex-direction:column;gap:var(--space-md)}.about-section .contact{order:-1}.name-rotem,.name-shadur,.label-design,.label-technology{font-size:19px}.section{gap:20px}.section-title{margin:0;padding-bottom:0;border-bottom:none;font-size:20px}.cv-section{width:100%;grid-template-columns:1fr;gap:var(--space-lg);padding-bottom:var(--space-md);margin:0}.cv-section .section{gap:var(--space-sm)}.cv-section .section-title{font-size:27px;line-height:1.2;margin:0}.cv-section .section-item,.cv-section .section-item+.section-item{margin:0}.label-design,.label-technology{font-size:19px!important}.slide-bar{height:70px;margin-bottom:0}.slide-bar-container{margin:0}.slide-bar-position-indicator{min-width:40px;min-height:20px;max-width:none;z-index:10}.position-line{width:24px;height:8px;top:-3px}.slide-bar-arrow{top:2px}.double-arrow-icon{width:24px;margin-top:8px;height:auto;display:block}.work-item{margin-bottom:40px}.work-item-content{grid-template-columns:1fr;gap:20px}.work-item-title{order:2;justify-content:flex-start}.work-item-title .section-title{font-size:20px}.work-item-cover{order:1;justify-content:flex-start}.about-section .contact{font-size:19px}.social-icons{gap:var(--space-sm)}.social-icons a{font-size:18px}.project-player{display:flex;flex-direction:column;justify-content:center;gap:var(--space-sm);background:#fff;padding-top:calc(var(--safe-top) + var(--gutter) + var(--header-row) + var(--space-md));padding-bottom:calc(var(--safe-bottom) + var(--gutter) + var(--overlay-height, 0px) + var(--space-md))}.project-player:after{display:none}.project-player-video{position:static;height:auto;aspect-ratio:16 / 9;object-fit:contain}.player-controls{position:static;padding:0 var(--gutter);display:grid;grid-template-columns:auto auto 1fr auto;grid-template-areas:"bar   bar   bar time" "play  sound .   full";column-gap:var(--space-sm);row-gap:0;color:#000;font-size:16px}.player-progress{grid-area:bar;min-width:0}.player-time{grid-area:time}.player-play{grid-area:play;justify-self:start}.player-sound{grid-area:sound;justify-self:start}.player-fullscreen{grid-area:full;justify-self:end}.projects-overlay.has-player{bottom:calc(var(--gutter) + var(--safe-bottom))}.projects-overlay{bottom:calc(var(--gutter) + var(--safe-bottom));left:var(--gutter);max-width:calc(100% - 2 * var(--gutter))}.project-number{font-size:16px;line-height:1.25;margin-bottom:4px}.project-name{font-size:16px;line-height:1.25;margin-bottom:6px}.project-description{font-size:16px;line-height:1.25;margin-left:0}.project-description a{font-size:16px}}