.blog-pillar-hero{--color-foreground: 253, 251, 248;--color-background: 28, 30, 34;background:rgb(var(--color-background));color:rgb(var(--color-foreground));overflow:hidden}.blog-pillar-hero__inner{display:grid;grid-template-columns:1fr;gap:clamp(2rem,4vw,3rem);align-items:center;max-width:var(--page-width);margin:0 auto;padding:clamp(2.5rem,5vw,4.5rem) clamp(1.5rem,3vw,3rem)}@media screen and (min-width:750px){.blog-pillar-hero__inner{grid-template-columns:3fr 2fr;gap:clamp(2rem,5vw,5rem)}.blog-pillar-hero--no-image .blog-pillar-hero__inner{grid-template-columns:1fr;max-width:52rem;text-align:center}.blog-pillar-hero--no-image .blog-pillar-hero__subheading{margin-inline:auto}}.blog-pillar-hero__breadcrumbs{margin-bottom:1rem}.blog-pillar-hero__breadcrumbs .breadcrumbs__link,.blog-pillar-hero__breadcrumbs .breadcrumbs__current,.blog-pillar-hero__breadcrumbs .breadcrumbs__icon{color:#c8c2ba}.blog-pillar-hero__heading{font-family:var(--font-heading-family);font-size:var(--text-5xl);font-weight:500;line-height:var(--leading-tight);letter-spacing:var(--tracking-tighter);color:#fdfbf8;margin:0}.blog-pillar-hero__subheading{font-family:var(--font-body-family);font-size:var(--text-lg);line-height:var(--leading-relaxed);color:#c8c2ba;margin-top:1.5rem;max-width:50ch}.blog-pillar-hero__subheading p{margin:0}.blog-pillar-hero__image-wrapper{border-radius:var(--radius-card, 8px);overflow:hidden;order:-1}@media screen and (min-width:750px){.blog-pillar-hero__image-wrapper{order:0}}.blog-pillar-hero__image-wrapper img{width:100%;height:auto;display:block;object-fit:cover;aspect-ratio:4 / 5}.blog-pillar__intro{padding:clamp(3rem,6vw,5rem) clamp(1.5rem,3vw,3rem);background:rgb(var(--color-background))}.blog-pillar__intro-column{max-width:65ch;margin:0 auto}.blog-pillar__intro-heading{font-family:var(--font-heading-family);font-weight:500;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:rgb(var(--color-foreground));margin:3rem 0 1rem}.blog-pillar__intro-heading:first-child{margin-top:0}h2.blog-pillar__intro-heading{font-size:var(--text-3xl)}h3.blog-pillar__intro-heading{font-size:var(--text-2xl)}.blog-pillar__intro-text{font-family:var(--font-body-family);font-size:var(--text-base);line-height:var(--leading-relaxed);color:rgb(var(--color-foreground))}.blog-pillar__intro-text p:first-child{font-size:var(--text-lg);line-height:var(--leading-relaxed)}.blog-pillar__intro-text p{margin:0 0 1.25rem}.blog-pillar__intro-text p:last-child{margin-bottom:0}.blog-pillar__intro-text a{color:rgb(var(--color-accent));text-decoration:underline;text-underline-offset:.15em}.blog-pillar__intro-image{margin:2rem 0;border-radius:var(--radius-card, 8px);overflow:hidden}.blog-pillar__intro-image img{width:100%;height:auto;display:block}.blog-pillar__intro-caption{font-family:var(--font-body-family);font-size:var(--text-xs);color:rgba(var(--color-foreground),.6);letter-spacing:var(--tracking-wide);margin-top:.5rem}.blog-pillar__pull-quote{font-family:var(--font-heading-family);font-size:var(--text-2xl);font-weight:400;font-style:italic;line-height:1.4;color:rgb(var(--color-foreground));border-left:3px solid rgb(var(--color-accent));padding-left:1.5rem;margin:2.5rem 0}.blog-pillar__pull-quote cite{display:block;font-family:var(--font-body-family);font-size:var(--text-sm);font-style:normal;color:rgba(var(--color-foreground),.6);margin-top:.75rem}.blog-pillar__directory{background:#f0ebe3;padding:clamp(3rem,6vw,5rem) clamp(1.5rem,3vw,3rem)}.blog-pillar__directory-inner{max-width:var(--page-width);margin:0 auto}.blog-pillar__directory-heading{font-family:var(--font-heading-family);font-size:var(--text-3xl);font-weight:500;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:rgb(var(--color-foreground));text-align:center;margin:0 0 clamp(2rem,3vw,3rem)}.blog-pillar__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:clamp(1.25rem,2vw,1.5rem)}.pillar-card{position:relative;background:rgb(var(--color-background));border-radius:var(--radius-card, 8px);overflow:hidden;box-shadow:var(--shadow-card);transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out);display:flex;flex-direction:column;contain:layout style paint;content-visibility:auto;contain-intrinsic-size:auto 480px}.pillar-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}.pillar-card:focus-within{outline:2px solid rgb(var(--color-accent));outline-offset:3px}.pillar-card__image{aspect-ratio:3 / 2;overflow:hidden;background:rgb(var(--color-linen, 228, 221, 211))}.pillar-card__image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--duration-slow) var(--ease-out)}.pillar-card:hover .pillar-card__image img{transform:scale(1.03)}.pillar-card__content{padding:1.25rem 1.25rem 1rem;display:flex;flex-direction:column;flex:1}.pillar-card__label{font-family:var(--font-body-family);font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:var(--tracking-label, .15em);color:rgb(var(--color-accent));margin-bottom:.5rem}.pillar-card__heading{font-family:var(--font-heading-family);font-size:var(--text-xl);font-weight:500;line-height:var(--leading-snug);color:rgb(var(--color-foreground));margin:0 0 .5rem}.pillar-card__heading a{text-decoration:none;color:inherit}.pillar-card__heading a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.pillar-card__excerpt{font-family:var(--font-body-family);font-size:var(--text-sm);line-height:var(--leading-normal);color:rgba(var(--color-foreground),.7);margin:0;flex:1}.pillar-card__meta{display:flex;align-items:center;gap:.75rem;font-family:var(--font-body-family);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);color:rgba(var(--color-foreground),.45);margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--border-subtle)}.pillar-card__meta-divider:before{content:"\b7"}.blog-pillar__collections{background:rgb(var(--color-background));padding:clamp(3rem,6vw,5rem) clamp(1.5rem,3vw,3rem);border-top:1px solid var(--border-subtle)}.blog-pillar__collections-inner{max-width:var(--page-width);margin:0 auto}.blog-pillar__collections-heading{font-family:var(--font-heading-family);font-size:var(--text-3xl);font-weight:500;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:rgb(var(--color-foreground));text-align:center;margin:0 0 clamp(1.5rem,3vw,2.5rem)}.blog-pillar__collections-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));gap:var(--space-gap, 20px)}.collection-link-card{background:rgb(var(--color-background));border:1px solid var(--border-default);border-radius:var(--radius-card, 8px);padding:1.5rem;text-decoration:none;color:rgb(var(--color-foreground));transition:border-color var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out);display:flex;flex-direction:column;gap:.375rem}.collection-link-card:hover{border-color:rgb(var(--color-accent));box-shadow:var(--shadow-md);transform:translateY(-1px)}.collection-link-card__title{font-family:var(--font-heading-family);font-size:var(--text-lg);font-weight:500;line-height:var(--leading-snug)}.collection-link-card__desc{font-family:var(--font-body-family);font-size:var(--text-sm);color:rgba(var(--color-foreground),.6);line-height:var(--leading-normal)}.collection-link-card__arrow{font-family:var(--font-body-family);font-size:var(--text-xs);color:rgb(var(--color-accent));margin-top:auto;padding-top:.5rem;letter-spacing:var(--tracking-wider);text-transform:uppercase;font-weight:500}.blog-pillar__faq{background:#f0ebe3;padding:clamp(3rem,6vw,5rem) clamp(1.5rem,3vw,3rem)}.blog-pillar__faq-inner{max-width:52rem;margin:0 auto}.blog-pillar__faq-heading{font-family:var(--font-heading-family);font-size:var(--text-3xl);font-weight:500;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:rgb(var(--color-foreground));text-align:center;margin:0 0 clamp(1.5rem,3vw,2.5rem)}.blog-pillar__faq-item{border-bottom:1px solid var(--border-default)}.blog-pillar__faq-item:first-of-type{border-top:1px solid var(--border-default)}.blog-pillar__faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 0;cursor:pointer;list-style:none;font-family:var(--font-heading-family);font-size:var(--text-xl);font-weight:500;line-height:var(--leading-snug);color:rgb(var(--color-foreground))}.blog-pillar__faq-item summary::-webkit-details-marker{display:none}.blog-pillar__faq-item summary::marker{content:""}.blog-pillar__faq-icon{flex-shrink:0;width:1.25rem;height:1.25rem;transition:transform var(--duration-normal) var(--ease-out);color:rgb(var(--color-accent))}.blog-pillar__faq-item[open] .blog-pillar__faq-icon{transform:rotate(45deg)}.blog-pillar__faq-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--duration-slow) var(--ease-out)}.blog-pillar__faq-item[open] .blog-pillar__faq-body{grid-template-rows:1fr}.blog-pillar__faq-body>div{overflow:hidden}.blog-pillar__faq-answer{font-family:var(--font-body-family);font-size:var(--text-base);line-height:var(--leading-relaxed);color:rgb(var(--color-foreground));padding-bottom:1.25rem;max-width:65ch}.blog-pillar__faq-answer p{margin:0}.blog-pillar-crosslinks{--color-foreground: 253, 251, 248;--color-background: 28, 30, 34;background:rgb(var(--color-background));color:rgb(var(--color-foreground));padding:clamp(3rem,6vw,5rem) clamp(1.5rem,3vw,3rem)}.blog-pillar-crosslinks__inner{max-width:var(--page-width);margin:0 auto}.blog-pillar-crosslinks__heading{font-family:var(--font-heading-family);font-size:var(--text-3xl);font-weight:500;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:#fdfbf8;text-align:center;margin:0 0 clamp(2rem,3vw,2.5rem)}.blog-pillar-crosslinks__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(250px,100%),1fr));gap:var(--space-gap, 20px)}.crosslink-card{background:#2e3138;border-radius:var(--radius-card, 8px);overflow:hidden;text-decoration:none;color:#fdfbf8;transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out);display:flex;flex-direction:column}.crosslink-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0000004d}.crosslink-card:focus-visible{outline:2px solid rgb(139,170,150);outline-offset:3px}.crosslink-card__image{aspect-ratio:16 / 9;overflow:hidden;background:#3a3e46}.crosslink-card__image img{width:100%;height:100%;object-fit:cover;display:block}.crosslink-card__content{padding:1.5rem;flex:1;display:flex;flex-direction:column}.crosslink-card__title{font-family:var(--font-heading-family);font-size:var(--text-xl);font-weight:500;line-height:var(--leading-snug);color:#fdfbf8;margin:0 0 .5rem}.crosslink-card__desc{font-family:var(--font-body-family);font-size:var(--text-sm);line-height:var(--leading-normal);color:#c8c2ba;margin:0;flex:1}.crosslink-card__arrow{font-family:var(--font-body-family);font-size:var(--text-xs);color:#8baa96;margin-top:1rem;letter-spacing:var(--tracking-wider);text-transform:uppercase;font-weight:500}.blog-pillar__pagination{padding:clamp(2rem,3vw,3rem) 0 0}@supports (animation-timeline: scroll()){.blog-pillar-progress{position:fixed;top:0;left:0;width:100%;height:2px;background:rgb(var(--color-accent));transform-origin:left;animation:pillar-scroll-progress linear;animation-timeline:scroll(root);z-index:9999;pointer-events:none}@keyframes pillar-scroll-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}}@media(prefers-color-scheme:dark){.blog-pillar__directory{background:#1c1e22}.pillar-card{background:#24272d}.blog-pillar__faq{background:#1c1e22}.blog-pillar__collections{border-top-color:#ffffff14}.collection-link-card{background:#24272d}.collection-link-card:hover{background:#1e3328}}@media(prefers-reduced-motion:reduce){.pillar-card,.crosslink-card,.collection-link-card{transition:none}.pillar-card:hover,.crosslink-card:hover,.collection-link-card:hover,.pillar-card:hover .pillar-card__image img{transform:none}.blog-pillar__faq-body,.blog-pillar__faq-icon{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/73/assets/section-blog-pillar.css.map */