.blog-page{min-height:70vh;padding:clamp(3.5rem, 8vw, 7.5rem) var(--layout-gutter) clamp(5rem, 10vw, 9rem);background:var(--color-white)}.blog-layout{gap:clamp(3.5rem,8vw,7rem);width:min(100%,62rem);margin-inline:auto;display:grid}.blog-list,.post-article{min-width:0}.blog-archive__heading{max-width:66rem;font:900 clamp(2.25rem, 5vw, 4rem) / 1 var(--font-display);margin:0 auto clamp(3rem,6vw,5rem)}.blog-card{margin-bottom:clamp(6rem,14vw,10rem);padding-top:8.25rem;position:relative}.post-date{border:1px solid var(--color-black);width:5.3125rem;min-height:5.6875rem;box-shadow:inset 0 .375rem 0 var(--color-yellow);text-align:center;text-transform:uppercase;grid-template-rows:1fr auto auto;align-items:center;padding:.75rem .35rem .35rem;display:grid;position:relative}.post-date strong{font:900 2.25rem / 1 var(--font-sans)}.post-date span{font-size:.75rem;font-weight:700;line-height:1.1}.post-date__year{font-weight:400!important}.blog-card>.post-date{position:absolute;top:0;left:50%;transform:translate(-50%)}.blog-card>.post-date .post-date__year{display:none}.blog-card h2,.post-header h1{font-family:var(--font-serif);text-align:center;text-transform:none;margin:0;font-weight:800;line-height:1.15}.blog-card h2{font-size:clamp(1.7rem,3vw,2.35rem)}.blog-card h2 a{text-decoration:none;text-decoration-color:var(--color-yellow);text-underline-offset:.2rem;text-decoration-thickness:.18rem;transition:color .2s,text-decoration-color .2s}.blog-card__reading,.post-reading{margin-top:1.6rem;font-size:.82rem}.blog-card__hero-link{width:100%;margin-top:2rem;transition:box-shadow .2s ease-out;display:block}.blog-card__hero{object-fit:cover;width:100%}.blog-card>p:not(.blog-card__reading){overflow-wrap:anywhere;font-size:.94rem;line-height:1.6}.blog-card__author{background:#f1f1f1;align-items:center;gap:1rem;margin-top:2rem;padding:1rem 1.25rem;display:flex}.blog-card__author-image{object-fit:cover;border-radius:50%;flex:0 0 3.5rem;width:3.5rem;height:3.5rem}.blog-card__author p{margin:0;font-size:.7rem;line-height:1.45}.blog-card__author--text-only{padding-left:1.25rem}.blog-card__author p span{letter-spacing:.06em;text-transform:uppercase;font-size:.62rem;font-weight:700}.blog-card__more{min-height:var(--touch-target);border-bottom:1px solid var(--color-yellow);letter-spacing:.1em;text-transform:uppercase;align-items:center;margin-top:1.5rem;font-size:.7rem;font-weight:700;text-decoration:none;transition:border-color .2s;display:inline-flex}.blog-card__more span{margin-left:.3rem}.blog-sidebar h2{border-bottom:2px solid var(--color-yellow);font:700 .75rem / 1 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;margin:0 0 1.25rem;padding-bottom:.9rem;display:block}.blog-sidebar ul{margin:0;padding:0;list-style:none}.blog-sidebar li{margin:0}.blog-sidebar a{min-height:var(--touch-target);align-items:center;font-size:.84rem;line-height:1.2;text-decoration:none;transition:background-color .2s,color .2s,padding-inline .2s;display:inline-flex}.post-content a{transition:color .2s,text-decoration-color .2s}.blog-card h2 a:focus-visible,.blog-sidebar a:focus-visible,.related-posts a:focus-visible,.post-content a:focus-visible{color:var(--color-brown);text-decoration-color:var(--color-yellow)}.blog-card h2 a:focus-visible{text-decoration-line:underline}.blog-card__hero-link:focus-visible{box-shadow:0 0 38px 2px #0003}.blog-card__more:focus-visible{border-color:var(--color-black)}.blog-sidebar a:focus-visible{background:color-mix(in srgb, var(--color-yellow) 28%, white);padding-inline:.5rem}.post-header{justify-items:center;gap:1.75rem;margin-bottom:2.5rem;display:grid}.post-header h1{font-size:clamp(1.9rem,3.5vw,2.8rem)}.post-hero{width:100%;height:auto}.post-reading{justify-self:start;margin:-.75rem 0 0}.post-content{overflow-wrap:anywhere;font-size:clamp(1rem,1.4vw,1.08rem);line-height:1.7}.post-content :is(h2,h3,h4,h5){font-family:var(--font-serif);text-align:center;text-transform:none;margin:2.5em 0 .8em;line-height:1.2}.post-content h2{font-size:clamp(1.75rem,3vw,2.4rem)}.post-content h3{font-size:clamp(1.35rem,2.4vw,1.8rem)}.post-content h5{font:700 .72rem / 1.3 var(--font-sans);letter-spacing:.08em;text-align:left;text-transform:uppercase}.post-content img{width:auto;max-height:46rem;margin:2rem auto .6rem}.post-content ul:has(img){grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;padding:0;list-style:none;display:grid}.post-content ul:has(img) img{width:100%;margin-top:0}.post-content table{border-collapse:collapse;width:100%;margin-block:2rem;display:block;overflow-x:auto}.post-content :is(th,td){vertical-align:top;border:1px solid #00000038;min-width:9rem;padding:.75rem}.post-content blockquote{border-left:.35rem solid var(--color-yellow);font-family:var(--font-serif);margin:2.5rem 0;padding:1rem 1.5rem;font-size:1.25rem}.post-content :is(iframe,video){aspect-ratio:16/9;border:0;width:100%;max-width:100%;margin-block:2rem}.related-posts{border-top:2px solid var(--color-yellow);margin-top:4rem;padding-top:2rem}.related-posts h2{font:700 .75rem / 1 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;margin:0 0 1.25rem}.related-posts ul{gap:.9rem;margin:0;padding:0;list-style:none;display:grid}.related-posts a{min-height:var(--touch-target);font-family:var(--font-serif);text-decoration-color:var(--color-yellow);text-underline-offset:.2rem;align-items:center;font-weight:700;line-height:1.3;text-decoration-thickness:.12rem;transition:color .2s,text-decoration-color .2s;display:inline-flex}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.blog-return-to-top{right:max(1rem, env(safe-area-inset-right));bottom:max(1rem, env(safe-area-inset-bottom));z-index:20;width:var(--touch-target);height:var(--touch-target);border:1px solid var(--color-black);color:var(--color-black);opacity:0;visibility:hidden;pointer-events:none;background:#ffffffeb;border-radius:50%;place-items:center;transition:opacity .25s,visibility 0s linear .25s,background-color .15s;display:grid;position:fixed}.blog-return-to-top[data-visible=true]{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.blog-return-to-top:focus-visible{background:var(--color-yellow)}.blog-return-to-top svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;width:1.5rem;height:1.5rem}@media (hover:hover) and (pointer:fine){.blog-return-to-top:hover{background:var(--color-yellow)}.blog-card h2 a:hover,.blog-sidebar a:hover,.related-posts a:hover,.post-content a:hover{color:var(--color-brown);text-decoration-color:var(--color-yellow)}.blog-card h2 a:hover{text-decoration-line:underline}.blog-card__hero-link:hover{box-shadow:0 0 38px 2px #0003}.blog-card__more:hover{border-color:var(--color-black)}.blog-sidebar a:hover{background:color-mix(in srgb, var(--color-yellow) 28%, white);padding-inline:.5rem}}@media (width>=48rem){.blog-layout{grid-template-columns:minmax(0,42rem) minmax(11rem,13rem);align-items:start}.blog-sidebar{overscroll-behavior:contain;scrollbar-gutter:stable;max-height:calc(100vh - 10rem);position:sticky;top:8.5rem;overflow-y:auto}.blog-sidebar a{min-height:var(--touch-target);font-size:.72rem}.blog-return-to-top{bottom:2.5rem;right:2.5rem}}@media (width<=47.99rem){.blog-page{padding-top:3rem}.blog-archive--latest{padding-bottom:0}.blog-layout{flex-direction:column;display:flex}.blog-sidebar{order:2}.blog-card h2,.post-header h1{text-wrap:balance}}@media (prefers-reduced-motion:reduce){.blog-page *,.blog-page :before,.blog-page :after{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important}.blog-return-to-top{transition:none!important}.blog-card__hero-link:is(:hover,:focus-visible),.blog-card__more:is(:hover,:focus-visible) span{transform:none}}
