main.home{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:var(--spacing-default);padding-block-start:88px}main.home h1{color:var(--on-background-default);margin:0}main.home p{color:var(--on-background-secondary);margin:0}.home__videos-link{display:inline-flex;align-items:center;padding:var(--spacing-small) var(--spacing-medium);background:var(--brand-600);color:#fff;text-decoration:none;border-radius:var(--radius-small);font-weight:500;transition:background-color .2s}.home__videos-link:hover{background:#008f4a}.login-page{display:flex;align-items:center;min-height:100vh;background-color:var(--background-default, #ffffff)}.login-page__left{display:flex;align-items:center;justify-content:center;padding:0 var(--spacing-huge, 80px);flex:1;min-width:0}.login-page__right{flex-shrink:0;height:100vh;padding:var(--spacing-default, 16px);overflow:hidden}.login-card{background:var(--background-default, #ffffff);border:1px solid var(--background-default, #ffffff);border-radius:var(--radius-large, 16px);padding:var(--spacing-default, 16px);width:100%;max-width:550px}.login-wrapper{display:flex;flex-direction:column;gap:var(--spacing-x-large, 40px);max-width:360px;margin:0 auto;padding:var(--spacing-huge, 80px) 0}.login-logo{width:125.75px;height:40px}.login-header{display:flex;flex-direction:column;gap:var(--spacing-tiny, 4px);padding-block-start:var(--spacing-medium, 24px)}.login-header__title{font-family:system-ui,-apple-system,sans-serif;font-size:var(--body-size-big, 20px);font-weight:600;line-height:normal;color:var(--on-background-default, #001a0d);margin:0}.login-header__subtitle{font-family:system-ui,-apple-system,sans-serif;font-size:var(--body-size-medium, 16px);font-weight:400;line-height:1.4;color:var(--on-background-secondary, #89908c);margin:0}.login-form{display:flex;flex-direction:column;gap:var(--spacing-large, 32px)}.login-form__fields{display:flex;flex-direction:column;gap:var(--spacing-default, 16px)}.input-field{display:flex;flex-direction:column;gap:4px}.input-field__label{font-family:system-ui,-apple-system,sans-serif;font-size:var(--label-size, 12px);font-weight:600;line-height:normal;color:var(--on-background-default, #001a0d)}.input-field__input{height:48px;padding:8px 12px;background:var(--background-default, #ffffff);border:1px solid var(--outline-default, rgba(6, 19, 13, .2));border-radius:var(--radius-small, 4px);font-family:system-ui,-apple-system,sans-serif;font-size:var(--body-size-medium, 16px);color:var(--on-background-default, #001a0d);outline:none;transition:border-color .2s,box-shadow .2s}.input-field__input:focus{border-color:var(--brand-600, #00a357);box-shadow:0 0 0 2px #00a35726}.input-field__input.input-field__input--touched:invalid{border-color:#dc3545}.forgot-password-link{align-self:flex-start;background:none;border:none;padding:0;font-family:system-ui,-apple-system,sans-serif;font-size:var(--label-size, 12px);font-weight:600;color:var(--brand-600, #00a357);cursor:pointer;text-decoration:none}.forgot-password-link:hover{text-decoration:underline}.login-form__error{padding:12px;background:#dc35451a;border:1px solid rgba(220,53,69,.3);border-radius:var(--radius-small, 4px);font-size:14px;color:#dc3545}.login-form__submit{height:48px;width:100%;background:var(--on-background-default, #001a0d);border:none;border-radius:var(--radius-small, 4px);font-family:system-ui,-apple-system,sans-serif;font-size:var(--body-size-medium, 16px);font-weight:600;color:var(--background-default, #ffffff);cursor:pointer;transition:background-color .2s,opacity .2s}.login-form__submit:hover:not(:disabled){background:#002a1a}.login-form__submit:active:not(:disabled){background:#001a0d}.login-form__submit:disabled{opacity:.6;cursor:not-allowed}.artwork-grid{display:flex;gap:var(--spacing-default, 16px);height:100%}.artwork-column{display:flex;flex-direction:column;gap:var(--spacing-default, 16px);width:280px;flex-shrink:0}.artwork-column--first{justify-content:flex-start;padding-block-start:var(--spacing-huge, 80px)}.artwork-column--first .preview-container--image{height:600px}.artwork-column--first .preview-container--overflow{margin-block-end:-60px}.artwork-column--center{justify-content:center}.artwork-column--end{justify-content:flex-end}.artwork-column--last{justify-content:flex-end;padding-block-end:var(--spacing-huge, 80px)}.artwork-column--last .preview-container--image{height:600px;margin-inline-end:-60px}.artwork-column--last .preview-container--overflow-top-right{margin-block-start:-60px}.preview-container{position:relative;border-radius:var(--radius-large, 16px);overflow:hidden;flex-shrink:0}.preview-container--image{height:490px;border:1px solid #dddddd}.preview-container--image img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.preview-container--placeholder{height:490px;background:var(--background-secondary, #f5f5f5)}.preview-container--tall{aspect-ratio:90 / 160;height:auto}.preview-container--featured{height:460px;border:1px solid #dddddd;position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.preview-container--featured .featured-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.featured-content{position:relative;z-index:1;padding:32px 24px;text-align:center;background:linear-gradient(to bottom,#e5ddd700,#e5ddd7d9 40%,#e5ddd7);width:100%}.featured-content__title{font-family:system-ui,-apple-system,sans-serif;font-size:var(--body-size-big, 20px);font-weight:700;color:var(--black-100, #06130d);margin:0 0 8px;line-height:1.3}.featured-content__text{font-family:system-ui,-apple-system,sans-serif;font-size:var(--body-size-small, 14px);font-weight:400;color:var(--black-100, #06130d);opacity:.8;margin:0;line-height:1.4}.preview-location{position:absolute;inset-inline-start:0;inset-inline-end:0;bottom:0;height:300px;background:linear-gradient(to top,#00000026,#0000);display:flex;flex-direction:column;justify-content:flex-end;padding:var(--spacing-default, 16px)}.preview-location__title{font-family:system-ui,-apple-system,sans-serif;font-size:var(--body-size-small, 14px);font-weight:700;color:#ffffffe6}.preview-location__subtitle{font-family:system-ui,-apple-system,sans-serif;font-size:var(--body-size-small, 14px);font-weight:400;color:#ffffffb3}@media(max-width:1200px){.login-page{justify-content:center;height:100vh;overflow:hidden}.login-page__right{display:none}.login-page__left{display:flex;align-items:center;justify-content:center;padding:var(--spacing-default, 16px);height:100%}.login-card{width:100%;max-width:450px}}@media(max-width:480px){.login-page__left{padding:var(--spacing-small, 8px)}.login-wrapper{padding:var(--spacing-large, 32px) 0;gap:var(--spacing-large, 32px);width:100%;max-width:100%}.login-logo{align-self:center}.login-header{align-items:center;text-align:center}.login-form{width:100%}.forgot-password-link{align-self:center}}.video-list-item{display:flex;align-items:center;gap:var(--spacing-default);width:100%;padding:var(--spacing-small);border:none;border-radius:var(--radius-small);background:transparent;text-align:start;text-decoration:none;color:inherit;cursor:pointer;transition:background-color .15s}.video-list-item:hover,.video-list-item--selected{background:var(--background-secondary)}.video-list-item__thumbnail{width:72px;height:48px;object-fit:cover;border-radius:var(--radius-small);flex-shrink:0}.video-list-item__content{display:flex;flex-direction:column;gap:2px;min-width:0}.video-list-item__title{font-size:var(--body-size-small);font-weight:500;color:var(--on-background-default);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-list-item__description{font-size:var(--label-size);color:var(--on-background-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-search{position:relative;display:flex;align-items:center;width:100%}.video-search__icon{position:absolute;inset-inline-start:var(--spacing-default);color:var(--on-background-secondary);pointer-events:none}.video-search__input{width:100%;padding:var(--spacing-small) var(--spacing-default);padding-inline-start:calc(var(--spacing-default) + 28px);border:1px solid var(--outline-default);border-radius:100px;background:var(--background-default);font-size:var(--body-size-small);color:var(--on-background-default);transition:border-color .2s,box-shadow .2s}.video-search__input::placeholder{color:var(--on-background-secondary)}.video-search__input:focus{outline:none;border-color:var(--brand-600);box-shadow:0 0 0 3px #00a35726}.video-list{display:flex;flex-direction:column;height:100%;background:var(--background-default)}.video-list__header{display:flex;flex-direction:column;gap:var(--spacing-default);padding:var(--spacing-default);padding-block-start:calc(72px + var(--spacing-default));flex-shrink:0}.video-list__region{font-size:var(--body-size-big);font-weight:600;color:var(--on-background-default);margin:0}.video-list__search{width:100%}.video-list__content{flex:1;min-height:0;overflow-y:auto;padding:0 var(--spacing-small);padding-block-end:var(--spacing-default)}.video-list__items{display:flex;flex-direction:column;gap:var(--spacing-tiny)}.video-list__loading,.video-list__empty{display:flex;align-items:center;justify-content:center;padding:var(--spacing-large);color:var(--on-background-secondary);font-size:var(--body-size-small)}@media(min-width:1024px){.video-list__header{padding-block-start:var(--spacing-default)}}.video-player{position:relative;width:100%;max-width:100%;height:auto;aspect-ratio:9 / 16;background:var(--black-100);border-radius:var(--radius-large);overflow:hidden}.video-player--empty{display:flex;align-items:center;justify-content:center}.video-player__placeholder{width:60px;height:60px;border-radius:50%;background:#ffffff1a}.video-player__video{width:100%;height:100%;object-fit:cover;cursor:pointer}.video-player__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0000004d;cursor:pointer}.video-player__play-btn{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;border:none;background:#0009;color:#fff;cursor:pointer;transition:background-color .2s,transform .2s}.video-player__play-btn:hover{background:#000c;transform:scale(1.1)}.video-player__controls{position:absolute;top:var(--spacing-default);inset-inline-end:var(--spacing-default);display:flex;gap:var(--spacing-small)}.video-player__control-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:none;background:#00000080;color:var(--white-90);cursor:pointer;transition:background-color .2s}.video-player__control-btn:hover{background:#000000b3}@media(min-width:1024px){.video-player{width:auto;height:100%;max-height:100%;border-radius:var(--radius-large)}}.video-details{display:flex;flex-direction:column;gap:var(--spacing-default)}.video-details__title{font-size:var(--body-size-big);font-weight:600;color:var(--on-background-default);margin:0}.video-details__description{font-size:var(--body-size-medium);color:var(--on-background-secondary);margin:0}.video-details__actions{display:flex;gap:var(--spacing-small);margin-block-start:var(--spacing-small)}.video-details__action{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid var(--outline-default);border-radius:50%;background:var(--background-default);color:var(--on-background-secondary);cursor:pointer;transition:border-color .2s,color .2s,background-color .2s}.video-details__action:hover{border-color:var(--on-background-secondary);color:var(--on-background-default)}.video-details__action:focus{outline:none;border-color:var(--brand-600);box-shadow:0 0 0 3px #00a35726}.video-details__icon{width:24px;height:24px}.videos-view{display:flex;width:100%;height:100vh;padding-block-start:0;overflow:hidden}.videos-view__sidebar{width:100%;height:100%;overflow:hidden}.videos-view__main{display:none;flex-direction:column;gap:0;padding:0;width:100%;height:100%;overflow:hidden;position:relative}.videos-view__header{position:absolute;top:calc(80px + var(--spacing-default));inset-inline-start:var(--spacing-default);z-index:10;display:flex;justify-content:flex-start;align-items:center}.videos-view__back-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:none;border-radius:50%;background:#fffffff2;color:var(--on-background-default);cursor:pointer;box-shadow:0 2px 8px #00000026;transition:background-color .2s,box-shadow .2s}.videos-view__back-btn:hover{background:#fff;box-shadow:0 4px 12px #0003}.videos-view__back-btn:active{transform:scale(.95)}.videos-view__player-container{display:flex;justify-content:center;align-items:flex-start;flex:1;min-height:0;width:100%;padding:var(--spacing-default) var(--spacing-small);padding-block-start:calc(72px + var(--spacing-default));overflow-y:auto}.videos-view__details{display:none;padding:var(--spacing-default);padding-block-start:var(--spacing-small);flex-shrink:0}.videos-view__sidebar--hidden-mobile,.videos-view__main--hidden-mobile{display:none}.videos-view__main:not(.videos-view__main--hidden-mobile){display:flex}@media(min-width:1024px){.videos-view{gap:var(--spacing-default);padding:var(--spacing-default);padding-block-start:88px}.videos-view__sidebar{width:320px;min-width:280px;max-width:360px}.videos-view__sidebar--hidden-mobile{display:block}.videos-view__main{display:flex;flex:1;flex-direction:row;align-items:flex-start;gap:var(--spacing-large);padding:var(--spacing-medium);overflow:hidden}.videos-view__main--hidden-mobile{display:flex}.videos-view__header{display:none}.videos-view__player-container{flex:1;display:flex;justify-content:center;max-width:500px;height:100%}.videos-view__details{display:flex;width:280px;min-width:200px;padding-block-start:var(--spacing-medium)}}@media(min-width:1280px){.videos-view__sidebar{width:360px;max-width:400px}.videos-view__player-container{max-width:600px}.videos-view__details{width:320px}}.user-menu{position:relative;display:inline-block}.user-menu__trigger{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:none;border-radius:2rem;background:var(--background-default, #ffffff);color:var(--on-background-default, #001a0d);font-size:.875rem;cursor:pointer;box-shadow:0 2px 8px #0000001a;transition:box-shadow .2s}.user-menu__trigger:hover{box-shadow:0 4px 12px #00000026}.user-menu__trigger:focus{outline:none;box-shadow:0 0 0 3px #00a35726,0 2px 8px #0000001a}.user-menu__person-icon{flex-shrink:0;color:var(--on-background-default, #001a0d)}.user-menu__name{font-weight:500;white-space:nowrap}.user-menu__icon{transition:transform .2s}.user-menu__icon--open{transform:rotate(180deg)}.user-menu__dropdown{position:absolute;top:calc(100% + .5rem);inset-inline-end:0;z-index:1000;min-width:200px;background:var(--background-default, #ffffff);border:1px solid var(--outline-default, rgba(6, 19, 13, .2));border-radius:var(--radius-small, 4px);box-shadow:0 4px 12px #0000001a;overflow:hidden}.user-menu__info{padding:.75rem 1rem}.user-menu__email{font-size:.875rem;color:var(--on-background-secondary, #89908c);word-break:break-all}.user-menu__divider{height:1px;background:var(--outline-default, rgba(6, 19, 13, .2))}.user-menu__item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;border:none;background:none;color:var(--on-background-default, #001a0d);font-size:.875rem;text-align:start;cursor:pointer;transition:background-color .15s}.user-menu__item:hover{background:var(--background-secondary, #f5f5f5)}.user-menu__item--logout{color:#dc3545}.user-menu__item--logout:hover{background:#dc35451a}.user-menu__item-icon{flex-shrink:0}.user-menu__language-section{position:relative}.user-menu__language-trigger{display:flex;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;border:none;background:none;color:var(--on-background-default, #001a0d);font-size:.875rem;text-align:start;cursor:pointer;transition:background-color .15s}.user-menu__language-trigger:hover{background:var(--background-secondary, #f5f5f5)}.user-menu__language-current{margin-inline-start:auto;color:var(--on-background-secondary, #89908c)}.user-menu__language-icon{transition:transform .2s}.user-menu__language-icon--open{transform:rotate(180deg)}.user-menu__language-list{margin:0;padding:.25rem 0;list-style:none;background:var(--background-secondary, #f5f5f5);border-top:1px solid var(--outline-default, rgba(6, 19, 13, .2));border-bottom:1px solid var(--outline-default, rgba(6, 19, 13, .2));max-height:12rem;overflow-y:auto}.user-menu__language-option{padding:.5rem 1rem;padding-inline-start:2.5rem;cursor:pointer;transition:background-color .15s;font-size:.875rem;color:var(--on-background-default, #001a0d)}.user-menu__language-option:hover{background-color:var(--background-default, #ffffff)}.user-menu__language-option--active{background-color:#00a3571a;font-weight:500;color:var(--brand-600, #00a357)}.app-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;position:fixed;top:0;inset-inline-start:0;inset-inline-end:0;z-index:100;background:transparent}.app-header__logo{display:flex;align-items:center;border:none;background:none;padding:0;cursor:pointer}.app-header__logo-img{height:40px;width:auto}.app-header__actions{display:flex;align-items:center;gap:.75rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--background-default: #ffffff;--background-secondary: #f5f5f5;--on-background-default: #001a0d;--on-background-secondary: #89908c;--brand-600: #00a357;--outline-default: rgba(6, 19, 13, .2);--black-100: #06130d;--white-90: rgba(255, 255, 255, .9);--white-70: rgba(255, 255, 255, .7);--spacing-tiny: 4px;--spacing-small: 8px;--spacing-default: 16px;--spacing-medium: 24px;--spacing-large: 32px;--spacing-x-large: 40px;--spacing-huge: 80px;--radius-small: 4px;--radius-large: 16px;--body-size-small: 14px;--body-size-medium: 16px;--body-size-big: 20px;--label-size: 12px}body{min-height:100vh;color:#1a1a1a;background:#fff;line-height:1.6;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:16px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;min-height:100vh}[dir=rtl]{text-align:right}[dir=rtl] .language-switcher__dropdown{inset-inline-start:0;inset-inline-end:auto}