.cy-blog{display:block}.cy-blog__title,.cy-blog__title p{margin:0 0 clamp(24px,2.778vw,40px);text-align:center;color:var(--cyb-title-color, #003C5E);font-family:var(--font-family-cooper-black, CooperBlkBT-Regular, serif);font-size:clamp(28px,3.333vw,48px);font-weight:400;line-height:110%;letter-spacing:0}.cy-blog__layout{display:grid;grid-template-columns:1fr clamp(200px,30vw,360px);gap:clamp(16px,2.222vw,32px);align-items:start}.cy-blog__main{display:flex;flex-direction:column;gap:0;position:sticky;top:20px;align-self:start}.cy-blog__player{position:relative;border-radius:16px;overflow:hidden;background:#000;aspect-ratio:16 / 9;cursor:pointer}.cy-blog__player-thumb{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.cy-blog__player-thumb img{display:block;width:100%;height:100%;object-fit:cover}.cy-blog__play-btn{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000026;border:none;cursor:pointer;padding:0;width:100%}.cy-blog__play-icon{width:clamp(48px,5vw,88px);height:clamp(48px,5vw,88px);border-radius:50%;background:#fffcf6;display:flex;align-items:center;justify-content:center;transition:transform .2s ease;border:1px solid var(--cyb-accent, #2EE1FF)}.cy-blog__play-btn:hover .cy-blog__play-icon{transform:scale(1.08)}.cy-blog__play-icon svg{display:flex;align-items:center;justify-content:center}.cy-blog__player-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:none}.cy-blog__player-video iframe,.cy-blog__player-video video{width:100%;height:100%;border:none;display:block}.cy-blog__player--playing .cy-blog__player-thumb{display:none}.cy-blog__player--playing .cy-blog__player-video{display:block}.cy-blog__info{padding:clamp(16px,1.667vw,20px) 0;display:flex;flex-direction:column;gap:clamp(16px,1.689vw,20px)}.cy-blog__article-title{margin:0;color:var(--cyb-title-color, #003C5E);font-family:var(--font-family-futura, Futura, var(--font-family-4, sans-serif));font-size:clamp(24px,1.667vw,32px);font-weight:700;line-height:130%}.cy-blog__article-link{color:inherit;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px;transition:text-decoration-color .3s ease}.cy-blog__article-link:hover{text-decoration-color:currentColor}.cy-blog__author{display:flex;align-items:center;gap:10px}.cy-blog__author-photo{width:48px;height:48px;border-radius:50%;object-fit:cover;flex-shrink:0}.cy-blog__author-name{margin:0;color:var(--cyb-title-color, #003C5E);font-family:var(--font-family-futura, Futura, var(--font-family-4, sans-serif));font-size:14px;font-weight:700;line-height:130%}.cy-blog__author-role{margin:4px 0 0;color:var(--cyb-title-color, #003C5E);font-family:var(--font-family-2, sans-serif);font-size:14px;font-weight:500;line-height:130%}.cy-blog__transcript{background:var(--cyb-transcript-bg, #FFFCF6);border-radius:8px;padding:clamp(16px,2.25vw,24px) clamp(16px,2.389vw,24px);display:flex;flex-direction:column;gap:clamp(8px,20px,20px)}.cy-blog__transcript-label{margin:0;color:var(--cyb-title-color, #003C5E);font-family:var(--font-family-futura, Futura, var(--font-family-4, sans-serif));font-size:clamp(16px,1.389vw,18px);font-weight:700;line-height:130%}.cy-blog__transcript-text{margin:0;color:var(--cyb-title-color, #003C5E);font-family:var(--font-family-futura, Futura, var(--font-family-4, sans-serif));font-size:clamp(14px,1.111vw,18px);font-style:normal;font-weight:500;line-height:170%;letter-spacing:.36px}.cy-blog__more{display:inline-flex;align-items:center;gap:4px;background:none;border:none;padding:0;margin-left:6px;cursor:pointer;color:var(--cyb-title-color, #003C5E);font-family:inherit;font-size:inherit;font-weight:800;line-height:inherit;letter-spacing:inherit;text-underline-offset:3px;white-space:nowrap}.cy-blog__sidebar{position:sticky;top:20px;display:flex;flex-direction:column;gap:20px}.cy-blog__sidebar-nav{display:flex;gap:8px}.cy-blog__nav-btn{flex:1;padding:8px 12px;border:1px solid var(--cyb-nav-border, #093A5D);border-radius:8px;background:var(--cyb-nav-bg, #EFEBE1);color:var(--cyb-nav-border, #093A5D);font-family:var(--font-family-2, sans-serif);font-size:16px;font-style:normal;font-weight:700;line-height:100%;text-transform:lowercase;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:opacity .2s}.cy-blog__nav-btn svg{margin-top:2px}.cy-blog__nav-btn:hover{opacity:.8}.cy-blog__nav-btn:disabled{opacity:.4;cursor:default}.cy-blog__sidebar-list{display:flex;flex-direction:column;gap:12px}.cy-blog__item{display:flex;flex-direction:column;gap:6px;cursor:pointer}.cy-blog__item-thumb{position:relative;aspect-ratio:16 / 9;overflow:hidden;border-radius:16px;border:1px solid transparent;transition:border-color .2s}.cy-blog__item--active .cy-blog__item-thumb{border-color:var(--cyb-accent, #2EE1FF)}.cy-blog__item-preview{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s ease}.cy-blog__item-preview.is-ready{opacity:1}.cy-blog__item-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.cy-blog__item:hover .cy-blog__item-thumb img{transform:scale(1.04)}.cy-blog__item-title{display:block;margin:0;padding:0 4px 6px;color:var(--cyb-title-color, #003C5E);text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px;font-family:var(--font-family-2, sans-serif);font-size:clamp(16px,18px,18px);font-weight:700;line-height:140%;transition:text-decoration-color .3s ease;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.cy-blog__item-title:hover{text-decoration-color:currentColor}@media(max-width:749px){.cy-blog__layout{grid-template-columns:1fr}.cy-blog__main,.cy-blog__sidebar{position:static}.cy-blog__sidebar-nav{display:none}.cy-blog__sidebar-list{max-height:none;display:flex;flex-direction:column;gap:12px}.cy-blog__item{flex-direction:row;align-items:center;gap:16px}.cy-blog__item-thumb{flex-shrink:0;height:96px}.cy-blog__item-title{padding:0;font-size:16px;-webkit-line-clamp:3}.cy-blog__transcript{gap:8px}.cy-blog__play-icon svg{width:24px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/cy-main-blog.css.map */