.blog-page{--blog-cyan:#67d9ed;background:var(--page);min-height:100svh;color:var(--text-primary);position:relative;overflow-x:clip}.blog-main{z-index:1;position:relative}.blog-hero{isolation:isolate;place-items:center;min-height:min(900px,100svh);padding:200px 24px 90px;display:grid;position:relative;overflow:hidden}.blog-globe{z-index:-1;opacity:.8;pointer-events:none;position:absolute;inset:90px 0 0;-webkit-mask-image:linear-gradient(#0000,#000 15% 65%,#0000);mask-image:linear-gradient(#0000,#000 15% 65%,#0000)}.blog-globe canvas{width:100%;height:100%;display:block}.blog-globe-fallback{width:min(780px,110vw);height:100%;stroke:var(--blog-cyan);stroke-width:.6px;opacity:.2;position:absolute;left:50%;transform:translate(-50%)}.blog-globe[data-ready=true] .blog-globe-fallback{display:none}.blog-hero-copy{text-align:center;width:min(920px,100%)}.blog-hero .blog-hero-pill{text-transform:uppercase;letter-spacing:.14em;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);gap:.55rem;padding:.6rem .95rem;font-size:.66rem}.blog-hero h1{font-family:var(--font-sans);letter-spacing:-.04em;text-wrap:balance;margin:1.7rem 0 1.5rem;font-size:clamp(2.4rem,4.5vw,4.25rem);font-weight:300;line-height:1.15}.blog-hero h1 span{color:var(--text-primary);font-weight:300;display:block}.blog-hero h1 strong{color:var(--blog-cyan);margin-top:.18em;font-weight:400;display:block}.blog-hero-copy>p{letter-spacing:.015em;color:#b1c3d9;text-wrap:balance;max-width:620px;margin-inline:auto;font-size:clamp(.95rem,1.5vw,1.12rem);font-weight:300;line-height:1.8}.blog-hero-actions{flex-wrap:wrap;justify-content:center;gap:.85rem;margin-top:2rem;display:flex}.blog-hero-note{color:var(--text-muted,#94a3b8);margin-top:1.3rem;font-size:.72rem;display:block}.blog-main .msu-button.msu-button{letter-spacing:.01em;min-height:46px;padding:.8rem 1.25rem;font-size:.85rem;font-weight:650}.blog-page .blog-category,.blog-page .blog-hero-pill{color:var(--blog-cyan);background:var(--liquid-pill-surface);box-shadow:inset 0 1px 0 var(--liquid-pill-highlight);-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);border-color:#67e8f94d;transition:border-color .2s,box-shadow .2s}.blog-page .blog-category:hover,.blog-page .blog-hero-pill:hover{border-color:var(--blog-cyan);box-shadow:0 0 18px #22d3ee30}.blog-latest{width:min(1200px,100% - 48px);margin-inline:auto;padding:2rem 0 clamp(5rem,9vw,8rem);scroll-margin-top:120px}.blog-section-intro{text-align:center;max-width:650px;margin:0 auto 2.5rem}.blog-eyebrow{color:var(--blog-cyan);text-transform:uppercase;letter-spacing:.16em;font-size:.65rem;font-weight:700}.blog-section-intro h2{font-family:var(--font-sans);letter-spacing:-.035em;margin:.8rem 0 1rem;font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:500;line-height:1.2}.blog-section-intro p{color:#b1c3d9;font-size:.95rem;line-height:1.8}.blog-post-groups{gap:20px;display:grid}.blog-post-grid{grid-template-rows:repeat(2,minmax(280px,auto));grid-template-columns:1.65fr 1fr;gap:20px;display:grid}.blog-post-grid:empty{display:none}.blog-post-grid:has(>:only-child){grid-template-rows:auto;grid-template-columns:minmax(0,1fr)}.blog-post-grid:has(>:only-child) .blog-post-card{min-height:450px}.blog-post-grid:has(>:nth-child(2):last-child){grid-template-rows:minmax(450px,auto)}.blog-post-grid:has(>:nth-child(2):last-child) .blog-post-card--featured{grid-row:auto}.blog-browse-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;margin:0 0 1.75rem;display:flex}.blog-category-filters{flex-wrap:wrap;gap:.5rem;display:flex}.blog-main .blog-category-filters .msu-button{min-height:42px;padding:.65rem .95rem;font-size:.75rem}.blog-category-filters .msu-button.msu-button[aria-current]:not(:hover):not(:focus-visible){color:var(--blog-cyan);box-shadow:inset 0 1px 0 var(--liquid-pill-highlight), 0 0 18px #22d3ee1f;background:#22d3ee24;border-color:#67d9edb3}.blog-search{background:var(--liquid-pill-surface);width:min(100%,370px);box-shadow:inset 0 1px 0 var(--liquid-pill-highlight);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:var(--text-secondary);border:1px solid #94a3b840;border-radius:999px;align-items:center;gap:.6rem;padding:.25rem .25rem .25rem .9rem;display:flex}.blog-search input{outline-offset:2px;width:100%;min-width:0;color:var(--text-primary);background:0 0;border:0;padding:.3rem 0;font-size:1rem}.blog-main .blog-search .msu-button{min-height:40px;padding:.65rem .95rem;font-size:.75rem}.blog-results-summary{color:var(--text-secondary);margin:0 0 1.5rem;font-size:.85rem;line-height:1.7}.blog-results-summary a{color:var(--blog-cyan);text-decoration:underline}.blog-empty{text-align:center;border:1px solid #94a3b840;border-radius:24px;padding:3rem 1rem}.blog-empty h3{margin-bottom:1rem;font-size:1.5rem}.blog-empty p{color:var(--text-secondary)}.blog-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-top:2rem;display:flex}.blog-pagination span{color:var(--text-secondary);font-size:.85rem}.blog-post-card{background:#0c1b31;border:1px solid #94a3b840;border-radius:24px;transition:border-color .25s,box-shadow .25s;position:relative;overflow:hidden}.blog-post-card--featured{grid-row:span 2}.blog-post-link{color:#f8fafc;align-items:flex-end;height:100%;min-height:100%;padding:28px;text-decoration:none;display:flex;position:relative}.blog-post-art{object-fit:cover;transition:transform .7s}.blog-post-shade{background:linear-gradient(#0000 0%,#040d1d59 24%,#040d1de6 74%,#040d1d 100%);position:absolute;inset:0}.blog-post-copy{width:100%;padding-top:80px;position:relative}.blog-post-copy h3{font-family:var(--font-sans);letter-spacing:-.03em;text-wrap:balance;margin:.9rem 0 1rem;font-size:clamp(1.2rem,1.8vw,1.5rem);font-weight:550;line-height:1.25}.blog-post-card--featured h3{max-width:560px;font-size:clamp(1.8rem,2.8vw,2.4rem);font-weight:500}.blog-post-copy>p{color:#b8c8db;max-width:480px;margin:0 0 1.8rem;font-size:.92rem;line-height:1.8}.blog-post-meta{color:#b8c8db;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;font-size:.72rem;display:flex}.blog-post-meta span,.blog-article-byline span{align-items:center;gap:.4rem;display:inline-flex}.blog-main .blog-read-link.msu-button{min-height:38px;padding:.6rem .8rem;font-size:.72rem;font-weight:650}.blog-post-card:hover,.blog-post-card:focus-within{border-color:#67e8f980;box-shadow:0 0 26px #22d3ee15}.blog-post-card:hover .blog-post-art{transform:scale(1.035)}.blog-post-link:focus-visible{outline-offset:-5px;border-radius:23px;outline:2px solid #67e8f9}.blog-article{width:min(900px,100% - 48px);margin-inline:auto;padding:190px 0 80px}.blog-back{color:var(--blog-cyan);align-items:center;gap:.5rem;padding:.6rem 0;font-size:.8rem;display:inline-flex}.blog-article-heading{margin:2rem 0}.blog-article-heading h1{font-family:var(--font-sans);letter-spacing:-.045em;text-wrap:balance;margin:1rem 0 1.5rem;font-size:clamp(2.3rem,5vw,4rem);font-weight:400;line-height:1.12}.blog-article-heading>p{max-width:700px;color:var(--text-secondary);font-size:1.1rem;line-height:1.8}.blog-article-byline{color:var(--text-secondary);flex-wrap:wrap;gap:.75rem 1.5rem;margin-top:1.5rem;font-size:.75rem;display:flex}.blog-article-cover{aspect-ratio:2.2;border:1px solid #94a3b840;border-radius:24px;position:relative;overflow:hidden}.blog-article-cover img{object-fit:cover}.blog-article-cover .blog-inline-artwork{width:100%;height:100%;display:block;position:absolute;inset:0}.blog-article-body{max-width:680px;margin:3rem auto 0}.blog-article-body section{margin-bottom:2.5rem}.blog-article-body h2{font-family:var(--font-sans);letter-spacing:-.025em;margin-bottom:1rem;font-size:clamp(1.4rem,3vw,1.8rem);font-weight:500;line-height:1.3}.blog-article-body p{color:var(--text-secondary);margin:1rem 0;font-size:1rem;line-height:1.95}.blog-article-next{border-top:1px solid #94a3b840;margin-top:3rem;padding-top:2rem}.blog-article-next a{margin-top:.5rem}.blog-route-message{width:min(700px,100% - 40px);min-height:75svh;margin:auto;padding:200px 0 80px}.blog-route-message h1{letter-spacing:-.035em;font-size:clamp(2rem,4vw,3rem);line-height:1.2}.blog-route-message p{color:var(--text-secondary);margin:1.5rem 0;line-height:1.8}.blog-preview.blog-page{background:0 0;overflow:visible}.blog-preview .blog-article{width:100%;padding-top:2rem}[data-theme=light] .blog-page{--blog-cyan:#087b94}[data-theme=light] .blog-page .blog-post-card .blog-category{color:#a5f3fc}@media (max-width:700px){.blog-hero{min-height:max(690px,93svh);padding:180px 20px 70px}.blog-globe{inset:130px -38% 20px}.blog-hero h1{margin-top:1.6rem;font-size:clamp(2.25rem,8vw,3.2rem)}.blog-desktop-break{display:none}.blog-hero-actions{gap:.65rem}.blog-main .msu-button.msu-button{padding-inline:1.1rem;font-size:.8rem}.blog-latest{width:calc(100% - 32px);padding-top:1rem}.blog-post-grid{grid-template-rows:auto;grid-template-columns:1fr;gap:16px}.blog-search{width:100%}.blog-post-card{min-height:320px}.blog-post-card--featured{grid-row:auto;min-height:440px}.blog-post-link{padding:24px}.blog-post-copy h3{font-size:1.4rem}.blog-post-card--featured h3{font-size:1.85rem}.blog-article{width:calc(100% - 40px);padding-top:155px}.blog-article-cover{aspect-ratio:1.6}}@media (prefers-reduced-motion:reduce){.blog-page *,.blog-page :before,.blog-page :after{scroll-behavior:auto!important}.blog-post-art,.blog-post-card{transition:none}.blog-post-card:hover .blog-post-art{transform:none}}
