.blog-hub{--ink:#111512;--paper:#f3f1eb;--sage:#dfe7df;--line:rgba(17,21,18,.14);color:var(--ink);background:#faf9f6}.blog-hub h1,.blog-hub h2,.blog-hub h3{margin:0;letter-spacing:-.045em}.blog-kicker{margin:0 0 1.7rem;font-size:1.1rem;font-weight:700;letter-spacing:.16em;color:#bcc8bd}.blog-kicker--dark{color:#627568}.blog-hero{background:#101713;color:#fff}.blog-hero__inner{display:grid;grid-template-columns:1.35fr .65fr;align-items:end;gap:8rem;min-height:52rem;padding-top:7rem;padding-bottom:7rem}.blog-hero h1{color:#fff;font-size:clamp(5.2rem,7vw,9.2rem);line-height:.95}.blog-hero__side{padding-bottom:.8rem}.blog-hero__side p{margin:0 0 3rem;font-size:1.75rem;line-height:1.65;color:#ffffffa8}.blog-hero__side a{display:flex;justify-content:space-between;padding:1.8rem 0;border-block:1px solid rgba(255,255,255,.25);color:#fff;text-decoration:none;font-weight:700}.blog-feature{display:grid;grid-template-columns:1.1fr .9fr;gap:7rem;align-items:center;padding-top:7.5rem;padding-bottom:7.5rem}.blog-feature__visual{position:relative;display:block;overflow:hidden;min-height:42rem;background:#18221c}.blog-fabric{position:absolute;width:25rem;height:34rem;border:1px solid rgba(255,255,255,.16);box-shadow:0 2rem 5rem #0000004d}.blog-fabric--one{z-index:3;left:14%;top:5rem;transform:rotate(-8deg);background:repeating-linear-gradient(120deg,rgba(255,255,255,.08) 0 1px,transparent 1px 5px),#2e4938}.blog-fabric--two{z-index:2;left:40%;top:1rem;transform:rotate(5deg);background:radial-gradient(circle,rgba(255,255,255,.2) 1px,transparent 1.5px),#202a24;background-size:8px 8px}.blog-fabric--three{left:62%;top:6rem;transform:rotate(13deg);background:repeating-linear-gradient(90deg,rgba(255,255,255,.08) 0 2px,transparent 2px 7px),#667067}.blog-feature__copy h2,.blog-heading h2,.blog-process h2,.blog-cta h2{font-size:clamp(3.7rem,4.6vw,6rem);line-height:1.04}.blog-feature__copy>p:not(.blog-kicker){margin:2.4rem 0;color:#111512a6;font-size:1.65rem;line-height:1.7}.blog-arrow-link{display:flex;justify-content:space-between;padding:1.7rem 0;border-block:1px solid var(--line);color:var(--ink);font-weight:700;text-decoration:none}.blog-guides{padding:7.5rem 0;background:var(--paper)}.blog-heading{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:6rem;margin-bottom:4rem}.blog-heading>p{margin:0;color:#1115129e;font-size:1.55rem;line-height:1.65}.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.4rem}.blog-card{position:relative;display:grid;grid-template-rows:18rem 1fr;min-height:41rem;padding:2.5rem;background:#fff;border:1px solid var(--line);color:var(--ink);text-decoration:none;transition:.25s}.blog-card:hover{transform:translateY(-3px);box-shadow:0 1.8rem 4rem #11151214}.blog-card--dark{background:#17211b;color:#fff}.blog-card--sage{background:var(--sage)}.blog-card__index{position:absolute;z-index:2;top:2.5rem;left:2.5rem;font-size:1.1rem;font-weight:700;letter-spacing:.14em}.blog-card__art{margin:-2.5rem -2.5rem 2.5rem}.blog-card__art--pitch{background:linear-gradient(90deg,transparent 49.7%,rgba(255,255,255,.3) 50%,transparent 50.3%),linear-gradient(#2d5139,#1b2b21)}.blog-card__art--court{background:radial-gradient(circle at 50% 100%,transparent 0 8rem,rgba(116,83,53,.35) 8.1rem 8.3rem,transparent 8.4rem),#d9cbb8}.blog-card__art--net{background:repeating-linear-gradient(90deg,transparent 0 2.8rem,rgba(255,255,255,.2) 2.9rem 3rem),repeating-linear-gradient(0deg,transparent 0 2.8rem,rgba(255,255,255,.2) 2.9rem 3rem),#425b49}.blog-card__art--numbers{display:flex;align-items:center;justify-content:center;color:#1115121f;font-size:5rem;font-weight:800;line-height:.8;letter-spacing:.2em}.blog-card__body{align-self:end}.blog-card__body p{margin:0 0 1.1rem;font-size:1rem;font-weight:700;letter-spacing:.14em;color:#69786d}.blog-card--dark .blog-card__body p{color:#aebbaf}.blog-card__body h3{font-size:2.8rem;line-height:1.08}.blog-card__body>span{display:block;margin-top:2.2rem;font-weight:700}.blog-card--wide{grid-column:1/-1;grid-template-columns:1fr .8fr;grid-template-rows:1fr;overflow:hidden;min-height:32rem;background:#263e2e;color:#fff}.blog-card--wide .blog-card__body{align-self:center;padding:2rem}.blog-card--wide h3{font-size:clamp(3.6rem,4.5vw,5.8rem)}.blog-card__ring{position:absolute;right:-8rem;top:-13rem;width:48rem;height:48rem;border:1px solid rgba(255,255,255,.22);border-radius:50%;box-shadow:0 0 0 5rem #ffffff08,0 0 0 10rem #ffffff06}.blog-process{display:grid;grid-template-columns:.8fr 1.2fr;gap:8rem;padding-top:7.5rem;padding-bottom:7.5rem}.blog-process ol{margin:0;padding:0;list-style:none}.blog-process li{display:grid;grid-template-columns:5rem 1fr;gap:2rem;padding:2.2rem 0;border-top:1px solid var(--line)}.blog-process li:last-child{border-bottom:1px solid var(--line)}.blog-process li>span{font-size:1.1rem;color:#718078}.blog-process strong{font-size:1.8rem}.blog-process li p{margin:.7rem 0 0;color:#11151299;line-height:1.6}.blog-cta{display:grid;grid-template-columns:1fr 1fr;gap:8rem;margin-bottom:7.5rem;padding:5.5rem;background:#111512;color:#fff}.blog-cta>div:last-child{align-self:end}.blog-cta>div:last-child p{margin:0 0 2.5rem;color:#ffffffa6;font-size:1.6rem;line-height:1.65}.blog-cta a{display:inline-flex;padding:1.5rem 2.4rem;background:#f3f1eb;color:#111512;font-weight:700;text-decoration:none}@media(max-width:989px){.blog-hero__inner,.blog-feature,.blog-process{grid-template-columns:1fr;gap:4rem}.blog-hero__inner{min-height:auto}.blog-feature__visual{min-height:34rem}.blog-heading{grid-template-columns:1fr;gap:2rem}}@media(max-width:749px){.blog-hero__inner{padding-block:5.5rem}.blog-hero h1{font-size:4.8rem}.blog-hero__side p{font-size:1.5rem}.blog-feature,.blog-guides,.blog-process{padding-block:5.5rem}.blog-feature__visual{min-height:28rem}.blog-fabric{width:15rem;height:23rem}.blog-fabric--one{left:4%}.blog-fabric--two{left:33%}.blog-fabric--three{left:60%}.blog-grid{grid-template-columns:1fr}.blog-card{min-height:36rem}.blog-card--wide{grid-column:auto;grid-template-columns:1fr;min-height:36rem}.blog-cta{grid-template-columns:1fr;gap:3rem;margin-bottom:5.5rem;padding:4rem 2.4rem}.blog-heading h2,.blog-feature__copy h2,.blog-process h2,.blog-cta h2{font-size:3.8rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/page-blog-hub.css.map */