/* Case study pages — shares the palette, simpler flowing layout */
.case-nav{
  position:fixed; top:0; left:0; right:0; z-index:1100; height:72px;
  background:rgba(226,126,150,.9); backdrop-filter:blur(4px);
  display:flex; align-items:center; justify-content:space-between;
  padding:0 5%; box-shadow:0 4px 18px rgba(160,80,105,.22);
}
.case-nav .brand{ font-family:'Caveat',cursive; font-weight:700; font-size:30px; color:#fff; }
.case-nav nav{ display:flex; gap:30px; }
.case-nav nav a{
  font-family:'Caveat',cursive; font-size:24px; color:#fff; position:relative; padding-bottom:3px;
}
.case-nav nav a::after{
  content:''; position:absolute; left:0; right:0; bottom:0; height:2px; background:#fff;
  transform:scaleX(0); transform-origin:left; transition:transform .25s ease;
}
.case-nav nav a:hover::after, .case-nav nav a.active::after{ transform:scaleX(1); }

.case-body{
  min-height:100vh; padding:120px 6% 80px;
  background:url('../assets/bg.jpg') center/cover fixed;
  position:relative; overflow:hidden;
}
.case-body .deco{ position:absolute; pointer-events:none; z-index:0; }
.case-wrap{
  position:relative; z-index:2; max-width:820px; margin:0 auto;
  background:rgba(255,255,255,.62); border-radius:26px; padding:42px 44px;
  box-shadow:0 18px 44px rgba(190,100,120,.26);
  border:1px solid rgba(255,255,255,.7);
}
.case-wrap .back{
  display:inline-block; margin-bottom:18px; color:var(--pink-deep);
  font-family:'Caveat',cursive; font-size:22px; transition:transform .25s ease;
}
.case-wrap .back:hover{ transform:translateX(-5px); }
.case-wrap h1{
  font-family:'Caveat',cursive; font-weight:700; font-size:52px;
  color:var(--pink-deep); margin:0 0 6px;
}
.case-wrap .tagline{ font-style:italic; color:var(--ink-soft); margin-bottom:18px; }
.case-wrap ul{ padding-left:20px; color:var(--ink-soft); line-height:1.85; }
.case-wrap ul li::marker{ color:var(--pink-deep); }
.case-foot{
  text-align:center; padding:22px; background:rgba(232,140,160,.9); color:#fff;
  font-family:'Caveat',cursive; font-size:20px;
}
@media (max-width:600px){
  .case-nav nav{ gap:16px; }
  .case-nav nav a{ font-size:19px; }
  .case-wrap{ padding:28px 22px; }
  .case-wrap h1{ font-size:38px; }
}