@charset "utf-8";
/* doc.css — 서브 페이지 본문 전용 */

.root_daum_roughmap .wrap_map,
.root_daum_roughmap,
.direction-map iframe {width: 100% !important; height: 100% !important;}
.ceo-intro__eyebrow {margin-bottom: var(--space-16); font-family: var(--font-family-eyebrow); font-size: var(--eyebrow-font-size); line-height: 1.38em; font-weight: 800; color: #999999; letter-spacing: 0.12em}
.real-cont > .ceo-intro,
.real-cont > .page-about-greeting {margin-top: 0}
.ceo-intro {display: flex; flex-direction: column; gap: var(--space-64); width: 100%; overflow: visible}
.ceo-intro__banner {position: relative; min-height: auto; padding: var(--space-100); margin-bottom: 0; background: #f8f8f8; overflow-x: clip; overflow-y: visible}
.ceo-intro__logo-bg {position: absolute; bottom: 0; left: calc(50% + 118px); z-index: 0; width: 292px; max-height: calc(100% - 20px); aspect-ratio: 292/278; transform: translateX(-50%); pointer-events: none; object-fit: contain;}
.ceo-intro__lead {position: relative; z-index: 1; display: flex; flex-direction: column; gap: var(--space-32); max-width: 649px}
.ceo-intro__head {display: flex; flex-direction: column; gap: var(--space-16)}
.ceo-intro__headline {margin: 0; font-size: var(--font-size-40); line-height: 1.3em; font-weight: 700; letter-spacing: -0.02em; color: var(--color-text-title)}
.ceo-intro__headline-line {display: block}
.ceo-intro__accent {font-style: normal; color: var(--color-accent)}
.ceo-intro__statement {margin: 0; font-size: var(--font-size-24); line-height: 1.33em; font-weight: 600; letter-spacing: -0.02em; color: var(--color-text-title)}
.ceo-intro__figure {position: absolute; top: auto; bottom: 0; right: 180px; z-index: 2; width: 340px; aspect-ratio: 340/462; margin: 0; overflow: hidden; pointer-events: none}
.ceo-intro__portrait {display: block; width: 100%; height: 100%; object-fit: cover; object-position: center top}
.ceo-intro__sign {position: absolute; right: var(--space-100); bottom: 33px; z-index: 3; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); margin: 0; color: var(--color-text-title)}
.ceo-intro__sign-role {font-size: var(--font-size-18); line-height: 1.44em; font-weight: 500}
.ceo-intro__sign-name {font-size: var(--font-size-22); line-height: 1.36em; font-weight: 600; letter-spacing: 0.12em}
.ceo-intro__columns {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-48) var(--space-64); width: 100%}
.ceo-intro__col {display: flex; flex-direction: column; gap: 0; font-size: var(--font-size-16); line-height: 1.75em; color: var(--color-text-body)}
.ceo-intro__subhead {margin: 0 0 var(--space-10); font-size: var(--font-size-18); line-height: 1.56em; font-weight: 700; letter-spacing: -0.02em; color: var(--color-text-title)}
.ceo-intro__col > .ceo-intro__subhead:first-child {margin-top: 0}
.ceo-intro__col p {margin: 0 0 var(--space-16); word-break: keep-all}
.ceo-intro__col p + .ceo-intro__subhead {margin-top: var(--space-24)}
.ceo-intro__closing {margin-top: 0; margin-bottom: 0; font-weight: 400; color: var(--color-text-title)}
.ceo-intro__reveal {opacity: 0; transition: opacity 1.05s cubic-bezier(0.16, 1, 0.3, 1), transform 1.05s cubic-bezier(0.16, 1, 0.3, 1); will-change: opacity, transform}
.ceo-intro__reveal--left {transform: translate3d(-120px, 0, 0)}
.ceo-intro__reveal--right {transform: translate3d(120px, 0, 0)}
.ceo-intro__reveal--delay-1 {transition-delay: 0.15s}
.ceo-intro__reveal--delay-2 {transition-delay: 0.3s}
.ceo-intro__banner.is-entered .ceo-intro__reveal {opacity: 1; transform: translate3d(0, 0, 0)}
.ceo-intro__columns[data-scroll-reveal="soft"] {transform: translateY(56px); transition: opacity 1.15s cubic-bezier(0.16, 1, 0.3, 1), transform 1.15s cubic-bezier(0.16, 1, 0.3, 1)}
.ceo-intro__columns[data-scroll-reveal="soft"].is-visible {transform: none}
@media (prefers-reduced-motion: reduce) {.ceo-intro__reveal { opacity: 1; transform: none; transition: none; will-change: auto; } .ceo-intro__columns[data-scroll-reveal] { opacity: 1; transform: none; transition: none; }}
/* Company overview */
.co-section--profile {padding: var(--space-48) 0 var(--space-100); background: var(--color-white); overflow-x: clip}
.co-section--org {overflow-x: clip}
.co-section--org.co-block--surface {padding-top: var(--space-100); padding-bottom: var(--space-100)}
.co-section--org .co-block--org {margin: 0; padding: 0}
.co-section--org .co-tabs {margin-top: 0}
.co-section--org.co-block--surface:has(+ .co-section--tech) {padding-bottom: var(--space-100)}
.co-section .sub-head {margin-bottom: var(--space-48)}
.co-section--tech .sub-head {margin-bottom: var(--space-10)}
.co-section[data-scroll-reveal],
.co-section--tech[data-scroll-reveal] {opacity: 1; transform: none; will-change: auto}
.co-section--tech {padding: var(--space-100) 0 var(--space-150); background: var(--color-white)}
.co-block--surface {position: relative; padding: 80px var(--container-space); background: #f8f8f8; box-sizing: border-box; overflow-x: clip}
.co-tabs {display: flex; justify-content: center; gap: var(--space-12); width: fit-content; max-width: 100%; margin: 0 auto var(--space-48); border: 0; background: transparent; overflow: visible}
.co-tabs__btn {display: inline-flex; align-items: center; justify-content: center; appearance: none; width: 180px; height: var(--sub-location-height); padding: 0 var(--space-16); border: 1px solid var(--color-border); border-radius: 0; background: #ffffff; color: #808080; font: inherit; font-size: var(--font-size-16); line-height: 1.5em; font-weight: 600; letter-spacing: -0.03em; text-align: center; cursor: pointer; transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease}
.co-tabs__btn[aria-selected="true"] {background: var(--color-primary); color: var(--color-white); border-color: var(--color-primary); font-weight: 700}
.co-tabs__btn:focus-visible {outline: 2px solid var(--color-accent); outline-offset: 2px}
.co-tabpanel[hidden] {display: none}
.co-org {border: 1px solid var(--color-border); background: var(--color-white); padding: var(--space-64) var(--space-40)}
.co-org__scroll {overflow-x: auto; -webkit-overflow-scrolling: touch}
.co-org__stack {--co-org-node-width: calc((100% - var(--space-20) * 3) / 4); max-width: 1000px; margin: 0 auto}
.co-scroll-hint {display: none; margin-top: var(--space-12); font-size: var(--font-size-13); line-height: 1.69em; color: var(--color-text-muted); text-align: center}
.co-scroll-hint--left {text-align: left}
.co-org__node {display: flex; align-items: center; justify-content: center; text-align: center; height: 60px; min-height: 60px; padding: 0 var(--space-16); font-size: var(--font-size-18); line-height: 1.44em; font-weight: 600}
.co-org__node--lv1 {width: var(--co-org-node-width); margin: 0 auto; background: var(--color-accent); color: var(--color-white)}
.co-org__node--lv2 {width: var(--co-org-node-width); margin: 0 auto; background: var(--color-secondary); color: var(--color-white)}
.co-org__node--staff {width: var(--co-org-node-width); background: var(--color-white); color: var(--color-accent); border: 1px solid var(--color-accent)}
.co-org__node--lv3 {z-index: 1; width: 100%; padding: 0; background: var(--color-surface); color: var(--color-text-title); border: 1px solid var(--color-border); font-weight: 500}
.co-org__trunk {width: 1px; height: 36px; margin: 0 auto; background: var(--color-border)}
.co-org__staff {position: relative; display: flex; justify-content: space-between; align-items: center; min-height: 60px}
.co-org__staff::before {content: ""; position: absolute; left: 50%; top: -36px; bottom: -36px; width: 1px; background: var(--color-border); transform: translateX(-0.5px); z-index: 0}
.co-org__staff::after {content: ""; position: absolute; left: calc(var(--co-org-node-width) / 2); right: calc(var(--co-org-node-width) / 2); top: 50%; height: 1px; background: var(--color-border); transform: translateY(-0.5px); z-index: 0}
.co-org__staff .co-org__node {position: relative; z-index: 1}
.co-org__children {display: flex; position: relative; gap: var(--space-20); margin: 0; padding: 0; list-style: none}
.co-org__children--4 {justify-content: flex-start}
.co-org__children--3 {justify-content: center}
.co-org__children::before {content: ""; position: absolute; top: 0; height: 1px; background: var(--color-border)}
.co-org__children--4::before {left: calc(var(--co-org-node-width) / 2); right: calc(var(--co-org-node-width) / 2)}
.co-org__children--3::before {left: 50%; width: calc(var(--co-org-node-width) * 2 + 40px); transform: translateX(-50%)}
.co-org__children li {position: relative; flex: 0 0 var(--co-org-node-width); display: flex; padding: var(--space-34) 0 0}
.co-org__children li::before {display: none}
.co-org__children li::after {content: ""; position: absolute; top: 0; left: 50%; width: 1px; height: 36px; background: var(--color-border); transform: translateX(-0.5px)}
.co-org__legend {display: flex; justify-content: center; flex-wrap: wrap; gap: var(--space-10) var(--space-32); margin-top: var(--space-56); font-size: var(--font-size-14); line-height: 1.86em; color: var(--color-text-muted)}
.co-org__legend span {display: flex; align-items: center; gap: var(--space-8)}
.co-org__key {display: block; width: 16px; height: 16px}
.co-org__key--lv1 {background: var(--color-accent)}
.co-org__key--lv2 {background: var(--color-secondary)}
.co-org__key--staff {background: var(--color-white); border: 1px solid var(--color-accent)}
.co-overview {display: grid; grid-template-columns: 180px 1fr 180px 1fr; border-top: 2px solid var(--color-text-title); background: var(--color-white)}
.co-overview dt,
.co-overview dd {display: flex; align-items: flex-start; padding: var(--space-20) var(--space-30); border-bottom: 1px solid var(--color-border); margin: 0}
.co-overview dt {align-items: center; justify-content: center; background: #f1f1f1; color: var(--color-text-title); font-size: var(--font-size-16); line-height: 1.75em; font-weight: 600; text-align: center; border-right: 1px solid var(--color-border)}
.co-overview dd {color: var(--color-text-body)}
.co-overview__span {grid-column: 2 / -1}
.co-overview__num {font-style: normal; font-family: var(--font-family)}
.co-overview__label {font-style: normal; color: var(--color-text-title); font-weight: 500; margin-right: var(--space-10)}
.co-overview__list {display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: var(--space-8) var(--space-32); width: 100%; margin: 0; padding: 0; list-style: none}
.co-overview__list li {position: relative; padding-left: var(--space-12)}
.co-overview__list li::before {content: ""; position: absolute; left: 0; top: 12px; width: 4px; height: 4px; border-radius: 50%; background: var(--color-accent)}
.co-overview__inline {display: flex; flex-wrap: wrap; gap: var(--space-4) var(--space-32); width: 100%}
.co-tech-wrap {overflow-x: auto}
.co-tech {width: 100%; min-width: 500px; border-collapse: collapse; border-top: 2px solid var(--color-text-title); background: var(--color-white)}
.co-tech th,
.co-tech td {padding: var(--space-16) var(--space-12); border-bottom: 1px solid var(--color-border); border-right: 1px solid var(--color-border); text-align: center}
.co-tech thead tr:first-child th:last-child,
.co-tech tbody td:last-child,
.co-tech tfoot td:last-child {border-right: 0}
.co-tech thead th {background: #f1f1f1; color: var(--color-text-title); font-size: var(--font-size-16); line-height: 1.75em; font-weight: 600}
.co-tech__group {background: rgba(230, 0, 18, 0.06); color: var(--color-accent)}
.co-tech tbody th {background: #f1f1f1; color: var(--color-text-title); font-size: var(--font-size-16); line-height: 1.75em; font-weight: 600}
.co-tech tbody td {font-family: var(--font-family); font-size: var(--font-size-16); line-height: 1.75em; color: var(--color-text-body)}
.co-tech__zero {color: var(--color-placeholder)}
.co-tech__total-col {background: rgba(0, 153, 68, 0.08); font-weight: 600; color: var(--color-text-title)}
.co-tech tfoot th,
.co-tech tfoot td {background: var(--color-accent); color: var(--color-white); border-bottom: 0; border-right-color: rgba(255, 255, 255, 0.24); font-size: var(--font-size-16); line-height: 1.75em; font-weight: 600}
.co-tech tfoot td {font-family: var(--font-family); font-size: var(--font-size-16)}
.co-tech__note {margin: 0 0 var(--space-12); font-size: var(--font-size-14); line-height: 1.86em; color: var(--color-text-muted); text-align: right}
/* Certificate list & modal */
.real-cont .cert-list {margin-top: 0}
.cert-list {display: grid; grid-template-columns: repeat(5, 1fr); column-gap: var(--space-24); row-gap: var(--space-48); width: 100%}
.cert-item {display: flex; flex-direction: column; align-items: center; gap: var(--space-24); margin: 0; padding: 0; min-width: 0; border: 0; background: none; font: inherit; color: inherit; text-align: center; cursor: pointer; transition: transform 0.2s ease}
.cert-item:hover .cert-item__thumb {border-color: var(--color-accent); box-shadow: 0 8px 24px rgba(35, 24, 21, 0.1)}
.cert-item:focus-visible {outline: 2px solid var(--color-accent); outline-offset: 4px}
.cert-item__thumb {position: relative; width: 100%; aspect-ratio: 210 / 297; background: #eeeeee; border: 1px solid var(--color-border); box-sizing: border-box; overflow: hidden}
.cert-item__thumb:has(img) {background: var(--color-white)}
.cert-item__thumb img {display: block; width: 100%; height: 100%; object-fit: contain; object-position: center}
.cert-item__thumb img.is-landscape {position: absolute; top: 50%; left: 50%; width: calc(100% * 297 / 210); height: auto; max-width: none; transform: translate(-50%, -50%) rotate(90deg)}
.cert-item__thumb img.is-landscape.is-landscape--ccw {transform: translate(-50%, -50%) rotate(-90deg)}
.cert-item__thumb img.is-wide {position: static; width: 100%; height: 100%; max-width: 100%; object-fit: contain; transform: none}
.cert-item__name {margin: 0; width: 100%; text-align: center; font-size: var(--font-size-16); font-weight: 500; line-height: 1.5em; letter-spacing: -0.03em; color: var(--color-text-body); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis}
.cert-modal {position: fixed; inset: 0; z-index: 1000; display: flex; align-items: center; justify-content: center; padding: var(--space-24)}
.cert-modal[hidden] {display: none}
.cert-modal__overlay {position: absolute; inset: 0; background: rgba(35, 24, 21, 0.78)}
.cert-modal__dialog {position: relative; z-index: 1; display: flex; align-items: center; gap: var(--space-16); width: min(100%, 1000px); max-height: calc(100vh - 48px)}
.cert-modal__body {flex: 1; min-width: 0; display: flex; flex-direction: column; align-items: center; gap: var(--space-24); max-height: calc(100vh - 48px); padding: var(--space-40) var(--space-32) var(--space-32); background: transparent; box-shadow: none; overflow-y: auto}
.cert-modal__close {position: fixed; top: 24px; right: 24px; z-index: 2; display: flex; align-items: center; justify-content: center; width: 66px; height: 66px; padding: 0; border: 0; background: transparent; cursor: pointer}
.cert-modal__close-icon {position: relative; display: block; width: 30px; height: 30px}
.cert-modal__close-icon::before,
.cert-modal__close-icon::after {content: ""; position: absolute; top: 50%; left: 50%; width: 30px; height: 3px; background: var(--color-white); transform-origin: center; transition: background 0.2s ease}
.cert-modal__close-icon::before {transform: translate(-50%, -50%) rotate(45deg)}
.cert-modal__close-icon::after {transform: translate(-50%, -50%) rotate(-45deg)}
.cert-modal__close:hover .cert-modal__close-icon::before,
.cert-modal__close:hover .cert-modal__close-icon::after,
.cert-modal__close:focus-visible .cert-modal__close-icon::before,
.cert-modal__close:focus-visible .cert-modal__close-icon::after {background: var(--color-accent)}
.cert-modal__close:focus-visible {outline: 2px solid rgba(255, 255, 255, 0.5); outline-offset: 2px}
.cert-modal__nav {flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; padding: 0; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 50%; background: rgba(255, 255, 255, 0.1); cursor: pointer; transition: background 0.2s ease, border-color 0.2s ease}
.cert-modal__nav img {display: block; width: 16px; height: 22px}
.cert-modal__nav:hover {background: rgba(255, 255, 255, 0.22); border-color: rgba(255, 255, 255, 0.6)}
.cert-modal__nav:focus-visible {outline: 2px solid var(--color-white); outline-offset: 2px}
.cert-modal__figure {position: relative; display: flex; flex: 0 1 auto; align-items: center; justify-content: center; width: min(468px, calc(100vw - 200px), calc((100vh - 280px) * 210 / 297)); aspect-ratio: 210 / 297; max-width: 100%; margin: 0 auto; background: transparent; border: none; overflow: visible}
.cert-modal__figure.is-wide {width: min(936px, calc(100vw - 200px), calc((100vh - 280px) * 297 / 210)); aspect-ratio: 297 / 210}
.cert-modal__figure:has(.cert-modal__image:not([hidden])) {background: transparent}
.cert-modal__image {display: block; width: 100%; height: 100%; object-fit: contain; object-position: center}
.cert-modal__image.is-landscape {position: absolute; top: 50%; left: 50%; width: calc(100% * 297 / 210); height: auto; max-width: none; max-height: none; object-fit: contain; transform: translate(-50%, -50%) rotate(90deg)}
.cert-modal__image.is-landscape.is-landscape--ccw {transform: translate(-50%, -50%) rotate(-90deg)}
.cert-modal__image.is-wide {position: static; width: 100%; height: 100%; max-width: 100%; max-height: 100%; object-fit: contain; transform: none}
.cert-modal__placeholder {position: absolute; inset: 0; width: 100%; height: 100%; aspect-ratio: auto; background: rgba(255, 255, 255, 0.08)}
.cert-modal__title {flex-shrink: 0; width: 100%; max-width: min(720px, calc(100vw - 120px)); margin: 0 auto; font-size: var(--font-size-18); font-weight: 600; line-height: 1.56em; letter-spacing: -0.02em; text-align: center; color: var(--color-white); text-shadow: 0 2px 12px rgba(0, 0, 0, 0.85); word-break: keep-all; overflow-wrap: anywhere}
/* History timeline */
.history-timeline {position: relative; width: 100%; padding: var(--space-16) 0 var(--space-8)}
.real-cont .history-timeline {margin-top: 0}
.history-timeline__track {position: absolute; left: 50%; top: 0; bottom: 0; width: 2px; transform: translateX(-50%); pointer-events: none}
.history-timeline__line {position: absolute; inset: 0; background: rgba(230, 0, 18, 0.12)}
.history-timeline__progress {position: absolute; top: 0; left: 0; width: 100%; height: 0; background: var(--color-accent); transform-origin: top center}
.history-list {position: relative; z-index: 1; display: flex; flex-direction: column; gap: var(--space-80); margin: 0; padding: 0; list-style: none}
.history-item {display: grid; grid-template-columns: minmax(0, 1fr) 20px minmax(0, 1fr); column-gap: var(--space-48); align-items: start}
.history-item__year {justify-self: end; margin: 0; padding-top: var(--space-4); font-family: var(--font-family-eyebrow); font-size: var(--font-size-40); line-height: 1; font-weight: 400; color: var(--color-text-title); letter-spacing: -0.02em; opacity: 0; transform: translateX(24px); transition: opacity 0.65s ease, transform 0.65s ease}
.history-item__dot {justify-self: center; width: 20px; height: 20px; margin-top: var(--space-10); border: 4px solid var(--color-white); border-radius: 50%; background: var(--color-border); box-shadow: 0 0 0 2px var(--color-border); transform: scale(0); transition: transform 0.45s ease, background 0.45s ease, box-shadow 0.45s ease}
.history-item__events {display: flex; flex-direction: column; gap: var(--space-8); min-width: 0; opacity: 0; transform: translateY(24px); transition: opacity 0.65s ease 0.12s, transform 0.65s ease 0.12s}
.history-event {display: flex; align-items: flex-start; gap: var(--space-10); margin: 0; font-size: var(--font-size-18); line-height: 1.56em; letter-spacing: -0.02em; color: var(--color-text-body)}
.history-event__date {flex-shrink: 0; width: 28px; font-weight: 500; color: #242424; text-align: center}
.history-event__text {flex: 1; min-width: 0}
.history-item.is-visible .history-item__year,
.history-item.is-visible .history-item__events {opacity: 1; transform: none}
.history-item.is-visible .history-item__dot {transform: scale(1); background: var(--color-accent); box-shadow: 0 0 0 2px var(--color-accent)}
@media (prefers-reduced-motion: reduce) {.history-item__year, .history-item__events, .history-item__dot, .history-timeline__progress {transition: none; } .history-item__year, .history-item__events {opacity: 1; transform: none; } .history-item__dot { transform: scale(1); background: var(--color-accent); box-shadow: 0 0 0 2px var(--color-accent); }}
/* Organization — nomination download */
.org-download {display: flex; flex-direction: column; align-items: center; gap: var(--space-24); max-width: 640px; margin: 0 auto; padding: var(--space-80) var(--space-40); text-align: center; background: #f8f8f8}
.org-download__eyebrow {margin: 0; font-family: var(--font-family-eyebrow); font-size: var(--eyebrow-font-size); line-height: 1.38em; font-weight: 800; color: #999999; letter-spacing: 0.12em}
.org-download__desc {margin: 0; font-size: var(--font-size-18); line-height: 1.56em; color: var(--color-text-body)}
/* Location page */
.location-intro__eyebrow {margin-bottom: var(--space-16); font-family: var(--font-family-eyebrow); font-size: var(--eyebrow-font-size); line-height: 1.38em; font-weight: 800; color: #999999; letter-spacing: 0.12em}
.real-cont .location-grid {display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--space-64); align-items: stretch; width: 100%}
.real-cont .location-grid__info {height: fit-content}
.real-cont .location-grid__map {display: flex; flex-direction: column; min-height: 0}
.real-cont .location-intro {margin-bottom: var(--space-40); text-align: left}
.real-cont .location-intro__title {margin: 0 0 var(--space-24); font-size: var(--font-size-32); line-height: 1.31em; font-weight: 600; color: var(--color-text-title); letter-spacing: -0.02em}
.real-cont .location-info-list {display: flex; flex-direction: column; gap: var(--space-32); margin: 0; padding: 0; list-style: none}
.real-cont .location-info-item {display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--space-20); align-items: center}
.real-cont .location-info-item__icon {display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 80px; height: 80px; background: #ffffff; border: none; box-shadow: 0 2px 8px rgba(35, 24, 21, 0.1); transition: background-color 0.2s ease, box-shadow 0.2s ease}
.real-cont .location-info-item__icon svg {display: block; width: 24px; height: 24px; stroke: var(--color-accent); fill: none; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; transition: stroke 0.2s ease}
.real-cont .location-info-item:hover .location-info-item__icon {background: var(--color-accent); box-shadow: 0 2px 8px rgba(230, 0, 18, 0.2)}
.real-cont .location-info-item:hover .location-info-item__icon svg {stroke: var(--color-white)}
.real-cont .location-info-item__icon svg rect {fill: none}
.real-cont .location-info-item__label {margin: 0 0 var(--space-4); font-size: var(--font-size-16); line-height: 1.5em; font-weight: 600; color: #454545; letter-spacing: 0.06em; text-transform: uppercase}
.real-cont .location-info-item__value {margin: 0; font-size: var(--font-size-20); line-height: 1.4em; font-weight: 600; color: var(--color-text-title); transition: color 0.2s ease}
.real-cont .location-info-item:hover .location-info-item__value {color: var(--color-accent)}
.real-cont .location-info-item__value a {color: inherit; font-weight: inherit; transition: color 0.2s ease}
.real-cont .location-info-item__value a:hover {color: var(--color-accent)}
.real-cont .location-map {overflow: hidden; border: 1px solid var(--color-border); flex: 1; display: flex; flex-direction: column; min-height: 480px}
.real-cont .location-map__embed {width: 100%; flex: 1; display: flex; flex-direction: column; min-height: 0}
.real-cont .location-map__frame {display: block; width: 100%; height: 100%; flex: 1; min-height: 480px; border: 0; background: var(--color-surface)}