.bpx{--display: var(--font-heading-family, "Archivo Black", sans-serif);position:relative;overflow-x:hidden}.bpx *{box-sizing:border-box}.bpx-progress{position:fixed;top:0;left:0;right:0;height:3px;background:#0000000f;z-index:200}.bpx-progress-bar{height:100%;width:0;background:var(--accent);transition:width .05s linear}.bpx-hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:stretch;min-height:600px;border-bottom:1px solid rgba(0,0,0,.1)}.bpx-hero-container{padding:72px 56px;display:flex;flex-direction:column;justify-content:center}.bpx-hero-meta{margin-bottom:28px}.bpx-breadcrumb{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;opacity:.7;margin-bottom:12px}.bpx-hero-tags{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;opacity:.65}.bpx-tag{color:var(--accent);font-weight:800;letter-spacing:.22em}.bpx-tag-dot{opacity:.4}.bpx-hero-h1{font-family:var(--display);font-size:clamp(40px,5.5vw,80px);line-height:.95;letter-spacing:-.025em;margin:0 0 24px}.bpx-hero-dek{font-size:19px;line-height:1.55;opacity:.78;max-width:520px;margin:0 0 36px}.bpx-byline{display:flex;align-items:center;gap:14px}.bpx-byline-avatar{width:44px;height:44px;border-radius:50%;background:var(--cocoa);color:#f2ebe0;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:14px}.bpx-byline-name{font-size:14px;font-weight:700;margin-bottom:4px}.bpx-byline-role{font-size:11px;letter-spacing:.12em;font-weight:600;opacity:.6;text-transform:uppercase}.bpx-hero-img{position:relative;background:var(--cocoa);overflow:hidden}.bpx-hero-img img{width:100%;height:100%;object-fit:cover}.bpx-hero-img-empty{min-height:400px}.bpx-article{max-width:1280px;margin:0 auto;padding:72px 32px 96px;display:grid;grid-template-columns:240px 1fr;gap:64px;align-items:start}.bpx-toc{position:sticky;top:32px}.bpx-toc-label{display:inline-flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.22em;font-weight:700;text-transform:uppercase;opacity:.7;margin-bottom:18px}.bpx-toc-bar{display:inline-block;width:22px;height:2px;background:var(--accent)}.bpx-toc-list{list-style:none;padding:0;margin:0}.bpx-toc-item{border-left:1px solid rgba(0,0,0,.1)}.bpx-toc-item.is-active{border-left-color:var(--accent)}.bpx-toc-item a{display:flex;gap:10px;padding:10px 0 10px 14px;font-size:13px;line-height:1.4;text-decoration:none;color:inherit;opacity:.55;transition:opacity .18s ease}.bpx-toc-item.is-active a{opacity:1}.bpx-toc-num{font-family:var(--display);font-size:11px;opacity:.4;min-width:22px}.bpx-toc-item.is-active .bpx-toc-num{color:var(--accent);opacity:1}.bpx-content{max-width:760px;min-width:0}.bpx-richtext p{font-size:18px;line-height:1.7;margin:0 0 1.4em}.bpx-richtext strong{font-weight:700}.bpx-richtext a{color:var(--accent)}.bpx-quote{position:relative;margin:48px 0;padding:32px 0 32px 56px;border-left:4px solid var(--accent)}.bpx-quote-mark{position:absolute;top:-10px;left:16px;font-family:var(--display);font-size:72px;line-height:1;color:var(--accent);opacity:.5}.bpx-quote p{font-family:var(--display);font-size:clamp(22px,2.2vw,30px);line-height:1.25;margin:0;letter-spacing:-.005em}.bpx-quote cite{display:block;margin-top:14px;font-size:12px;letter-spacing:.14em;font-weight:600;opacity:.6;text-transform:uppercase;font-style:normal}.bpx-step{margin:64px 0;scroll-margin-top:24px}.bpx-step-head{display:grid;grid-template-columns:88px 1fr;gap:20px;align-items:center;margin-bottom:28px}.bpx-step-num{font-family:var(--display);font-size:64px;line-height:.9;letter-spacing:-.04em;color:var(--accent)}.bpx-step-time{font-size:11px;letter-spacing:.18em;font-weight:700;opacity:.55;text-transform:uppercase;margin-bottom:6px}.bpx-step-h2{font-family:var(--display);font-size:clamp(26px,3vw,40px);line-height:1;letter-spacing:-.015em;margin:0}.bpx-step-img{margin:0 0 28px;border-radius:8px;overflow:hidden;aspect-ratio:4/3}.bpx-step-img img{width:100%;height:100%;object-fit:cover}.bpx-tip{margin:28px 0;padding:24px 28px;background:var(--paper);border-radius:8px;border-left:4px solid var(--accent)}.bpx-tip-label{font-size:11px;letter-spacing:.18em;font-weight:700;text-transform:uppercase;color:var(--accent);margin-bottom:10px}.bpx-tip .bpx-richtext p{font-size:15px;line-height:1.6;margin:0;opacity:.85}.bpx-textsection{margin-top:64px;scroll-margin-top:24px}.bpx-section-h2{font-family:var(--display);font-size:clamp(30px,4vw,52px);line-height:.95;letter-spacing:-.02em;margin:0 0 24px}.bpx-conclusion{font-family:var(--display);font-size:28px;line-height:1.1;letter-spacing:-.01em;margin-top:28px;color:var(--accent)}.bpx-newsletter{margin:72px 0;background:var(--cocoa);color:#f2ebe0;border-radius:12px;padding:56px}.bpx-newsletter-inner{max-width:560px}.bpx-newsletter-tag{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--accent);color:var(--accent);padding:5px 12px 5px 10px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.18em;margin-bottom:22px}.bpx-newsletter-dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}.bpx-newsletter-h3{font-family:var(--display);font-size:clamp(26px,3vw,40px);line-height:1.05;letter-spacing:-.015em;margin:0 0 16px}.bpx-newsletter-sub{font-size:16px;line-height:1.55;opacity:.75;margin:0 0 26px}.bpx-newsletter-form{display:flex;gap:10px;margin-bottom:14px;flex-wrap:wrap}.bpx-newsletter-form input{flex:1;min-width:220px;padding:14px 18px;border:1px solid rgba(255,255,255,.18);background:#ffffff0a;color:#f2ebe0;border-radius:999px;font-family:inherit;font-size:14px}.bpx-newsletter-form input::placeholder{color:#ffffff73}.bpx-newsletter-form button{padding:14px 24px;border:none;border-radius:999px;font-weight:700;font-size:14px;background:var(--accent);color:var(--accent-ink);cursor:pointer}.bpx-newsletter-meta{font-size:11px;letter-spacing:.12em;font-weight:600;opacity:.55;text-transform:uppercase}@media(max-width:1100px){.bpx-hero{grid-template-columns:1fr;min-height:0}.bpx-hero-container{padding:48px 28px}.bpx-hero-img{aspect-ratio:16/9}.bpx-article{grid-template-columns:1fr;gap:32px;padding:48px 24px 72px}.bpx-toc{position:relative;top:0}}@media(max-width:640px){.bpx-step-head{grid-template-columns:56px 1fr;gap:14px}.bpx-step-num{font-size:44px}.bpx-newsletter{padding:36px 24px}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/blogpost-editorial.css.map */