.company-story{background:linear-gradient(180deg,#fff 0%,#f8faff 100%)}
.story-marker{position:sticky;top:180px}
.story-marker .eyebrow{color:var(--red);margin-top:26px}
.story-note{margin-top:28px;padding:20px;border-left:4px solid var(--yellow);background:white;box-shadow:0 8px 30px rgba(21,45,126,.07);font-weight:800;color:var(--navy)}
.story-copy p{font-size:1.02rem;line-height:1.75;margin:0 0 22px}
.experience-cta{background:linear-gradient(90deg,rgba(6,18,48,.96),rgba(23,47,130,.84)),url('hero-workshop.png') center/cover;color:white}
.experience-panel{display:grid;grid-template-columns:1fr auto;gap:50px;align-items:end}
.experience-panel h2,.experience-panel p{max-width:760px}
.experience-panel p{color:#dbe5ff;font-size:1.08rem}
.home-contact{background:var(--mist)}
.home-contact-grid{display:grid;grid-template-columns:.8fr 1.1fr .75fr;gap:46px;align-items:start}
.home-contact .eyebrow{color:var(--red)}
.contact-facts{display:grid;gap:10px}
.contact-facts>div{display:grid;grid-template-columns:34px 1fr;gap:12px;padding:16px 0;border-bottom:1px solid var(--line)}
.contact-facts span{color:var(--navy);font-weight:900;font-size:1.25rem}
.contact-facts p{margin:0;color:#4e5872}
.contact-facts strong{color:var(--ink)}
.hours-card{background:var(--navy);color:white;padding:32px;border-radius:var(--radius);box-shadow:var(--shadow)}
.hours-card h3{margin-top:0}
.hours-card p{margin:18px 0 0;color:#cbd6f5}
.hours-card>strong{color:var(--yellow);font-size:1.2rem}
.hours-links{margin-top:28px;padding-top:22px;border-top:1px solid rgba(255,255,255,.18)}
.hours-links a{display:block;margin:9px 0;color:white;font-weight:700}
.hours-links a:hover{color:var(--yellow)}
@media(max-width:850px){.home-contact-grid{grid-template-columns:1fr}.story-marker{position:static}.experience-panel{grid-template-columns:1fr;align-items:start}}
