.bluve-article{background:var(--bluve-white);padding-top:var(--section-padding-top, 80)}.art-progress{position:sticky;top:0;z-index:40;height:3px;background:transparent}.art-progress__fill{height:100%;width:0;background:linear-gradient(90deg,var(--bluve-cobalt),var(--bluve-aqua));transition:width .1s linear}.art-head{max-width:760px;margin:0 auto;padding-inline:var(--bluve-gutter, 24px);padding-bottom:30px;text-align:center}.art-head__cat{font-family:var(--bluve-font-body);font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--bluve-cobalt)}.art-head__title{font-family:var(--bluve-font-body);font-weight:700;font-size:var(--bluve-h1-size);line-height:var(--bluve-h1-line-height);letter-spacing:var(--bluve-h1-letter-spacing);text-transform:capitalize;color:var(--section-heading-color, var(--bluve-ink));margin:16px 0 0}.art-head__dek{font-family:var(--bluve-font-body);font-size:var(--bluve-h5-size);line-height:var(--bluve-h5-line-height);color:var(--section-text-color, var(--bluve-ink-2));margin:18px auto 0;max-width:56ch}.art-head__meta{display:flex;align-items:center;justify-content:center;gap:13px;margin-top:26px;font-family:var(--bluve-font-body);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--bluve-ink-3)}.art-head__meta .art-dot{width:4px;height:4px;border-radius:50%;background:var(--bluve-silver, #c5d0dc)}.art-head__author{display:inline-flex;align-items:center;gap:9px}.art-head__avatar{width:26px;height:26px;border-radius:50%;background:linear-gradient(145deg,var(--bluve-mist),var(--bluve-cobalt));display:grid;place-items:center;font-family:var(--bluve-font-body);font-weight:700;font-size:10px;color:var(--bluve-midnight);overflow:hidden}.art-head__avatar img{width:100%;height:100%;object-fit:cover}.art-hero{max-width:1100px;margin:8px auto 0;padding:0 var(--bluve-gutter, 24px)}.art-hero__media{position:relative;aspect-ratio:16 / 9;border-radius:var(--bluve-radius-lg, 16px);overflow:hidden;background:var(--bluve-ice);border:1px solid var(--bluve-hair, rgba(11,51,94,.08))}.art-hero__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.art-hero__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--bluve-ice) 0%,var(--bluve-frost) 100%)}.art-wrap{max-width:1100px;margin:0 auto;padding:44px var(--bluve-gutter, 24px) 30px;padding-bottom:var(--section-padding-bottom, 80);display:grid;grid-template-columns:1fr 680px 1fr;gap:0}.art-share{position:sticky;top:92px;align-self:start;display:flex;flex-direction:column;gap:10px}.art-share__label{font-family:var(--bluve-font-body);font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--bluve-ink-3);margin-bottom:4px}.art-share a{width:40px;height:40px;border-radius:50%;border:1px solid var(--bluve-hair-2, rgba(11,51,94,.12));display:grid;place-items:center;color:var(--bluve-ink-2);transition:background .3s var(--bluve-ease),color .3s var(--bluve-ease),border-color .3s var(--bluve-ease),transform .3s var(--bluve-ease)}.art-share a svg{width:17px;height:17px}.art-share a:hover,.art-share button:hover{background:var(--bluve-midnight);color:#fff;border-color:var(--bluve-midnight);transform:translateY(-2px)}.art-share button{width:40px;height:40px;border-radius:50%;border:1px solid var(--bluve-hair-2, rgba(11,51,94,.12));display:grid;place-items:center;color:var(--bluve-ink-2);background:transparent;cursor:pointer;transition:background .3s var(--bluve-ease),color .3s var(--bluve-ease),border-color .3s var(--bluve-ease),transform .3s var(--bluve-ease)}.art-share button svg{width:17px;height:17px}.art-share button.copied{background:var(--bluve-cobalt);color:#fff;border-color:var(--bluve-cobalt)}.art-content{grid-column:2;max-width:680px}.art-content>*{margin:0 0 22px}.art-content p{font-family:var(--bluve-font-body);font-size:var(--bluve-p-size);line-height:1.85;color:var(--section-text-color, var(--bluve-ink));letter-spacing:.005em}.art-content .lead{font-size:19px;line-height:1.7;color:var(--bluve-ink)}.art-content h2{font-family:var(--bluve-font-body);font-weight:700;font-size:var(--bluve-h4-size);line-height:var(--bluve-h2-line-height);letter-spacing:var(--bluve-h2-letter-spacing);color:var(--section-heading-color, var(--bluve-ink));text-transform:var(--bluve-h1-case);margin-top:40px}.art-content h3{font-family:var(--bluve-font-body);font-weight:700;font-size:var(--bluve-h5-size);line-height:var(--bluve-h5-line-height);letter-spacing:var(--bluve-h5-letter-spacing);color:var(--bluve-cobalt);text-transform:var(--bluve-h1 -case);margin-top:30px}.art-content ul,.art-content ol{list-style:none;padding:0;display:flex;flex-direction:column;gap:12px}.art-content li{font-family:var(--bluve-font-body);font-size:15.5px;line-height:1.7;color:var(--bluve-ink);display:flex;gap:12px;align-items:baseline}.art-content ul li:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--bluve-cobalt);flex-shrink:0;transform:translateY(-2px)}.art-content ol{counter-reset:ol-counter}.art-content ol li:before{counter-increment:ol-counter;content:counter(ol-counter) ".";font-weight:700;color:var(--bluve-cobalt);flex-shrink:0}.art-content strong{color:var(--bluve-ink);font-weight:700}.art-content a{color:var(--bluve-cobalt);text-decoration:underline;text-underline-offset:3px}.art-content blockquote{border-left:3px solid var(--bluve-cobalt);padding:6px 0 6px 26px;margin:34px 0}.art-content blockquote p{font-family:var(--bluve-font-body);font-size:21px;line-height:1.5;color:var(--bluve-midnight);font-weight:400}.art-content figure{margin-inline:10px 0}.art-content figure img{width:100%;border-radius:var(--bluve-radius-md, 12px);border:1px solid var(--bluve-hair, rgba(11,51,94,.08))}.art-content figcaption{font-family:var(--bluve-font-body);font-size:12px;letter-spacing:.04em;color:var(--bluve-ink-3);margin-top:10px;text-align:center}.art-callout{background:var(--bluve-frost);border:1px solid var(--bluve-hair, rgba(11,51,94,.08));border-radius:var(--bluve-radius-md, 12px);padding:24px 26px;margin:32px 0}.art-callout h4{font-family:var(--bluve-font-body);font-weight:700;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--bluve-cobalt);margin:0 0 10px}.art-callout p{font-size:var(--bluve-h6-size);line-height:var(--bluve-h6-line-height);color:var(--bluve-ink-2);margin:0}.art-foot{max-width:680px;margin:10px auto 0;padding:30px var(--bluve-gutter, 24px) 0;border-top:1px solid var(--bluve-hair, rgba(11,51,94,.08));display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px}.art-tags{display:flex;flex-wrap:wrap;gap:8px}.art-tags a{font-family:var(--bluve-font-body);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--bluve-ink-2);background:var(--bluve-frost);border:1px solid var(--bluve-hair, rgba(11,51,94,.08));border-radius:var(--bluve-radius-pill, 100px);padding:7px 13px;text-decoration:none;transition:background .3s var(--bluve-ease),color .3s var(--bluve-ease)}.art-tags a:hover{background:var(--bluve-cobalt);color:#fff}.art-bio{max-width:680px;margin:36px auto 0;padding:26px var(--bluve-gutter, 24px);display:flex;gap:18px;align-items:center;background:var(--bluve-frost);border:1px solid var(--bluve-hair, rgba(11,51,94,.08));border-radius:var(--bluve-radius-lg, 16px)}.art-bio__avatar{width:56px;height:56px;flex-shrink:0;border-radius:50%;background:linear-gradient(145deg,var(--bluve-mist),var(--bluve-cobalt));display:grid;place-items:center;font-family:var(--bluve-font-body);font-weight:700;font-size:16px;color:var(--bluve-midnight);overflow:hidden}.art-bio__avatar img{width:100%;height:100%;object-fit:cover}.art-bio__info{flex:1}.art-bio__name{font-family:var(--bluve-font-body);font-weight:700;font-size:14px;color:var(--bluve-ink)}.art-bio__role{font-family:var(--bluve-font-body);font-size:11.5px;letter-spacing:.04em;color:var(--bluve-ink-3);margin-top:3px}.art-bio__text{font-family:var(--bluve-font-body);font-size:13px;line-height:1.6;color:var(--bluve-ink-2);margin-top:8px}.art-related{background:var(--bluve-cloud);border-top:1px solid var(--bluve-hair, rgba(11,51,94,.08))}.art-related__in{max-width:var(--bluve-wide, 1240px);margin:0 auto;padding:80px var(--bluve-gutter, 24px)}.art-related__h{font-family:var(--bluve-font-body);font-weight:700;font-size:var(--bluve-h2-size);line-height:var(--bluve-h2-line-height);letter-spacing:var(--bluve-h2-letter-spacing);text-transform:uppercase;color:var(--section-heading-color, var(--bluve-ink));margin-bottom:28px}.art-related__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.art-related-card{gap:16px}.art-related-card__category{font-family:var(--bluve-font-body);font-size:10px;font-weight:600;letter-spacing:.12em;line-height:1.2;text-transform:uppercase;color:var(--bluve-cobalt)}.art-related-card .acard__body{gap:9px}.art-content p:has(>img){position:relative;aspect-ratio:16 / 10;border-radius:14px;overflow:hidden;background:#e3ede5;border:1px solid rgba(11,51,94,.1);margin-bottom:0}.art-content p:has(>img)>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}@media(max-width:990px){.art-wrap{grid-template-columns:1fr;padding:32px var(--bluve-gutter, 24px) 20px}.art-share{position:static;flex-direction:row;gap:10px;margin-bottom:24px;grid-column:1}.art-share__label{display:none}.art-content{grid-column:1;max-width:100%}.art-related__grid{grid-template-columns:1fr;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:16px;margin:0 calc(-1 * var(--bluve-gutter, 24px));padding:0 var(--bluve-gutter, 24px) 6px}.art-related__grid>*{flex:0 0 80%;scroll-snap-align:center}.art-related__grid::-webkit-scrollbar{display:none}}@media(max-width:749px){.art-wrap{padding-bottom:var(--section-padding-bottom-mobile, 30)}.art-head{padding:32px var(--bluve-gutter, 24px) 22px}.art-head__title{font-size:26px}.art-content p{font-size:15.5px;line-height:1.85}.art-content h2{font-size:20px}.art-content blockquote p{font-size:18px}.art-bio{flex-direction:column;text-align:center;align-items:center}.bluve-article{padding-top:var(--section-padding-top-mobile, 80)}.art-related__in{padding:30px var(--bluve-gutter, 24px)}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/bluve-article.css.map */
