@use "base/variable" as *;
@use "base/mixin" as *;

// Base
@use "base/font";
@use "base/reset";

// Pages
@use "page/gnb";
@use "page/intro";
@use "page/about";
@use "page/vision";
@use "page/project";
@use "page/contact";

.sectionTitle {
  font-family: $기본글꼴;
  font-size: clamp(28px, 3vw, 48px);
  font-weight: 600;
  letter-spacing: 0.02em;
  color: #ffffff;
  line-height: 0.8;
}

.sectionTitleDark {
  color: #0d0d0d;
}

.scrollDown {
  position: absolute;
  bottom: 80px;
  left: 50%;
  transform: translateX(-50%);
  width: 72px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.3s;

  &:hover {
    opacity: 0.6;
  }

  img {
    width: 100%;
    height: 100%;
    object-fit: unset;
  }
}

.scrollDownSm {
  position: relative;
  bottom: auto;
  left: auto;
  transform: none;
  margin-top: 40px;
}

@include mo {
  .scrollDown {
    width: 52px;
    height: 52px;
    bottom: 24px;
  }
}
