/*** 16/07/24 ***/

/* ======================================== */
/* section_SA_focus
/* ======================================== */

.section_SA_focus {
	position: relative;
	overflow: unset;
	padding: 0;
	height: calc(4000px + 100vh);
	color: black;
	background: white;
	}
.section_SA_focus .ctn_section {
	position: sticky;
	overflow: hidden;
	top: 0;
	left: 0;
	height: 100vh;
	width: 100%;
	}

.section_SA_focus .ctn_text {
	position: absolute;
	z-index: 2;
	top: 50%;
	left: calc(var(--aox-external-gutter) + var(--aox-col-3-gutter));
	width: var(--aox-col-9);
	transform: translateY(-50%);
	}
.section_SA_focus .ctn_text .t_title.t_small {
    font-size: var(--aox-fs-56px) !important;
    line-height: 1;
    }
.section_SA_focus .ctn_text .t_desc {
	font-size: var(--aox-fs-30px) !important;
    line-height: var(--aox-lh-120);
	}
.section_SA_focus .ctn_text .t_desc .t_large {
    font-size: var(--aox-fs-30px) !important;
    line-height: var(--aox-lh-120);
    }
.section_SA_focus .ctn_text .t_desc .t_small {
    font-size: var(--aox-fs-16px) !important;
    line-height: var(--aox-lh-120);
    }
.section_SA_focus .ctn_text .t_desc .t_large + .t_small{
    margin-top: var(--aox-5px);
    }
.section_SA_focus .t_legal {
	position: absolute;
	z-index: 2;
	bottom: var(--aox-30px);
	left: calc(var(--aox-external-gutter) + var(--aox-col-3-gutter));
	width: var(--aox-col-9);
	}

.section_SA_focus .ctn_background {
	position: absolute;
	z-index: 1;
	left: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	background-color: white;
	}
.section_SA_focus .ctn_background .obj_video {
	height: 100%;
	width: 100%;
    }
.section_SA_focus .ctn_background .obj_video .ctn_video,
.section_SA_focus .ctn_background img {
	position: absolute;
	top: 50%;
	left: 50%;
	min-height: 100%;
	height: 100%;
	width: auto;
	max-width: none;
	transform: translate(-50%, -50%);
	clip-path: inset(1px 1px);
    }


/***/

@media screen and (max-width: 767px) {

	.section_SA_focus {
		height: calc(2000px + 100vh);
		}
	.section_SA_focus .ctn_text {
		top: auto;
		bottom: 15%;
		left: 50%;
		width: var(--aox-grid);
		transform: translate(-50%, 0);
		}
    .section_SA_focus .ctn_text .t_subtitle {
        font-size: var(--aox-fs-22px) !important;
        }
	.section_SA_focus .ctn_text .t_title {
		font-size: var(--aox-fs-30px) !important;
		}
    .section_SA_focus .ctn_text .t_title.t_small {
        font-size: var(--aox-fs-26px) !important;
        }
	.section_SA_focus .ctn_text .t_desc {
		font-size: var(--aox-fs-18px) !important;
		}
    .section_SA_focus .ctn_text .t_desc .t_large {
        font-size: var(--aox-fs-18px) !important;
        }
    .section_SA_focus .ctn_text .t_desc .t_small {
        font-size: var(--aox-fs-14px) !important;
        line-height: var(--aox-lh-110);
        }
    .section_SA_focus .ctn_text .t_desc .t_large + .t_small {
        margin-top: var(--aox-2px);
        }
    .section_SA_focus .ctn_text .t_desc + .t_desc{
        margin-top: var(--aox-10px);
        }
	.section_SA_focus .t_legal {
        bottom: var(--aox-15px);
		left: var(--aox-external-gutter);
		width: var(--aox-grid);
		}

	.section_SA_focus .ctn_background .ctn_gradient {
		display: block;
		height: 100%;
		width: 100%;
		position: absolute;
		z-index: 2;
		top: 0%;
		left: 0%;
		background: linear-gradient(0deg, rgba(255,255,255,1) 10%, rgba(255,255,255,0) 50%);
		}

	}



/* ======================================== */
/* section_SA_fragrance
/* ======================================== */

.section_SA_fragrance {
	position: relative;
    padding: var(--aox-60px) 0;
	color: black;
	background: white;
	}
.section_SA_fragrance .ctn_section {
	position: relative;
	height: var(--aox-860px);
	}

.section_SA_fragrance .ctn_title {
	position: absolute;
	z-index: 2;
	top: 10%;
	left: 0;
	}
.section_SA_fragrance .ctn_title .t_title {
    width: var(--aox-col-5-gutter);
    font-size: var(--aox-fs-66px) !important;
    line-height: var(--aox-lh-100);
    font-weight: 700;
    }

.section_SA_fragrance .ctn_legends .t_legend {
    position: absolute;
    height: var(--aox-150px);
    z-index: 2;
    }
.section_SA_fragrance .ctn_legends .t_legend::after {
    display: inline-block;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    height: 1px;
    width: 100%;
    background-color: black;
    }
.section_SA_fragrance .ctn_legends .t_legend strong {
    display: block;
    width: 100%;
    font-size: var(--aox-fs-26px) !important;
    line-height: var(--aox-lh-120);
    font-weight: 700;
}
.section_SA_fragrance .ctn_legends .t_legend span {
    position: absolute;
    display: block;
    height: var(--aox-75px);
    font-size: var(--aox-fs-32px) !important;
    line-height: var(--aox-lh-100);
    width: 100%;
    }
.section_SA_fragrance .ctn_legends .t_legend span.t_small strong{
    font-size: var(--aox-fs-24px) !important;
    line-height: var(--aox-lh-100);
    }
.section_SA_fragrance .ctn_legends .t_legend span.t_small{
    font-size: var(--aox-fs-26px) !important;
    line-height: var(--aox-lh-100);
    }
.section_SA_fragrance .ctn_legends .t_legend span.t_leg_top {
    padding-bottom: var(--aox-10px);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    }
.section_SA_fragrance .ctn_legends .t_legend span.t_leg_bottom {
    padding-top: var(--aox-10px);
    bottom: 0;
    }
.section_SA_fragrance .ctn_legends .legend_01 {
    top: 26%;
    right: 0;
    width: var(--aox-200px);
    text-align: right;
    }
.section_SA_fragrance .ctn_legends .legend_02 {
    top: 14%;
    left: var(--aox-col-4);
    width: var(--aox-260px);
    }
.section_SA_fragrance .ctn_legends .legend_03 {
    top: 51%;
    left: var(--aox-col-4);
    width: var(--aox-260px);
    }

.section_SA_fragrance .ctn_background {
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background-color: white;
    }
.section_SA_fragrance .ctn_background .obj_video {
    height: 100%;
    width: 100%;
    }
.section_SA_fragrance .ctn_background .obj_video .ctn_video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-height: 100%;
    height: 100%;
    width: auto;
    max-width: none;
    transform: translate(-50%, -50%);
    clip-path: inset(1px 1px);
    }

/***/

@media screen and (max-width: 767px) {

    .section_SA_fragrance {
        padding: var(--aox-60px) 0 var(--aox-80px);
        }
    .section_SA_fragrance .ctn_section {
        height: var(--aox-540px);
        }

    .section_SA_fragrance .ctn_title {
        position: relative;
        top: unset;
        left: unset;
        }
    .section_SA_fragrance .ctn_title .t_title {
        width: var(--aox-grid);
        font-size: var(--aox-fs-30px) !important;
        }

    .section_SA_fragrance .ctn_legends .t_legend strong {
        padding-bottom: var(--aox-5px);
        font-size: var(--aox-fs-18px) !important;
        }
    .section_SA_fragrance .ctn_legends .t_legend span {
        padding-bottom: var(--aox-5px);
        font-size: var(--aox-fs-14px) !important;
        }
    .section_SA_fragrance .ctn_legends .t_legend span strong{
        padding-bottom: 0;
        }
    .section_SA_fragrance .ctn_legends .t_legend span.t_small {
        font-size: var(--aox-fs-12px) !important;
        }
    .section_SA_fragrance .ctn_legends .t_legend span.t_small strong{
        font-size: var(--aox-fs-16px) !important;
        }
    .section_SA_fragrance .ctn_legends .t_legend span.t_leg_top{
        padding-bottom: var(--aox-5px);
        }
    .section_SA_fragrance .ctn_legends .t_legend span.t_leg_bottom{
        padding-top: var(--aox-5px);
        padding-bottom: 0;
        }

    .section_SA_fragrance .ctn_legends .legend_01 {
        top: 37%;
        width: 25%;
        }
    .section_SA_fragrance .ctn_legends .legend_01 span {
        margin-left: auto;
        }
    .section_SA_fragrance .ctn_legends .legend_02 {
        top: 25%;
        left: 0;
        width: 22%;
        }
    .section_SA_fragrance .ctn_legends .legend_03 {
        top: 70%;
        /* right: 0; */
        width: 40%;
        top: 55%;
        left: 0;
        width: 22%;
        }
    .section_SA_fragrance .ctn_legends .legend_03 span {
        margin-left: auto;
        }

    }