:root{--night:#020b12;--deep:#041a29;--glass:#0a3850;--cream:#fff0d3;--gold:#efc16c;--mist:#d8edf4;--line:rgba(168,222,238,.3)}*{box-sizing:border-box}html{background:var(--night);scroll-behavior:smooth}body{margin:0;color:#eef8fb;background:var(--night);font-family:var(--lh-serif,Georgia,serif)}.creative-harbor{position:relative;min-height:100svh;overflow:hidden;background:linear-gradient(180deg,rgba(1,8,13,.08),rgba(1,8,13,.95)),#020b12}.harbor-film{position:absolute;inset:-2%;width:104%;height:104%;object-fit:cover;filter:saturate(.76) contrast(1.08) brightness(.58)}.harbor-shade{position:absolute;inset:0;background:radial-gradient(circle at 72% 38%,rgba(96,211,239,.12),transparent 30%),linear-gradient(90deg,rgba(1,10,17,.93),rgba(1,10,17,.28) 58%,rgba(1,10,17,.72))}.harbor-grain{position:absolute;inset:-20%;opacity:.08;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.34'/%3E%3C/svg%3E")}.harbor-head{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:1.2rem clamp(1rem,4vw,4rem);border-bottom:1px solid rgba(210,239,247,.14);background:linear-gradient(180deg,rgba(1,9,15,.7),transparent)}.harbor-home{color:var(--cream);text-decoration:none;font:500 .72rem/1.2 var(--lh-plain,Arial,sans-serif);letter-spacing:.14em;text-transform:uppercase}.harbor-home strong{display:block;margin-top:.3rem;font:500 1.25rem/1 var(--lh-serif);letter-spacing:.02em;text-transform:none}.harbor-nav{display:flex;gap:1.2rem}.harbor-nav a{color:rgba(235,247,250,.72);font:700 .65rem var(--lh-plain,Arial,sans-serif);letter-spacing:.08em;text-decoration:none;text-transform:uppercase}.harbor-nav a:hover,.harbor-nav a:focus-visible{color:var(--gold)}.harbor-stage{position:relative;z-index:2;display:grid;grid-template-columns:minmax(20rem,42rem) minmax(28rem,47rem);align-items:center;justify-content:space-between;gap:clamp(1rem,4vw,5rem);width:min(94rem,calc(100% - 3rem));min-height:calc(100svh - 6rem);margin:auto;padding:clamp(3rem,8vh,7rem) 0}.harbor-story{align-self:center}.overline{margin:0;color:var(--gold);font:900 .66rem/1 var(--lh-plain,Arial,sans-serif);letter-spacing:.25em;text-transform:uppercase}.harbor-story h1{max-width:12ch;margin:.8rem 0 1.2rem;color:var(--cream);font:400 clamp(4rem,7vw,7.7rem)/.82 var(--lh-script,var(--lh-serif,Georgia,serif));text-shadow:0 1rem 3rem rgba(0,0,0,.55)}.harbor-story>p:not(.overline){max-width:39rem;color:rgba(226,242,247,.8);font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.7}.shore-paths{display:flex;gap:1.6rem;flex-wrap:wrap;margin-top:2rem}.shore-paths a{padding:.65rem 0;color:#fff2d2;border-bottom:1px solid rgba(239,193,108,.6);text-decoration:none;font:800 .68rem var(--lh-plain,Arial,sans-serif);letter-spacing:.09em;text-transform:uppercase}.lighthouse-vessel{position:relative;align-self:end;justify-self:end;width:min(43vw,44rem);filter:drop-shadow(-2rem 2rem 3rem rgba(0,0,0,.58))}.lighthouse-vessel>img{display:block;width:100%;height:auto}.beam{position:absolute;z-index:-1;left:46%;top:25%;width:65vw;height:13rem;clip-path:polygon(0 44%,100% 0,100% 100%,0 56%);transform:rotate(-8deg);transform-origin:left;background:linear-gradient(90deg,rgba(255,238,181,.36),rgba(95,210,239,.15) 45%,transparent 88%);mix-blend-mode:screen;animation:sweep 10s ease-in-out infinite alternate}.lantern-dialogue{position:absolute;left:23.6%;top:26.2%;width:52.9%;height:20.8%;overflow:auto;padding:clamp(.45rem,1vw,.8rem);border:1px solid rgba(181,235,249,.86);border-radius:4%;background:linear-gradient(145deg,rgba(4,31,47,.93),rgba(4,16,27,.96));box-shadow:inset 0 0 1.3rem rgba(95,213,241,.27),0 0 2rem rgba(81,210,242,.42)}.lantern-dialogue label{display:block;color:var(--gold);font:800 clamp(.38rem,.68vw,.58rem)/1.2 var(--lh-plain,Arial,sans-serif);letter-spacing:.13em;text-transform:uppercase}.lantern-dialogue textarea{display:block;width:100%;height:48%;margin:.35rem 0;padding:.35rem .45rem;resize:none;border:1px solid rgba(186,229,240,.28);border-radius:.35rem;color:white;background:rgba(0,8,14,.65);font:clamp(.55rem,.85vw,.76rem)/1.3 var(--lh-serif)}.lantern-dialogue button{float:right;padding:.42rem .62rem;border:1px solid rgba(239,193,108,.75);border-radius:999px;color:#061826;background:var(--gold);font:900 clamp(.4rem,.6vw,.55rem) var(--lh-plain,Arial,sans-serif);letter-spacing:.05em;text-transform:uppercase;cursor:pointer}.harbor-answer{min-height:1.6em;margin:.25rem 0 0;color:rgba(230,246,250,.74);font:clamp(.44rem,.65vw,.58rem)/1.3 var(--lh-plain,Arial,sans-serif)}.harbor-depth{position:relative;z-index:3;padding:clamp(4rem,8vw,7rem) max(1.2rem,calc((100% - 86rem)/2));background:linear-gradient(180deg,#020b12,#062238 62%,#020b12)}.harbor-depth header{max-width:54rem;margin-bottom:3rem}.harbor-depth h2{margin:.6rem 0;color:var(--cream);font:500 clamp(2.4rem,5vw,5.4rem)/.95 var(--lh-serif)}.harbor-depth header p{color:rgba(221,239,245,.72);font-size:1.05rem;line-height:1.7}.current-lines{border-top:1px solid var(--line)}.current-line{display:grid;grid-template-columns:9rem 1fr auto;gap:2rem;align-items:center;padding:1.5rem 0;border-bottom:1px solid var(--line)}.current-line small{color:var(--gold);font:900 .63rem var(--lh-plain,Arial,sans-serif);letter-spacing:.14em;text-transform:uppercase}.current-line strong{color:var(--cream);font:500 1.35rem var(--lh-serif)}.current-line span{max-width:31rem;color:rgba(222,239,245,.68);font: .88rem/1.5 var(--lh-plain,Arial,sans-serif)}@keyframes sweep{from{transform:rotate(-15deg);opacity:.45}to{transform:rotate(8deg);opacity:.75}}@media(max-width:850px){.harbor-head{align-items:flex-start}.harbor-nav{gap:.7rem;flex-wrap:wrap;justify-content:flex-end}.harbor-stage{display:flex;flex-direction:column;justify-content:flex-end;width:100%;min-height:100svh;padding:46rem 1rem 4rem}.harbor-story{position:relative;z-index:4;width:100%}.harbor-story h1{font-size:clamp(3.8rem,16vw,6rem)}.lighthouse-vessel{position:absolute;top:4rem;right:50%;width:min(84vw,31rem);transform:translateX(50%);opacity:.96}.lantern-dialogue{padding:.45rem}.harbor-depth{padding:4rem 1rem}.current-line{grid-template-columns:1fr;gap:.55rem}.current-line span{max-width:none}}@media(max-width:480px){.harbor-head{padding:.9rem}.harbor-home strong{font-size:1rem}.harbor-nav{max-width:12rem}.harbor-stage{padding-top:44rem}.lighthouse-vessel{top:4.3rem;width:min(94vw,27rem)}.lantern-dialogue textarea{margin:.18rem 0;height:43%}.harbor-story>p:not(.overline){line-height:1.55}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.001ms!important}}




/* Makerspace path refinement */
.maker-compass {
  background:
    radial-gradient(circle at 18% 8%, rgba(239, 193, 108, .13), transparent 32%),
    linear-gradient(180deg, #020b12, #08263a 58%, #020b12);
}

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

.maker-path-grid article {
  display: flex;
  min-height: 100%;
  flex-direction: column;
  gap: .75rem;
  padding: 1.2rem;
  border: 1px solid rgba(239, 193, 108, .28);
  background: rgba(1, 12, 19, .42);
  box-shadow: 0 1.4rem 3rem rgba(0,0,0,.18);
}

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

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

.maker-path-grid p {
  flex: 1;
  margin: 0;
  color: rgba(222,239,245,.72);
  line-height: 1.58;
}

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

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

.maker-boundary {
  max-width: 74rem;
  padding: 1rem 1.15rem;
  border: 1px solid rgba(239, 193, 108, .36);
  background: rgba(2, 8, 13, .42);
  color: rgba(226,242,247,.82);
  line-height: 1.65;
}

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

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

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

.maker-room-links strong,
.maker-room-links span { display: block; }
.maker-room-links strong { color: var(--cream); font-size: 1.05rem; }
.maker-room-links span { margin-top: .35rem; color: rgba(222,239,245,.74); line-height: 1.45; }

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

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