.site-section-main{min-height:100vh;padding:clamp(9rem,16vw,12rem) 0 6rem;}
.site-section-page .site-header{z-index:40;}
.site-section-kicker{font-size:.75rem;font-weight:750;letter-spacing:.17em;color:var(--blue);margin:0 0 1rem;}
.site-section-main h1{font-size:clamp(3.2rem,9vw,6rem);letter-spacing:-.065em;line-height:1.05;margin:0 0 1.25rem;}
.site-section-lead{font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.7;color:var(--text-2);max-width:54rem;}
.site-section-meta{margin:2rem 0 1rem;color:var(--muted);font-size:.9rem;}
.site-section-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;}
.site-section-card{display:flex;flex-direction:column;align-items:flex-start;padding:clamp(1.5rem,3vw,2.5rem);border:1px solid var(--apple-glass-border);border-radius:1.5rem;background:var(--apple-glass-bg-regular);box-shadow:var(--apple-glass-shadow);text-decoration:none;min-width:0;min-height:15rem;}
.site-section-card__index{font-size:.75rem;font-weight:800;letter-spacing:.08em;color:var(--blue);}
.site-section-card h2{font-size:clamp(1.35rem,2.8vw,2rem);line-height:1.2;margin:1rem 0 .6rem;overflow-wrap:anywhere;}
.site-section-card p{color:var(--text-2);line-height:1.65;margin:0 0 1rem;}
.site-section-card__go{margin-top:auto;font-weight:750;color:var(--blue);text-decoration:none;}
.site-section-card:focus-within,.site-section-card:hover{box-shadow:0 10px 35px rgba(30,90,128,.12);border-color:var(--blue);}
.site-section-footer-link{margin-top:3rem;font-weight:700;}
.home-section-nav{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.4rem;margin-block:1rem 3rem;padding:0 1rem;}
.home-section-nav__title{font-size:.67rem;font-weight:800;letter-spacing:.1em;color:var(--muted);padding-right:.4rem;}
.home-section-nav a{font-size:.82rem;padding:.5rem .8rem;border-radius:50px;background:var(--apple-glass-bg-regular);border:1px solid var(--apple-glass-border);text-decoration:none;white-space:nowrap;}
.home-section-nav a:hover,.home-section-nav a:focus-visible{color:var(--blue);border-color:var(--blue);}
@media(max-width:720px){.site-section-grid{grid-template-columns:1fr;}.site-section-main{padding-top:10rem;}.home-section-nav{gap:.3rem}.home-section-nav__title{flex-basis:100%;text-align:center;}}

/* Restore the established Liquid Glass material to Projects and Skills
 * directory cards. The former listing cards used only a translucent fill,
 * so they lacked backdrop refraction, reflected light and edge highlights.
 * The three .lg-glass-* layers are defined by portfolio-liquid-glass.css. */
.site-section-card.liquid-demo {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: transparent;
  transition: border-color .25s ease, box-shadow .25s ease;
}
.site-section-card.liquid-demo > :not(.lg-glass-filter):not(.lg-glass-overlay):not(.lg-glass-specular) {
  position: relative;
  z-index: 3;
}
.site-section-card.liquid-demo:focus-visible,
.site-section-card.liquid-demo:focus-within,
.site-section-card.liquid-demo:hover {
  border-color: var(--blue);
  box-shadow: 0 13px 34px var(--lg-demo-depth), inset 0 1px 0 var(--lg-demo-rim);
}
@media (forced-colors: active) {
  .site-section-card.liquid-demo {
    background: Canvas;
    color: CanvasText;
    border-color: CanvasText;
    box-shadow: none;
  }
}