@charset "UTF-8";

/* Naknes UI로 표현하지 않는 화면 고유 배치와 상태. */
.home-page .brand-title { font-size: 14vw; }
.home-page .brand-dot { margin-left: 0.08em; font-size: 6.5vw; }
.home-page .about-scene { height: 260svh; }
.home-page .about-title { font-size: 8vw; }
.home-page .aperture { width: 100svh; }
.home-page .purpose-scene { height: 200svh; }
.home-page .purpose-window { padding-top: calc(65px + 4svh); padding-bottom: 8svh; }
.home-page .word-window { margin-bottom: 4vh; }
.home-page .word-band { font-size: min(13vw, 13svh); }
.home-page .purpose-title { font-size: min(8.8vw, 6.4vh); }
.home-page .purpose-grid { margin-top: 5vh; }
.home-page .showcase-scene { height: 420svh; }
.home-page .showcase-shade { background-color: currentcolor; }
.home-page .showcase-window { width: min(78vw, 72svh); }
.home-page .image-shade { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent); }
.home-page .collection-scene { height: 230svh; }
.home-page .collection-banner { height: 27svh; }
.home-page .interactive:open .disclosure-icon { rotate: 45deg; }
.home-page .contact-shade { background-image: radial-gradient(rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.7) 70%, rgba(0, 0, 0, 0.9) 100%); }

@media (min-width: 768px) {
    .home-page .brand-scene { height: 230vh; }
    .home-page .brand-title { font-size: 10vw; }
    .home-page .brand-dot { font-size: 4.5vw; }
    .home-page .brand-name { font-size: 3.5vw; }
    .home-page .about-scene { height: 260vh; }
    .home-page .about-title { font-size: 4.4vw; }
    .home-page .aperture { width: 100%; height: 100%; }
    .home-page .purpose-scene { height: 200vh; }
    .home-page .purpose-window { padding-top: 4vh; padding-bottom: 8vh; }
    .home-page .word-band { font-size: min(13vw, 13vh); }
    .home-page .purpose-title { font-size: min(5.8vw, 6.8vh); }
    .home-page .purpose-number { font-size: min(37.5px, 7vh); }
    .home-page .showcase-scene { height: 420vh; }
    .home-page .showcase-window { width: min(64vw, 77.333vh); }
    .home-page .collection-scene { height: 230vh; }
    .home-page .collection-banner { height: 38vh; }
}