.stories-hero{background:linear-gradient(90deg,rgba(3,15,27,.93),rgba(3,20,32,.48)),url("assets/project-surface.webp") center/cover}
.stories-hero:after{background:linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px);background-size:25% 25%;transform:rotate(4deg)}
.stories-status{display:inline-flex;margin:28px 0 0;padding:9px 12px;border:1px solid rgba(255,255,255,.32);font-size:10px;letter-spacing:.16em}
.stories-experience{background:#061a2b;color:#fff;position:relative;overflow:hidden}.stories-experience:after{content:"FIELD STORIES";position:absolute;right:-4rem;bottom:6rem;color:rgba(255,255,255,.025);font:700 clamp(5rem,12vw,11rem) Arial;transform:rotate(-90deg)}
.stories-heading{position:relative;z-index:1;display:grid;grid-template-columns:1fr .75fr;gap:5rem;align-items:end;margin-bottom:3.5rem}.stories-heading h2{color:#fff}.stories-heading>p{color:#aebcc6;line-height:1.8}
.story-tabs{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(255,255,255,.16)}
.story-tab{appearance:none;border:0;border-right:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.02);color:#d9e2e7;padding:1.25rem;text-align:left;cursor:pointer;display:flex;flex-direction:column;min-height:7.5rem;transition:background .25s ease}.story-tab:last-child{border-right:0}.story-tab span{color:#6eb349;font-size:.68rem;letter-spacing:.15em}.story-tab strong{margin:.6rem 0 .2rem;font:400 1.15rem Georgia,serif;color:#fff}.story-tab small{color:#80929e}.story-tab:hover,.story-tab:focus-visible{background:rgba(255,255,255,.065)}.story-tab.is-active{background:linear-gradient(145deg,rgba(110,179,73,.2),rgba(255,255,255,.025));box-shadow:inset 0 -3px #6eb349}
.story-stage{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(20rem,.65fr);border:1px solid rgba(255,255,255,.16);border-top:0;background:#0a2235}
.story-visual{position:relative;margin:0;min-height:36rem;overflow:hidden;background:#102b3d}.story-visual img{width:100%;height:100%;min-height:36rem;object-fit:cover;filter:saturate(.82) contrast(1.04);transition:filter .35s ease,transform .5s ease}.story-visual figcaption{position:absolute;left:0;right:0;bottom:0;padding:4rem 2rem 1.6rem;background:linear-gradient(transparent,rgba(2,13,22,.9));display:flex;flex-direction:column}.story-visual figcaption span{color:#8dcc68;font-size:.67rem;font-weight:700;letter-spacing:.14em}.story-visual figcaption strong{margin-top:.4rem;font:400 1.25rem Georgia,serif;max-width:36rem}.story-focus{position:absolute;width:13rem;height:13rem;border:1px solid rgba(255,255,255,.5);border-radius:50%;left:10%;top:14%;box-shadow:0 0 0 999px rgba(2,14,23,.18);pointer-events:none;transition:left .45s ease,top .45s ease,width .45s ease,height .45s ease}
.story-notes{padding:clamp(2rem,4vw,3.5rem);display:flex;flex-direction:column;justify-content:center}.story-code{color:#76ba51;font-size:.68rem;font-weight:700;letter-spacing:.16em}.story-notes h3{font:400 clamp(2rem,3vw,3.2rem)/1.05 Georgia,serif;margin:.8rem 0 1.1rem}.story-lead{color:#bcc8cf;line-height:1.75;margin:0}.story-fact,.story-boundary{margin-top:1.7rem;padding-top:1.1rem;border-top:1px solid rgba(255,255,255,.15)}.story-fact span,.story-boundary span{color:#86c762;font-size:.65rem;font-weight:700;letter-spacing:.13em}.story-fact p,.story-boundary p{color:#9eafb9;font-size:.82rem;line-height:1.6;margin:.45rem 0 0}.story-boundary{border-left:2px solid #6eb349;padding-left:1rem}.story-service-link{display:inline-block;margin-top:1.6rem;color:#fff;text-decoration:none;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.story-timeline{position:relative;z-index:1;display:grid;grid-template-columns:repeat(5,1fr);border:1px solid rgba(255,255,255,.16);border-top:0}.story-timeline button{appearance:none;border:0;border-right:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.02);color:#8fa0aa;padding:1rem;cursor:pointer;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}.story-timeline button:last-child{border-right:0}.story-timeline button span{display:block;color:#5e7583;margin-bottom:.3rem}.story-timeline button.is-active{background:rgba(110,179,73,.14);color:#fff}.story-timeline button.is-active span{color:#86c762}
.stories-principle{background:#eff3ef;text-align:center}.stories-principle blockquote{max-width:940px;margin:1rem auto 1.5rem;font:400 clamp(2.2rem,5vw,4.8rem)/1.08 Georgia,serif;color:#0b2a45}.stories-principle>div>p:last-child{color:#637580;font-size:.72rem;letter-spacing:.13em}
.stories-cta{text-align:center;background:linear-gradient(120deg,#071d31,#0e3855);color:#fff}.stories-cta h2{max-width:850px;margin-left:auto;margin-right:auto}.stories-cta .lead{color:#c8d2d8}.stories-cta .actions{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-top:2rem}.stories-cta .button:not(.primary){color:#fff}
.case-stories-link{margin-top:2rem}
@media(max-width:900px){.stories-heading,.story-stage{grid-template-columns:1fr}.stories-heading{gap:1.2rem}.story-tabs{grid-template-columns:1fr 1fr}.story-tab:nth-child(2){border-right:0}.story-tab:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.14)}.story-visual,.story-visual img{min-height:28rem}.story-focus{width:10rem;height:10rem}.story-timeline{grid-template-columns:1fr}.story-timeline button{border-right:0;border-bottom:1px solid rgba(255,255,255,.13);text-align:left;display:flex;gap:.7rem}.story-timeline button span{display:inline;margin:0}.story-timeline button:last-child{border-bottom:0}}
@media(max-width:560px){.story-tabs{grid-template-columns:1fr}.story-tab{min-height:auto;border-right:0;border-bottom:1px solid rgba(255,255,255,.14)!important}.story-tab:last-child{border-bottom:0!important}.story-visual,.story-visual img{min-height:23rem}.story-notes{padding:2rem 1.25rem}.story-focus{width:8rem;height:8rem}}
@media(prefers-reduced-motion:reduce){.story-tab,.story-visual img,.story-focus{transition:none}}
/* HC HOSPITALITY CASE STUDY 2026 */
.hospitality-evidence{
  margin:1.4rem 0 0;
  padding:clamp(1.5rem,3.5vw,3rem);
  border:1px solid rgba(255,255,255,.15);
  background:linear-gradient(140deg,rgba(255,255,255,.07),rgba(110,179,73,.035));
}
.hospitality-evidence[hidden]{display:none}
.hospitality-evidence-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);
  gap:3rem;
  align-items:end;
  margin-bottom:1.8rem;
}
.hospitality-evidence-head h3{
  margin:0;
  color:#fff;
  font:400 clamp(2rem,4vw,3.7rem)/1.05 Georgia,serif;
}
.hospitality-evidence-head>p{
  margin:0;
  color:#c7d2d9;
  font-size:.9rem;
  line-height:1.7;
}
.hospitality-evidence-grid{
  display:grid;
  grid-template-columns:1.12fr .94fr .94fr;
  gap:1px;
  background:rgba(255,255,255,.16);
}
.hospitality-evidence-grid figure{
  position:relative;
  min-width:0;
  margin:0;
  overflow:hidden;
  background:#071d31;
}
.hospitality-evidence-grid img{
  width:100%;
  height:clamp(260px,34vw,460px);
  object-fit:cover;
  filter:saturate(.82) contrast(1.03);
  transition:transform .6s cubic-bezier(.22,1,.36,1),filter .35s ease;
}
.hospitality-evidence-grid figure:hover img{
  transform:scale(1.025);
  filter:saturate(.95) contrast(1.04);
}
.hospitality-evidence-grid figcaption{
  position:absolute;
  inset:auto 0 0;
  padding:3.5rem 1.35rem 1.25rem;
  color:#fff;
  background:linear-gradient(transparent,rgba(2,17,29,.92));
}
.hospitality-evidence-grid figcaption span{
  display:block;
  margin-bottom:.45rem;
  color:#9fe27a;
  font-size:.62rem;
  font-weight:800;
  letter-spacing:.15em;
}
.hospitality-evidence-grid figcaption strong{
  display:block;
  max-width:22rem;
  font:400 1.08rem/1.35 Georgia,serif;
}
.hospitality-evidence-boundary{
  margin:1.4rem 0 0;
  color:#9fb0bc;
  font-size:.76rem;
  line-height:1.65;
}
.hospitality-evidence-boundary strong{color:#d7e0e5}
@media(max-width:900px){
  .hospitality-evidence-head{grid-template-columns:1fr;gap:1rem}
  .hospitality-evidence-grid{grid-template-columns:1fr}
  .hospitality-evidence-grid img{height:auto;max-height:540px}
}
@media(prefers-reduced-motion:reduce){
  .hospitality-evidence-grid img{transition:none}
  .hospitality-evidence-grid figure:hover img{transform:none}
}

/* PREMIUM STORIES V2 */
.story-tabs{box-shadow:0 18px 50px rgba(0,8,16,.15)}
.story-tab{position:relative}
.story-tab.is-active:after{content:"";position:absolute;left:1.25rem;right:1.25rem;bottom:0;height:2px;background:#79bd4a}
.story-stage{box-shadow:0 28px 70px rgba(0,8,16,.22)}
.story-service-link{padding-bottom:5px;border-bottom:1px solid rgba(141,204,104,.55)}
@media(max-width:560px){
.story-tabs{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-right:0}
.story-tabs::-webkit-scrollbar{display:none}
.story-tab{flex:0 0 78%;min-width:78%;scroll-snap-align:start;border-right:1px solid rgba(255,255,255,.14)!important;border-bottom:0!important}
.story-tab:last-child{border-right:0!important}
.story-visual,.story-visual img{min-height:25rem}
.story-notes{padding:2.2rem 1.35rem}
}