.blog-page,.blog-post-page{min-height:100svh;background:var(--white);color:var(--black)}.blog-hero{padding:clamp(7.5rem,12vw,11.9rem) var(--page-x) clamp(2.5rem,5vw,4.5rem)}.blog-hero-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:1.25rem;align-items:end}.blog-hero h1{grid-column:1 / 6;margin:0;font-size:clamp(2.62rem,5.68vw,5.125rem);line-height:clamp(3rem,6.7vw,6.25rem);font-weight:400;letter-spacing:0}.blog-hero-grid>.blog-hero-note{grid-column:10 / 13;max-width:24rem;margin:0 0 clamp(-1.5rem,-1.8vw,-.65rem);color:#171717b3;font-size:clamp(1.15rem,1.7vw,1.6rem);line-height:1.1}.blog-list{padding:0 var(--page-x) clamp(6rem,9vw,9rem)}.blog-featured-card{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(2rem,4vw,5rem);min-height:clamp(23rem,39vw,32rem);border-top:1px solid rgba(23,23,23,.13);padding-top:clamp(1.5rem,2.4vw,2rem)}.blog-featured-copy{grid-column:1 / 7;display:flex;flex-direction:column;align-items:flex-start;padding-right:clamp(1rem,4vw,5rem)}.blog-featured-copy span,.blog-card-copy span{color:#17171785;font-size:.8rem;line-height:1.1;text-transform:uppercase}.blog-featured-copy h2{margin:clamp(1rem,1.5vw,1.4rem) 0 0;font-size:clamp(2.2rem,4.2vw,4.4rem);line-height:1.03;font-weight:400}.blog-featured-copy p{max-width:42rem;margin:clamp(1.2rem,2vw,1.8rem) 0 0;color:#171717a8;font-size:clamp(1.08rem,1.45vw,1.5rem);line-height:1.35}.blog-featured-copy small{margin-top:1.25rem;color:#1717178a;font-size:clamp(.95rem,1.1vw,1.12rem);line-height:1.2;font-weight:600}.blog-featured-media{grid-column:7 / 13;overflow:hidden;border-radius:0;background:var(--soft)}.blog-featured-media img,.blog-featured-media video,.blog-card-media img,.blog-card-media video,.blog-post-media img,.blog-post-media video{width:100%;height:100%;object-fit:cover}.blog-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin-top:clamp(3.5rem,7vw,6.5rem)}.blog-card{display:flex;flex-direction:column;min-height:34rem;overflow:hidden;border-radius:.5rem;background:var(--white);box-shadow:0 1.3rem 3rem #17171714;transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s ease}.blog-card:hover{transform:translateY(-.2rem);box-shadow:0 1.6rem 3.4rem #1717171f}.blog-card-media{aspect-ratio:1.32 / 1;overflow:hidden;background:var(--soft)}.blog-card-copy{display:flex;flex:1;flex-direction:column;padding:1.1rem}.blog-card-copy h2{margin:1rem 0 0;font-size:clamp(1.35rem,1.9vw,2rem);line-height:1.04;font-weight:400}.blog-card-copy p{margin:.9rem 0 0;color:#171717a3;font-size:.96rem;line-height:1.3}.blog-card-copy small{margin-top:auto;padding-top:2rem;color:#17171785;font-size:.86rem;line-height:1.2}.blog-card-copy strong{display:inline-flex;align-self:flex-start;margin-top:1rem;border-bottom:1px solid currentColor;font-size:.95rem;line-height:1.1;font-weight:400}.blog-post{padding:clamp(7.5rem,12vw,11.9rem) var(--page-x) clamp(6rem,9vw,9rem)}.blog-post-header{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1.25rem;align-items:end}.blog-post-header h1{grid-column:1 / 11;margin:0;font-size:clamp(2.62rem,5.68vw,5.125rem);line-height:clamp(3rem,6.7vw,6.25rem);font-weight:400}.blog-post-meta{grid-column:1 / 11;display:flex;gap:1rem;margin-top:1.5rem;color:#17171794;font-size:.95rem;line-height:1.2}.blog-post-media{height:clamp(24rem,60vw,45rem);margin-top:clamp(3rem,6vw,6rem);overflow:hidden;border-radius:.5rem;background:var(--soft)}.blog-post-content{max-width:48rem;margin:clamp(3.5rem,7vw,6rem) auto 0}.blog-post-content p,.blog-post-content li{color:#171717c2;font-size:clamp(1.04rem,1.2vw,1.2rem);line-height:1.58}.blog-post-content p{margin:0 0 1.35rem}.blog-post-content h2{margin:clamp(2.5rem,5vw,4rem) 0 1rem;font-size:clamp(1.7rem,2.6vw,2.5rem);line-height:1.05;font-weight:400}@media(max-width:900px){.blog-hero{padding-top:7rem}.blog-hero-grid,.blog-featured-card,.blog-post-header{grid-template-columns:repeat(4,minmax(0,1fr))}.blog-hero h1,.blog-hero-grid>.blog-hero-note,.blog-featured-copy,.blog-featured-media,.blog-post-header h1,.blog-post-meta{grid-column:1 / -1}.blog-hero h1{font-size:clamp(2.15rem,9.45vw,2.45rem);line-height:1.15}.blog-hero-grid>.blog-hero-note{margin:1.25rem 0 0;max-width:18rem;font-size:1rem;line-height:1.24}.blog-featured-card{min-height:auto}.blog-featured-copy{min-height:22rem;padding-right:0}.blog-featured-media{aspect-ratio:1 / 1}.blog-card-grid{grid-template-columns:1fr;gap:0}.blog-card{min-height:auto}.blog-post-meta{flex-direction:column;gap:.4rem}.blog-post-media{height:auto;aspect-ratio:1 / 1}}
