:root{--ink:#071018;--ink2:#0b1620;--paper:#f4f0e7;--white:#fff;--gold:#ffb31d;--muted:#b9c2c9;--max:1500px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#fff;font-family:Arial,Helvetica,sans-serif}a{color:inherit}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:1rem;top:1rem;background:#fff;color:#000;padding:.5rem;z-index:20}.site-header{height:72px;display:flex;align-items:center;gap:2rem;padding:0 4vw;background:#040a0d;position:sticky;top:0;z-index:10;border-bottom:1px solid #20303c}.brand{text-decoration:none;line-height:.82;min-width:160px}.brand-small{display:block;font-family:Georgia,serif;font-size:1rem}.brand-big{font-size:2rem;font-weight:800;letter-spacing:.08em}.primary-nav{margin-left:auto;display:flex;gap:1.7rem}.primary-nav a{text-transform:uppercase;text-decoration:none;font-size:.78rem}.button{display:inline-block;background:var(--gold);color:#0b1015;text-decoration:none;text-transform:uppercase;font-weight:800;font-size:.78rem;letter-spacing:.02em;padding:.9rem 1.25rem;border-radius:999px}.button-outline{background:transparent;color:#fff;border:1px solid var(--gold)}.button-small{font-size:.7rem;padding:.7rem 1rem}.nav-toggle{display:none}.hero{min-height:560px;position:relative;overflow:hidden}.hero-art{position:absolute;inset:0 0 0 34%;background-image:linear-gradient(90deg,var(--ink) 0%,rgba(7,16,24,.55) 20%,transparent 48%),url('../images/hero.jpg');background-size:cover;background-position:center}.hero-copy{position:relative;z-index:1;width:min(640px,52vw);padding:70px 0 46px 4vw}.hero-kicker{font:2.2rem Georgia,serif;margin:0}.hero h1{font-size:6.2rem;line-height:.82;margin:.05em 0 .1em;letter-spacing:.06em}.hero h2,.section-heading h2,.human-thread h2,.simple-hero h1{font-family:Georgia,serif;font-weight:400}.hero h2{font-size:2.5rem;line-height:1.02;margin:.4rem 0 1rem}.hero-copy>p:not(.hero-kicker){font-size:1.17rem;line-height:1.42;max-width:590px}.presented{display:flex;align-items:center;gap:1rem;margin:1.1rem 0}.presented span{font-size:.7rem;text-transform:uppercase;letter-spacing:.16em;font-weight:700}.presented img{width:250px;height:auto}.actions{display:flex;gap:.8rem;flex-wrap:wrap}.dark-section{background:linear-gradient(#071018,#09131b);padding:1rem 1vw 0}.section-heading{max-width:var(--max);margin:auto;padding:0 2vw 1rem}.split{display:grid;grid-template-columns:1.3fr .8fr;gap:4rem;align-items:end}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--gold);font-size:.8rem;font-weight:800;margin:0 0 .25rem}.section-heading h2{font-size:2.55rem;margin:0}.section-heading>p{line-height:1.45;margin:0}.story-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(6,1fr);gap:3px}.story-card{background:#071018;min-width:0;border:1px solid #263744}.story-card img{display:block;width:100%;height:140px;object-fit:cover;object-position:center top}.story-card div{padding:1rem;min-height:210px;background:linear-gradient(180deg,rgba(7,16,24,.4),#071018 24%)}.story-card h3{text-transform:uppercase;font-size:1rem;margin:0 0 .5rem}.story-card ul{list-style:none;padding:0;margin:0;font-family:Georgia,serif;line-height:1.25}.story-card a{float:right;border:2px solid var(--gold);color:var(--gold);border-radius:50%;width:31px;height:31px;display:grid;place-items:center;text-decoration:none}.light-section{background:var(--paper);color:#111;padding:1.2rem 1.5vw}.light-section .eyebrow{color:#d77f00}.experiences .section-heading{padding-top:.5rem}.experience-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem}.experience-grid article{display:grid;grid-template-columns:145px 1fr;column-gap:1rem;align-content:start;border-top:1px solid #cfc7ba;padding-top:.5rem}.experience-grid img{width:145px;height:108px;object-fit:cover;grid-row:1/5}.experience-grid h3{font-family:Georgia,serif;font-size:1.25rem;margin:.1rem 0}.experience-grid p{font-size:.85rem;line-height:1.35;margin:.3rem 0}.experience-grid a{text-transform:uppercase;color:#d87800;font-weight:800;font-size:.75rem;text-decoration:none}.human-thread{position:relative;min-height:190px;overflow:hidden;padding:1.2rem 4vw;display:grid;grid-template-columns:1fr 1fr;align-items:center}.human-thread-art{position:absolute;inset:0;background:linear-gradient(90deg,#071018 0%,rgba(7,16,24,.92) 25%,rgba(7,16,24,.2) 65%,#071018 100%),url('../images/human-thread.jpg');background-size:cover;background-position:center 48%;opacity:.98}.human-thread-copy,.human-thread blockquote{position:relative;z-index:1}.human-thread-copy{max-width:620px}.human-thread h2{font-size:2rem;margin:.1rem 0}.human-thread p{line-height:1.35}.human-thread blockquote{justify-self:end;max-width:430px;font:italic 1.25rem/1.5 Georgia,serif;text-align:right}.site-footer{background:#02070b;padding:2rem 4vw;display:grid;grid-template-columns:1fr auto auto;gap:2rem;align-items:center;color:#ccd4d9;border-top:1px solid #22303a}.footer-presented{display:flex;align-items:center;gap:1rem}.footer-presented img{width:190px}.site-footer nav{display:flex;gap:1rem}.site-footer a{text-decoration:none}.page-hero{background:radial-gradient(circle at 70% 0,#16314a,#071018 50%);padding:5rem 0 3rem}.page-shell{max-width:1000px;margin:auto;padding:0 4vw}.simple-hero h1{font-size:4rem;margin:.2rem 0}.lede{font-size:1.35rem;line-height:1.5}.prose{background:#fff;color:#111;padding-top:3rem;padding-bottom:4rem;max-width:none}.prose>*{max-width:900px;margin-left:auto;margin-right:auto}.prose h2{font-family:Georgia,serif;font-size:2rem;margin-top:2rem}.prose p,.prose li{font-size:1.05rem;line-height:1.7}.prose a{color:#8f5200}@media(max-width:1050px){.primary-nav{gap:.9rem}.story-grid{grid-template-columns:repeat(3,1fr)}.experience-grid{grid-template-columns:repeat(2,1fr)}.hero-copy{width:60vw}.hero h1{font-size:5rem}}@media(max-width:760px){.site-header{height:auto;min-height:64px;flex-wrap:wrap;padding:12px 18px}.brand{min-width:auto}.nav-toggle{display:block;margin-left:auto;background:transparent;color:#fff;border:1px solid #53616c;padding:.5rem .7rem}.site-header>.button{display:none}.primary-nav{display:none;width:100%;flex-direction:column;padding:.6rem 0;background:#040a10;}.primary-nav.open{display:flex}.hero{min-height:700px}.hero-art{inset:0;background-position:66% center;opacity:.65}.hero-copy{width:auto;padding:55px 20px}.hero h1{font-size:4rem}.hero h2{font-size:2rem}.presented img{width:210px}.split{grid-template-columns:1fr;gap:1rem}.section-heading h2{font-size:2rem}.story-grid{grid-template-columns:repeat(2,1fr)}.experience-grid{grid-template-columns:1fr}.human-thread{grid-template-columns:1fr;min-height:420px}.human-thread blockquote{align-self:end}.site-footer{grid-template-columns:1fr}.footer-presented{flex-direction:column;align-items:flex-start}}@media(max-width:460px){.story-grid{grid-template-columns:1fr}.hero h1{font-size:3.3rem}.hero h2{font-size:1.75rem}.experience-grid article{grid-template-columns:120px 1fr}.experience-grid img{width:120px}.presented{align-items:flex-start;flex-direction:column}}/* Contact form styling */

.contact-form {
  max-width: 680px;
  margin: 40px 0 60px;
}

.contact-form .form-field {
  margin-bottom: 22px;
}

.contact-form label {
  display: block;
  margin-bottom: 8px;
  font-weight: 600;
  font-size: 15px;
  color: #17232b;
}

.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form select,
.contact-form textarea {
  display: block;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  padding: 13px 15px;
  border: 1px solid #b8c2c8;
  border-radius: 5px;
  background: #fff;
  color: #17232b;
  font: inherit;
  font-size: 16px;
}

.contact-form textarea {
  min-height: 160px;
  resize: vertical;
}

.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus {
  outline: 2px solid #e6a51a;
  outline-offset: 1px;
}

.contact-form button,
.contact-form button[type="submit"] {
  background: #ffb81c;
  color: #101820;
  border: 0;
  border-radius: 25px;
  padding: 14px 30px;
  font-weight: 700;
  cursor: pointer;
}
@media (max-width: 760px) {
  #primary-nav {
    background: #040a0d;
    opacity: 1;
    position: static;
    z-index: 1000;
    }
    .site-header {
    position: relative;
  }
}
/* Southern Oregon PBS logo - desktop and mobile */
.presented img {
    background: transparent;
    padding: 0;
    border-radius: 0;
    box-sizing: border-box;
}
/* Southern Oregon PBS footer logo */
.footer-presented img {
    width: 190px;
    height: auto;
    max-width: 100%;
    background: transparent;
    padding: 0;
}
/* Social icons and footer navigation */
.footer-links{display:flex;flex-direction:column;align-items:flex-end;gap:1rem}
.site-footer .footer-social{display:flex;align-items:center;justify-content:flex-end;gap:.6rem}
.site-footer .footer-social a{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid #52606a;border-radius:50%;color:#ffb31d;transition:background .2s,border-color .2s}
.site-footer .footer-social a:hover,.site-footer .footer-social a:focus-visible{background:#1c2933;border-color:#ffb31d;outline-offset:3px}
.site-footer .footer-social svg{display:block;flex-shrink:0}
.site-footer .footer-navigation{display:flex;gap:1rem;flex-wrap:wrap}
@media(max-width:760px){.footer-links{align-items:flex-start}.site-footer .footer-social{justify-content:flex-start}}

/* Experiences: self-contained layout; no changes to other sections. */
.experiences .experience-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-items:stretch}
.experiences .experience-grid article{min-width:0;display:flex;flex-direction:column;gap:0;border-top:1px solid #cfc7ba;padding-top:10px}
.experiences .experience-grid article img{display:block;width:100%;height:145px;object-fit:cover;flex:none;margin:0 0 12px}
.experiences .experience-grid article h3{font-size:1.22rem;line-height:1.12;margin:0 0 8px}
.experiences .experience-grid article p{font-size:.88rem;line-height:1.4;margin:0 0 12px;flex:1}
.experiences .experience-grid article a{display:inline-block;align-self:flex-start;margin-top:auto;font-size:.76rem;line-height:1.4}
@media(max-width:1050px){.experiences .experience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.experiences .experience-grid{grid-template-columns:minmax(0,1fr);gap:20px}.experiences .experience-grid article{display:grid;grid-template-columns:minmax(0,38%) minmax(0,1fr);grid-template-rows:auto 1fr auto;column-gap:14px;align-items:start}.experiences .experience-grid article img{grid-column:1;grid-row:1/4;width:100%;height:120px;margin:0}.experiences .experience-grid article h3{grid-column:2;grid-row:1}.experiences .experience-grid article p{grid-column:2;grid-row:2}.experiences .experience-grid article a{grid-column:2;grid-row:3;margin:0}.experiences .experience-grid article>*{min-width:0}}
@media(max-width:380px){.experiences .experience-grid article{grid-template-columns:minmax(0,1fr)}.experiences .experience-grid article img,.experiences .experience-grid article h3,.experiences .experience-grid article p,.experiences .experience-grid article a{grid-column:1;grid-row:auto}.experiences .experience-grid article img{height:155px;margin-bottom:10px}}
/* Mobile Perspectives - seamless card edges */
@media (max-width: 760px) {
    .story-grid {
        gap: 0 !important;
        padding: 0 !important;
    }

    .story-grid .story-card {
        border: none !important;
        margin: 0 !important;
        box-shadow: none !important;
    }

    .story-grid .story-card img {
        display: block;
        width: 100%;
        border: none !important;
        box-shadow: none !important;
    }
.story-grid .story-card div {
    min-height: 0;
    }
}
/* Align all six perspective arrows bottom-right */
.story-grid .story-card {
    position: relative;
    padding-bottom: 48px;
    box-sizing: border-box;
}

.story-grid .story-card a {
  position: absolute;
  float: none;
  right: 12px;
  bottom: 12px;
  margin: 0;
  display: grid;
  place-items: center;
}