[hidden]{display:none!important}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}:root{--learn-night:#02080d;--learn-deep:#061826;--learn-water:#0b3447;--learn-cream:#fff1d7;--learn-gold:#efc273;--learn-line:rgba(154,220,238,.28);--learn-mist:#cde5ea}*{box-sizing:border-box}html{background:var(--learn-night);scroll-behavior:smooth}body{margin:0;overflow-x:clip;color:#e9f7fa;background:var(--learn-night);font-family:var(--lh-serif,Georgia,serif)}a{color:inherit}.learn-head{position:fixed;z-index:20;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem clamp(1rem,4vw,4rem);border-bottom:1px solid rgba(238,247,250,.16);background:linear-gradient(180deg,#02090df2,#02090d8f,transparent);backdrop-filter:blur(10px)}.learn-brand{text-decoration:none}.learn-brand small,.overline{color:var(--learn-gold);font:900 .62rem var(--lh-plain,Arial,sans-serif);letter-spacing:.18em;text-transform:uppercase}.learn-brand strong{display:block;margin-top:.2rem;color:var(--learn-cream);font-size:1.18rem}.learn-head nav{display:flex;gap:1rem;flex-wrap:wrap;justify-content:flex-end}.learn-head nav a{font:900 .66rem var(--lh-plain,Arial,sans-serif);letter-spacing:.08em;text-decoration:none;text-transform:uppercase}.learning-hero{position:relative;min-height:96svh;display:grid;grid-template-columns:minmax(18rem,1fr) minmax(18rem,.72fr);gap:clamp(2rem,6vw,6rem);align-items:end;padding:8rem max(1rem,calc((100% - 86rem)/2)) 4rem;overflow:hidden}.learning-hero>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.78) contrast(1.12) brightness(.52)}.learning-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#02080de6 0 34%,rgba(2,8,13,.65),rgba(2,8,13,.35)),linear-gradient(180deg,transparent,#02080d 90%)}.hero-copy,.learning-tower{position:relative;z-index:2}.hero-copy h1{max-width:11ch;margin:.7rem 0;color:var(--learn-cream);font:500 clamp(4rem,8.5vw,8.2rem)/.84 var(--lh-script,var(--lh-serif));text-shadow:0 1rem 3rem #000}.hero-copy>p:not(.overline){max-width:46rem;color:#d4e8ec;font-size:1.1rem;line-height:1.75}.hero-actions{display:flex;gap:1.2rem;flex-wrap:wrap;margin-top:2rem}.button,button{display:inline-flex;align-items:center;justify-content:center;min-height:2.7rem;padding:.76rem 1rem;border:1px solid rgba(239,194,115,.62);border-radius:0;color:var(--learn-cream);background:transparent;font:900 .62rem var(--lh-plain,Arial,sans-serif);letter-spacing:.09em;text-decoration:none;text-transform:uppercase;cursor:pointer}.button.gold,button.gold{color:#061720;background:var(--learn-gold)}.learning-tower{align-self:center;min-height:38rem}.beam-path{position:absolute;right:8rem;top:5.8rem;width:52vw;height:10rem;clip-path:polygon(0 44%,100% 0,100% 100%,0 56%);background:linear-gradient(90deg,rgba(255,241,194,.7),rgba(119,222,242,.18),transparent);mix-blend-mode:screen;transform-origin:left center;animation:learnSweep 13s ease-in-out infinite alternate}.tower-art{position:absolute;right:0;bottom:0;width:min(30rem,72vw);max-height:76svh;object-fit:contain;filter:drop-shadow(0 2rem 4rem #000)}.tower-screen{position:absolute;right:7rem;top:8.4rem;width:min(18rem,42vw);aspect-ratio:16/9;overflow:hidden;border:2px solid var(--learn-gold);background:#02080d;box-shadow:0 0 1.3rem rgba(111,226,250,.7),inset 0 0 1.5rem rgba(111,226,250,.25)}.tower-screen video{width:100%;height:100%;object-fit:cover}.tower-screen span{position:absolute;left:.8rem;right:.8rem;bottom:.65rem;text-shadow:0 .25rem .9rem #000}.tower-screen small,.tower-screen strong{display:block}.tower-screen strong{color:var(--learn-cream);font-size:1.1rem}.learning-main{background:linear-gradient(180deg,#02080d,#092f42 45%,#02080d);padding-bottom:7rem}.learning-band{position:relative;padding:clamp(4rem,7vw,7rem) max(1rem,calc((100% - 86rem)/2));border-top:1px solid var(--learn-line)}.learning-band h2{max-width:14ch;margin:.55rem 0;color:var(--learn-cream);font:500 clamp(2.8rem,5vw,5.5rem)/.95 var(--lh-serif,Georgia,serif)}.learning-band>p{max-width:54rem;color:#c5dce1;line-height:1.7}.learning-search{display:grid;grid-template-columns:1fr auto;max-width:56rem;margin:2rem 0;border-block:1px solid rgba(239,194,115,.48)}.learning-search input,.learn-form input,.learn-form textarea,.learn-form select,.owner-learning input,.owner-learning textarea,.owner-learning select{width:100%;min-width:0;padding:1rem .2rem;border:0;border-bottom:1px solid var(--learn-line);border-radius:0;color:#fff;background:transparent;font:1rem/1.45 var(--lh-serif,Georgia,serif)}.learning-search button{border:0;border-left:1px solid rgba(239,194,115,.5);background:var(--learn-gold);color:#061720}.guide-river,.learning-log{border-top:1px solid var(--learn-line)}.guide-row,.log-row,.owner-learning article{display:grid;grid-template-columns:minmax(12rem,.65fr) minmax(18rem,1.25fr) auto;gap:1.4rem;align-items:start;padding:1.45rem 0;border-bottom:1px solid var(--learn-line)}.guide-row h3,.log-row h3,.owner-learning h3{margin:.2rem 0;color:var(--learn-cream);font:500 1.8rem/1.05 var(--lh-serif,Georgia,serif)}.guide-row p,.log-row p,.owner-learning p{margin:.35rem 0;color:#c2dbe1;line-height:1.55}.guide-detail{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--learn-gold)}.guide-step{display:grid;grid-template-columns:9rem 1fr;gap:1.2rem;padding:1.1rem 0;border-bottom:1px solid var(--learn-line)}.guide-step h4{margin:0;color:var(--learn-cream);font-size:1.24rem}.guide-media{display:flex;gap:.7rem;overflow:auto;margin-top:1rem}.guide-media img,.guide-media video{width:12rem;height:8rem;object-fit:cover;border:1px solid var(--learn-line)}.member-workshop{display:grid;grid-template-columns:minmax(18rem,.9fr) minmax(18rem,1.1fr);gap:clamp(2rem,5vw,5rem);margin-top:3rem}.learn-form{display:grid;gap:.85rem;padding-top:1.2rem;border-top:1px solid var(--learn-line)}.learn-form label{display:block;color:#d7e8ec;font:800 .65rem var(--lh-plain,Arial,sans-serif);letter-spacing:.1em;text-transform:uppercase}.learn-form textarea{min-height:7.2rem;resize:vertical}.learn-form .checks{display:grid;gap:.5rem}.learn-form .checks label{display:flex;gap:.65rem;align-items:flex-start;text-transform:none;letter-spacing:0;font:1rem/1.45 var(--lh-serif,Georgia,serif)}.learn-form .checks input{width:auto;margin-top:.25rem}.media-picks{max-height:12rem;overflow:auto;border-block:1px solid var(--learn-line)}.media-picks label{display:grid;grid-template-columns:auto 1fr;gap:.7rem;padding:.7rem 0;border-bottom:1px solid rgba(154,220,238,.16)}.learning-status{min-height:1.4rem;color:var(--learn-gold)}.tag{display:inline-flex;margin:.18rem .35rem .18rem 0;padding:.28rem .52rem;border:1px solid rgba(239,194,115,.45);color:var(--learn-gold);font:800 .58rem var(--lh-plain,Arial,sans-serif);letter-spacing:.08em;text-transform:uppercase}.empty{padding:1.4rem 0;color:#c8dce2}.owner-learning{width:min(86rem,calc(100% - 2rem));margin:auto;padding:5rem 0;color:#e9f7fa}.owner-actions{display:flex;gap:.6rem;flex-wrap:wrap}@keyframes learnSweep{from{transform:rotate(-10deg);opacity:.42}to{transform:rotate(7deg);opacity:.86}}@media(max-width:840px){.learning-hero{grid-template-columns:1fr;align-items:end}.learning-tower{min-height:28rem}.tower-art{left:50%;right:auto;transform:translateX(-50%);width:min(27rem,92vw)}.tower-screen{left:50%;right:auto;top:6.4rem;transform:translateX(-50%);width:min(16rem,58vw)}.member-workshop,.guide-row,.log-row,.owner-learning article{grid-template-columns:1fr}.learning-search{grid-template-columns:1fr}.learning-search button{border-left:0}.guide-step{grid-template-columns:1fr}.learn-head{align-items:flex-start}}@media(max-width:500px){.learn-head{position:absolute}.learn-head nav{gap:.55rem;max-width:14rem}.learning-hero{padding-top:7rem}.hero-copy h1{font-size:clamp(3.9rem,18vw,5.8rem)}.learning-band{padding-inline:1rem}.learning-tower{min-height:24rem}.beam-path{right:50%;top:5.5rem;width:80vw}.button,button{width:100%}}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;scroll-behavior:auto!important}.beam-path{opacity:.45}}


/* Learning Harbor path refinement */
.learning-compass {
  background:
    radial-gradient(circle at 12% 12%, rgba(239, 194, 115, 0.14), transparent 30%),
    linear-gradient(135deg, rgba(5, 23, 34, 0.96), rgba(11, 52, 71, 0.72));
}

.learning-path-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  margin: 2rem 0;
}

.learning-path-grid article {
  display: flex;
  min-height: 100%;
  flex-direction: column;
  gap: .7rem;
  padding: 1.25rem;
  border: 1px solid rgba(239, 194, 115, .28);
  background: rgba(2, 8, 13, .32);
  box-shadow: 0 1.4rem 3rem rgba(0,0,0,.16);
}

.learning-path-grid small {
  color: var(--learn-gold);
  font: 900 .62rem var(--lh-plain, Arial, sans-serif);
  letter-spacing: .18em;
}

.learning-path-grid h3 {
  margin: 0;
  color: var(--learn-cream);
  font: 500 1.55rem/1.05 var(--lh-serif, Georgia, serif);
}

.learning-path-grid p {
  flex: 1;
  margin: 0;
  color: #c5dce1;
  line-height: 1.6;
}

.learning-path-grid a {
  align-self: flex-start;
  color: var(--learn-gold);
  font: 900 .62rem var(--lh-plain, Arial, sans-serif);
  letter-spacing: .08em;
  text-decoration: none;
  text-transform: uppercase;
}

.learning-path-grid a:hover,
.learning-path-grid a:focus-visible {
  text-decoration: underline;
  text-underline-offset: .3rem;
}

.learning-boundary {
  max-width: 72rem;
  padding: 1rem 1.15rem;
  border: 1px solid rgba(239, 194, 115, .34);
  background: rgba(2, 8, 13, .42);
  color: #d6e9ee;
  line-height: 1.65;
}

.learning-boundary strong {
  color: var(--learn-gold);
}

.learning-room-links {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .9rem;
  margin-top: 1rem;
}

.learning-room-links a {
  display: block;
  min-height: 100%;
  padding: 1rem;
  border: 1px solid rgba(154, 220, 238, .24);
  background: rgba(255, 255, 255, .045);
  color: inherit;
  text-decoration: none;
}

.learning-room-links strong,
.learning-room-links span {
  display: block;
}

.learning-room-links strong {
  color: var(--learn-cream);
  font-size: 1.05rem;
}

.learning-room-links span {
  margin-top: .35rem;
  color: #c5dce1;
  line-height: 1.45;
}

@media(max-width: 960px) {
  .learning-path-grid,
  .learning-room-links {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media(max-width: 620px) {
  .learning-path-grid,
  .learning-room-links {
    grid-template-columns: 1fr;
  }
}