:root {
    --purple:#1F0062;
    --gray:#919191;
    --light-bg:#F9ECE5;
}

body { background: #fff; color:#000;}
a { color:inherit;}
a:hover { color:inherit; text-decoration: none;}

.kr-wrapper { font-family: "Poppins", sans-serif; font-weight: 400; font-size:1vw; line-height:1.5em;}
.container { position: relative;}
.playfair { font-family: "Playfair Display", serif;}
@media (min-width: 992px) {
    .kr-wrapper .container { max-width: 100em; padding-left:6.25em; padding-right: 6.25em;}
}
@media (min-width: 1600px) {
    .kr-wrapper { font-size: 16px;}
}
.kr-wrapper p { margin-bottom:12px;}

h1, h2, h3, h4, h5, h6 { font-family: "Playfair Display", serif; font-weight: 400;}
h1, h2 { text-transform: uppercase;}
b, strong { font-weight:600;}
img, img:focus { outline: none; box-shadow: none;}

.kr-btn { display: inline-block; font-weight: 600; font-size:1.25em; line-height: 1.5; color: #000; text-align: center; text-decoration: underline; cursor: pointer; user-select: none; background:var(--light-bg); border:none; padding:0.85em 1.5em; width: 11.2em; max-width: 100%; border-radius:0.5em; box-shadow: 0 4px 4px -1px rgba(12,12,13,0.2); transition:all 0.2s ease;}
.kr-btn:hover { background: var(--purple); color:#fff; text-decoration: none;}

.kr-bar { position: fixed; top:-9.375em; left:0; width: 100%; height:6.25em; background: #fff; box-shadow: 0 4px 4px -1px rgba(12,12,13,0.2); z-index: 900; transition:top 0.3s ease;}
.kr-bar.fixed { top:0;}
.kr-bar .bar-line { height:6.25em;}
.bar-brand { gap:5em; margin-right:7.5em; flex-shrink: 1;}
.bar-brand .bar-arrow, .bar-brand .bar-arrow svg { display: block; width: 2.5em; height:2.5em;}
.bar-brand .bar-arrow:hover { color:var(--purple)}
.kr-bar .kr-logo { display: block; width:9.875em;}
.bar-menu { display: flex; align-items: center; justify-content: space-between; flex:1; margin: 0;}
.bar-menu li a { display: block; text-align: center; max-width: 8.125em; font-size: 1em; line-height:1.3125; font-family: "Playfair Display", serif; text-transform: uppercase; color:var(--purple); text-decoration: none;}
.bar-menu li a:hover { color:#000;}
.kr-menu-toggler { display: block; position: absolute; z-index: 2; top:2.1875em; right:6.25em;}
.kr-menu-toggler .nav-icon { display: block; position: relative; width:3.125em; height:3.125em; cursor: pointer;}
.kr-menu-toggler .nav-icon i { display: block; position: absolute; left:0.3125em; top: calc(50% - 0.125em); width:2.5em; height:0.25em; background: var(--purple); border-radius:2px;}
.kr-menu-toggler .nav-icon i:nth-child(1) { top:0.6875em;}
.kr-menu-toggler .nav-icon i:nth-child(3) { top:2.1875em;}
.kr-navi { display: block; position: fixed; right:-100%; top:0; width:44.375em; max-width: 50%; height: 100%; background:var(--purple); color:#fff; transition:right 0.3s ease; z-index: 1100;}
.kr-overlay { display: none; position: fixed; top:0; left:0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); z-index: 1050;}
.menu-opened { overflow: hidden;}
.menu-opened .kr-navi {right:0;}
.menu-opened .kr-overlay { display: block;}
.kr-navi .navi-head { display: flex; justify-content: flex-end; padding:3.4375em 3.4375em 1.5625em;}
.kr-navi .menu-close { display: block; position: relative; width: 3.25em; height:3.25em; cursor: pointer;}
.kr-navi .menu-close i { display: block; position: absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:1.375em; height:0.1875em; background:#fff; border-radius:2px;}
.kr-navi .menu-close i:nth-child(1) { transform:rotate(45deg);}
.kr-navi .menu-close i:nth-child(2) { transform:rotate(-45deg);}
.kr-main-menu { max-height: calc(100vh - 8.25em); overflow-y: auto; margin: 0; padding: 0 5.625em;}
.kr-main-menu li { margin-bottom: 1.25em;}
.kr-main-menu li a { display: block; font-family: "Playfair Display", serif; font-size:2.25em; line-height:1.55; text-transform: uppercase; text-decoration: none;}
.kr-main-menu li a:hover { color:var(--light-bg);}

/* hero */
.kr-hero-section { position: relative; height:56.25em; margin-bottom:5em;}
.kr-hero-photo { position: absolute; top:0; left:0; width:calc(50vw - 10.9375em); height: 100%; z-index: 2;}
.kr-hero-photo img { display: block; position: absolute; left:0; top:0; width: 100%; height: 100%; object-fit: cover; object-position: top center;}
.kr-hero-block { position: relative; width: 62%; margin-left: auto; padding:10.5em 0 0 2em;}
.kr-hero-block .breadcrumb { position: absolute; left:2em; top:1.875em; width: calc(100% - 6em); font-family: 'Montserrat', sans-serif;}
.kr-hero-block h1 { font-family: "Playfair Display", serif; font-size: 7.625em; line-height: 1.1; font-weight: 400; color:#000; text-transform: uppercase; margin: 0 0 44px;}
.kr-hero-block h1 i { text-transform: none; display: block; text-align: center;}
.kr-hero-block h1 .text-end { display: block;}
.kr-hero-block .hero-text { font-size: 1.25em; line-height: 1.6; color:var(--purple); text-align: right; max-width:30em; margin-left: auto;}
.kr-hero-block .hero-button { text-align: right; margin-top:6.75em;}
.kr-hero-btn { display: inline-block; font-weight: 400; font-size:0.875em; line-height:1.5; color: var(--gray); text-align: center; text-decoration: none; cursor: pointer; user-select: none; background:transparent; border:1px solid var(--gray); padding:0.575em 2em; border-radius:0.5em; transition:all 0.2s ease;}
.kr-hero-btn:hover { background: var(--gray); color:#fff;}
@media (max-width: 1600px) {
    .kr-hero-photo { width:39.4vw;}
}

.kr-section { position: relative; margin-bottom: 5em;}
.section-purple { background: var(--purple); padding:3.75em 0; color:#fff;}
.section-heading { display: flex; justify-content: space-between; align-items: center; margin-bottom: 6.25em;}
.section-title { font-size:7.625em; line-height: 1.22; margin:0 0 66px;}
.section-title .s-row { display: block;}
.section-heading .section-title { width: 56%; margin-bottom: 0;}
.section-heading .section-title .s-row { text-align: right;}
.section-desc { width: 35%; font-style: italic; font-size:1.5em; line-height:1.5; margin-right:2.5em;}
.section-spacer { position: relative; padding-bottom:7.5em;}
.section-spacer:after { content:''; display: block; position: absolute; bottom:0; left:50%; transform:translateX(-50%); width:30.3125em; height:2.8125em; background: url(../img/spacer.png) no-repeat center; background-size: contain;}
.section-col-bg { position: absolute; left:6.25em; top:0; bottom:0; width: 33.125em; background: var(--light-bg); z-index: -1;}
.kr-quote-box { font-size: 3.25em; line-height:1.46; font-style: italic; text-align: center;}
.kr-tooltip { display: block; width:1.5625em; height:1.5625em; cursor: pointer; background: url(../img/tooltip-ico.svg) no-repeat center; background-size: contain;}
.tooltip { font-family: "Poppins", sans-serif; font-size: 14px; line-height:1.5;}
.tooltip.show { opacity: 1;}
.tooltip .tooltip-arrow { display: none;}
.tooltip .tooltip-inner { max-width:300px; padding: 20px 24px; color: #000; text-align:left; background-color: #fff; border-radius:10px; box-shadow: 0 4px 4px -1px rgba(12,12,13,0.2);}
.tooltip.tooltip-orange .tooltip-inner { background: var(--light-bg);}
.tooltip .tooltip-inner p { margin-bottom: 21px;}
.tooltip .tooltip-inner > :last-child { margin-bottom:0;}
.tooltip a { text-decoration: underline;}
.tooltip a:hover { color:var(--purple)}
.kr-swiper-prev, .kr-swiper-next { display: block; position: absolute; top:50%; transform:translateY(-50%); width: 2.5em; height:2.5em; color:#000; cursor: pointer; z-index: 10;}
.kr-swiper-prev svg, .kr-swiper-next svg { display: block; width:2.5em; height:2.5em;}
.kr-swiper-prev { left:-2.5em;}
.kr-swiper-next { right:-2.5em;}
.kr-swiper-prev:hover, .kr-swiper-next:hover { color:var(--purple);}
.kr-swiper-prev.swiper-button-disabled, .kr-swiper-next.swiper-button-disabled { display: none;}
.ba-slider-wrapper { padding: 0.875em 0;}
.ba-slider { position: relative;}
.ba-slider img { width: 100%; display:block; max-width:none;}
.ba-slider .resize { position: absolute; top:0; height: 100%; left: 0; width: 50%; overflow: hidden;}
.ba-slider .handle { position:absolute; left:50%; top:-0.875em; bottom:-0.875em; width:3px; margin-left:-2px; background:var(--purple); cursor: ew-resize;}
.ba-slider .handle:after { content:''; position: absolute; left:50%; top: 50%; width:2em; height:2em; margin: -1em 0 0 -1em; background:var(--purple) url(../img/ba-handle.svg) no-repeat center; background-size: 1.5em 0.75em; border-radius: 50%; transition:all 0.3s ease;}
.kr-card-item { display: flex; width: 14.25em; flex-shrink: 0; flex-direction: column;}
.kr-card-item .item-thumb { width: 100%; position: relative; padding-bottom: 141%; margin-bottom: 1em;}
.kr-card-item .item-thumb img { display: block; position: absolute; left:0; top:0; width: 100%; height:100%; object-fit: cover; object-position: center;}
.kr-card-item .item-caption { font-weight: 600; font-size: 0.75em; line-height: 1.2; margin-bottom: 24px;}
.kr-card-item .item-more { margin-top: auto; width: 100%;}

/* biography */
.kr-biography-section .section-col-bg { width:36.875em; top:6.25em;}
.kr-bg-block { display: flex; gap:1.25em; justify-content: space-between;}
.kr-bg-column { width:36.875em; padding-bottom:2.5em; flex-shrink: 0;}
.kr-bg-text { padding: 0 3.75em;}
.kr-bg-text > :last-child, .kr-bg-text-item > :last-child { margin-bottom: 0;}
.kr-bg-bigtext { font-style: italic; margin-bottom:6em;}
.kr-bg-bigtext p { font-size:1.5625em; line-height: 1.36;}
.kr-bg-text .quote-tooltip { position: relative; margin:1.5625em 0; font-style: italic;}
.kr-bg-text .quote-tooltip:last-child { margin-bottom: 0;}
.kr-bg-text .quote-tooltip p { font-size: 1.375em; line-height: 1.5;}
.kr-bg-text .quote-tooltip .kr-tooltip { position: absolute; right:-1.5625em; top:0.625em;}
.kr-bg-text .quote-tooltip-bottom .kr-tooltip { top:auto; bottom:0.625em;}
.kr-bg-main { flex:1; padding-bottom:1.75em;}
.kr-bg-photo-item { position: relative; flex-shrink: 0;}
.kr-bg-photo-item img { display: block; width: 100%; height: auto; margin: 0;}
.kr-bg-photo-item .kr-tooltip { position: absolute;}
.kr-bg-text-item { position: relative;}
.kr-bg-text-item.text-item-purple { background: var(--purple); color:#fff; padding:2.5em 3.75em;}
.kr-bg-row-1, .kr-bg-row-2, .kr-bg-row-3 { display: flex; align-items: flex-start;}
.kr-bg-row-1 .kr-bg-photo-item-1 { width:25.8125em; margin-top: -1em; z-index: 1;}
.kr-bg-row-1 .kr-bg-photo-item-2 { width:25.8125em; margin: -11.1875em 1.25em 0 -3.375em;}
.kr-bg-row-1 .kr-bg-photo-item-1 .kr-tooltip { right:-2.8125em; bottom:0;}
.kr-bg-row-1 .kr-bg-photo-item-2 .kr-tooltip { right:0; bottom:-2.8125em;}
.kr-bg-row-2 { margin-top:8.375em;}
.kr-bg-row-2 .kr-bg-photo-item-3 { width:16.125em; z-index: 1;}
.kr-bg-row-2 .kr-bg-photo-item-4 { width:16.75em; z-index: 1; margin-top:13.75em;}
.kr-bg-row-2 .kr-bg-text-item-1 { width:20em; margin:-3.625em -2.375em 0 -1.125em;}
.kr-bg-row-2 .kr-bg-photo-item-3 .kr-tooltip { bottom:-2.8125em; left:0;}
.kr-bg-row-2 .kr-bg-photo-item-4 .kr-tooltip { left:3.625em; top:-2.8125em;}
.kr-bg-row-3 { margin-top:4.375em;}
.kr-bg-row-3 .kr-bg-text-item-2 { width:38em; margin-left: auto;}

/* timeline */
.kr-timeline-section .container { padding-top:3.4375em;}
.kr-timeline-section .section-heading { margin-bottom:2.75em;}
.kr-swiper-timeline { position: relative; padding: 8.125em 0;}
.kr-swiper-timeline .swiper { height:40em;}
.kr-swiper-timeline .swiper-wrapper { display: flex; flex-direction: column;}
.kr-swiper-timeline .swiper-slide { height: 100%;}
.timeline-year-static { position: absolute; top:50%; transform:translateY(-50%); left:3.75em; color:var(--purple); z-index: 10; pointer-events: none;}
.kr-timeline-item { height: 100%; display: flex; align-items: center; justify-content: space-between; padding:0 3.75em 0 15.625em;}
.kr-timeline-item .timeline-years { display: flex; flex-direction: column; align-items: center;}
.timeline-year-static .year-item, .kr-timeline-item .year-item { font-family: "Playfair Display", serif; font-size:12.5em; font-style:italic; line-height: 1; padding-bottom:0.33em;}
.kr-timeline-item .year-dash { display: block; width: 3.25em; height:0.5em; background: #000; margin: -0.25em auto;}
.kr-timeline-item .timeline-info { width: 70%; font-size:1.875em; line-height: 1.5;}
.kr-swiper-timeline-prev, .kr-swiper-timeline-next { left:65%; right:auto; transform:translateX(-50%); width: 2.625em;}
.kr-swiper-timeline-prev svg, .kr-swiper-timeline-next svg { width: 2.625em;}
.kr-swiper-timeline-prev { top:5.625em;}
.kr-swiper-timeline-next { top:auto; bottom:5.625em;}

/* mansion */
.kr-mansion-section .section-title { margin: 0; position: relative; z-index: 5;}
.kr-mansion-section .section-title .s-row { margin-left:4.625em;}
.mansion-main { position: relative;}
.mansion-main .kr-bg-column { background: var(--light-bg); margin-top: -12.1875em; padding-top:7.5em; padding-bottom: 0;}
.mansion-main .kr-bg-main { padding-bottom: 0;}
.mansion-element { margin-top:5.625em;}
.kr-element-title { position:relative; z-index:1; font-family: "Playfair Display", serif; font-style: italic; font-size: 5.125em; line-height: 1.2; margin: 0;}
.mansion-element-before { margin-top: 2.8125em; padding-left:3.75em;}
.mansion-element-tsokol { padding: 0 3.75em;}
.mansion-element-floor-1, .mansion-element-floor-2, .mansion-element-mansard, .mansion-element-garden { padding-left:3.75em;}
.mansion-element-garden .kr-element-title .s-row { display: block; margin-left:246px;}
.kr-bg-text-item a, .kr-bg-text a, .timeline-info a, .project-info a { text-decoration: underline; outline: none;}
.kr-mansion-row { display: flex; align-items: flex-start;}
.kr-mansion-row-1 { margin-top: -2.1875em;}
.kr-mansion-row-1 .kr-bg-photo-item-1 { margin: 0 6.25em 0 3.125em; flex-shrink:1;}
.kr-mansion-row-1 .kr-bg-photo-item-1 .kr-tooltip { right:-2.8125em; bottom:0;}
.kr-mansion-row-2 { margin-top: 2.25em;}
.kr-mansion-row-2 .kr-bg-text-item-1 { width:38.25em; margin-left: auto; z-index: 1;}
.kr-mansion-row-3 { margin-top:1.5em;}
.kr-mansion-row-3 .mansion-ba-slider { margin-left: -1.25em; margin-right:0.625em; margin-bottom: -1.25em;}
.kr-mansion-row-3 .mansion-ba-slider .kr-tooltip { position: absolute; top:-3.625em; left:4.375em;}
.kr-mansion-row-4 .kr-bg-photo-item-1 { width:18.75em; margin-top:6em; z-index: 1;}
.kr-mansion-row-4 .kr-bg-photo-item-1 .kr-tooltip { top:-2.8125em; left:0;}
.kr-mansion-row-4 .kr-bg-photo-item-2 { width:29.375em; margin-left: -4em;}
.kr-mansion-row-4 .kr-bg-photo-item-2 .kr-tooltip { bottom:-2.8125em; right:0;}
.kr-mansion-row-4 .kr-bg-text-item-1 { width:38.25em; margin:5.3125em 0 0 auto;}
.kr-mansion-row-5 { margin-top: 4em; justify-content: space-between;}
.kr-mansion-row-5 .kr-bg-text-item-1 { width: 20em;}
.kr-mansion-row-5 .kr-bg-photo-item-1 { width:38em; margin-top: -1.75em;}
.kr-mansion-row-5 .kr-bg-photo-item-1 .kr-tooltip { top:-2.8125em; right:4.75em;}
.kr-mansion-row-6 { margin-top: 2.5em;}
.kr-mansion-row-6 .kr-bg-photo-item-1 { width:14.375em; margin-top: 3.375em; margin-right: auto;}
.kr-mansion-row-6 .kr-bg-photo-item-1 .kr-tooltip { top:-2.8125em; left:0;}
.kr-mansion-row-6 .kr-mansion-col-1 { width:29.125em;}
.kr-mansion-row-6 .kr-bg-photo-item-2 { width: 25.125em; margin-top: 2.25em;}
.kr-mansion-row-6 .kr-bg-photo-item-2 .kr-tooltip { right:-2.8125em; bottom:0;}
.kr-mansion-row-6 .kr-bg-photo-item-3 { width: 38em; margin-top: -6.875em;}
.kr-mansion-row-6 .kr-bg-photo-item-3 .kr-tooltip { left:-2.8125em; top:3.5em;}
.kr-mansion-row-7 { margin-top: 1.125em;}
.kr-mansion-row-7 .kr-bg-photo-item-1 { width:21.875em; margin-right: 2.5em;}
.kr-mansion-row-7 .kr-bg-photo-item-1 .kr-tooltip { bottom:-2.8125em; left:0;}
.kr-mansion-row-7 .kr-bg-photo-item-2 { width: 25em; margin-top: 2.875em; margin-right: 2.75em;}
.kr-mansion-row-7 .kr-bg-photo-item-2 .kr-tooltip { top:-2.8125em; left:0;}
.kr-mansion-row-7 .kr-bg-photo-item-3 { width: 25em;}
.kr-mansion-row-7 .kr-bg-photo-item-3 .kr-tooltip { right:-2.8125em; bottom:0;}
.kr-mansion-row-8 { justify-content: space-between; margin-top: 2.5em;}
.kr-mansion-row-8 .kr-bg-photo-item-1 { width:12.25em;}
.kr-mansion-row-8 .kr-bg-photo-item-1 .kr-tooltip { bottom:-2.8125em; left:0;}
.kr-mansion-row-8 .kr-mansion-col-1 { display: flex; flex-wrap: wrap; justify-content: space-between; width:29.875em; margin-right: 0.5em;}
.kr-mansion-row-8 .kr-bg-text-item-1 { width:28.875em; margin-right: -1.75em; margin-left: auto; margin-bottom: 1.625em;}
.kr-mansion-row-8 .kr-bg-photo-item-2 { width: 15.75em; margin-bottom: -7.375em;}
.kr-mansion-row-8 .kr-bg-photo-item-2 .kr-tooltip { bottom:-2.8125em; left:0;}
.kr-mansion-row-8 .kr-bg-photo-item-3 { width: 12.875em;}
.kr-mansion-row-8 .kr-bg-photo-item-3 .kr-tooltip { top:-2.8125em; right:0;}
.kr-mansion-row-8 .kr-bg-photo-item-4 { width: 38em; margin-top: -6.875em;}
.kr-mansion-row-8 .kr-bg-photo-item-4 .kr-tooltip { left:-2.8125em; top:3.125em;}
.kr-mansion-row-9 { margin-top: 0.125em;}
.kr-mansion-row-9 .kr-bg-photo-item-1 { width:12.25em; margin-top: 4.625em; margin-right: 5.25em;}
.kr-mansion-row-9 .kr-bg-photo-item-1 .kr-tooltip { bottom:-2.8125em; left:0;}
.kr-mansion-row-9 .kr-bg-photo-item-2 { width: 15.75em; margin-top: 11.25em; margin-right: 1.875em;}
.kr-mansion-row-9 .kr-bg-photo-item-2 .kr-tooltip { left:-2.8125em; bottom:0;}
.kr-mansion-row-9 .kr-mansion-col-1 { width: 15.75em; margin-right: 1.75em;}
.kr-mansion-row-9 .kr-mansion-col-2 { width:27.5em;}
.kr-mansion-row-9 .kr-bg-photo-item-3 { width: 15.75em;}
.kr-mansion-row-9 .kr-bg-photo-item-3 .kr-tooltip { left:-2.8125em; top:0;}
.kr-mansion-row-9 .kr-bg-photo-item-4 { width: 12.875em; margin-top:2.1875em; margin-right: -1.25em; margin-left: auto;}
.kr-mansion-row-9 .kr-bg-photo-item-4 .kr-tooltip { left:-2.8125em; top:0;}
.kr-mansion-row-9 .kr-bg-photo-item-5 { width:27.5em;}
.kr-mansion-row-9 .kr-bg-photo-item-5 .kr-tooltip { bottom:-2.8125em; right:0;}
.kr-mansion-row-9 .kr-bg-photo-item-6 { width: 20.125em; margin-top: 2em; margin-left:1.375em;}
.kr-mansion-row-9 .kr-bg-photo-item-6 .kr-tooltip { right:-2.8125em; bottom:0;}
.kr-mansion-row-10 { align-items: stretch; justify-content: space-between; margin-top: 3.75em;}
.kr-mansion-row-10 .kr-bg-text-item-1 { width: 29.125em; margin-bottom: auto;}
.kr-mansion-row-10 .kr-card-item { margin-top: -10.5em;}
.kr-mansion-row-11 { margin-left: -2.5em; margin-top: 2.5em;}
.kr-mansion-row-11 .kr-bg-photo-item-1 { width:17.25em; margin-top: 1.875em; margin-right: auto;}
.kr-mansion-row-11 .kr-bg-photo-item-1 .kr-tooltip { bottom:-2.8125em; left:0;}
.kr-mansion-row-11 .kr-mansion-col-1 { width:29.125em;}
.kr-mansion-row-11 .kr-bg-photo-item-2 { width:17.25em; margin-top: 2.8125em; margin-left: 4.25em;}
.kr-mansion-row-11 .kr-bg-photo-item-2 .kr-tooltip { left:-2.8125em; bottom:0;}
.kr-mansion-row-11 .kr-bg-photo-item-3 { width: 38em; margin-top: -13em;}
.kr-mansion-row-11 .kr-bg-photo-item-3 .kr-tooltip { left:-2.8125em; top:25.5em;}
.mansion-element-destiny .kr-element-title { position: relative; z-index: 1;}
.mansion-element-destiny .kr-bg-block { align-items: flex-start;}
.mansion-element-destiny .kr-bg-column { background: var(--light-bg); margin-top: -2em; padding-top: 6.25em;}
.mansion-element-destiny .kr-bg-bigtext { margin-bottom: 3.75em;}
.mansion-element-destiny .kr-bg-main { padding-bottom: 0;}
.kr-mansion-row-12 { justify-content: space-between; padding-left: 0.75em;}
.kr-mansion-row-12 .kr-mansion-col-1 { width:26.25em;}
.kr-mansion-row-12 .kr-bg-text-item-1 { width:20.125em; }
.kr-mansion-row-12 .kr-bg-photo-item, .kr-mansion-row-13 .kr-bg-photo-item, .kr-mansion-row-14 .kr-mansion-col { width:21.875em;}
.kr-mansion-row-12 .kr-bg-photo-item-1 .kr-tooltip { right:-2.8125em; top:0;}
.kr-mansion-row-12 .kr-bg-photo-item-2 { margin-left: auto; margin-top: 3em;}
.kr-mansion-row-12 .kr-bg-photo-item-2 .kr-tooltip { left:-2.8125em; top:0;}
.kr-mansion-row-13 { margin-top: 1.875rem; padding-left: 1.25em;}
.kr-mansion-row-13 .kr-bg-photo-item-3 { margin-top: 2.375em; margin-right: 2.5em;}
.kr-mansion-row-13 .kr-bg-photo-item-3 .kr-tooltip { top:-2.8125em; left:0;}
.kr-mansion-row-13 .kr-bg-photo-item-4 .kr-tooltip { top:-2.8125em; right:0;}
.kr-mansion-row-14 { margin-top: 2.5em; padding-left:3.3125em; padding-right: 3.75em;}
.kr-mansion-row-14 .kr-mansion-col-1 { margin-top: -2.5em; margin-right: 2.25em;}
.kr-mansion-row-14 .kr-mansion-col-2 { margin-top: 1.375em; margin-right: 3.75em;}
.kr-mansion-row-14 .kr-bg-photo-item-2, .kr-mansion-row-14 .kr-bg-photo-item-4 { margin-top: 3.125em;}
.kr-mansion-row-14 .kr-bg-photo-item-3 .kr-tooltip { top:-2.8125em; left:0;}
.kr-mansion-row-14 .kr-bg-text-item-1 { width: 12.5em; margin-top: 6em;}
.kr-mansion-row-14 .kr-card-item-1 { margin-left: auto;}

/* projects */
.kr-projects-section .container { padding-top:5.125em; padding-bottom:5.375em;}
.kr-projects-section .section-heading { margin-bottom:8.75em;}
.kr-swiper-projects { position: relative;}
.kr-project-item { padding: 0 3.75em;}
.kr-project-item .project-title { font-size:3.875em; line-height:1.35; min-height:2.7em; font-style:italic; margin:0 0 40px;}
.kr-project-item .project-entry { display: flex; align-items: center; gap:4.6875em;}
.kr-project-item .project-images { display: flex; flex-direction: column; position: relative; gap:1.25em; width:28.4375em; padding-right:2.8125em; flex-shrink: 0;}
.project-images .kr-tooltip { position: absolute; top:0; right:-2.8125em;}
.kr-project-item .thumb { display: block; position: relative; padding-bottom: 61%;}
.kr-project-item .thumb img { display: block; width: 100%; height: 100%; position: absolute; left:0; top:0; object-fit: cover; object-position: center;}
.kr-project-item .project-info > :last-child { margin-bottom: 0;}
.kr-swiper-projects-prev, .kr-swiper-projects-next { margin-top:7.125em;}

/* bibliography */
.bbg-content { padding: 0 3.75em;}
.bbg-content .kr-element-title { margin-bottom:2.5rem;}
.bbg-info { margin-bottom:5em;}
.bbg-thumb { width: 14.1875em; flex-shrink: 0;}
.bbg-thumb img { display: block; width: 100%;}
.bbg-entry { padding-left:4.5em;}
.bbg-entry h4 { text-transform:none; margin-top:0;}
.bbg-entry p { font-size: 1.125em; line-height:1.33; margin-bottom: 1.33em;}
.bbg-entry > :last-child { margin-bottom: 0;}
.bbg-list { margin: 0;}
ol.bbg-list:not(.breadcrumb):not(.pagination):not(.list-inline) { padding-left:1.875em;}
ol.bbg-list:not(.breadcrumb):not(.pagination):not(.list-inline) li { margin-bottom:0.75em;}
ol.bbg-list:not(.breadcrumb):not(.pagination):not(.list-inline) li:last-child { margin-bottom: 0;}
.bbg-list li a { text-decoration:underline;}
.bbg-list li a:hover { color:var(--purple); text-decoration:underline;}

/* fancybox */
.fancybox__container .fancybox__backdrop { background:rgba(0,0,0,0.8);}
.fancybox__container .fancybox__thumbs .carousel__slide .fancybox__thumb::after { border-color:var(--purple)}
.fancybox__slide.has-inline .fancybox__content { max-width: 624px; border-radius: 10px; padding: 3.875em 2.5em 2.5em; color:#000; margin-left: auto; margin-right: auto; font-size: 15px; line-height: 1.5;}
.fancybox__slide.has-inline .fancybox__content > p:last-of-type { margin-bottom: 0;}
.fancybox__slide.has-inline .fancybox__content>.carousel__button.is-close { top: 10px; right:10px; width: 42px; height: 42px; padding: 13px; color:#000;}
.fancybox__slide.has-inline .carousel__button.is-close svg { width: 16px; height: 16px; filter:none;}
.fancybox__slide.has-inline .fancybox__content>.carousel__button.is-close:hover { color:var(--purple)}
.fancybox__slide.has-inline .fancybox__content a:focus { outline: none !important;}
.fancybox__slide.has-inline .fancybox__content .fancy-meta { display: none;}
.fancy-item { display: flex; gap:40px;}
.fancy-item .fancy-image { width: calc(50% - 20px);}
.fancy-item .fancy-entry { flex:1;}
.fancy-item .fancy-entry h4 { font-size: 16px; line-height: 1.5; margin: 0; font-family: 'Poppins', sans-serif; font-weight: 600;}
.fancy-item .fancy-entry > :last-child { margin-bottom: 0;}
@media (max-width: 540px) {
    .fancy-item { flex-direction: column; gap:30px;}
    .fancy-item .fancy-image, .fancy-item .fancy-entry { width: 100%;}
}

.back-to-top { background:#f2f4f8;}
.back-to-top:hover { background:#f2f4f8; box-shadow:10px 10px 25px 5px rgba(0,0,0,0.05);}

@media (max-width: 991px) {
    .kr-wrapper { font-size: 16px;}
    
    .kr-bar, .kr-bar .bar-line { height: 80px;}
    .bar-brand { margin-right: auto;}
    .kr-bar .kr-logo { width: 120px;}
    .kr-menu-toggler { top:28px; right:1.5rem;}
    .kr-menu-toggler .nav-icon { width:40px; height:40px;}
    .kr-menu-toggler .nav-icon i { left:4px; top: calc(50% - 2px); width:32px; height:3px;}
    .kr-menu-toggler .nav-icon i:nth-child(1) { top:10px;}
    .kr-menu-toggler .nav-icon i:nth-child(3) { top:26px;}
    .kr-bar .kr-menu-toggler { position: relative; top:auto; right:auto; margin-right: 0.5rem;}
    .kr-navi { width: 70%; max-width: 100%;}
    .kr-navi .navi-head { padding:30px 40px 25px;}
    .kr-main-menu { padding: 0 40px;}
    .kr-main-menu li a { font-size:32px;}

    .kr-hero-section { height: 560px; margin-bottom: 60px;}
    .kr-hero-block { width: 61%; padding:100px 0 0 24px;}
    .kr-hero-block .breadcrumb { top:24px; left:24px;}    
    .kr-hero-block h1 { font-size:60px; margin: 0 0 32px;}
    .kr-hero-block .hero-button { margin-top:48px;}
    .kr-quote-box { font-size: 32px;}
    
    .kr-section { margin-bottom: 60px;}
    .section-spacer { padding-bottom:80px;}
    .section-spacer:after { width:324px; height:30px;}
    .section-heading { flex-direction: column; margin-bottom: 60px;}
    .section-title { font-size:72px; margin:0 0 44px; position: relative; z-index: 1;}
    .section-heading .section-title { width: 100%;}    
    .section-desc { width: 100%; margin-top: 30px; margin-right: 0;}
    .section-col-bg { display: none;}
    
    .kr-bg-block { flex-direction: column; gap:32px;}
    .kr-bg-column { width:100%; background: var(--light-bg); padding:0 40px 40px; position: relative;}
    .kr-bg-column:before { content:''; position: absolute; display: block; width: 100%; height:80px; left:0; bottom:calc(100% - 1px); background: var(--light-bg);}
    .kr-bg-text { padding: 0;}
    .kr-bg-bigtext { margin-bottom: 60px;}
    .kr-bg-main { padding-bottom: 0;}
    .kr-biography-section .kr-bg-main { padding-top: 100px;}
    .kr-bg-photo-item { flex-shrink: 1;}
    .kr-bg-text-item.text-item-purple { padding: 40px;}
    .kr-bg-row-1 .kr-bg-photo-item-2 { margin-top: -100px;}
    .kr-bg-row-2 { margin-top: 120px;}
    .kr-bg-row-3 { margin-top: 50px;}
    .kr-bg-row-2 .kr-bg-text-item-1 { padding: 40px 60px;}
    
    .kr-timeline-section .container { padding-top: 0;}
    .kr-timeline-section .section-heading .section-title .s-row, .kr-projects-section .section-heading .section-title .s-row, .kr-mansion-section .section-title .s-row, .mansion-element-garden .kr-element-title .s-row { text-align: left; margin-left: 150px;}
    .kr-swiper-timeline .swiper { height: 360px;}
    .kr-swiper-timeline { padding:60px 0;} 
    .kr-swiper-timeline-prev, .kr-swiper-timeline-next { width: 32px; left:calc(50% + 110px);}
    .kr-swiper-timeline-prev { top:10px;}
    .kr-swiper-timeline-next { bottom:10px;}
    .kr-timeline-item { padding: 0 0 0 100px; gap:50px; position: relative;}
    .kr-timeline-item:before { content:''; display: block; position: absolute; width: 200px; top:0; bottom:0; left:0; background: var(--light-bg); z-index: -1;}
    .timeline-year-static { left:20px;}
    .timeline-year-static .year-item, .kr-timeline-item .year-item { font-size:80px;}
    .kr-timeline-item .timeline-info { width:auto; flex:1; font-size: 1.5rem;}
    .kr-timeline-item .year-dash { width: 36px; height:4px; margin: -2px auto;}
    
    .kr-mansion-section .section-title { margin-bottom: 32px;}
    .mansion-main .kr-bg-column { margin-top: 0; padding-top: 0; padding-bottom: 40px;}
    .mansion-main .kr-bg-column:before { height: 150px;}
    .mansion-element { margin-top: 50px; padding: 0;}
    .mansion-element-destiny .kr-bg-column { margin-top:48px; padding-top:0;}
    .kr-element-title { font-size:60px;}
    .kr-mansion-row-1 { margin-top: 0;}
    .kr-mansion-row-3 .mansion-ba-slider { margin-left: 0; margin-right: 0;}
    .kr-mansion-row-4 .kr-bg-photo-item-2 .kr-tooltip { right:20px;}    
    .kr-mansion-row-5 .kr-bg-text-item-1 { width: 240px; flex-shrink: 0;}
    .kr-mansion-row-5 .kr-bg-photo-item-1 { margin-left: 10px; margin-right: 10px;}
    .kr-mansion-row-6 .kr-mansion-col-1 { width: 280px; margin-left: 10px; margin-right: 10px;}
    .kr-mansion-row-8 .kr-mansion-col-1 { width: 300px; margin-left: 10px; margin-right: 10px;}
    .kr-mansion-row-8 .kr-bg-text-item-1 { max-width: 100%; margin-left: 0; margin-right: 0;}
    .kr-mansion-row-8 .kr-bg-photo-item-3 { margin-right: -180px;}
    .kr-mansion-row-8 .kr-bg-photo-item-2 { margin-bottom: 0;}
    .kr-mansion-row-9 { margin-top: 40px; flex-wrap:wrap;}
    .kr-mansion-row-9 .kr-bg-photo-item-1 { margin-top: 40px; margin-bottom: 70px;}
    .kr-mansion-row-9 .kr-bg-photo-item-2 { margin-top: 80px; margin-bottom: 40px;}
    .kr-mansion-row-9 .kr-bg-photo-item-3 .kr-tooltip { right:-45px; top:0; left:auto;}
    .kr-mansion-row-9 .kr-mansion-col-2 { margin-top: 45px;}
    .kr-mansion-row-10 { flex-wrap:wrap;}
    .kr-mansion-row-10 .kr-bg-text-item-1 { width: 100%; margin-bottom: 32px;}
    .kr-mansion-row-10 .kr-card-item { margin-top: 0;}
    .kr-mansion-row-11 { flex-wrap:wrap; margin-left: 0;}
    .kr-mansion-row-11 .kr-mansion-col-1 { width: 28em;}
    .kr-mansion-row-11 .kr-bg-photo-item-3 { width: 300px; margin-top:-100px;}
    .kr-mansion-row-11 .kr-bg-photo-item-3 .kr-tooltip {top:auto; left:auto; bottom:0; right:-45px;}
    .kr-mansion-row-14 { padding: 0 30px; flex-wrap:wrap;}
    .kr-mansion-row-14 .kr-mansion-col-1 { margin-top: 0;}
    .kr-mansion-row-14 .kr-mansion-col-2 { margin-right: 0;}
    .kr-mansion-row-14 .kr-mansion-col-1, .kr-mansion-row-14 .kr-mansion-col-2 { max-width: calc(50% - 20px); margin-bottom: 40px;}
    .kr-mansion-row-14 .kr-bg-text-item-1 { width:calc(100% - 268px);}
    
    .kr-projects-section .container { padding-top: 0; padding-bottom: 0;}
    .kr-projects-section .section-heading { margin-bottom:60px;}
    .kr-project-item { padding: 0 10px;}    
    .kr-project-item .project-title { font-size:40px; margin-bottom:30px;}
    .kr-project-item .project-entry { gap:32px; padding: 0 24px;}
    .kr-project-item .project-images { width:320px; margin-bottom: auto;}
    .kr-swiper-prev, .kr-swiper-next, .kr-swiper-prev svg, .kr-swiper-next svg { width: 32px; height: 32px;}
    .kr-swiper-projects-prev, .kr-swiper-projects-next { transform:translateY(0); margin-top: 0; top:300px;}
    .kr-swiper-projects-prev { left:-10px;}
    .kr-swiper-projects-next { right:-10px;}
    
    .bbg-content { padding: 0;}
	.bbg-entry { padding-left:40px;}
	.bbg-info { margin-bottom:40px;}
}

@media (max-width: 767px) {
    .kr-hero-section { display: flex; flex-direction: column; height: auto;}
    .kr-hero-photo { width:100%; position:relative; top:auto; left:auto; height: auto; order:1;}
    .kr-hero-photo img { position: relative; left:auto; top:auto;}
    .kr-hero-block { width: 100%; padding-left: 0; padding-bottom: 40px;}
    .kr-hero-block .breadcrumb { left:0;}
    .kr-hero-block .kr-menu-toggler { left:20px;}
    
    .section-title { font-size:56px; margin-bottom: 40px;}
    .kr-timeline-section .section-heading .section-title .s-row, .kr-projects-section .section-heading .section-title .s-row, .kr-mansion-section .section-title .s-row, .mansion-element-garden .kr-element-title .s-row { margin-left: 100px;}
    
    .kr-bg-column:before { height: 70px;}
    .kr-bg-bigtext { font-size: 1.25rem; line-height: 1.36; margin-bottom: 40px;}
    .kr-bg-bigtext p { font-size:inherit;}
    .kr-bg-text .quote-tooltip p { font-size: 1.125rem;}
    .kr-bg-main { width: 100%;}
    .kr-bg-row-1 .kr-bg-photo-item-2 { margin-right: 0;}
    .kr-bg-row-2 { flex-wrap: wrap; margin-top: 28px;}
    .kr-bg-row-2 .kr-bg-text-item-1 { padding: 40px; order:-1; width: 100%; margin: 0 0 28px;}
    .kr-bg-row-2 .kr-bg-photo-item-3, .kr-bg-row-2 .kr-bg-photo-item-4 { max-width: calc(50% - 10px); flex-shrink: 1;}
    .kr-bg-row-2 .kr-bg-photo-item-4 { margin-top: 80px; margin-left: 20px;}
    
    .kr-swiper-timeline .swiper { height: 280px;}
    .kr-swiper-timeline { padding:40px 0;} 
    .kr-swiper-timeline-prev, .kr-swiper-timeline-next { left:calc(50% + 56px);}
    .kr-swiper-timeline-prev { top:0;}
    .kr-swiper-timeline-next { bottom:0;}
    .kr-timeline-item { padding: 0 0 0 50px; gap:34px; position: relative;}
    .kr-timeline-item:before { width: 100px;}
    .timeline-year-static { left:10px;}
    .timeline-year-static .year-item, .kr-timeline-item .year-item { font-size:40px;}
    .kr-timeline-item .timeline-info { font-size: 1.25rem;}
    .kr-timeline-item .year-dash { width: 18px; height:2px; margin: -1px auto;}
    
    .mansion-main .kr-bg-column:before { height: 124px;}
    .kr-element-title { font-size: 44px;}
    .mansion-element-destiny .kr-bg-bigtext { margin-bottom: 40px;}
    .kr-mansion-row-3 { margin-top: 40px;}
    .kr-mansion-row-3 .mansion-ba-slider .kr-tooltip { top:-45px; left:0;}
    .kr-mansion-row-4 { flex-wrap:wrap;}
    .kr-mansion-row-4 .kr-bg-text-item-1 { margin-top: 32px; width: 100%;}
    .kr-mansion-row-4 .kr-bg-photo-item-1 { width: 42%;}
    .kr-mansion-row-4 .kr-bg-photo-item-2 { width: 67%; margin-left: -9%;}
    .kr-mansion-row-5 { flex-wrap:wrap; margin-top: 40px;}
    .kr-mansion-row-5 .kr-bg-text-item-1 { width: 100%; margin-bottom: 32px;}
    .kr-mansion-row-5 .kr-bg-photo-item-1 { margin:45px 0 0; width: calc(100% - 248px);}
    .kr-mansion-row-6, .kr-mansion-row-8 { flex-wrap:wrap;}
    .kr-mansion-row-6 .kr-mansion-col-1, .kr-mansion-row-8 .kr-mansion-col-1 { width: 100%; margin:20px 0 0; order:-1;}
    .kr-mansion-row-6 .kr-bg-photo-item-2 { margin-top: 32px; max-width: calc(100% - 45px)}
    .kr-mansion-row-6 .kr-bg-photo-item-1, .kr-mansion-row-8 .kr-bg-photo-item-1 { width:calc(100% - 45px); max-width:300px; margin:20px auto 0;}
    .kr-mansion-row-6 .kr-bg-photo-item-3, .kr-mansion-row-8 .kr-bg-photo-item-4 { width:100%; margin-top: -20px; order:-2;}
	.kr-mansion-row-6 .kr-bg-photo-item-1 .kr-tooltip, .kr-mansion-row-8 .kr-bg-photo-item-1 .kr-tooltip { top:0; left:-45px;}
    .kr-mansion-row-6 .kr-bg-photo-item-3 .kr-tooltip, .kr-mansion-row-8 .kr-bg-photo-item-4 .kr-tooltip { top:0; left:0;}
    .kr-mansion-row-7 { margin-top:40px;}
    .kr-mansion-row-7 .kr-bg-photo-item-1, .kr-mansion-row-7 .kr-bg-photo-item-2 { margin-right: 1rem;}
    .kr-mansion-row-7 .kr-bg-photo-item-3 .kr-tooltip { bottom:-45px; right:0;}
    .kr-mansion-row-8 .kr-bg-text-item-1 { width: 100%;}
    .kr-mansion-row-8 .kr-bg-photo-item-3 { margin-right: 0; margin-top: 45px; max-width: calc(45% - 10px);}
    .kr-mansion-row-8 .kr-bg-photo-item-2 { max-width: calc(55% - 10px);}
    .kr-mansion-row-8 .kr-bg-photo-item-2 .kr-tooltip { bottom:0; right:-45px; left:auto;}
    .kr-mansion-row-9 .kr-bg-photo-item-1 { max-width: calc(45% - 10px); margin-top:0; margin-right: 20px; margin-bottom: 75px;}
    .kr-mansion-row-9 .kr-bg-photo-item-2 { max-width: calc(55% - 10px); margin:45px 0 30px;}
    .kr-mansion-row-9 .kr-mansion-col-1 { max-width: 35%; margin-right: 4%;}
    .kr-mansion-row-9 .kr-mansion-col-2 { max-width: 61%;}
    .kr-mansion-row-9 .kr-bg-photo-item-5, .kr-mansion-row-9 .kr-bg-photo-item-3 { max-width: 100%;}
    .kr-mansion-row-9 .kr-bg-photo-item-4 { max-width:calc(100% - 1rem);}
    .kr-mansion-row-9 .kr-bg-photo-item-6 { max-width:calc(100% - 67px);}
    .kr-mansion-row-10 { margin-top: 40px; justify-content: center; gap:32px;}
    .kr-mansion-row-10 .kr-bg-text-item-1 { margin-bottom: 0;}
    .kr-mansion-row-11 .kr-bg-photo-item-1 { max-width: calc(100% - 45px);}
    .kr-mansion-row-11 .kr-bg-photo-item-1 .kr-tooltip { top:0; right:-45px; left:auto; bottom:auto;}
    .kr-mansion-row-11 .kr-mansion-col-1 { width: 100%; margin-top: 32px;}
    .kr-mansion-row-11 .kr-bg-photo-item-2 { margin-top: 32px; max-width: calc(100% - 45px); margin-left: auto;}
    .kr-mansion-row-11 .kr-bg-photo-item-2 .kr-tooltip { bottom:auto; top:0;}
    .kr-mansion-row-11 .kr-bg-photo-item-3 { width:450px; max-width: 100%; margin-top:0; order:-1;}
    .kr-mansion-row-11 .kr-bg-photo-item-3 .kr-tooltip { top:0; left:0; bottom:auto; right:auto;}
    .kr-mansion-row-12, .kr-mansion-row-13 { padding-left: 0;}
    .kr-mansion-row-12 .kr-mansion-col-1 { max-width:calc(57% - 10px);}
    .kr-mansion-row-12 .kr-bg-text-item-1 { max-width: calc(43% - 10px); margin-left: 20px;}
    .kr-mansion-row-12 .kr-bg-photo-item-1, .kr-mansion-row-12 .kr-bg-photo-item-2 { width: calc(100% - 45px);}
    .kr-mansion-row-13 .kr-bg-photo-item-3, .kr-mansion-row-13 .kr-bg-photo-item-4 { max-width: calc(50% - 10px)}
    .kr-mansion-row-13 .kr-bg-photo-item-3 { margin-right: 20px;}
    .kr-mansion-row-13 .kr-bg-photo-item-4 .kr-tooltip { top:0; right:auto; left:-45px;}
    .kr-mansion-row-14 { padding: 0;}
    .kr-mansion-row-14 .kr-mansion-col-1 { margin-right: 20px;}
    .kr-mansion-row-14 .kr-mansion-col-1, .kr-mansion-row-14 .kr-mansion-col-2 { max-width: calc(50% - 10px); margin-bottom: 32px;}
    
    .kr-project-item .project-title { font-size:28px;}
    .kr-project-item .project-entry { flex-direction: column; align-items: flex-start; gap:32px; padding: 0;}
    .kr-project-item .project-images { width: 360px; margin:0 20px auto; max-width: calc(100% - 40px)}
    .kr-swiper-projects-prev, .kr-swiper-projects-next { top:291px;}
    
    .bbg-entry { padding-left:30px;}
}

@media (max-width: 575px) {
    .bar-brand { gap:30px;}
    .kr-navi { width: 85%;}
    .kr-main-menu li a { font-size:24px;}
    
    .kr-hero-block h1 { font-size:48px;}
    .kr-hero-block .hero-text { font-size: 18px;}
    .section-purple { padding: 45px 0;}    
    .kr-quote-box { font-size:24px;}
    
    .section-title { font-size:40px;}
    .section-desc { font-size: 20px;}
    .kr-timeline-section .section-heading .section-title .s-row, .kr-projects-section .section-heading .section-title .s-row, .kr-mansion-section .section-title .s-row, .mansion-element-garden .kr-element-title .s-row { margin-left: 75px;}
        
    .kr-bg-column { padding: 0 24px 24px;}
    .kr-bg-column:before { height: 60px;}
    .kr-bg-text .quote-tooltip .kr-tooltip { right:-1.25rem;}
    .kr-bg-text-item.text-item-purple, .kr-bg-row-2 .kr-bg-text-item-1 { padding: 30px;}
    
    .kr-swiper-timeline .swiper { height: 480px;}
    .kr-timeline-item { gap:30px;}
    .kr-timeline-item .timeline-info { font-size: 1.125rem;}
    
    .kr-element-title { font-size: 40px;}
    .mansion-main .kr-bg-column { padding-bottom: 24px;}
    .mansion-main .kr-bg-column:before { height: 102px;}
    .kr-mansion-row-1 .kr-bg-photo-item-1 { margin: 0 45px 0 0;}
    .kr-mansion-row-4 .kr-bg-photo-item-1 { margin-top: 60px;}
    .kr-mansion-row-5 .kr-bg-photo-item-1 { margin-bottom: 24px; width:100%;}
    .kr-mansion-row-5 .kr-card-item { margin-left: auto; margin-right: auto;}
    .kr-mansion-row-7 { flex-direction: column; gap:24px;}
    .kr-mansion-row-7 .kr-bg-photo-item { margin-right:0; width: 100%;}
    .kr-mansion-row-7 .kr-bg-photo-item-2 .kr-tooltip { left:auto; right:0;}
    .kr-mansion-row-7 .kr-bg-photo-item-3 { width:calc(100% - 45px)}
    .kr-mansion-row-7 .kr-bg-photo-item-3 .kr-tooltip { bottom:0; right:-45px;}
    .kr-mansion-row-12 { flex-wrap:wrap;}
    .kr-mansion-row-12 .kr-mansion-col-1 { max-width: 100%;}
    .kr-mansion-row-12 .kr-bg-text-item-1 { width:100%; max-width:100%; margin-left:0; margin-top:32px;}
    .kr-mansion-row-13 .kr-bg-photo-item-3 { margin-top: 45px;}
    .kr-mansion-row-14 .kr-bg-photo-item-2, .kr-mansion-row-14 .kr-bg-photo-item-4 { margin-top: 24px;}
    .kr-mansion-row-14 .kr-bg-text-item-1 { width:100%; margin-top: 0;}
    .kr-mansion-row-14 .kr-card-item-1 { margin:30px auto 0;}
    
    .kr-project-item { padding:0 3px;}
    .kr-project-item .project-title { font-size: 22px;}
    
    .bbg-thumb { margin: 0 auto 28px;}
	.bbg-entry { padding-left:0;}
	.bbg-content .kr-element-title { margin-bottom:28px;}
}

@media (max-width: 480px) {
	.kr-mansion-row-6 .kr-bg-photo-item-1, .kr-mansion-row-8 .kr-bg-photo-item-1 { width:calc(100% - 45px); max-width:300px; margin:20px 0 0 45px;}
}

@media (max-width: 400px) {
    .kr-swiper-projects-prev, .kr-swiper-projects-next { top:240px}
}
@media (max-width: 360px) {
    .kr-main-menu li a { font-size:20px;}
    
    .tooltip .tooltip-inner { max-width: 270px;}
}
@media (max-width: 360px) {
    .section-title { font-size:32px; margin-bottom: 30px;}
}