.hero[data-v-896c17a4] {
	position: relative;
	color: #4a4a4a;
	display: flex;
	justify-content: center;
	align-items: center
}

@media screen and (min-width:768px) {
	.hero[data-v-896c17a4] {
		color: #fff
	}
}

.hero__image-wrapper[data-v-896c17a4] {
	display: none
}

@media screen and (min-width:768px) {
	.hero__image-wrapper[data-v-896c17a4] {
		display: block
	}
}

.hero__image[data-v-896c17a4] {
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	width: 100%
}

.hero__content[data-v-896c17a4] {
	display: grid;
	gap: 20px;
	min-height: 175px;
	place-content: center;
	place-items: center
}

@media screen and (min-width:768px) {
	.hero__content[data-v-896c17a4] {
		bottom: 0;
		left: 0;
		min-height: auto;
		position: absolute;
		right: 0;
		top: 0
	}
}

.hero__title[data-v-896c17a4] {
	font-family: EB Garamond, Times New Roman, serif;
	font-weight: 400;
	font-size: 32px;
	letter-spacing: 1px;
	line-height: 42px;
	text-transform: uppercase
}

@media screen and (min-width:768px) {
	.hero__title[data-v-896c17a4] {
		font-size: 38px;
		letter-spacing: 2px;
		line-height: 50px
	}
}

.hero__subtitle[data-v-896c17a4] {
	font-family: FreightSansProBook, Verdana, sans-serif;
	letter-spacing: 1px;
	font-size: 14px;
	line-height: 20px
}

@media screen and (min-width:768px) {
	.hero__subtitle[data-v-896c17a4] {
		font-size: 18px;
		line-height: 24px
	}
}

.faq-accordion[data-v-6d31c309] {
	font-family: FreightSansProBook, Verdana, sans-serif;
	letter-spacing: 1px;
	font-size: 16px;
	line-height: 24px;
	border-bottom: 1px solid #979797;
	padding: 15px 0
}

.faq-accordion__tab[data-v-6d31c309] {
	align-items: center;
	cursor: pointer;
	display: grid;
	grid-template-columns: 1fr -webkit-min-content;
	grid-template-columns: 1fr min-content;
	position: relative;
	padding: 10px 0;
	text-align: left;
	transition: color .2s cubic-bezier(.17, .67, .98, .98), padding-bottom .2s cubic-bezier(.17, .67, .98, .98);
	font-family: FreightSansProBook, Verdana, sans-serif;
	letter-spacing: 1px;
	font-size: 14px;
	line-height: 20px;
	color: #4a4a4a
}

@media screen and (min-width:768px) {
	.faq-accordion__tab[data-v-6d31c309] {
		font-size: 18px;
		line-height: 24px
	}
}

.faq-accordion__tab[data-v-6d31c309]:hover {
	color: #a1330a
}

.faq-accordion.is-open .faq-accordion__tab[data-v-6d31c309] {
	padding-bottom: 20px
}

.faq-accordion__tab__arrow[data-v-6d31c309] {
	stroke: #979797;
	transition: stroke .2s cubic-bezier(.17, .67, .98, .98), transform .2s cubic-bezier(.17, .67, .98, .98)
}

.faq-accordion__tab:hover .faq-accordion__tab__arrow[data-v-6d31c309] {
	stroke: #a1330a
}

.faq-accordion.is-open .faq-accordion__tab__arrow[data-v-6d31c309] {
	transform: rotate(180deg)
}

.faq-accordion__content[data-v-6d31c309] {
	font-family: FreightSansProBook, Verdana, sans-serif;
	letter-spacing: 1px;
	font-size: 16px;
	line-height: 24px;
	max-height: 0;
	overflow: hidden;
	transform-origin: top center;
	transition: max-height .3s cubic-bezier(.17, .67, .98, .98), padding-top .3s cubic-bezier(.17, .67, .98, .98)
}

.faq-accordion.is-open .faq-accordion__content[data-v-6d31c309] {
	height: auto
}

.faq[data-v-2810a69f] {
	display: grid;
	padding: 20px 0
}

@media screen and (min-width:768px) {
	.faq[data-v-2810a69f] {
		grid-template-columns: .6fr 1fr;
		padding: 65px 0
	}
}

.faq__category-wrapper[data-v-2810a69f] {
	align-items: flex-start;
	display: flex;
	flex-direction: column
}

@media screen and (min-width:768px) {
	.faq__category-wrapper[data-v-2810a69f] {
		border-right: 1px solid #e6e6e6
	}
}

.faq__category[data-v-2810a69f] {
	font-family: EB Garamond, Times New Roman, serif;
	font-weight: 400;
	font-size: 20px;
	letter-spacing: 1px;
	line-height: 24px;
	padding: 20px 0
}

@media screen and (min-width:768px) {
	.faq__category[data-v-2810a69f] {
		font-size: 24px;
		letter-spacing: 2px;
		line-height: 32px
	}
}

.faq__category__title[data-v-2810a69f] {
	color: #4a4a4a;
	cursor: pointer;
	display: inline-flex;
	position: relative;
	transition: margin-bottom .2s cubic-bezier(.17, .67, .98, .98)
}

.faq__category__title[data-v-2810a69f]:after {
	background-color: #a1330a;
	bottom: 0;
	content: "";
	height: 1px;
	left: 50%;
	margin: auto;
	position: absolute;
	transform: translate3d(-50%, 0, 0);
	transition: width .2s cubic-bezier(.17, .67, .98, .98);
	width: 0
}

.faq__category.is-active .faq__category__title[data-v-2810a69f] {
	margin-bottom: 20px
}

@media screen and (min-width:768px) {
	.faq__category.is-active .faq__category__title[data-v-2810a69f] {
		margin-bottom: 0
	}
}

.faq__category.is-active .faq__category__title[data-v-2810a69f]:after {
	width: 100%
}

.faq__category__accordion[data-v-2810a69f] {
	max-height: 0;
	overflow: hidden
}

.faq__category.is-active .faq__category__accordion[data-v-2810a69f] {
	max-height: inherit
}

.faq__accordions-wrapper[data-v-2810a69f] {
	border-top: 1px solid #979797
}

@media screen and (min-width:768px) {
	.faq__accordions-wrapper[data-v-2810a69f] {
		margin-left: 75px
	}
}

html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
	display: block
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline
}

audio:not([controls]) {
	display: none;
	height: 0
}

[hidden],
template {
	display: none
}

a {
	background-color: transparent
}

a:active,
a:hover {
	outline: 0
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
	margin: 0
}

abbr[title] {
	border-bottom: 1px dotted
}

b,
strong {
	font-weight: 700
}

img {
	border: 0
}

svg:not(:root) {
	overflow: hidden
}

hr {
	box-sizing: content-box;
	height: 0
}

pre {
	overflow: auto
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0
}

button {
	overflow: visible
}

button,
select {
	text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer
}

button[disabled],
html input[disabled] {
	cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0
}

input {
	line-height: normal
}

input[type=checkbox],
input[type=radio] {
	box-sizing: border-box;
	padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	height: auto
}

input[type=search] {
	-webkit-appearance: textfield;
	box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

legend {
	border: 0;
	padding: 0
}

textarea {
	overflow: auto
}

optgroup {
	font-weight: 700
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

td,
th {
	padding: 0
}

html {
	font-size: 100%;
	box-sizing: border-box
}

*,
:after,
:before {
	box-sizing: inherit
}

body {
	padding: 0;
	margin: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

img {
	max-width: 100%;
	height: auto;
	-ms-interpolation-mode: bicubic;
	display: inline-block;
	vertical-align: middle
}

textarea {
	height: auto;
	min-height: 50px
}

select {
	width: 100%
}

button {
	-webkit-appearance: none;
	-moz-appearance: none;
	background: transparent;
	padding: 0;
	border: 0;
	line-height: 1
}

@font-face {
	font-family: FreightSansProBook;
	src: url(/textile/_ui/responsive/theme-lptextile/inspirationalPages/FAQPageTextile/loro-piana-faq-assets/fonts/FreightSansProBook-Regular.7bae1de8.eot);
	src: url(/textile/_ui/responsive/theme-lptextile/inspirationalPages/FAQPageTextile/loro-piana-faq-assets/fonts/FreightSansProBook-Regular.7bae1de8.eot?#iefix) format("embedded-opentype"), url(/textile/_ui/responsive/theme-lptextile/inspirationalPages/FAQPageTextile/loro-piana-faq-assets/fonts/FreightSansProBook-Regular.fefa14a1.woff2) format("woff2"), url(/textile/_ui/responsive/theme-lptextile/inspirationalPages/FAQPageTextile/loro-piana-faq-assets/fonts/FreightSansProBook-Regular.0b397b83.woff) format("woff"), url(/textile/_ui/responsive/theme-lptextile/inspirationalPages/FAQPageTextile/loro-piana-faq-assets/fonts/FreightSansProBook-Regular.64f0ea0c.ttf) format("truetype"), url(/textile/_ui/responsive/theme-lptextile/inspirationalPages/FAQPageTextile/loro-piana-faq-assets/img/FreightSansProBook-Regular.3a834d28.svg#FreightSansProBook-Regular) format("svg");
	font-weight: 400;
	font-style: normal;
	font-display: swap
}

#app {
	font-family: FreightSansProBook, Verdana, sans-serif;
	letter-spacing: 1px;
	font-size: 14px;
	line-height: 20px;
	-moz-osx-font-smoothing: grayscale;
	-webkit-backface-visibility: hidden;
	-webkit-font-smoothing: antialiased;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	margin: 0;
	overflow-x: hidden;
	padding: 0;
	position: relative
}

@media screen and (min-width:768px) {
	#app {
		font-size: 18px;
		line-height: 24px
	}
}

#app a {
	color: #a1330a;
	text-decoration: none
}

#app a:hover {
	text-decoration: underline
}

.uppercase {
	text-transform: uppercase
}

.text-center {
	text-align: center
}

.text-left {
	text-align: left
}

.text-right {
	text-align: right
}

.title-s {
	font-family: EB Garamond, Times New Roman, serif;
	font-weight: 400;
	font-size: 20px;
	letter-spacing: 1px;
	line-height: 24px
}

@media screen and (min-width:768px) {
	.title-s {
		font-size: 24px;
		letter-spacing: 2px;
		line-height: 32px
	}
}

.title-m {
	font-family: EB Garamond, Times New Roman, serif;
	font-weight: 400;
	font-size: 32px;
	letter-spacing: 1px;
	line-height: 42px
}

@media screen and (min-width:768px) {
	.title-m {
		font-size: 38px;
		letter-spacing: 2px;
		line-height: 50px
	}
}

.text-s {
	font-size: 16px;
	line-height: 24px
}

.text-m,
.text-s {
	font-family: FreightSansProBook, Verdana, sans-serif;
	letter-spacing: 1px
}

.text-m {
	font-size: 14px;
	line-height: 20px
}

@media screen and (min-width:768px) {
	.text-m {
		font-size: 18px;
		line-height: 24px
	}
}

.bg-base {
	background: #fff
}

.c-text-light {
	color: #fff
}

.c-text {
	color: #666
}

.c-text-dark {
	color: #4a4a4a
}

.c-primary {
	color: #a1330a
}

.faq-container {
	max-width: calc(100% - 40px);
	margin: 0 auto
}

@media screen and (min-width:1024px) {
	.faq-container {
		max-width: 80%
	}
}

@media screen and (min-width:1180px) {
	.faq-container {
		max-width: 1080px
	}
}

sup {
	font-size: .5em;
	vertical-align: super
}

@-webkit-keyframes enter-right {
	0% {
		transform: translateX(100%)
	}

	to {
		transform: translateX(0)
	}
}

@keyframes enter-right {
	0% {
		transform: translateX(100%)
	}

	to {
		transform: translateX(0)
	}
}

@-webkit-keyframes enter-left {
	0% {
		transform: translateX(-100%)
	}

	to {
		transform: translateX(0)
	}
}

@keyframes enter-left {
	0% {
		transform: translateX(-100%)
	}

	to {
		transform: translateX(0)
	}
}

@-webkit-keyframes enter-top {
	0% {
		transform: translateY(100%)
	}

	to {
		transform: translateY(0)
	}
}

@keyframes enter-top {
	0% {
		transform: translateY(100%)
	}

	to {
		transform: translateY(0)
	}
}

@-webkit-keyframes enter-bottom {
	0% {
		transform: translateY(-100%)
	}

	to {
		transform: translateY(0)
	}
}

@keyframes enter-bottom {
	0% {
		transform: translateY(-100%)
	}

	to {
		transform: translateY(0)
	}
}