.az-logos-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.2rem;
  margin-top: 2rem;
}
.gemini-logo {
  height: 3.2rem;
  width: auto;
  vertical-align: middle;
  filter: drop-shadow(0 2px 8px rgba(108,30,177,0.12));
}
.workspace-logo-row {
  display: flex;
  justify-content: center;
  margin-top: 0.5rem;
}
.workspace-logo {
  height: 1.7rem;
  width: auto;
  opacity: 0.92;
  filter: drop-shadow(0 1px 4px rgba(0,0,0,0.08));
}
.az-fadein {
  font-size: 3.5rem;
  font-weight: 900;
  text-align: center;
  margin: 2rem auto 0 auto;
  color: #222;
  letter-spacing: 0.15em;
  opacity: 0;
  animation: azFadeIn 2.2s cubic-bezier(.77,0,.18,1) 0.2s forwards;
}
@keyframes azFadeIn {
  from { opacity: 0; transform: translateY(40px) scale(0.98); }
  to { opacity: 1; transform: none; }
}
.contact-form label {
  color: #111;
}
/* Page transition: new page slides up in */
.page-slide-up-init {
  opacity: 0;
  transform: translateY(60px);
}
.page-slide-up-animate {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.625s cubic-bezier(.77,0,.18,1), transform 0.625s cubic-bezier(.77,0,.18,1);
}
/* BLOC nav button deep purple accent - case and extension insensitive */
.site-nav a[href$="BLOC.html"],
.site-nav a[href$="bloc.html"],
.site-nav a[href$="BLOC.HTML"],
.site-nav a[href$="bloc.HTML"] {
  color: #6c1eb1 !important;
  font-weight: 700;
}
.site-nav a[href$="BLOC.html"].active,
.site-nav a[href$="bloc.html"].active,
.site-nav a[href$="BLOC.HTML"].active,
.site-nav a[href$="bloc.HTML"].active,
.site-nav a[href$="BLOC.html"]:hover,
.site-nav a[href$="bloc.html"]:hover,
.site-nav a[href$="BLOC.HTML"]:hover,
.site-nav a[href$="bloc.HTML"]:hover {
  background: rgba(108,30,177,0.16) !important;
  color: #fff !important;
  border-radius: 6px;
}
body.portfolio-page {
  background: #888 !important;
}
}
main.container {
  background: transparent;
}
h2.about-title {
  font-size: 1.5rem;
  font-weight: 600;
}
.gallery-album .gallery {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 1px;
  justify-items: center;
  align-items: center;
}
.album-thumb {
  max-width: 320px;
  max-height: 240px;
  width: 100%;
  height: auto;
  border-radius: 6px;
  box-shadow: 0 1px 4px rgba(0,0,0,0.07);
  margin: 0;
  object-fit: cover;
}
.contact-info-over-logo {
  background: url('https://lh3.googleusercontent.com/d/1VKRn6EG2rH5AnMhGvANxjTY5HeDPDr3Q') center center/cover no-repeat;
  padding: 2.5rem 1.5rem;
  border-left: 4px solid #d4af37;
  margin: 2rem 0;
  position: relative;
  box-shadow: 0 2px 12px rgba(0,0,0,0.07);
}
.contact-box {
  background: rgba(0,0,0,0.35);
  border: 2px solid #d4af37;
  border-radius: 10px;
  padding: 1.5rem 2rem;
  margin: 1.25rem 0;
  display: flex;
  align-items: center;
  gap: 1.25rem;
  box-shadow: 0 2px 8px rgba(0,0,0,0.10);
}
.contact-info-value {
  color: #d4af37 !important;
  font-weight: 700;
  font-size: 1.15rem;
}
.contact-desc {
  color: #000 !important;
}
.contact-info-boxes {
  margin-top: 2rem;
}
.contact-box {
  background: rgba(0,0,0,0.35);
  border: 2px solid #d4af37;
  border-radius: 10px;
  padding: 1.5rem 2rem;
  margin: 1.25rem 0;
  display: flex;
  align-items: center;
  gap: 1.25rem;
  box-shadow: 0 2px 8px rgba(0,0,0,0.10);
}
.contact-label {
  color: #fff;
  font-weight: 700;
}
.contact-info-value {
  color: #d4af37 !important;
  font-weight: 700;
}
/* Basic, clean stylesheet for the 5-page site */
:root{
  --accent:#2b7cff;
  --muted:#666;
  :root{
    --gold:#d4af37;
    --muted:#bdb6aa;
    --bg:#000;
    --max-width:1100px;
  }
  *{box-sizing:border-box}
  body{font-family:Montserrat,Segoe UI, Roboto, Arial, sans-serif;line-height:1.5;color:#eee;background:var(--bg);margin:0}
  .container{max-width:var(--max-width);margin:0 auto;padding:1rem}
.site-header{position:relative;z-index:50;overflow:hidden}
.header-gradient{position:absolute;inset:0;background:linear-gradient(to right,rgba(0,0,0,0.8),rgba(0,0,0,0.35));z-index:0}
.header-content{position:relative;z-index:1;display:flex;align-items:center;gap:2rem;padding:1rem;max-width:1100px;margin:0 auto}
.logo-group{display:flex;align-items:center;gap:1.5rem;flex:1;text-decoration:none;cursor:pointer}
.logo-img{width:80px;height:80px;flex-shrink:0}
.logo-text{margin:0;font-size:1.5rem;font-family:Cinzel, serif;color:#d4af37 !important;letter-spacing:0.02em}
.site-nav{margin-left:auto;display:flex;gap:0.75rem}
.site-nav a{color:#d4af37 !important;text-decoration:none;padding:0.75rem 1.25rem;border-radius:4px;background:rgba(0,0,0,0.7);font-weight:600;transition:all 0.3s ease}
.site-nav a.active, .site-nav a:hover{color:#d4af37 !important;background:rgba(0,0,0,0.9);box-shadow:0 2px 8px rgba(0,0,0,0.5)}
  .site-nav{margin-left:auto;display:flex;gap:0.75rem}
  .site-nav a{color:var(--muted);text-decoration:none;padding:0.5rem;border-radius:4px}
  .site-nav a.active, .site-nav a:hover{color:var(--gold);background:rgba(212,175,55,0.06)}
  .nav-toggle{display:none;background:none;border:0;font-size:1.25rem;color:var(--muted)}
  .hero{padding:2.5rem 0;text-align:left}
  .hero h2{margin-top:0;font-family:Cinzel, serif;color:#d4af37 !important;font-size:3rem;text-shadow:2px 2px 8px rgba(0,0,0,0.8)}
.btn{display:inline-block;background:#000;color:#d4af37;padding:1rem 2rem;border-radius:6px;text-decoration:none;font-weight:700;font-size:1.1rem;transition:all 0.3s ease;box-shadow:0 4px 12px rgba(0,0,0,0.3);cursor:pointer}
.btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,0.4)}
  .intro-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;padding-bottom:2rem}
  .intro-grid article{background:#111;padding:1rem;border:1px solid #222;border-radius:6px}
  .site-footer{border-top:1px solid #111;padding:1rem 0;margin-top:2rem;color:var(--muted)}

/* Full-viewport hero with static grayscale background image */
.crane-hero{min-height:100vh;display:flex;align-items:center;padding:0;margin:0;position:relative;background-color:transparent;overflow:hidden}
.hero-video{position:absolute;top:50%;left:50%;width:100%;height:100%;object-fit:cover;transform:translate(-50%,-50%);z-index:0;filter:grayscale(100%);border:none}
.crane-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.5));z-index:1}
.crane-hero .hero-content{position:relative;z-index:10;padding:3rem 1rem}  /* Accessibility: don't use fixed background on mobile where it can be problematic */
  @media (max-width:900px){
    .crane-hero{background-attachment:scroll}
    .hero h2{font-size:2rem}
  }

  @media (max-width:700px){
    .site-nav{position:absolute;left:0;right:0;top:64px;background:rgba(0,0,0,0.9);flex-direction:column;padding:1rem;display:none}
    .site-nav.show{display:flex}
    .nav-toggle{display:block;margin-left:auto}
  }
.contact-form{max-width:640px;display:grid;gap:0.5rem}
.contact-form input,
.contact-form textarea {
  background: #f3f3f3;
  color: #222;
  border: 1.5px solid #222;
  padding: 0.6rem;
  border-radius: 4px;
  font-size: 1.08rem;
  box-shadow: 0 2px 8px rgba(44,44,44,0.07);
  transition: border-color 0.2s, box-shadow 0.2s;
}
.contact-form input:focus,
.contact-form textarea:focus {
  border-color: #d4af37;
  box-shadow: 0 0 0 2px rgba(212,175,55,0.15);
  outline: none;
}

.contact-info{background:#111;padding:1.5rem;border-left:4px solid #d4af37;margin:2rem 0}
.contact-info p{margin:0.5rem 0;font-size:1.1rem}
.contact-info a{color:#d4af37;text-decoration:none;font-weight:600}

@media (max-width:700px){
  .site-nav{position:absolute;left:0;right:0;top:64px;background:#fff;flex-direction:column;padding:1rem;display:none}
  .site-nav.show{display:flex}
  .nav-toggle{display:block;margin-left:auto}
}

/* Small utilities */
h2,h3{color:#111}
a{color:var(--accent)}