@charset "UTF-8";

/* transition.css */
/* Purpose: Scoped layout for transitional pages during operational updates or system shifts */

/* Reset and full-height foundation */
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

/* Main container for transition content */
.transition-shell {
  margin-top: 0;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 1.5rem 1rem 3rem 1rem;
  /* 
  color: rgb(var(--soft-white));
  */ 
  color: rgb(var(--lilac-soft));
  background-color: rgb(var(--oxford-blue));
  font-family: var(--font-primary, 'Montserrat', sans-serif);
  text-align: center;
}

/* Typography */
.transition-shell h1 {
  font-size: 2.5rem;
  margin-bottom: 1rem;
}

.transition-shell p {
  font-size: 1.2rem;
  margin-bottom: 1rem;
  max-width: 700px;
  line-height: 1.6;
}

/* Link styling */
.transition-shell a {
  color: rgb(var(--lilac-soft));
  text-decoration: underline;
}

.transition-shell a:hover {
  color: var(--color-accent-hover, #005fa3);
}

/* Logo Swap Container — scoped for transition shell only */
/* Purpose: Constrain logo size and animate hover transitions with nuance */
.logo-swap-container {
  max-height: 120px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem 0;
}

/* Logo images — scaled for visual balance */
.logo-swap-main,
.logo-swap-hover {
  max-height: 80px;
  width: auto;
  display: block;
  font-family: 'Montserrat', sans-serif;
  font-size: clamp(2rem, 3vw, 3rem);
  font-weight: 500;
  margin-bottom: 0;
  line-height: 1.2;
  opacity: 1;
  /* color: rgb(var(--classic-gold)); */
  color: rgb(var(--amber-glow));
  font-weight: 700;
  transform: scale(1);  
}

/* Transition Heading — scoped for bold titles in transitional shell */
/* Purpose: Classic gold emphasis with responsive scale and spacing */

.transition-heading {
  font-family: 'Montserrat', sans-serif;
  margin-bottom: 0;
  line-height: 1.2;
  opacity: 1;
  /* 
  color: rgb(var(--classic-gold));
  */
  color: rgb(var(--amber-glow));
  font-weight: 700;
  transform: scale(1);  
  text-align: center;
  font-size: clamp(2rem, 4vw, 3rem);
  margin-top: 2rem;
  margin-bottom: clamp(0.25rem, 1vw, 1rem);
}

.transition-note {
  font-family: 'Lora', serif;
  font-style: italic;
  color: rgb(var(--butter-gleam));
  font-weight: 600;
  text-align: center;
  font-size: clamp(1.1rem, 2.2vw, 1.4rem);
  margin-top: 0.5rem;
  margin-bottom: clamp(1.5rem, 2vw, 2.5rem);
  letter-spacing: 0.02em;
}

/* Transition Paragraph — scoped for mission and service descriptions */
/* Purpose: Maintainable clarity with emotional tone and responsive scale */

.transition-paragraph {
  font-family: 'Montserrat', sans-serif;
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 400;
  line-height: 1.6;
  text-align: center;
  color: rgb(var(--soft-white));
  margin-top: 0.5rem;
  margin-bottom: clamp(1.25rem, 2vw, 2rem);
  max-width: 800px;
}

.transition-link a {
  font-family: 'Lora', serif;
  font-style: italic;
  font-size: clamp(1rem, 2vw, 1.25rem); 
  color: rgb(var(--mint-green));
  text-decoration: none;
  font-weight: 500;
  transition: font-weight 0.2s ease;
}

.transition-link a:hover {
  color: rgb(var(--chartreuse-tint));
  font-weight: 700;
}