/* Three V5a header directions for review. The hero remains one continuous image. */
.header-option-original.home-page .hero-img img,
.header-option-glass.home-page .hero-img img,
.header-option-islands.home-page .hero-img img{transform:scale(.985)!important}

/* Option 1: the original floating composition. */
.header-option-original.home-page header{color:var(--teacher-ink)}

/* Option 2: one quiet glass ribbon over the photograph. */
.header-option-glass.home-page header{
  top:calc(var(--teacher-frame) + 14px);left:calc(var(--teacher-frame) + 18px);right:calc(var(--teacher-frame) + 18px);height:72px;
  padding-inline:clamp(22px,2.7vw,42px);border:1px solid #fff8;border-radius:16px;background:#f8f3ebc7;color:var(--teacher-ink);
  box-shadow:0 12px 34px #2b241b1a;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)
}
.header-option-glass.home-page header .brand{padding:0;border:0;border-radius:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
.header-option-glass.home-page header .brand-logo{width:clamp(170px,13vw,205px)}
.header-option-glass.home-page header>nav{gap:clamp(18px,2vw,30px)}
.header-option-glass.home-page header>nav a{text-shadow:none}

/* Option 3: balanced floating islands, with no bar across the image. */
.header-option-islands.home-page header{top:calc(var(--teacher-frame) + 18px);height:66px;padding-inline:clamp(18px,2.8vw,42px)}
.header-option-islands.home-page header .brand{padding:11px 18px;border:1px solid #fff8;background:#f8f3ebdd;box-shadow:0 10px 30px #2b241b20}
.header-option-islands.home-page header .brand-logo{width:clamp(165px,12.5vw,198px)}
.header-option-islands.home-page header>nav{gap:24px;margin-left:auto;padding:15px 24px;border:1px solid #fff7;border-radius:999px;background:#f8f3ebcf;box-shadow:0 10px 30px #2b241b18;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}
.header-option-islands.home-page header>nav a{text-shadow:none}
.header-option-islands.home-page header>.button{margin-left:10px;background:#60352fe8;color:#fffaf2;border-color:#60352f;box-shadow:0 10px 30px #2b241b18}

/* Carry the selected floating-islands header across every V5a inner page. */
.header-option-islands:not(.home-page)>header{position:relative;z-index:6;width:auto;max-width:none;height:66px;margin:18px var(--teacher-frame) 24px;padding:0 clamp(18px,2.8vw,42px);border:0;background:transparent;color:var(--teacher-ink)}
.header-option-islands:not(.home-page)>header .brand{padding:11px 18px;border:1px solid #fff8;border-radius:999px;background:#f8f3ebdd;box-shadow:0 10px 30px #2b241b20}
.header-option-islands:not(.home-page)>header .brand-logo{width:clamp(165px,12.5vw,198px)}
.header-option-islands:not(.home-page)>header>nav{gap:24px;margin-left:auto;padding:15px 24px;border:1px solid #fff7;border-radius:999px;background:#f8f3ebcf;box-shadow:0 10px 30px #2b241b18;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}
.header-option-islands:not(.home-page)>header>.button{margin-left:10px;background:#60352fe8;color:#fffaf2;border-color:#60352f;border-radius:999px;box-shadow:0 10px 30px #2b241b18}

@media(max-width:1100px) and (min-width:651px){
  .header-option-glass.home-page header{top:calc(var(--teacher-frame) + 10px);left:calc(var(--teacher-frame) + 12px);right:calc(var(--teacher-frame) + 12px);height:66px;padding-inline:22px}
  .header-option-glass.home-page header .brand-logo{width:165px}
  .header-option-islands.home-page header{top:calc(var(--teacher-frame) + 12px);height:60px;padding-inline:24px}
  .header-option-islands.home-page header .brand-logo{width:160px}
  .header-option-islands.home-page header>nav{gap:15px;padding:13px 18px}
}

@media(max-width:850px){
  .header-option-glass.home-page header{gap:8px}
  .header-option-glass.home-page #menu{background:#fffaf0d9;box-shadow:none}
  .header-option-islands.home-page header{padding-inline:16px}
}

@media(max-width:650px){
  .header-option-original.home-page .hero-img img,
  .header-option-glass.home-page .hero-img img,
  .header-option-islands.home-page .hero-img img{transform:scale(1.015)!important}
  .header-option-glass.home-page header{top:18px;left:18px;right:18px;height:58px;padding-inline:14px;border-radius:14px}
  .header-option-glass.home-page header .brand-logo{width:145px}
  .header-option-islands.home-page header{top:16px;left:16px;right:16px;height:58px;padding:0}
  .header-option-islands.home-page header .brand{padding:9px 12px}
  .header-option-islands.home-page header .brand-logo{width:142px}
  .header-option-islands.home-page #menu{margin-left:auto;background:#f8f3ebdf;box-shadow:0 8px 24px #2b241b20}
  .header-option-islands:not(.home-page)>header{height:58px;margin:12px 16px 18px;padding:0}
  .header-option-islands:not(.home-page)>header .brand{padding:9px 12px}
  .header-option-islands:not(.home-page)>header .brand-logo{width:142px}
  .header-option-islands:not(.home-page)>header #menu{margin-left:auto;background:#f8f3ebdf;box-shadow:0 8px 24px #2b241b20}
}

@media(orientation:landscape) and (max-height:500px){
  .header-option-glass.home-page header{top:14px;left:14px;right:14px;height:50px;padding-inline:14px}
  .header-option-glass.home-page header .brand-logo{width:135px}
  .header-option-islands.home-page header{top:12px;left:12px;right:12px;height:48px}
  .header-option-islands.home-page header .brand-logo{width:132px}
}