/* setting_2.css 원문 분기점 유지. Figma 프레임 폭은 웹 1200 / 태블릿 1024 / 모바일 390. */
@media (max-width: 1399px) {
    .hero__inner { height: 648px; }
    .hero__header, .hero__divider { left: 40px; right: 40px; }
    .hero__shade-top { height: 160px; }
    .hero__image-fade { height: 208px; }
    .hero__signature { top: 166px; left: calc(50% - 52px); width: 104px; height: 264px; }
    .hero__signature-hanja { font-size: 80px; }
    .hero__signature-caption { top: 216px; }
    .hero__statement { top: 470px; left: 40px; right: 40px; }
    .hero__role { top: 588px; left: 40px; line-height: 160%; }
    .hero__scroll-link { right: 40px; bottom: 28px; }
    .memory__inner { height: 708px; }
    .memory__title { font-size: 34px; }
    .memory__visual { top: 340px; height: 368px; }
    .memory__image { width: 760px; height: 760px; left: calc(50% - 380px); }
    .memory__eyebrow, .meaning__eyebrow, .case__eyebrow, .object__eyebrow, .guide__eyebrow, .ceremony__eyebrow { line-height: 142.857%; }
    .meaning__inner { min-height: 976px; }
    .meaning__intro { margin-left: 48px; margin-right: 48px; }
    .meaning__title { font-size: 36px; }
    .meaning__image { left: -12px; top: 320px; width: 516px; height: 516px; }
    .meaning__subtitle { margin: 46px 48px 28px auto; width: 432px; }
    .meaning__content { margin-left: auto; margin-right: 48px; }
    .meaning__points { gap: 20px; }
    .meaning__point { min-height: 90px; }
    .meaning__point-number { line-height: 155.556%; }
    .meaning__diagram-web { display: none; }
    .meaning__diagram-tablet { display: block; }
    .case__inner { grid-template-columns: minmax(0,1fr) 440px; column-gap: 48px; padding-left: 24px; padding-right: 24px; }
    .case__intro { margin-left: 24px; }
    .case__copy { margin-right: 24px; }
    .case__title { font-size: 36px; }
    .object__inner { min-height: 836px; }
    .object__intro, .object__details { margin-left: 48px; }
    .object__title { font-size: 34px; }
    .object__image-frame { left: 480px; height: 660px; }
    .object__image { left: -44px; top: -16px; width: max(720px, calc(100% + 88px)); }
    .object__specification { grid-template-columns: 96px minmax(0,1fr); }
    .object__statement { line-height: 150%; }
    .certificate__inner { grid-template-columns: 336px minmax(0,1fr); column-gap: 40px; padding-left: 48px; padding-right: 72px; }
    .guide__inner { display: flex; flex-direction: column; gap: 48px; padding: 88px 48px; }
    .guide__faq { width: 100%; }
    .ceremony__title { font-size: 34px; }
    .ceremony__visual { margin-top: 36px; }
    .site-footer__inner { padding-left: 48px; padding-right: 48px; grid-template-columns: 1fr 440px; row-gap: 18px; }
    .site-footer__inner::before { left: 48px; right: 48px; }
    .site-footer__brand, .site-footer__message { line-height: 171.429%; }
    .site-footer__copyright { padding-top: 8px; line-height: 166.667%; }
}
@media (max-width: 1023px) {
    .hero__inner { height: 640px; }
    .hero__visual { top: 148px; bottom: auto; height: 336px; display: flex; justify-content: center; }
    .hero__image { flex: 0 0 max(560px,100%); width: max(560px,100%); height: 336px; object-fit: cover; }
    .hero__shade-top { top: 148px; height: 72px; background: linear-gradient(#0C0D0B,rgba(12,13,11,0)); }
    .hero__image-fade { top: 396px; bottom: auto; height: 112px; background: linear-gradient(rgba(12,13,11,0),#0C0D0B); }
    .hero__header { top: 16px; left: 24px; right: 24px; height: 104px; display: block; }
    .hero__brand { padding-top: 8px; font-size: 20px; }
    .hero__nav { position: absolute; top: 56px; left: 0; right: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
    .hero__nav-link { width: 100%; }
    .hero__nav-link--contact { position: absolute; top: -56px; right: 0; width: 104px; height: 44px; margin: 0; }
    .hero__divider { top: 120px; left: 24px; right: 24px; }
    .hero__signature { top: 196px; left: calc(50% - 44px); width: 88px; height: 224px; }
    .hero__signature-hanja { font-size: 64px; }
    .hero__signature-caption { top: 176px; font-size: 16px; }
    .hero__statement { top: 468px; left: 24px; right: 24px; font-size: 18px; letter-spacing: 0; word-break: keep-all; }
    .hero__role { top: 532px; left: 24px; right: 24px; font-size: 13px; text-align: center; }
    .hero__scroll-link { top: 572px; bottom: auto; left: calc(50% - 88px); right: auto; }
    .memory__inner { height: 568px; }
    .memory__content { padding-top: 72px; }
    .memory__heading { gap: 16px; }
    .memory__title { font-size: 28px; }
    .memory__visual { top: 316px; height: 252px; }
    .memory__image { width: 520px; height: 520px; left: calc(50% - 260px); }
    .meaning__inner { min-height: 0; padding: 72px 24px; }
    .meaning__intro { margin: 0; }
    .meaning__title { font-size: 28px; }
    .meaning__subtitle { width: auto; margin: 24px 0 0; color: #B5B0A5; font-family: Pretendard, sans-serif; font-size: 16px; font-weight: 400; line-height: 160%; }
    .meaning__image { position: static; width: min(100%, 520px); height: auto; margin: 24px auto 0; }
    .meaning__content { width: 100%; margin: 18px 0 0; }
    .meaning__points { gap: 0; border-bottom: 1px solid rgba(194,166,117,.42); }
    .meaning__point { gap: 12px; min-height: 124px; padding: 16px 0 20px; border-top: 1px solid rgba(194,166,117,.42); }
    .meaning__point-number { padding-top: 4px; font-size: 14px; line-height: 160%; }
    .meaning__point-leading { display: inline; }
    .meaning__point-title { font-family: Pretendard, sans-serif; font-weight: 400; }
    .meaning__point-description { margin-top: 10px; }
    .meaning__diagram-tablet { display: none; }
    .case__inner { display: flex; flex-direction: column; gap: 0; padding: 72px 0 64px; }
    .case__intro { margin: 0 24px; }
    .case__title { font-size: 28px; }
    .case__copy { margin: 28px 24px 0; }
    .case__subtitle { font-size: 18px; line-height: 155.556%; }
    .case__visual { width: 100%; margin-top: 28px; }
    .case__image { width: max(512px, 100%); position: relative; left: 50%; transform: translateX(-50%); }
    .object__inner { min-height: 0; padding: 72px 0 92px; }
    .object__intro { width: auto; margin: 0 24px; }
    .object__heading { gap: 16px; }
    .object__title { font-size: 28px; }
    .object__image-frame { position: relative; top: auto; left: auto; right: auto; width: calc(100% - 16px); height: auto; aspect-ratio: 1; margin: 36px 8px 0; }
    .object__image { position: static; width: 100%; height: auto; }
    .object__details { width: auto; margin: 18px 24px 0; }
    .object__specification { grid-template-columns: 80px minmax(0,1fr); min-height: 44px; }
    .object__statement { margin-top: 8px; line-height: 150%; }
    .certificate__inner { display: flex; flex-direction: column; gap: 0; padding: 72px 0; }
    .certificate__intro { padding-top: 0; margin: 0 24px; }
    .certificate__title { font-size: 28px; }
    .certificate__image { width: calc(100% - 32px); margin: 34px 16px 0; }
    .certificate__caption { margin: 24px 24px 0; }
    .guide__inner { gap: 40px; padding: 72px 24px; }
    .guide__title { font-size: 28px; }
    .guide__question { padding-left: 20px; padding-right: 20px; }
    .guide__question-label { font-size: 16px; }
    .guide__answer { padding-left: 20px; padding-right: 20px; }
    .ceremony__inner { padding-top: 72px; padding-bottom: 72px; }
    .ceremony__intro { margin: 0 24px; }
    .ceremony__title { font-size: 28px; }
    .ceremony__visual { margin-top: 32px; }
    .ceremony__shade-top { height: 48px; }
    .ceremony__shade-bottom { height: 64px; }
    .ceremony__content { width: auto; margin: 28px 24px 0; max-width: none; }
    .ceremony__subtitle { font-size: 22px; line-height: 120%; }
    .ceremony__button { width: 100%; margin-top: 28px; }
    .site-footer__inner { display: flex; flex-direction: column; gap: 0; padding: 40px 24px; }
    .site-footer__inner::before { left: 24px; right: 24px; }
    .site-footer__signature { font-size: 24px; }
    .site-footer__brand { margin-top: 12px; }
    .site-footer__message { padding: 0; margin-top: 24px; text-align: left; }
    .site-footer__copyright { padding: 0; margin-top: 20px; text-align: left; }
    .contact-dialog__intro { line-height: 175%; }
    .contact-dialog__title { line-height: 150%; }
}
@media (prefers-reduced-motion: reduce) {
    .meaning .meaning__connector-line { animation: none !important; stroke-dashoffset: 0 !important; }
    .guide__answer-panel, .page-loader { transition: none; }
    .onyeong-page .hero__scroll-arrow, .page-loader__line::after { animation: none !important; }
    html { scroll-behavior: auto; }
    .onyeong-page [data-aos], .onyeong-page [data-aos="heading-reveal"] > * { opacity: 1 !important; transform: none !important; clip-path: none !important; transition: none !important; }
    .onyeong-page [data-aos] > img, .onyeong-page .hero__image { scale: 1 !important; transform: none !important; transition: none !important; }
    .onyeong-page .hero__signature-character, .onyeong-page .hero__signature-caption { animation: none !important; }
    .onyeong-page .hero__signature { visibility: visible !important; }
}