/* Independent Projects: additive section, never changes the existing employer portfolio. */
.independent-shell { max-width: 1080px; margin: 0 auto; padding: clamp(2rem, 5vw, 4rem) clamp(1.2rem, 4vw, 3rem) 5rem; }
.independent-breadcrumb { margin-bottom: 1.4rem; font-size: .92rem; }
.independent-breadcrumb a { text-underline-offset: .2em; }
.independent-intro { max-width: 820px; margin: 0 0 2.4rem; }
.independent-eyebrow { font-size: .8rem; font-weight: 750; text-transform: uppercase; letter-spacing: .1em; color: var(--palette-754116, #754116); margin: 0 0 .65rem; }
.independent-intro h1 { font: italic 700 clamp(2.4rem, 5vw, 4rem)/1.13 Georgia, serif; letter-spacing: -.04em; margin: 0 0 .9rem; }
.independent-lede { font: 1.14rem/1.7 Georgia, serif; max-width: 72ch; }
.independent-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.1rem; margin: 1.8rem 0 2rem; }
.independent-card { min-width: 0; padding: clamp(1.25rem, 2vw, 2rem); border: 1px solid var(--palette-rgba-117-65-22-p25, rgba(117,65,22,.25)); border-radius: 12px; background: var(--palette-f5e2c5, #F5E2C5); }
.independent-card h2 { font: italic 700 clamp(1.5rem, 2.7vw, 2rem)/1.25 Georgia,serif; margin: .75rem 0; }
.independent-card h2 a { text-underline-offset: .2em; }
.independent-card p { line-height: 1.6; }
.independent-card .independent-card-link { font-weight: 700; display: inline-block; margin-top: .5rem; }
.independent-status { display: inline-block; border: 1px solid currentColor; border-radius: 2rem; padding: .2rem .65rem; font-size: .8rem; font-weight: 650; line-height: 1.35; }
.independent-meta { font-size: .84rem; margin: .8rem 0 0; }
.independent-separator { border: 0; border-top: 1px solid var(--palette-rgba-117-65-22-p25, rgba(117,65,22,.25)); margin: 2rem 0; }
.independent-story { max-width: 800px; }
.independent-story section { padding: 1.15rem 0; border-top: 1px solid var(--palette-rgba-117-65-22-p25, rgba(117,65,22,.25)); }
.independent-story h2 { font: italic 700 clamp(1.45rem, 2.4vw, 2rem)/1.3 Georgia,serif; margin: 0 0 .7rem; }
.independent-story p { line-height: 1.75; max-width: 75ch; }
.independent-disclosure { margin: 1.6rem 0; padding: 1rem 1.2rem; border-left: 3px solid var(--palette-754116, #754116); background: var(--palette-rgba-248-235-211-p7, rgba(248,235,211,.7)); line-height: 1.65; }
.independent-link { display: inline-block; min-height: 44px; padding: .6rem 0; font-weight: 750; text-underline-offset: .25em; }
.independent-home { margin-top: 2.5rem; padding-top: 2rem; border-top: 1px solid var(--palette-rgba-117-65-22-p25, rgba(117,65,22,.25)); }
.independent-home-header { display:flex; align-items:baseline; justify-content:space-between; flex-wrap:wrap; gap: .7rem; margin-bottom: 1rem; }
.independent-home-header h2 { margin:0; font-size: 1.3rem; }
.independent-home-link { font-weight: 700; }
.independent-home-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.independent-home-card { min-width:0; background:var(--palette-f5e2c5, #F5E2C5); border-radius:10px; border:1px solid var(--palette-rgba-117-65-22-p25, rgba(117,65,22,.25)); }
.independent-home-card a { display:block; padding:1.1rem; height:100%; text-decoration:none; }
.independent-home-card h3 { font: italic 700 1.2rem/1.3 Georgia,serif; margin:.5rem 0; }
.independent-home-card p { line-height:1.5; font-size:.9rem; }
.independent-home-card a:focus-visible, .independent-card a:focus-visible, .independent-link:focus-visible { outline:3px solid currentColor; outline-offset:4px; }
@media (max-width: 700px) { .independent-grid { grid-template-columns:1fr; } .independent-home-grid { grid-template-columns:1fr; } }
@media (prefers-reduced-motion: reduce) { .independent-card, .independent-home-card { scroll-behavior:auto; } }