.tivan-about-page, .tivan-about-page * { box-sizing: border-box; } .tivan-about-page { --about-blue:#3295ff; --about-navy:#00286c; --about-dark:#031c47; display:flex; flex-direction:column; gap:128px; width:100%; overflow:hidden; color:#1c2430; } .tivan-about-page > section > .container { width:100%; max-width:1320px; padding-inline:20px; margin-inline:auto; } .tivan-about-page h1,.tivan-about-page h2,.tivan-about-page h3,.tivan-about-page p { margin:0; } .tivan-about-page button,.tivan-about-page a { font:inherit; } .tivan-about-page picture { display:block; } .tivan-about-page picture img { display:block; width:100%; height:100%; object-fit:cover; font-size:0; } .tivan-about-page .about-timeline { position:relative; height:479px; flex:none; padding-top:32px; } .tivan-about-page .about-timeline__viewport { position:relative; width:100%; height:407px; margin:auto; overflow:hidden; border-radius:12px; } .tivan-about-page .about-timeline__viewport::before,.tivan-about-page .about-timeline__viewport::after { content:""; position:absolute; top:0; bottom:0; width:76px; z-index:2; pointer-events:none; } .tivan-about-page .about-timeline__viewport::before { right:0; background:linear-gradient(to left,var(--about-bg),transparent); } .tivan-about-page .about-timeline__viewport::after { left:0; background:linear-gradient(to right,var(--about-bg),transparent); } .tivan-about-page .about-timeline__track { position:absolute; top:0; left:50%; transform:translateX(-50%); display:flex; gap:24px; width:max-content; height:407px; } .tivan-about-page .about-timeline__card { position:relative; flex:none; width:305px; height:407px; overflow:hidden; border-radius:12px; background:#00286c; color:#fff; } .tivan-about-page .about-timeline__picture { position:absolute; inset:0; } .tivan-about-page .about-timeline__picture::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(0,40,108,0) 28%,rgba(0,40,108,.22) 48%,rgba(0,40,108,.72) 76%,#00286c 100%); } .tivan-about-page .about-timeline__card-copy { position:absolute; inset-inline:33px; bottom:32px; z-index:1; text-align:right; } .tivan-about-page .about-timeline__year { display:block; margin-bottom:6px; font-size:20px; font-weight:600; line-height:32px; } .tivan-about-page .about-timeline__card h2 { font-size:22px; font-weight:600; line-height:32px; } .tivan-about-page .about-timeline__card p { margin-top:14px; font-size:14px; font-weight:400; line-height:22px; } .tivan-about-page .about-intro { height:561px; flex:none; } .tivan-about-page .about-intro > .container { height:100%; } .tivan-about-page .about-intro__inner { display:grid; grid-template-columns:minmax(0,519fr) minmax(0,626fr); grid-template-areas:"media content"; align-items:center; column-gap:55px; width:min(1200px,100%); height:100%; margin-inline:auto; } .tivan-about-page .about-intro__content { grid-area:content; min-width:0; } .tivan-about-page .about-intro__title { max-width:600px; margin-bottom:24px; font-size:36px; font-weight:600; line-height:1.45; } .tivan-about-page .about-intro__description { margin-bottom:32px; color:#5f6975; font-size:18px; line-height:1.9; text-align:justify; } .tivan-about-page .about-intro__facts { display:flex; justify-content:space-between; align-items:center; margin-bottom:32px; } .tivan-about-page .about-intro__facts > div { display:flex; flex-direction:column; align-items:center; justify-content:center; min-width:0; text-align:center; color:#171717; font-size:18px; line-height:1.8; } .tivan-about-page .about-intro__facts-divider { flex:none; width:1px; height:36px; background:#3295FF; } .tivan-about-page .about-intro__facts strong { font-weight:700; white-space:nowrap; } .tivan-about-page .about-intro__facts span { white-space:nowrap; } .tivan-about-page .about-intro__actions { display:flex; gap:12px; } .tivan-about-page .about-button { display:inline-flex; justify-content:center; align-items:center; height:44px; padding:0 16px; border-radius:8px; background:var(--about-blue); color:#fff; font-size:16px; font-weight:600; line-height:1; text-decoration:none; white-space:nowrap; transition:filter .35s cubic-bezier(.22,1,.36,1); } .tivan-about-page .about-button:hover,.tivan-about-page .about-button:focus-visible { filter:brightness(1.08); } .tivan-about-page .about-button--dark { background:var(--about-navy); } .tivan-about-page .about-intro__media { grid-area:media; position:relative; width:100%; height:561px; } .tivan-about-page .about-intro__visual { position:absolute; inset:0; width:100%; height:100%; } .tivan-about-page .about-intro__visual img { object-fit:contain; } .tivan-about-page .about-intro__play { position:absolute; z-index:3; left:17%; bottom:7%; display:grid; place-items:center; width:126px; height:126px; padding:0; border:1.2px solid rgba(255,255,255,.4); border-radius:50%; background:rgba(255,255,255,.08); color:#fff; backdrop-filter:blur(40px); cursor:pointer; } .tivan-about-page .about-intro__play-ring { position:absolute; inset:0; width:91%; height:91%; margin:auto; overflow:visible; animation:about-play-ring-spin 16s linear infinite; will-change:transform; } @keyframes about-play-ring-spin { to { transform:rotate(360deg); } } .tivan-about-page .about-intro__play-icon { display:block; width:32px; height:33px; } .tivan-about-page .about-intro__play-icon svg {max-width: 100%; height: 100%} .tivan-about-page .about-heading { display:flex; flex-direction:column; align-items:center; gap:8px; width:min(704px,100%); margin-inline:auto; color:var(--about-dark); text-align:center; } .tivan-about-page .about-heading h2 { font-size:36px; font-weight:600; line-height:1.35; } .tivan-about-page .about-heading p { font-size:18px; line-height:1.68; } .tivan-about-page .about-journey { height:537px; flex:none; } .tivan-about-page .about-journey > .container > .about-heading { margin-bottom:48px; } .tivan-about-page .about-journey__cards { --journey-gap:70px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); justify-content:center; gap:var(--journey-gap); width:100%; margin:auto; } .tivan-about-page .about-journey__card { position:relative; display:flex; flex-direction:column; min-width:0; color:#1a0f0f; } .tivan-about-page .about-journey__card:not(:last-child)::after { content:""; position:absolute; top:0; bottom:0; left:calc(var(--journey-gap) / -2); width:1px; background:#dde5ed; } .tivan-about-page .about-journey__number { display:block; margin-bottom:24px; color:#cecece; font-size:68px; font-weight:400; line-height:48px; transition:color .4s cubic-bezier(.22,1,.36,1); } .tivan-about-page .about-journey__cards:not(:has(.about-journey__card:hover)) .about-journey__card--featured .about-journey__number,.tivan-about-page .about-journey__card:hover .about-journey__number { color:var(--about-blue); } .tivan-about-page .about-journey__card h3 { margin-bottom:24px; font-size:24px; font-weight:600; line-height:38px; } .tivan-about-page .about-journey__card p { min-height:96px; margin-bottom:32px; color:#666; font-size:18px; line-height:32px; } .tivan-about-page .about-journey__picture { display:block; width:100%; height:110px; clip-path:polygon(40px 0,100% 0,100% calc(100% - 40px),calc(100% - 40px) 100%,0 100%,0 40px); background:linear-gradient(120deg,#abb8c4,#738ca8); overflow:hidden; } .tivan-about-page .about-journey__picture img { filter:grayscale(1); transition:filter .45s cubic-bezier(.22,1,.36,1); } .tivan-about-page .about-journey__cards:not(:has(.about-journey__card:hover)) .about-journey__card--featured .about-journey__picture img,.tivan-about-page .about-journey__card:hover .about-journey__picture img { filter:none; } .tivan-about-page .about-journey__dots { display:none; } .tivan-about-page .about-team { height:620px; flex:none; } .tivan-about-page .about-team > .container > .about-heading { margin-bottom:48px; } .tivan-about-page .about-team__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; width:100%; margin:auto; direction:ltr; } .tivan-about-page .about-team__card { min-width:0; text-align:center; } .tivan-about-page .about-team__portrait { position:relative; height:295px; margin-bottom:16px; } .tivan-about-page .about-team__portrait::before { content:""; position:absolute; right:0; bottom:0; left:0; height:139px; border-radius:24px; background:#edeff7; transition:background-color .45s cubic-bezier(.22,1,.36,1); } .tivan-about-page .about-team__card:hover .about-team__portrait::before { background:var(--about-navy); } .tivan-about-page .about-team__picture { position:absolute; inset:0 10px 0; } .tivan-about-page .about-team__picture img { object-fit:contain; object-position:bottom center; } .tivan-about-page .about-team__card h3 { color:#3d3d3d; font-size:18px; font-weight:600; line-height:26px; transition:color .4s cubic-bezier(.22,1,.36,1); } .tivan-about-page .about-team__grid:not(:has(.about-team__card:hover)) .about-team__card--featured h3,.tivan-about-page .about-team__card:hover h3 { color:var(--about-blue); } .tivan-about-page .about-team__card p { color:#88a0b7; font-size:14px; line-height:26px; } .tivan-about-page .about-honors { height:469px; flex:none; } .tivan-about-page .about-honors > .container > .about-heading { width:min(572px,100%); margin-bottom:56px; } .tivan-about-page .about-honors__viewport { width:100%; margin:auto; overflow:hidden; } .tivan-about-page .about-honors__row { display:flex; justify-content:center; align-items:center; gap:25px; width:100%; direction:ltr; } .tivan-about-page .about-honors__cards { display:flex; align-items:center; gap:46px; } .tivan-about-page .about-honors__item { position:relative; flex:none; width:306px; height:216px; overflow:hidden; border:1px solid transparent; background:linear-gradient(140deg,#d8e0e8,#fff); } .tivan-about-page .about-honors__item--center { width:414px; height:293px; border-color:#d9d9d9; } .tivan-about-page .about-honors__picture { position:absolute; inset:0; } .tivan-about-page .about-honors__item::after { content:""; position:absolute; inset:0; background:rgba(0,0,0,.1); backdrop-filter:blur(14.95px); opacity:0; pointer-events:none; transition:opacity .28s cubic-bezier(.22,1,.36,1); } .tivan-about-page .about-honors__item:hover::after { opacity:1; } .tivan-about-page .about-honors__expand { position:absolute; z-index:1; top:50%; left:50%; display:grid; place-items:center; width:53px; height:53px; transform:translate(-50%,-50%) scale(.75); opacity:0; pointer-events:none; transition:opacity .28s ease,transform .32s cubic-bezier(.22,1,.36,1); } .tivan-about-page .about-honors__item:hover .about-honors__expand { transform:translate(-50%,-50%) scale(1); opacity:1; } .tivan-about-page .about-honors__nav { display:grid; place-items:center; flex:none; width:48px; height:48px; border:1px solid #cecece; border-radius:3px; background:rgba(255,255,255,.1); } .tivan-about-page .about-honors__nav.is-active { border-color:var(--about-blue); } .tivan-about-page .about-honors__nav-icon { display:block; width:24px; height:24px; } .tivan-about-page .about-video-modal { width:min(900px,calc(100vw - 32px)); max-width:none; max-height:calc(100dvh - 32px); padding:0; border:0; border-radius:16px; overflow:visible; background:#031c47; color:#fff; } @keyframes about-video-enter { from { opacity:0; transform:translateY(20px) scale(.97); } to { opacity:1; transform:translateY(0) scale(1); } } @keyframes about-video-exit { from { opacity:1; transform:translateY(0) scale(1); } to { opacity:0; transform:translateY(12px) scale(.98); } } @keyframes about-backdrop-enter { from { opacity:0; } to { opacity:1; } } @keyframes about-backdrop-exit { from { opacity:1; } to { opacity:0; } } .tivan-about-page .about-video-modal[open] { animation:about-video-enter .45s cubic-bezier(.22,1,.36,1) both; } .tivan-about-page .about-video-modal[open].is-closing { animation:about-video-exit .3s ease-in both; } .tivan-about-page .about-video-modal::backdrop { background:rgba(0,12,38,.75); backdrop-filter:blur(8px); } .tivan-about-page .about-video-modal[open]::backdrop { animation:about-backdrop-enter .45s ease both; } .tivan-about-page .about-video-modal[open].is-closing::backdrop { animation:about-backdrop-exit .3s ease-in both; } .tivan-about-page .about-video-modal__content { position:relative; padding:16px; } .tivan-about-page .about-video-modal video { display:block; width:100%; max-height:calc(100dvh - 64px); aspect-ratio:16/9; background:#001634; } .tivan-about-page .about-video-modal__close { position:absolute; z-index:1; top:-18px; right:-18px; display:grid; place-items:center; width:40px; height:40px; padding:0; border:0; border-radius:50%; background:#3295ff; color:#fff; font:28px/1 Arial,sans-serif; cursor:pointer; } .tivan-about-page .about-video-modal__status { margin:12px 4px 0; font:14px/1.8 sans-serif; text-align:center; } @media (max-width:767px) { .tivan-about-page { gap:80px; } .tivan-about-page > section > .container { padding-inline:16px; } .tivan-about-page .about-timeline { height:471px; } .tivan-about-page .about-timeline__viewport { width:calc(100% + 32px); margin-inline:-16px; border-radius:0; } .tivan-about-page .about-timeline__viewport::before { display:none; } .tivan-about-page .about-timeline__viewport::after { width:35px; } .tivan-about-page .about-timeline__track { left:auto; right:16px; transform:none; gap:16px; } .tivan-about-page .about-intro { height:auto; min-height:1004px; } .tivan-about-page .about-intro > .container { height:auto; } .tivan-about-page .about-intro__inner { grid-template-columns:minmax(0,1fr); grid-template-areas:"title" "media" "description" "facts" "actions"; align-items:stretch; gap:0; width:100%; height:auto; } .tivan-about-page .about-intro__content { display:contents; } .tivan-about-page .about-intro__title { grid-area:title; width:min(273px,100%); margin:0 auto 32px; font-size:24px; line-height:1.55; text-align:center; } .tivan-about-page .about-intro__media { height:386px; margin-bottom:24px; } .tivan-about-page .about-intro__play { left:17%; bottom:7%; width:87px; height:87px; } .tivan-about-page .about-intro__play-icon { width:22px; height:23px; } .tivan-about-page .about-intro__description { grid-area:description; margin-bottom:24px; color:#5f6975; font-size:14px; line-height:1.8; } .tivan-about-page .about-intro__facts { grid-area:facts; display:grid; grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr); column-gap:20px; row-gap:27px; width:min(325px,100%); margin:0 auto 24px; } .tivan-about-page .about-intro__facts > div { font-size:18px; } .tivan-about-page .about-intro__facts > :nth-child(1) { grid-area:1 / 1; } .tivan-about-page .about-intro__facts > :nth-child(2) { grid-area:1 / 2; } .tivan-about-page .about-intro__facts > :nth-child(3) { grid-area:1 / 3; } .tivan-about-page .about-intro__facts > :nth-child(4) { display:none; } .tivan-about-page .about-intro__facts > :nth-child(5) { grid-area:2 / 1; } .tivan-about-page .about-intro__facts > :nth-child(6) { grid-area:2 / 2; } .tivan-about-page .about-intro__facts > :nth-child(7) { grid-area:2 / 3; } .tivan-about-page .about-intro__actions { grid-area:actions; justify-content:center; } .tivan-about-page .about-button { height:34px; padding:0 16px; font-size:14px; } .tivan-about-page .about-heading { width:100%; gap:8px; } .tivan-about-page .about-heading h2 { font-size:24px; } .tivan-about-page .about-heading p { font-size:14px; line-height:1.55; } .tivan-about-page .about-journey { height:508px; } .tivan-about-page .about-journey > .container > .about-heading { width:min(347px,100%); margin-bottom:46px; } .tivan-about-page .about-journey__cards { display:block; } .tivan-about-page .about-journey__card { display:none; } .tivan-about-page .about-journey__card:first-child { display:flex; } .tivan-about-page .about-journey__card::after { display:none; } .tivan-about-page .about-journey__number { margin-bottom:16px; color:var(--about-blue); font-size:48px; } .tivan-about-page .about-journey__card h3 { margin-bottom:8px; font-size:20px; } .tivan-about-page .about-journey__card p { min-height:0; margin-bottom:24px; font-size:16px; line-height:32px; } .tivan-about-page .about-journey__picture { height:103px; clip-path:polygon(36px 0,100% 0,100% calc(100% - 36px),calc(100% - 36px) 100%,0 100%,0 36px); } .tivan-about-page .about-journey__card:first-child .about-journey__picture img { filter:none; } .tivan-about-page .about-journey__dots { display:flex; margin-top:27px; } .tivan-about-page .about-team { height:547px; } .tivan-about-page .about-team > .container > .about-heading { width:min(347px,100%); margin-bottom:35px; } .tivan-about-page .about-team__grid { display:block; } .tivan-about-page .about-team__card { display:none; width:305px; margin:auto; } .tivan-about-page .about-team__card--mobile { display:block; } .tivan-about-page .about-team__portrait { height:278px; } .tivan-about-page .about-honors { height:390px; } .tivan-about-page .about-honors > .container > .about-heading { width:min(347px,100%); margin-bottom:36px; } .tivan-about-page .about-honors__viewport { position:relative; width:calc(100% + 32px); height:197px; margin-inline:-16px; } .tivan-about-page .about-honors__row { position:absolute; top:0; left:50%; width:max-content; transform:translateX(-50%); } .tivan-about-page .about-honors__cards { gap:30.928px; } .tivan-about-page .about-honors__item { width:205.741px; height:145.337px; } .tivan-about-page .about-honors__item--center { width:278.355px; height:197px; border-width:.672px; } .tivan-about-page .about-honors__expand { width:35.635px; height:35.635px; } .tivan-about-page .about-video-modal__close { top:-12px; right:-12px; } } @media (min-width:768px) and (max-width:1100px) { .tivan-about-page .about-intro__inner { column-gap:24px; } .tivan-about-page .about-intro__title { font-size:30px; } .tivan-about-page .about-intro__description { font-size:16px; } .tivan-about-page .about-intro__facts > div { font-size:13px; } .tivan-about-page .about-journey__cards { --journey-gap:32px; grid-template-columns:repeat(3,minmax(0,1fr)); } .tivan-about-page .about-journey__card p { font-size:15px; line-height:27px; } .tivan-about-page .about-team__portrait { height:260px; } } @media (prefers-reduced-motion:reduce) { .tivan-about-page .about-button,.tivan-about-page .about-intro__play-icon,.tivan-about-page .about-journey__number,.tivan-about-page .about-journey__picture,.tivan-about-page .about-journey__picture img,.tivan-about-page .about-team__portrait::before,.tivan-about-page .about-team__card h3,.tivan-about-page .about-honors__item,.tivan-about-page .about-honors__item::after,.tivan-about-page .about-honors__expand { transition:none; } .tivan-about-page .about-intro__play-ring { animation:none; } .tivan-about-page .about-video-modal[open],.tivan-about-page .about-video-modal[open].is-closing,.tivan-about-page .about-video-modal[open]::backdrop,.tivan-about-page .about-video-modal[open].is-closing::backdrop { animation:none; } } /* WordPress/Elementor integration. Original card geometry and artwork above are from the supplied HTML. */ @font-face{font-family:TivanaAboutBakh;src:url('./assets/YekanBakh-Regular.woff2') format('woff2');font-weight:400;font-display:swap} @font-face{font-family:TivanaAboutBakh;src:url('./assets/YekanBakh-SemiBold.woff2') format('woff2');font-weight:600;font-display:swap} @font-face{font-family:TivanaAboutBakh;src:url('./assets/YekanBakh-Bold.woff2') format('woff2');font-weight:700;font-display:swap} .elementor-widget-tivan-about-page{width:100%;min-width:0;--container-widget-width:100%} .tivan-about-page{--about-section-gap:128px;--about-content-width:1280px;--about-edge:20px;--about-timeline-fade:76px;gap:var(--about-section-gap);font-family:TivanaAboutBakh,sans-serif;min-width:0} .tivan-about-page>section{display:grid;grid-template-columns:minmax(var(--about-edge),1fr) minmax(0,var(--about-content-width)) minmax(var(--about-edge),1fr);height:auto;min-width:0} .tivan-about-page>section>.container{grid-column:2;max-width:none;width:100%;padding:0;margin:0;min-width:0;display:flex;flex-direction:column} .tivan-about-page :is(button,a){-webkit-tap-highlight-color:transparent} .tivan-about-page .about-timeline{padding:0;grid-template-rows:32px auto} .tivan-about-page .about-timeline>.container{grid-row:2;gap:20px} .tivan-about-page .about-timeline__viewport{margin:0;width:100%} .tivan-about-page .about-timeline__viewport::before,.tivan-about-page .about-timeline__viewport::after{display:block;width:var(--about-timeline-fade)} .tivan-about-page .about-timeline__track{position:static;transform:none;width:100%;height:407px;direction:rtl;align-items:stretch} .tivan-about-page .about-timeline__card{scroll-snap-align:center;flex:0 0 305px;transition:filter .5s,transform .5s cubic-bezier(.22,1,.36,1)} .tivan-about-page .about-timeline__card.is-active{filter:brightness(1.06)} .tivan-about-page .about-timeline__card-copy{display:flex;flex-direction:column;gap:0} .tivan-about-page .about-carousel-track{overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;cursor:grab;min-width:0} .tivan-about-page .about-carousel-track::-webkit-scrollbar{display:none} .tivan-about-page .about-carousel-track.is-dragging,.tivan-about-page .about-carousel-track.is-animating{scroll-snap-type:none;user-select:none} .tivan-about-page .about-carousel-track.is-dragging{cursor:grabbing} .tivan-about-page .about-timeline__track::before,.tivan-about-page .about-timeline__track::after{content:'';flex:0 0 max(0px,calc(50% - 176.5px))} .tivan-about-page .about-intro__inner{margin:0;align-self:center;min-height:561px;height:auto} .tivan-about-page .about-intro__content{display:flex;flex-direction:column;gap:24px} .tivan-about-page .about-intro__title,.tivan-about-page .about-intro__description,.tivan-about-page .about-intro__facts{margin:0} .tivan-about-page .about-intro__facts{gap:12px} .tivan-about-page .about-intro__facts :is(strong,span){white-space:normal} .tivan-about-page .about-intro__actions{flex-wrap:wrap} .tivan-about-page .about-button{border:0 solid transparent;padding:0;gap:16px} .tivan-about-page .about-button::before,.tivan-about-page .about-button::after{content:''} .tivan-about-page .about-intro__logo{position:absolute;left:var(--about-logo-x,55%);top:var(--about-logo-y,15%);width:var(--about-logo-width,34%);height:var(--about-logo-height,13%);transform:translate(-50%,-50%);background:var(--about-logo-bg,#062965);display:grid;place-items:center;z-index:2} .tivan-about-page .about-intro__logo img{width:90%;height:90%;object-fit:contain} .tivan-about-page .about-heading{margin:0;align-self:center} .tivan-about-page .about-journey>.container,.tivan-about-page .about-team>.container{gap:48px} .tivan-about-page .about-journey>.container>.about-heading,.tivan-about-page .about-team>.container>.about-heading,.tivan-about-page .about-honors>.container>.about-heading{margin:0} .tivan-about-page .about-journey__cards{margin:0;overflow:visible;cursor:default} .tivan-about-page .about-journey__card{gap:24px} .tivan-about-page .about-journey__number,.tivan-about-page .about-journey__card h3,.tivan-about-page .about-journey__card p{margin:0} .tivan-about-page .about-journey__picture{margin-top:auto;flex-shrink:0} .tivan-about-page .about-team__grid{--team-items:4;display:flex;direction:ltr;align-items:stretch;gap:20px;margin:0} .tivan-about-page .about-team__card{display:block;flex:0 0 calc((100% - (var(--team-items) - 1)*20px)/var(--team-items));scroll-snap-align:start;direction:rtl} .tivan-about-page .about-team__portrait{margin:0} .tivan-about-page .about-team__card h3{margin-top:16px} .tivan-about-page .about-team__card.is-active h3{color:var(--about-blue)} .tivan-about-page .about-carousel-controls{display:flex;align-items:center;justify-content:center;gap:12px;direction:rtl} .tivan-about-page .about-team .about-carousel-controls{margin-top:-16px} .tivan-about-page .about-carousel-arrow{all:unset;box-sizing:border-box;display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--about-blue);border-radius:3px;color:var(--about-blue);cursor:pointer;transition:background .2s,color .2s} .tivan-about-page .about-carousel-arrow svg{width:24px;height:24px} .tivan-about-page .about-carousel-controls--products .about-carousel-prev svg{transform:rotate(180deg)} .tivan-about-page .about-carousel-arrow:disabled{color:#cecece;border-color:#cecece;cursor:default} .tivan-about-page .about-carousel-arrow:not(:disabled):hover{background:#3295ff15} .tivan-about-page .about-carousel-dots{display:flex;justify-content:center;align-items:center;gap:4px;direction:rtl} .tivan-about-page .about-carousel-dot{all:unset;box-sizing:border-box;display:grid;place-items:center;width:12px;height:24px;cursor:pointer} .tivan-about-page .about-carousel-dot::before{content:'';width:9px;height:8px;background:#cecece;transition:width .25s,background .25s,box-shadow .25s} .tivan-about-page .about-carousel-dot.is-active{width:26px} .tivan-about-page .about-carousel-dot.is-active::before{width:24px;background:var(--about-blue);box-shadow:0 0 10px 3px #3295ff99} .tivan-about-page .about-journey__dots{display:none} .tivan-about-page .about-honors>.container{gap:56px} .tivan-about-page .about-honors__viewport{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;gap:12px;align-items:center;position:static;width:100%;height:auto;margin:0;overflow:visible;direction:rtl} .tivan-about-page .about-honors__cards{grid-column:2;grid-row:1;width:100%;height:313px;gap:0;direction:ltr} .tivan-about-page .about-honors__cards::before,.tivan-about-page .about-honors__cards::after{content:'';flex:0 0 max(0px,calc(50% - 203px))} .tivan-about-page .about-honors__slide{flex:0 0 406px;min-width:0;display:grid;place-items:center;scroll-snap-align:center} .tivan-about-page .about-honors__item{all:unset;box-sizing:border-box;position:relative;display:block;flex:none;width:414px;height:293px;border:1px solid #d9d9d9;background:linear-gradient(140deg,#d8e0e8,#fff);overflow:hidden;transform:scale(.739);transition:transform .55s cubic-bezier(.22,1,.36,1);cursor:zoom-in} .tivan-about-page .about-honors__slide.is-active .about-honors__item{transform:scale(1)} .tivan-about-page .about-honors__item:focus-visible::after{opacity:1} .tivan-about-page .about-honors__expand{border-radius:12px;background:#ffffff50;font-size:40px;color:white} .tivan-about-page .about-honors__item:focus-visible .about-honors__expand{opacity:1;transform:translate(-50%,-50%)} .tivan-about-page .about-carousel-controls--shop{display:contents} .tivan-about-page .about-carousel-controls--shop .about-carousel-arrow{width:40px;height:40px;grid-row:1;border:0;border-radius:4px;background:#fff} .tivan-about-page .about-carousel-controls--shop .about-carousel-prev{grid-column:1} .tivan-about-page .about-carousel-controls--shop .about-carousel-next{grid-column:3} .tivan-about-page .about-carousel-controls--shop .about-carousel-next svg{transform:rotate(180deg)} .tivan-about-page .about-carousel-controls--shop .about-carousel-arrow:not(:disabled):hover{color:var(--about-dark)} .tivan-about-page :is(button,a,[tabindex]):focus-visible{outline:2px solid var(--about-blue);outline-offset:-2px} .tivan-about-page .about-page-modal{width:min(900px,calc(100vw - 40px));max-height:90dvh;border:0;border-radius:12px;background:var(--about-dark);color:#fff;overflow:visible;padding:0} .tivan-about-page .about-page-modal::backdrop{background:#000c;backdrop-filter:blur(8px)} .tivan-about-page .about-page-modal[open]{animation:about-video-enter .35s ease both} .tivan-about-page .about-page-modal img,.tivan-about-page .about-page-modal video{display:block;width:100%;max-height:85dvh;object-fit:contain} .tivan-about-page .about-page-modal-close{all:unset;position:absolute;top:-16px;right:-16px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--about-blue);color:#fff;font-size:26px;cursor:pointer;z-index:1} .tivan-about-page [hidden]{display:none!important} @media(min-width:768px) and (max-width:1100px){.tivan-about-page .about-team__grid{--team-items:2}} @media(max-width:767px){ .tivan-about-page{--about-section-gap:80px;--about-edge:16px;--about-timeline-fade:35px} .tivan-about-page .about-timeline__track{gap:16px} .tivan-about-page .about-timeline__card{flex-basis:min(305px,calc(100vw - 48px))} .tivan-about-page .about-timeline__track::before,.tivan-about-page .about-timeline__track::after{flex-basis:max(0px,calc(50% - min(152.5px,(100vw - 48px)/2) - 16px))} .tivan-about-page .about-intro{min-height:0} .tivan-about-page .about-intro__inner{row-gap:24px;min-height:0} .tivan-about-page .about-intro__content{display:contents} .tivan-about-page .about-intro__title{justify-self:center;margin:0} .tivan-about-page .about-intro__media{margin:0} .tivan-about-page .about-intro__facts{justify-self:center;gap:27px 20px} .tivan-about-page .about-button{height:34px;font-size:14px} .tivan-about-page .about-journey>.container,.tivan-about-page .about-team>.container{gap:35px} .tivan-about-page .about-journey__cards{display:flex;gap:24px;overflow-x:auto;cursor:grab} .tivan-about-page .about-journey__card{display:flex;flex:0 0 100%;gap:16px;scroll-snap-align:start} .tivan-about-page .about-journey__card p{font-size:16px;line-height:32px} .tivan-about-page .about-journey__dots{display:flex;margin:0} .tivan-about-page .about-team__grid{--team-items:1} .tivan-about-page .about-team__card{margin:0;width:auto} .tivan-about-page .about-team__portrait{height:278px} .tivan-about-page .about-team .about-carousel-controls{margin:0} .tivan-about-page .about-honors>.container{gap:36px} .tivan-about-page .about-honors__viewport{gap:8px;grid-template-columns:32px minmax(0,1fr) 32px} .tivan-about-page .about-carousel-controls--shop .about-carousel-arrow{width:32px;height:40px} .tivan-about-page .about-honors__cards{height:auto;min-height:160px;aspect-ratio:278/217} .tivan-about-page .about-honors__slide{flex-basis:100%;height:100%} .tivan-about-page .about-honors__item{width:100%;height:auto;aspect-ratio:414/293} .tivan-about-page .about-honors__cards::before,.tivan-about-page .about-honors__cards::after{flex-basis:0} } @media(prefers-reduced-motion:reduce){.tivan-about-page *,.tivan-about-page *::before,.tivan-about-page *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}} .tivan-about-page .about-page-modal-status{min-height:180px;display:grid;place-items:center;text-align:center}