/* v30 photographic homepage layer; the v29 stylesheet remains the baseline. */
.landing-v30 .hero {
  background: linear-gradient(90deg, rgba(2, 10, 28, .96) 0%, rgba(4, 19, 45, .85) 48%, rgba(4, 19, 45, .31) 100%), url('/static/assets/home-v30-workspace.jpg') center / cover;
}
.landing-v30 .hero h1 { font-size: clamp(3.1rem, 6.5vw, 6.4rem); line-height: .99; max-width: 14ch; }
.landing-v30 .showcase { background: #07162e; color: #fff; overflow: hidden; }
.landing-v30 .showcase h2 { max-width: 18ch; font-size: clamp(2.75rem, 5vw, 5rem); }
.landing-v30 .showcase-intro { color: #cbd5e1; font-size: 1.05rem; }
.landing-v30 .showcase-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.4rem; perspective: 1200px; padding: 1.6rem .6rem 3rem; }
.landing-v30 #creare .showcase-card {
  position: relative; min-width: 0; min-height: 31rem; overflow: hidden; border: 1px solid rgba(255,255,255,.22);
  border-radius: .85rem; background: #172941; box-shadow: 18px 26px 0 rgba(26, 59, 104, .38), 26px 38px 48px rgba(0, 0, 0, .34);
  transform: rotateY(-5deg) rotateX(3deg); transition: transform .35s ease, box-shadow .35s ease;
}
.landing-v30 #creare .showcase-card:nth-child(2) { transform: translateY(1.8rem) rotateY(3deg) rotateX(3deg); }
.landing-v30 #creare .showcase-card:nth-child(3) { transform: rotateY(5deg) rotateX(3deg); }
.landing-v30 #creare .showcase-card:hover, .landing-v30 #creare .showcase-card:focus-within { transform: translateY(-.6rem) rotateY(0) rotateX(0); box-shadow: 12px 20px 0 rgba(26, 59, 104, .38), 20px 30px 50px rgba(0, 0, 0, .4); }
.landing-v30 .showcase-card::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(2, 10, 28, .03) 16%, rgba(2, 10, 28, .43) 49%, rgba(2, 10, 28, .96) 100%); pointer-events: none; }
.landing-v30 .showcase-card img { display: block; width: 100%; height: 100%; position: absolute; inset: 0; object-fit: cover; transition: transform .5s ease; }
.landing-v30 .showcase-card:hover img { transform: scale(1.05); }
.landing-v30 .showcase-content { position: absolute; z-index: 1; inset: auto 1.7rem 1.8rem; }
.landing-v30 .showcase-kicker { display: block; color: #a5f3fc; text-transform: uppercase; letter-spacing: .12em; font-size: .7rem; font-weight: 700; }
.landing-v30 .showcase-content h3 { margin: .8rem 0 1.5rem; color: #fff; font-size: clamp(2.5rem, 3.5vw, 4.2rem); line-height: .97; letter-spacing: -.055em; text-shadow: 0 2px 16px #020617; }
.landing-v30 #creare .showcase-content a { display: inline-flex; align-items: center; gap: .6rem; padding: .7rem 1rem; border: 1px solid rgba(255,255,255,.75); border-radius: .4rem; color: #fff; background: rgba(2, 10, 28, .52); font-weight: 700; text-decoration: none; }
.landing-v30 #creare .showcase-content a:hover { color: #07162e; background: #fff; }
.landing-v30 .showcase-note { color: #cbd5e1; font-size: .95rem; }
.landing-v30 #creare .showcase-note a { color: #a5f3fc; text-decoration: underline; text-underline-offset: 3px; }
.landing-v30 #creare .showcase-note a:hover { color: #fff; }
@media (max-width: 900px) {
  .landing-v30 .showcase-grid { grid-template-columns: 1fr 1fr; gap: 1.5rem; }
  .landing-v30 #creare .showcase-card { min-height: 26rem; transform: none !important; box-shadow: 10px 14px 0 rgba(26,59,104,.38); }
  .landing-v30 #creare .showcase-card:nth-child(2) { transform: translateY(0) !important; }
}
@media (max-width: 600px) {
  .landing-v30 .hero { background-position: 59% center; }
  .landing-v30 .hero h1 { font-size: clamp(2.85rem, 10.5vw, 4.2rem); }
  .landing-v30 .showcase-grid { grid-template-columns: 1fr; padding: .75rem .25rem 1rem; gap: 1.3rem; }
  .landing-v30 #creare .showcase-card { min-height: 27rem; }
  .landing-v30 .showcase-content h3 { font-size: clamp(2.6rem, 11vw, 4rem); }
}
@media (prefers-reduced-motion: reduce) {
  .landing-v30 .showcase-card, .landing-v30 .showcase-card img { transition: none !important; }
}