/* Page ambiance — white cartoon tentacles on viewport edges, above sea wash, behind content */
.ambiance{
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:1;
  overflow:visible;
}
.ambiance__lane{
  position:absolute;
  top:0;
  height:100%;
  width:min(32vw,220px);
  overflow:visible;
}
.ambiance__lane--left{left:0;}
.ambiance__lane--right{
  right:0;
  transform:scaleX(-1);
}

.ambiance-welcome-sign{
  position:fixed;
  left:0;
  top:0;
  z-index:2;
  pointer-events:none;
  will-change:transform,opacity;
}
.ambiance-welcome-sign__board{
  display:block;
  position:relative;
  background:var(--buddy-out,#f4b860);
  color:#2a1a00;
  font-family:var(--font-display,"Sora",sans-serif);
  font-weight:600;
  font-size:18px;
  letter-spacing:0.05em;
  line-height:1;
  padding:11px 20px;
  border-radius:10px;
  border:2px solid rgba(255,220,150,0.95);
  white-space:nowrap;
  box-shadow:0 3px 14px rgba(0,0,0,0.22);
}

.ambiance-tentacle__body{
  fill:rgba(255,255,255,0.14);
  stroke:rgba(255,255,255,0.92);
  stroke-width:0.54;
  stroke-linejoin:round;
  stroke-linecap:round;
}
.ambiance-tentacle__face{
  fill:rgba(255,255,255,0.42);
  stroke:none;
  pointer-events:none;
}
.ambiance-tentacle.is-overlapping .ambiance-tentacle__face{
  fill:rgba(255,255,255,0.68);
}
.ambiance-tentacle.is-overlapping .ambiance-tentacle__body{
  stroke:rgba(255,255,255,1);
}
.ambiance-tentacle__ridge{
  fill:none;
  stroke:rgba(255,255,255,0.42);
  stroke-width:0.2;
  stroke-linecap:round;
}
.ambiance-tentacle__sucker{
  fill:rgba(255,255,255,0.22);
  stroke:rgba(255,255,255,0.9);
  stroke-width:0.18;
}
.ambiance-tentacle__sucker--small{
  fill:rgba(255,255,255,0.12);
  stroke:rgba(255,255,255,0.7);
  stroke-width:0.12;
}
.ambiance-tentacle__sucker-dot{
  fill:rgba(255,255,255,0.62);
  stroke:none;
}


@media (max-width:1024px){
  .ambiance{
    display:none;
  }
  .hero{
    overflow-x:hidden;
    overflow:hidden;
  }
  .hero::before{
    width:min(100vw, 820px);
    height:min(100vw, 820px);
  }
  .sea-scene{
    overflow-x:hidden;
  }
}

@media (prefers-reduced-motion:reduce){
  .ambiance{
    display:none;
  }
}