*{box-sizing:border-box}html{background:#071019;color:#eef3f6;font-family:Arial,Helvetica,sans-serif;scroll-behavior:smooth}body{margin:0;background:#071019;overflow-x:hidden}a{color:inherit}.wrap{width:min(1180px,92vw);margin:auto}.hero{min-height:520px;background:linear-gradient(0deg,rgba(5,12,18,.94),rgba(5,12,18,.05)),var(--hero) center 30%/cover no-repeat;display:flex;align-items:flex-end}.hero-inner{padding:70px 0}.eyebrow{letter-spacing:.25em;text-transform:uppercase;font-size:.72rem;font-weight:700}.hero h1{font-size:clamp(2.3rem,6vw,5.2rem);line-height:.93;margin:.5rem 0}.hero p{max-width:720px;font-size:1.1rem}.intro{text-align:center;padding:54px 20px;border-bottom:1px solid #26333d}.intro h2{font-size:clamp(1.8rem,4vw,3rem);margin:0 0 14px}.section-card{display:grid;grid-template-columns:260px 1fr;gap:38px;padding:54px 0;border-bottom:1px solid #26333d}.section-copy h2{font-size:2.2rem;margin:.35rem 0}.section-copy p{line-height:1.55;color:#c6d0d7}.btn{display:inline-block;border:1px solid #d7a72b;padding:13px 16px;text-decoration:none;text-transform:uppercase;font-size:.75rem;font-weight:800}.mosaic{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:150px;gap:3px}.mosaic img{width:100%;height:100%;object-fit:cover}.story-card{padding:65px 0;text-align:center}.story-accents{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:760px;margin:30px auto}.story-accents img{width:100%;height:160px;object-fit:cover}.page-head{width:min(1180px,92vw);margin:auto;padding:48px 0 22px}.page-head h1{font-size:clamp(2.2rem,5vw,4rem);margin:.3rem 0}.back{text-decoration:none;color:#d7a72b}
/* Full-width, aspect-ratio-preserving justified gallery (matched to Carrier Operations). */
.justified-gallery{width:100vw;max-width:none;margin-left:calc(50% - 50vw);padding:5px;display:flex;flex-wrap:wrap;gap:5px;align-items:flex-start}.gallery-item{margin:0;position:relative;overflow:hidden;background:#111;flex:0 0 auto}.gallery-link{display:block;width:100%;height:100%;cursor:zoom-in}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .25s,filter .25s}.gallery-item:hover img{transform:scale(1.025);filter:brightness(.9)}.gallery-item figcaption{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
/* Lightbox */
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.97);z-index:100;display:none;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;padding:3rem 1rem 1rem}.lightbox.open{display:grid}.lightbox-stage{min-width:0;max-height:calc(100vh - 4rem);display:flex;flex-direction:column;align-items:center;justify-content:center}.lb-image{display:block;max-height:calc(100vh - 11rem);max-width:100%;object-fit:contain}.lb-caption{margin-top:.75rem;color:#d0d5da;text-align:center;max-width:1000px;line-height:1.4}.lightbox button{background:none;border:0;color:white;font-size:2.4rem;cursor:pointer}.close{position:absolute;right:1rem;top:.5rem}.filmstrip{display:none;justify-content:center;gap:10px;margin-top:.8rem;max-width:100%;overflow-x:auto;padding:2px}.filmstrip.has-items{display:flex}.filmstrip button{background:#111;border:1px solid #4a5660;color:white;padding:5px;cursor:pointer;font-size:inherit}.filmstrip button.active{border-color:#d7a72b}.filmstrip img{width:95px;height:62px;object-fit:cover;display:block}.filmstrip small{display:block;padding:4px;font-size:.72rem;white-space:nowrap}.footer{text-align:center;color:#8d9aa4;padding:30px;border-top:1px solid #26333d}
@media(max-width:760px){.section-card{grid-template-columns:1fr}.mosaic{grid-auto-rows:105px}.hero{min-height:430px}.story-accents{grid-template-columns:1fr}.story-accents img{height:220px}.lightbox{grid-template-columns:1fr;padding:3rem .5rem 1rem}.prev,.next{position:absolute;top:50%;z-index:2}.prev{left:0}.next{right:0}.lb-image{max-height:calc(100vh - 13rem)}.filmstrip img{width:78px;height:52px}}

.story-page{max-width:980px;margin:0 auto;padding:0 24px 80px;font-size:1.15rem;line-height:1.8}.story-placeholder{max-width:760px;margin:0 auto 36px;color:#d5dde5}.story-page .story-accents{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.story-page .story-accents img{width:100%;height:auto;display:block}@media(max-width:760px){.story-page .story-accents{grid-template-columns:1fr 1fr}}

/* Cross-browser landing-page safeguards. */
.section-card{grid-template-columns:minmax(220px,260px) minmax(0,1fr);align-items:start}
.section-copy,.mosaic{min-width:0}
.mosaic{width:100%}
.mosaic img{display:block;min-width:0}
.story-prose{max-width:820px;margin:0 auto}
.story-prose p{margin:0 0 1.5em}
.story-photo{margin:2.25rem auto;max-width:760px}
.story-photo img{display:block;width:100%;height:auto}
@media(max-width:980px){
  .section-card{grid-template-columns:1fr;gap:24px;padding:42px 0}
  .section-copy{max-width:720px}
  .mosaic{grid-auto-rows:clamp(105px,18vw,165px)}
}
@media(max-width:560px){
  .mosaic{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:130px}
}

/* My Rocky Story — museum-style photograph captions */
.story-photo{
  margin:2.75rem auto 3.25rem;
  max-width:760px;
}

.story-photo img{
  display:block;
  width:100%;
  height:auto;
  margin:0;
  box-shadow:0 12px 30px rgba(0,0,0,.28);
}

.story-photo figcaption{
  max-width:620px;
  margin:.9rem auto 0;
  padding:0 1rem;
  color:#aab4bf;
  text-align:center;
  font-size:.90rem;
  line-height:1.5;
  font-style:italic;
  letter-spacing:.015em;
}

@media(max-width:560px){
  .story-photo{
    margin:2.25rem auto 2.75rem;
  }

  .story-photo figcaption{
    max-width:100%;
    margin:.75rem auto 0;
    padding:0 .65rem;
    font-size:.86rem;
    line-height:1.45;
  }
}